: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}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.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.active{color:var(--primary);border-color:#bfdbfe;background:#eff6ff}.main{padding:1.25rem 0 2rem}.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:disabled{opacity:.65;cursor:not-allowed}.btn.primary{border-color:#2563eb;background:#2563eb;color:#fff}.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}.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 (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}}