:root { --ink:#14283e; --muted:#526579; --line:#dbe3ec; --soft:#f4f7fa; --blue:#209BFF; --panel:#fff; }
body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.5; background:#f4f7fa; }
.sf-wordmark { white-space:nowrap; }
h1 { text-transform:none; letter-spacing:-.025em; }
.admin-shell { max-width:1680px; padding:16px; }
.admin-workspace { grid-template-columns:240px minmax(0,1fr); gap:20px; }
.admin-sidebar { background:#071A33; color:white; padding:16px 12px; border:0; border-radius:12px; top:16px; min-height:calc(100vh - 32px); }
.admin-sidebar-brand { border-color:#2b415c; padding:8px 10px 20px; }
.admin-sidebar-brand strong { color:#fff; font-size:20px; }
.admin-sidebar-brand small { color:#bdcce0; margin-top:6px; font-size:11px; }
.admin-nav button,.admin-nav .admin-nav-parent { color:#dce8f5; background:transparent; font-weight:600; font-size:14px; text-transform:none; border-radius:7px; min-height:44px; }
.admin-nav button:hover,.admin-nav button:focus-visible { background:#193750; color:#fff; }
.admin-nav button.active { background:#209BFF; color:#071A33; box-shadow:none; }
.admin-nav-group { border-color:#365069; }
.admin-nav .nested { font-size:13px; }
.admin-panel { min-width:0; border:1px solid #dbe3ec; border-radius:12px; padding:24px; box-shadow:none; }
.admin-head { border-bottom:1px solid #dbe3ec; padding-bottom:18px; margin-bottom:20px; gap:16px; }
.admin-head h2 { font-size:28px; letter-spacing:-.03em; margin-bottom:4px; }
.button { border-radius:7px; min-height:44px; font-weight:650; }
.button:not(.secondary):not(.logout-button) { background:#209BFF; color:#071A33; }
.button.secondary { background:white; border:1px solid #becbd9; color:#14283e; }
input,select,textarea { border-radius:7px; font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #0871c5; outline-offset:3px; }
.admin-sidebar button:focus-visible { outline-color:#fff; }
.sf-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.sf-metric { display:flex; flex-direction:column; align-items:flex-start; padding:18px; gap:8px; color:#14283e; background:#f4f7fa; border:1px solid #dbe3ec; border-top:3px solid #209BFF; border-radius:8px; font:inherit; text-align:left; cursor:pointer; }
.sf-metric strong { font-size:36px; line-height:1.2; font-variant-numeric:tabular-nums; }
.sf-metric small { color:#526579; }
.sf-next { margin-top:24px; padding:20px; border:1px solid #dbe3ec; border-radius:8px; }
.login-panel { padding:30px; border-top:4px solid #209BFF; border-radius:12px; box-shadow:0 12px 32px #071a3310; }
@media (max-width:1100px) { .sf-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { .admin-workspace { grid-template-columns:minmax(0,1fr); } .admin-sidebar { position:static; min-height:0; } .admin-sidebar-brand { padding-bottom:12px; } .admin-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-nav-group { grid-column:1/-1; } .admin-panel { padding:16px; } .admin-head { flex-wrap:wrap; } input,select,textarea { font-size:16px; } }
@media (max-width:380px) { .sf-metrics { grid-template-columns:1fr; } .admin-shell { padding:10px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }