/* Admin-only layout. Public pages and shared component styles are unchanged. */
body{background:#0a141e!important}#panel .stat .val{color:#edf8f3!important}#panel .stat:first-child .val{color:#a1f1c6!important}#panel .btn-primary,#panel .btn-green{background:#8be7bd!important;color:#102c20!important;border-radius:8px!important;box-shadow:none!important}#panel .badge-active{color:#a0efc5!important}#panel .badge-expired{color:#ffb7bd!important}#panel .badge-banned,#panel .badge-unknown{color:#ffd297!important}
body{--ad-bg:#0a141e;--ad-panel:#111f2b;--ad-line:#283b4a;--ad-muted:#a3b6c6;--ad-ink:#eff6fb;--ad-accent:#8be7bd;display:block;padding:0;background:var(--ad-bg);color:#c1d0db;font-family:'DM Sans',system-ui,sans-serif;line-height:1.5;color-scheme:dark}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}a{color:var(--ad-accent)}
:is(button,a,input,select,textarea,[contenteditable]):focus-visible{outline:2px solid #8be7bd!important;outline-offset:3px}.admin-skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:#8be7bd;color:#092018;z-index:1000;border-radius:8px}.admin-skip:focus{top:12px}
.admin-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:#8be7bd;color:#0b2720;border-radius:11px;font:800 15px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.admin-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#8bacae;text-transform:uppercase}
#login{width:min(420px,calc(100% - 32px));margin:clamp(44px,12vh,140px) auto 40px;padding:36px;background:linear-gradient(145deg,#162936,#101e29);border:1px solid #304654;border-radius:20px;text-align:left;box-shadow:0 24px 90px #0004}#login .admin-login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ad-ink);font:700 20px 'Space Grotesk',sans-serif;margin-bottom:40px}#login h1{margin:8px 0 10px;color:var(--ad-ink);font:700 32px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em}#login .admin-login-copy{font-size:14px;color:var(--ad-muted);margin:0 0 28px}#login label{display:block;margin-bottom:8px;color:#d9e5ed;font-size:13px;font-weight:600}#login input{background:#0c1822;border:1px solid #3b5262;border-radius:9px;padding:13px 14px;min-height:48px;font-size:16px;margin-bottom:16px}#login button{background:#8be7bd;min-height:48px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:#0c271d}#login .err{color:#ffadb3;line-height:1.5;font-size:13px}#login .admin-login-back{display:block;margin-top:28px;color:var(--ad-muted);text-align:center;font-size:12px;text-decoration:none}
#app,#app:has(.support-inbox){width:100%;max-width:none;margin:0}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:27px 16px 18px;background:#0e1b26;border-right:1px solid var(--ad-line);overflow-y:auto;scrollbar-width:thin;z-index:20;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 9px 26px;text-decoration:none;color:var(--ad-ink);font:700 17px 'Space Grotesk',sans-serif}.admin-brand small{display:block;margin-top:5px;color:#7f9aab;font:600 8px 'DM Sans',sans-serif;letter-spacing:.13em}.admin-sidebar .tabs{display:block;overflow:visible;width:auto;margin:0;flex:1}.admin-nav-group{margin-bottom:19px}.admin-nav-label{padding:0 13px 7px;color:#839dab;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.admin-sidebar .tab{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;margin:3px 0;min-height:40px;border:1px solid transparent;border-radius:8px;color:#a9becd;background:transparent;text-align:left;font-size:12px;font-weight:500;white-space:normal;line-height:1.4}.admin-sidebar .tab:hover{background:#182c3a;color:#f3f8fb}.admin-sidebar .tab.active{border-color:#33584f;background:#19382f;color:#a5f2cc;box-shadow:inset 3px 0 #8be7bd}.admin-nav-icon{flex:0 0 18px;display:inline-block;text-align:center;font-family:system-ui;font-size:17px;line-height:1;color:#86a3b4}.tab.active .admin-nav-icon{color:#a5f2cc}.admin-social{border-top:1px solid var(--ad-line);padding:16px 12px 0;color:#acc1ce;font-size:12px;display:flex;justify-content:space-between;text-decoration:none}
.admin-main{margin-left:238px;padding:0 clamp(22px,3vw,48px) 28px;min-width:0;max-width:1900px}.topbar{height:79px;margin:0 0 34px;border-bottom:1px solid var(--ad-line);gap:18px}.admin-location{font-size:12px;color:#b3c5d0}.admin-location span{margin:0 12px;color:#5f7b8c}.admin-top-actions{display:flex;align-items:center;gap:21px}.admin-top-actions a{font-size:12px;color:#adc4d2;text-decoration:none}.topbar button{border:1px solid #3b4b58;background:transparent;color:#cfdee8;border-radius:8px;padding:8px 14px;min-height:36px}.topbar button:hover{background:#21313e;color:#fff}.admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}.admin-page-heading h1{color:var(--ad-ink);font:700 clamp(25px,3vw,34px)/1.25 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:7px 0 7px}.admin-page-heading p{font-size:13px;color:var(--ad-muted);max-width:680px}.admin-private{flex:none;font-size:10px;color:#acc0ce;border:1px solid var(--ad-line);border-radius:99px;padding:6px 11px;background:#13232e}.admin-private span{color:#8be7bd;font-size:8px;margin-right:6px}.admin-mobile-nav{display:none}
#panel{min-width:0;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-panel);padding:26px;min-height:350px;overflow-x:auto;box-shadow:0 12px 34px #0001}#panel h2,#panel h3{color:#edf5fa}#panel .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 28px}#panel .stat{padding:21px 18px;text-align:left;background:#172b38;border:1px solid #304654;border-radius:11px;min-width:0}#panel .stat .val{color:#edf8f3;font:600 clamp(21px,2.5vw,30px)/1.2 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#panel .stat .lbl{color:#a6bac8;font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:10px}#panel .stat:first-child{background:#18372f;border-color:#365d4f}#panel .stat:first-child .val{color:#a1f1c6}
#panel table{font-size:13px;line-height:1.5;border-collapse:separate;border-spacing:0}#panel th{background:#152935;color:#a9bfce;padding:13px 14px;font-size:10px;font-weight:700;border-bottom:1px solid #37505e;white-space:nowrap}#panel td{padding:14px;border-bottom:1px solid #263a47;vertical-align:middle}#panel tr:hover td{background:#182c38}#panel td:first-child{color:#e0ebf3}#panel .badge{font-size:10px;line-height:1.5;padding:4px 9px;white-space:nowrap}#panel .badge-active{color:#a0efc5;background:#1c4235}#panel .badge-expired{color:#ffb7bd;background:#462c34}#panel .badge-banned,#panel .badge-unknown{color:#ffd297;background:#443725}
#panel :is(input[type=text],input[type=search],input[type=number],input[type=date],select,textarea){background:#0d1b26;color:#e0ebf3;border:1px solid #3a5060;border-radius:8px;padding:11px 12px;font-size:14px;min-height:42px;max-width:100%}#panel input::placeholder,#panel textarea::placeholder{color:#8ca4b6}#panel .form-row>*{min-width:0}#panel .btn-primary,#panel .btn-green{background:#8be7bd;color:#102c20;box-shadow:none;font-size:13px;min-height:44px}#panel .btn-danger,#panel .btn-ban{color:#ffb1b9;background:#402a32;border-color:#69434e}#panel .btn-remove{color:#ffce96;background:#3c3026}#panel .btn-unban{color:#a2edc6;background:#1c4235}#panel .btn-sm{font-size:11px;padding:7px 11px;min-height:33px;white-space:nowrap}#panel .btn-outline{color:#d0e0eb;border-color:#456170}#panel button:not([class]){border:1px solid #3d586a;background:#203642;color:#e4f0f8;border-radius:7px;min-height:36px;padding:7px 11px;cursor:pointer}#panel [style*="color:#45556b"]{color:#a1b6c5!important}#panel [style*="color:#7b8ca3"]{color:#afc1ce!important}.se-admin-note{color:#a1b6c5}.se-admin-nav{max-width:100%}.se-admin-nav button{color:#b7cbd8;min-height:40px}.se-admin-nav button.active{color:#a2f0c7;background:#1d3b32;border-color:#496e5d}.admin-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:#88a0b1;font-size:10px}.admin-footer span{color:#71899a}
#panel .blog-layout{gap:22px!important}#panel .blog-editor-toolbar button{min-height:34px}#panel .blog-editor-body{border-color:#3a5060}.post-list-item .date{color:#a1b6c5}#panel:has(.support-inbox){padding:0;overflow:hidden}#panel .si-layout{grid-template-columns:290px minmax(0,1fr);height:690px;max-height:calc(100dvh - 230px)}#panel .si-tools{flex-wrap:wrap}#panel .cm .cm-nav{max-width:100%}#panel .cm :is(.cm-grid,.cm-fields){min-width:0}#panel .cm .cm-card{min-width:0;overflow-wrap:anywhere}
@media(min-width:1600px){.admin-sidebar{width:254px}.admin-main{margin-left:254px}#panel{padding:32px}}
@media(max-width:1150px){.admin-sidebar{width:214px;padding-inline:12px}.admin-main{margin-left:214px;padding-inline:22px}.admin-brand{font-size:15px}#panel{padding:20px}#panel .stats{gap:10px}#panel .stat{padding:16px 12px}#panel .si-layout{grid-template-columns:250px minmax(0,1fr)}.admin-private{display:none}}
@media(max-width:900px){.admin-sidebar{display:none}.admin-main{margin:0;padding:0 20px 24px}.topbar{height:68px;margin-bottom:22px}.admin-mobile-nav{display:block;margin-bottom:24px}.admin-mobile-nav label{display:block;font-size:10px;color:#9fb6c6;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}.admin-mobile-nav select{width:100%;min-height:48px;border:1px solid #3e596b;border-radius:9px;background:#142733;color:#ebf5fa;padding:12px 14px;margin:0;font-size:15px}.admin-page-heading{margin-bottom:20px}}
@media(max-width:600px){.admin-main{padding-inline:14px}.admin-location{font-size:11px}.admin-location span{margin:0 5px}.admin-top-actions{gap:10px}.admin-top-actions>a{display:none}.topbar button{font-size:11px;padding:8px 11px;min-height:40px}.admin-page-heading h1{font-size:27px}.admin-page-heading p{font-size:12px}#panel{padding:16px;border-radius:11px}#panel .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#panel .stat .val{font-size:26px}#panel .stat .lbl{font-size:9px}#panel .stat{padding:18px 13px}#panel :is(input,select,textarea){font-size:16px!important}#panel .form-row{display:block}#panel .btn-sm{min-height:40px}#panel .blog-layout{display:block!important}#panel .blog-layout #blog-list{width:100%!important;margin-bottom:20px}#panel .blog-layout #blog-editor{width:100%}#panel .cm .cm-fields{grid-template-columns:1fr}#panel .cm .cm-nav button{white-space:nowrap}.admin-footer span{display:none}#login{padding:28px}#login h1{font-size:30px}.si-head{align-items:flex-start}.si-tools{justify-content:flex-end}#panel .si-layout{display:block;min-height:480px;height:65dvh;max-height:none}.si-compose-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
#panel[data-section=status]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}#panel[data-section=status]>.stats{grid-column:1/-1;margin-bottom:6px}#panel[data-section=status]>div:not(.stats){margin-top:0!important;background:#142734;border:1px solid #2e4656;border-radius:10px;padding:20px}#panel[data-section=status]>div:not(.stats)>div{margin-top:12px!important;line-height:1.7}#panel[data-section=status] #backup-btn{font-size:12px}
#panel .cm .cm-nav{display:flex;flex-wrap:wrap;overflow:visible;gap:7px}#panel .cm .cm-nav button{white-space:normal;text-align:left}.cm .cm-nav button[aria-current=page]{background:#8be7bd;color:#102c20;border-color:#8be7bd}
@media(max-width:600px){#panel[data-section=status]{grid-template-columns:1fr;gap:14px}#panel[data-section=status]>div:not(.stats){padding:16px}#panel .cm .cm-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#panel .cm .cm-nav button{font-size:12px;padding:9px;min-width:0;white-space:normal}#panel .cm .cm-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#panel .cm .cm-toolbar label{min-width:0;max-width:100%}#panel .cm .cm-toolbar label:first-child,#panel .cm .cm-toolbar label:last-of-type,#panel .cm .cm-toolbar>button{grid-column:1/-1}#panel .cm .cm-toolbar input{min-width:0;width:100%;padding:9px}#panel .cm .cm-toolbar select{font-size:14px!important;padding:10px 6px}}
