:root{--bb-400:#A7D8FF;--bb-600:#6EC1FF;--ink:#0A1B2B;--bg:#F7FBFF;--card:#FFF;--border:#E6EEF7}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bb-400)}.nav-link{margin:0 8px;color:#033;text-decoration:none;font-weight:600}.panel{display:none;padding:18px}.panel.active{display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin:10px 0}.btn-primary{background:var(--bb-600);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.btn-secondary{background:#cfe9ff;color:#033;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.list .item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border);padding:10px 0}body.dark{--bg:#081016;--ink:#F5FAFF;--card:#0E1720;--border:#1E2A38}.navbar button{cursor:pointer}