:root,html.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9fafb;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--brand:#2563eb;--brand-fg:#fff;--nav-bg:#fff;--nav-fg:#111827;--nav-border:#e5e7eb;--btn-bg:#16a8de;--btn-fg:#fff;--btn-border:#16a8de;--sec-bg:#e7eef7;--sec-fg:#0c1f41}html.theme-waves{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f9ff;--card:#fff;--border:#b3e4f5;--text:#0c2d4e;--muted:#4a8fa8;--brand:#16a8de;--brand-fg:#fff;--nav-bg:#16a8de;--nav-fg:#fff;--nav-border:#0e8ab8;--btn-bg:#16a8de;--btn-fg:#fff;--btn-border:#16a8de;--sec-bg:#e4f7fe;--sec-fg:#16a8de}html.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--brand:#60a5fa;--brand-fg:#0f172a;--nav-bg:#0f172a;--nav-fg:#f1f5f9;--nav-border:#334155;--btn-bg:#16a8de;--btn-fg:#fff;--btn-border:#16a8de;--sec-bg:#0f172a;--sec-fg:#fff}html.font-xs{font-size:12px}html.font-sm{font-size:14px}html.font-md{font-size:16px}html.font-lg{font-size:18px}html.font-xl{font-size:20px}.nav-logo-dark{display:none}.nav-logo-light,html.theme-waves .nav-logo-dark{display:block}html.theme-waves .nav-logo-light{display:none}html.theme-dark .nav-logo-dark{display:block}html.theme-dark .nav-logo-light{display:none}*{box-sizing:border-box}html{background:var(--bg);overflow-x:hidden}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1{margin-block:.5em;font-size:1.5em}h2{margin-block:.5em;font-size:1.2em}.container{max-width:1100px;margin:0 auto;padding:32px 20px}.nav{border-bottom:1px solid var(--nav-border);background:var(--nav-bg);color:var(--nav-fg);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.nav a:not(.btn),.nav strong{color:var(--nav-fg)}.nav-links{align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}.btn-icon{border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:0}.btn-delete{color:#fff;background-color:maroon;border-color:maroon}dialog{border:none;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080}.grid{gap:20px;display:grid}.grid>*{min-width:0}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000f}.hero{padding:70px 0}.hero h1{margin:0 0 16px;font-size:48px;line-height:1.05}.muted{color:var(--muted)}.form{max-width:420px;margin:40px auto}.input{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:10px;margin:8px 0 16px;padding:12px}.sidebar-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}.sidebar a{border-radius:10px;margin-bottom:6px;padding:10px 12px;display:block}.sidebar a:hover{background:var(--border)}@media (max-width:800px){.sidebar-layout{grid-template-columns:1fr}.hero h1{font-size:36px}}@media (max-width:640px){.container{padding:16px 12px}.grid{gap:12px}}