:root{--bg:#eef3f9;--bg-2:#dde8f6;--surface:#ffffff;--surface-2:#f6f9fe;--text:#10213e;--muted:#576b8f;--primary:#0e8f77;--primary-2:#0b7763;--accent:#0077cc;--border:#cfdcf0;--border-strong:#b7c9e6;--danger:#c2363f;--shadow:0 16px 30px rgba(20,45,87,0.08)}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 6%,#ffffff 0,rgba(255,255,255,0) 30%),linear-gradient(140deg,var(--bg) 0,#e8f0fb 46%,var(--bg-2) 100%);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0}.auth-container{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(560px,100%);background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid var(--border);border-radius:16px;padding:26px;display:grid;grid-gap:14px;gap:14px;box-shadow:var(--shadow)}.primary-btn,.secondary-btn,.status-btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.primary-btn{background:linear-gradient(135deg,var(--primary),#0a9b81);color:white;box-shadow:0 10px 18px rgba(14,143,119,.24)}.primary-btn:hover{background:linear-gradient(135deg,var(--primary-2),#0b866f);transform:translateY(-1px)}.secondary-btn{background:#e8f0fd;color:#1f3f70}.secondary-btn:hover,.status-btn:hover{transform:translateY(-1px)}.status-btn{background:#e0ecfe;color:#1b4e89}.page-shell{max-width:1240px;margin:0 auto;padding:24px;display:grid;grid-gap:18px;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(180deg,#ffffff,#f7faff);border:1px solid var(--border-strong);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.topbar h2{letter-spacing:-.01em}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{font-weight:700;font-size:13px;color:#3f5378;padding:8px 10px;border-radius:8px;background:transparent;transition:background-color .14s ease,color .14s ease}.nav a:hover{color:#173968;background:#eaf2ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.panel{background:linear-gradient(180deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;grid-gap:10px;gap:10px;box-shadow:0 8px 16px rgba(20,45,87,.05);animation:panelIn .18s ease-out}.tile-link{display:block;cursor:pointer}.tile-link .panel{height:100%;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tile-link:hover .panel{border-color:#8eb0de;box-shadow:0 12px 26px rgba(24,69,138,.12);transform:translateY(-2px)}.kpi{font-size:34px;font-weight:800;letter-spacing:-.02em;color:#123462}.table-wrap{overflow:auto;background:#ffffff;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid #dde7f7;font-size:14px}th{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:#3c5785;background:#f3f8ff}tbody tr:nth-child(2n){background:#fbfdff}tbody tr:hover{background:#eef5ff}form{display:grid;grid-gap:10px;gap:10px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:#ffffff;color:var(--text)}input[type=checkbox]{width:auto;margin-right:8px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,119,204,.2);border-color:#87afe5}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.muted{color:var(--muted);font-size:13px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;background:#e3efff;color:#1c497f}.quickstart-list{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px;color:var(--text);font-size:14px}@keyframes panelIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.row{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.page-shell{padding:16px}}