:root{--bg:#0a0f1c;--card:#0f172aCC;--border:#ffffff22;--text:#eef3ff;--muted:#9db0d1;--accent:#6ac1ff;--accent2:#a6e3a1;--danger:#ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#0f1c34,transparent 60%),radial-gradient(900px 600px at 120% 10%,#0c1a33,transparent 60%),radial-gradient(1000px 600px at 50% 120%,#071020,transparent 60%),var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}.container{max-width:1100px;margin:0 auto;padding:16px}.grid{display:grid;gap:14px}.grid.cards{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0b1220cc,#0b1220a6);border-bottom:1px solid #14203a}.header .bar{display:flex;align-items:center;gap:12px;padding:12px 16px}.header .title{font-weight:800;letter-spacing:.3px}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px #00000059;overflow:hidden}.card .content{padding:16px}.card h2{margin:0;padding:16px;border-bottom:1px solid var(--border);font-size:1.1rem}.card .muted{color:var(--muted);font-size:.925rem}.hero{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;color:#00152e;font-weight:800;font-size:1.2rem;border-radius:20px;box-shadow:inset 0 1px #fff3,0 20px 40px #00000040}.hero small{color:#00243f;font-weight:600;opacity:.9;display:block;margin-top:6px}.round{border-radius:22px}.bg-peach{background:linear-gradient(135deg,#ffd6b3,#ffb8a1)}.bg-lilac{background:linear-gradient(135deg,#d9c6ff,#f1b9ff)}.bg-sky{background:linear-gradient(135deg,#57b6ff,#0ea5e9);color:#01233f}.bg-slate{background:linear-gradient(135deg,#1f2a44,#111827);color:#cfe0ff}.tabs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:thin}.tab{padding:10px 14px;border-radius:999px;cursor:pointer;color:var(--muted);background:#0e1728;border:1px solid #14203a;box-shadow:0 2px 8px #00000040}.tab.active{background:var(--accent);color:#00152e;font-weight:800}.subtabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.subtab{padding:8px 12px;border-radius:12px;cursor:pointer;color:var(--muted);background:#0f1b30;border:1px solid #14203a}.subtab.active{background:#1d2a46;color:var(--text)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #14203a;padding:10px;text-align:left}th{color:var(--muted);font-weight:600}input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #22304c;background:#0f1b30;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ac1ff2e}.btn{background:var(--accent);color:#00152e;border:none;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}.btn.sec{background:#1f2c47;color:var(--text)}.btn.danger{background:#ff6b6b;color:#fff}.btn.ghost{background:transparent;color:var(--muted);border:1px dashed #22304c}.right{display:flex;justify-content:flex-end;gap:10px}.rowbtns{display:flex;gap:8px}.note{margin-top:10px;color:var(--muted)}.ok{color:var(--accent2);font-weight:700}.spacer{height:16px}@media (min-width:780px){.tabs{flex-wrap:wrap;white-space:normal;overflow-x:visible}}