.admin-shell { width:min(100%,1180px); margin:0 auto; padding:18px 16px 56px; }
    .admin-topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
    .admin-topbar .brand { text-decoration:none; color:var(--ink); }
    .admin-user { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13px; }
    .avatar-chip { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--coral),var(--violet)); font-weight:800; }
    .admin-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:start; }
    .admin-sidebar, .admin-card { border:1px solid rgba(255,255,255,.78); background:var(--panel); box-shadow:0 14px 42px rgba(48,43,37,.08); border-radius:var(--radius); }
    .admin-sidebar { position:sticky; top:16px; padding:10px; }
    .admin-nav { display:grid; gap:4px; }
    .admin-nav button { display:flex; align-items:center; gap:10px; width:100%; padding:12px 14px; border-radius:14px; background:transparent; color:var(--muted); text-align:left; cursor:pointer; font-weight:700; }
    .admin-nav button:hover, .admin-nav button.is-active { color:var(--ink); background:rgba(30,170,138,.12); }
    .admin-nav button.is-active { box-shadow:inset 3px 0 var(--teal); }
    .admin-nav-icon { width:22px; text-align:center; font-size:17px; }
    .admin-main { min-width:0; }
    .admin-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; }
    .admin-heading h1 { max-width:none; font-size:clamp(28px,5vw,42px); line-height:1.1; }
    .admin-heading p { margin-top:8px; color:var(--muted); font-size:14px; }
    .eyebrow { color:var(--teal); font-size:11px; font-weight:800; letter-spacing:.14em; }
    .admin-grid { display:grid; gap:14px; }
    .admin-grid.stats { grid-template-columns:repeat(4,1fr); margin-bottom:14px; }
    .stat-card { padding:18px; }
    .stat-card strong { display:block; margin-top:8px; font-size:30px; }
    .stat-card span { color:var(--muted); font-size:12px; }
    .admin-card { padding:20px; }
    .card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
    .card-heading h2 { font-size:18px; }
    .card-heading p { color:var(--muted); font-size:12px; }
    .topic-list { display:grid; gap:10px; }
    .topic-option { display:flex; align-items:center; gap:13px; padding:14px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.62); cursor:pointer; transition:.2s ease; }
    .topic-option:hover, .topic-option.is-selected { border-color:rgba(30,170,138,.55); background:rgba(30,170,138,.08); }
    .topic-option input { accent-color:var(--teal); width:18px; height:18px; }
    .topic-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; font-size:21px; }
    .topic-icon.coral { background:linear-gradient(135deg,#ed735f,#e4a331); }
    .topic-icon.blue { background:linear-gradient(135deg,#3f7fd1,#8b65c9); }
    .topic-icon.teal { background:linear-gradient(135deg,#1eaa8a,#3f7fd1); }
    .topic-copy { min-width:0; flex:1; }
    .topic-copy strong { display:block; font-size:15px; }
    .topic-copy span { display:block; margin-top:4px; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; font-size:11px; font-weight:800; white-space:nowrap; }
    .status-live { color:#15775f; background:rgba(30,170,138,.13); }
    .status-draft { color:#936719; background:rgba(228,163,49,.16); }
    .status-off { color:var(--muted); background:rgba(104,112,127,.12); }
    .status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
    .version-table { width:100%; border-collapse:collapse; font-size:13px; }
    .version-table th { padding:0 10px 10px; color:var(--muted); text-align:left; font-size:11px; font-weight:700; }
    .version-table td { padding:13px 10px; border-top:1px solid var(--line); vertical-align:middle; }
    .version-table tr:hover td { background:rgba(255,255,255,.4); }
    .version-table th:first-child, .version-table td:first-child { padding-left:0; }
    .version-table th:last-child, .version-table td:last-child { padding-right:0; text-align:right; }
    .table-actions { display:inline-flex; gap:8px; }
    .btn-small { min-height:34px; padding:8px 11px; border-radius:11px; font-size:12px; font-weight:800; cursor:pointer; }
    .empty-state { padding:26px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); text-align:center; font-size:13px; }
    .two-col { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:14px; }
    .quick-list { display:grid; gap:8px; }
    .quick-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); }
    .quick-item:last-child { border-bottom:0; padding-bottom:0; }
    .quick-item:first-child { padding-top:0; }
    .quick-item strong { display:block; font-size:14px; }
    .quick-item span { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
    .modal-backdrop { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(32,36,45,.38); backdrop-filter:blur(4px); }
    .modal-backdrop[hidden] { display:none; }
    .editor-modal { width:min(100%,680px); max-height:min(88svh,760px); overflow:auto; padding:22px; border-radius:24px; background:var(--paper); box-shadow:0 24px 90px rgba(32,36,45,.26); }
    .editor-modal h2 { font-size:22px; }
    .editor-form { display:grid; gap:14px; margin-top:18px; }
    .field { display:grid; gap:7px; }
    .field label { color:var(--muted); font-size:12px; font-weight:700; }
    .field input, .field select, .field textarea { width:100%; border:1px solid var(--line); border-radius:12px; padding:11px 12px; background:#fffdf8; color:var(--ink); font:inherit; }
    .field textarea { min-height:100px; resize:vertical; }
    .modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
    .toast { position:fixed; right:18px; bottom:18px; z-index:30; padding:12px 16px; border-radius:14px; color:#fff; background:#263142; box-shadow:var(--shadow); font-size:13px; }
    .toast[hidden] { display:none; }
    @media (max-width:820px) { .admin-layout { grid-template-columns:1fr; } .admin-sidebar { position:static; } .admin-nav { grid-template-columns:repeat(3,1fr); } .admin-nav button { justify-content:center; padding:10px 6px; font-size:12px; } .admin-nav button span:last-child { display:none; } .admin-grid.stats { grid-template-columns:repeat(2,1fr); } .two-col { grid-template-columns:1fr; } }
    @media (max-width:560px) { .admin-topbar { align-items:flex-start; } .admin-user span:not(.avatar-chip) { display:none; } .admin-heading { display:block; } .admin-heading .btn { margin-top:14px; } .admin-nav { grid-template-columns:repeat(3,1fr); } .admin-nav-icon { font-size:16px; } .version-table th:nth-child(3), .version-table td:nth-child(3) { display:none; } }