:root{--bg:#f3f6fb;--panel:#ffffff;--text:#0f172a;--muted:#475569;--border:#dbe3ef;--primary:#2563eb;--success:#0f766e;--warning:#b45309;--danger:#b91c1c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 8% 10%,#dbeafe 0,transparent 34%),radial-gradient(circle at 92% 85%,#ecfeff 0,transparent 28%),var(--bg);color:var(--text);font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}a{color:inherit;text-decoration:none}:where(a,button,input,select,textarea,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid rgba(37,99,235,.9);outline-offset:2px}:where(a,button){transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1240px,100% - 2rem);margin:0 auto}.topbar{background:var(--panel);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:700;letter-spacing:.4px;display:inline-flex}.brand,.nav{align-items:center;gap:.5rem}.nav{display:flex}.nav a{padding:.55rem .85rem;border-radius:10px;border:1px solid transparent;color:var(--muted);font-size:.95rem}.nav a:hover{color:var(--primary);border-color:#dbeafe;background:#f8fbff}.nav a.active{color:var(--primary);border-color:#bfdbfe;background:#eff6ff}.main{padding:1.25rem 0 2rem;flex:1 0 auto}.main:focus-visible{outline:none}.page-header{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem}.page-header h1{margin:0;font-size:1.4rem}.page-header p{margin:.4rem 0 0;color:var(--muted)}.grid{display:grid;grid-gap:.9rem;gap:.9rem}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:.9rem}.stat-title{color:var(--muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{margin-top:.35rem;font-weight:700;font-size:1.45rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.row.between{justify-content:space-between}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.58rem .65rem;font-size:.94rem;background:#fff;color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.label{font-size:.84rem;color:var(--muted);margin-bottom:.3rem}.btn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:.56rem .82rem;font-size:.9rem;cursor:pointer}.btn:hover:not(:disabled){border-color:#c7d5ea;background:#f8fbff}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.primary{border-color:#2563eb;background:#2563eb;color:#fff}.btn.primary:hover:not(:disabled){border-color:#1d4ed8;background:#1d4ed8}.btn.success{border-color:#0f766e;background:#0f766e;color:#fff}.btn.ghost{background:transparent}.tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;border:1px solid var(--border);padding:.24rem .56rem;font-size:.75rem;color:var(--muted)}.tag.primary{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.tag.success{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.tag.warning{background:#fffbeb;color:#b45309;border-color:#fde68a}.tag.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.skip-link{position:fixed;left:1rem;top:.75rem;z-index:70;background:#0f172a;color:#fff;border:1px solid #1d4ed8;border-radius:10px;padding:.6rem .8rem;font-size:.85rem;font-weight:600;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell-footer{border-top:1px solid var(--border);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell-footer-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.shell-footer-text{margin:0;font-size:.82rem;color:var(--muted)}.shell-footer-link{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.shell-footer-link:hover{border-color:#93c5fd;background:#dbeafe}.kv{margin:0;display:grid;grid-gap:.3rem;gap:.3rem}.kv dt{font-size:.75rem;color:var(--muted);text-transform:uppercase}.kv dd{margin:0;font-size:.96rem}.screen-center{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1rem}.error{color:var(--danger);font-size:.85rem}.muted{color:var(--muted)}.mt-2{margin-top:.75rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.2rem}.mb-0{margin-bottom:0}.w-full{width:100%}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){body,html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:940px){.topbar-inner{height:auto;padding:.65rem 0;align-items:flex-start;flex-direction:column}.nav{width:100%;overflow-x:auto;padding-bottom:.2rem}}