:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f9ff;font-family:Be Vietnam Pro,Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#0ea5e924,#0000 42%),radial-gradient(circle at 85% 90%,#3b82f61a,#0000 38%),linear-gradient(#f7fbff,#eef6ff);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{color:#0b1f3a;margin-top:0}code{background:#eef6ff;border:1px solid #c8ddf4;border-radius:8px;padding:2px 6px}.page{color:#0f172a;width:100%;max-width:none;margin:0;padding:22px 24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar h1{letter-spacing:.2px;color:#0b1f3a;margin:0;font-size:36px}.topbar p{color:#475569;margin:4px 0 0}.nav{gap:10px;display:flex}.panel{background:linear-gradient(#ffffffeb,#f8fcfff2);border:1px solid #d7e4f5;border-radius:18px;margin-bottom:14px;padding:18px;box-shadow:0 12px 28px #0f172a14}.heroPanel{background:radial-gradient(circle at 12% 0,#38bdf833,#0000 45%),radial-gradient(circle at 90% 95%,#0284c71f,#0000 45%),linear-gradient(160deg,#fff,#eff8ff);padding:32px}.metrics{gap:14px;margin:18px 0;display:flex}.metrics div{background:#f8fbff;border:1px solid #cfe2f8;border-radius:14px;flex:1;padding:14px}.metrics span{color:#0369a1;display:block}.metrics strong{color:#0b3f68;font-size:24px}button,input,select{color:#0f172a;background:#fff;border:1px solid #c7d9ef;border-radius:12px;padding:10px 12px;transition:border-color .2s,transform .2s,box-shadow .2s}input:focus,select:focus,button:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf833}button{cursor:pointer}button:hover{transform:translateY(-1px)}.primary{color:#fff;background:linear-gradient(90deg,#0284c7,#0ea5e9);border-color:#0000;font-weight:700}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.linkBtn{color:#0369a1;background:0 0;border:0;padding:8px 0}.authPanel form,.row,.grid2{gap:10px;display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appLayout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px;display:grid}.sidebar{align-content:start;gap:8px;height:fit-content;min-height:calc(100vh - 110px);padding-bottom:14px;display:grid;position:sticky;top:16px}.sidebar button{text-align:left}.wide{grid-column:span 2}.secret{background:#f4f9ff;border:1px solid #c8ddf4;border-radius:12px;padding:12px;overflow:auto}.keyGrid{gap:10px;margin-top:10px;display:grid}.keyItem{background:#fbfdff;border:1px solid #d2e3f8;border-radius:12px;gap:8px;padding:12px;display:grid}.muted{color:#64748b;margin:0}.warn,.error{border-radius:12px;margin-bottom:12px;padding:12px}.warn{background:#fff8e6;border:1px solid #f6cd72}.error{background:#ffecec;border:1px solid #f5b0b0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #d9e8fa;padding:10px}.footer{color:#64748b;margin-top:12px}.modalBackdrop{z-index:50;background:#0f172a3d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid #c8ddf4;gap:10px;width:min(640px,95vw);display:grid}@media (width<=900px){.page{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.appLayout{grid-template-columns:1fr}.sidebar{position:static}.dashboard,.grid2,.metrics{flex-direction:column;grid-template-columns:1fr}.wide{grid-column:span 1}}