:root{--bg:#15151a;--bg-elevated:#1a1a20;--card:#1e1e24;--card-alt:#2c2c34;--border:#3c3c46;--border-soft:#ffffff14;--text-primary:#faf6f1;--text-secondary:#9a9aa5;--text-tertiary:#6e6e78;--teal:#0e9594;--teal-light:#4fc3c1;--coral:#ff7a5c;--coral-light:#ff8f75;--gold:#f5a623;--gold-light:#ffbe4d;--crimson:#c0392b;--crimson-light:#d9594b;--purple:#d9a8ff;--action:var(--teal-light);--energy:var(--coral-light);--reward:var(--gold-light);--danger:var(--crimson-light);--teal-ink:var(--teal-light);--coral-ink:var(--coral-light);--gold-ink:var(--gold-light);--crimson-ink:var(--crimson-light);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Rounded", ui-rounded, "Segoe UI", Roboto, system-ui, sans-serif;--sidebar-width:248px;--rail-width:60px;--content-max:1040px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#faf6f1;--bg-elevated:#f1eae0;--card:#fff;--card-alt:#f3ece2;--border:#e5ded5;--border-soft:#2c2c3414;--text-primary:#2c2c34;--text-secondary:#6b6258;--text-tertiary:#756b5f;--action:var(--teal);--energy:var(--coral);--reward:var(--gold);--danger:var(--crimson);--teal-ink:#062e2a;--coral-ink:#7a2e17;--gold-ink:#6b4207;--crimson-ink:#6a1f16;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--teal-ink);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:var(--teal);color:#fff}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--action);color:#06201f}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--card-alt);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#35353e}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--card-alt)}.btn-danger{color:var(--crimson-ink);background:0 0;border:1px solid #d9594b66}.btn-danger:hover:not(:disabled){background:#d9594b1f}.btn-block{width:100%}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:22px}.pill{letter-spacing:.02em;background:var(--card-alt);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill-action{color:var(--teal-ink);background:#4fc3c129}.pill-energy{color:var(--coral-ink);background:#ff8f7529}.pill-reward{color:var(--gold-ink);background:#ffbe4d29}.pill-danger{color:var(--crimson-ink);background:#d9594b29}input[type=text],input[type=number],input[type=date],select{background:var(--card-alt);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,select:focus{outline:2px solid var(--action);outline-offset:-1px}.field-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-hint{color:var(--text-secondary);margin-top:6px;font-size:12px}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;font-size:13px;font-weight:700}.page-title{margin:0 0 4px;font-size:26px;font-weight:700}.page-subtitle{color:var(--text-secondary);max-width:640px;margin:0 0 28px;font-size:14.5px;line-height:1.5}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:1fr}}code{overflow-wrap:anywhere}.scroll-x,.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=720px){.card{padding:16px}.page-title{font-size:22px}.page-subtitle{margin-bottom:20px;font-size:13.5px}.btn{padding:10px 16px;font-size:14px}}.divider{background:var(--border-soft);border:none;height:1px;margin:16px 0}.spinner{border:2px solid var(--border);border-top-color:var(--action);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.note-banner{background:var(--card-alt);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.note-banner b{color:var(--text-primary)}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{background:var(--card-alt);color:var(--text-primary)}