:root{--bg:#f0f6ff;--surface:#ffffff;--surface-2:#eff6ff;--border:#dbeafe;--border-2:#bfdbfe;--accent:#2563eb;--accent-2:#1d4ed8;--accent-muted:rgba(37,99,235,0.08);--accent-ring:rgba(37,99,235,0.25);--text:#1e3a5f;--text-2:#3b5f8a;--text-dim:#7fa8d0;--heading:#0f2040;--success:#16a34a;--success-bg:rgba(22,163,74,0.08);--success-border:rgba(22,163,74,0.2);--warn:#d97706;--warn-bg:rgba(217,119,6,0.08);--warn-border:rgba(217,119,6,0.2);--danger:#dc2626;--danger-bg:rgba(220,38,38,0.06);--danger-border:rgba(220,38,38,0.2);--radius-sm:6px;--radius:10px;--radius-lg:14px;--topbar-h:52px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.flex-gap{display:flex;align-items:center;gap:.75rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:800;color:var(--heading);letter-spacing:-.5px}.page-header p{color:var(--text-dim);margin-top:.35rem}.card{border:1px solid var(--border);border-radius:12px;padding:1.5rem}.card,.card-sm{background:var(--surface)}.card-sm{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){opacity:.85}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;background:transparent;color:var(--text-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;background:transparent;color:var(--danger);border:1px solid var(--danger-border);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%;justify-content:center;padding:.8rem 1.25rem;font-size:.95rem}.inp{width:100%;padding:.7rem 1rem;background:var(--border);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--heading);outline:none;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.inp:disabled{opacity:.5;cursor:not-allowed}.label{display:block;color:var(--text-2);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.field{margin-bottom:1rem}.badge{display:inline-flex;align-items:center;font-size:.72rem;padding:.2rem .55rem;border-radius:5px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-neutral{background:rgba(148,163,184,.1);color:var(--text-2);border:1px solid var(--border-2)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success)}.alert-error,.alert-success{padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.25rem}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger)}.alert-warn{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--warn);font-size:.875rem;margin-bottom:1.25rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:440px;animation:modal-in .15s ease}.modal h2{font-size:1.1rem;font-weight:700;color:var(--heading);margin-bottom:.75rem}.modal p{color:var(--text-dim);font-size:.875rem;margin-bottom:1.25rem}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.section-title{font-size:.8rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;margin-bottom:.75rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1rem}.grid-2,.grid-4{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:1rem}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-4{grid-template-columns:1fr}}.dash-main{flex:1 1;overflow-y:auto;background:var(--bg)}.topbar{display:none;align-items:center;gap:.75rem;padding:0 1rem;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:50}.topbar-brand{display:flex;align-items:center;gap:.5rem;flex:1 1;font-weight:700;color:var(--heading);font-size:.9rem;min-width:0;overflow:hidden}.topbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);flex-shrink:0;transition:border-color .15s,color .15s}.hamburger:hover{border-color:var(--accent);color:var(--accent)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:80}@media (max-width:768px){.topbar{display:flex}.sidebar{position:fixed!important;top:0;left:0;bottom:0;height:100dvh!important;z-index:90;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.nav-overlay.open{display:block}.dash-main{padding-top:var(--topbar-h)}}