:root{--color-primary:#2e7d32;--color-primary-light:#66bb6a;--color-on-primary:#fff;--color-tertiary:#ff6f4a;--color-tertiary-light:#ff9270;--color-on-tertiary:#fff;--color-bg:#fbf9f5;--color-surface:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e4e0;--color-error:#e5484d;--color-error-bg:#e5484d14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 12px #0000000f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-primary:#66bb6a;--color-primary-light:#2e7d32;--color-on-primary:#0b2e12;--color-tertiary:#ff9270;--color-tertiary-light:#ff6f4a;--color-on-tertiary:#3a1206;--color-bg:#15181a;--color-surface:#1e2226;--color-text:#f3f4f1;--color-text-muted:#9ca3af;--color-border:#2e322e;--color-error:#ff6e6e;--color-error-bg:#ff6e6e1f;--shadow-card:0 4px 16px #00000059}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}h1,h2,h3{color:var(--color-text);margin:0 0 8px;font-weight:600}h1{font-size:28px}h2{font-size:20px}h3{font-size:17px}p{color:var(--color-text);margin:0 0 8px}a{color:var(--color-primary)}#app{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar-brand{color:var(--color-text);font-size:18px;font-weight:700;text-decoration:none}.topbar-account{color:var(--color-text-muted);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:6px 12px;font-size:14px;text-decoration:none}.topbar-account:hover{background:var(--color-surface)}.page{flex:1;width:100%;max-width:480px;margin:0 auto;padding:32px 20px}.page-wide{max-width:720px}.stack>*+*{margin-top:16px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--color-text-muted);font-size:13px;font-weight:600}.field input{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:10px 12px}.field input:focus{outline:2px solid var(--color-primary-light);outline-offset:1px}.btn{width:100%;font:inherit;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-accent{background:var(--color-tertiary);color:var(--color-on-tertiary)}.btn-text{color:var(--color-primary);background:0 0;padding:8px;font-weight:500}.status-error{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.status-message{color:var(--color-primary);border-radius:var(--radius-sm);background:#2e7d321a;padding:10px 12px;font-size:14px}.muted{color:var(--color-text-muted);font-size:14px}.stat{color:var(--color-tertiary);font-size:40px;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:14px}