:root{--color-primary:#34483c;--color-on-primary:#fff;--color-primary-container:#d3ded6;--color-on-primary-container:#16261c;--color-secondary:#3e5c76;--color-on-secondary:#fff;--color-secondary-container:#d6e2ea;--color-on-secondary-container:#12222d;--color-tertiary:#8a6a2f;--color-on-tertiary:#fff;--color-tertiary-container:#f0e4c4;--color-on-tertiary-container:#3d2e14;--color-error:#8c2f26;--color-on-error:#fff;--color-error-container:#f6dad5;--color-on-error-container:#410e09;--color-background:#f2f4f1;--color-on-background:#1b1c1a;--color-surface:#fff;--color-on-surface:#1b1c1a;--color-surface-variant:#e1e4de;--color-on-surface-variant:#44483f;--color-outline:#74786e;--color-outline-variant:#c7cac0;--color-surface-container-low:#f8faf6;--color-surface-container:#f0f3ee;--color-surface-container-high:#eaede6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 3px #1b1c1a1f, 0 1px 2px #1b1c1a14}@media (prefers-color-scheme:dark){:root{--color-primary:#9db3a2;--color-on-primary:#14231a;--color-primary-container:#233329;--color-on-primary-container:#bfd4c5;--color-secondary:#9fc0d6;--color-on-secondary:#0f2530;--color-secondary-container:#233947;--color-on-secondary-container:#cfe3ee;--color-tertiary:#d4b876;--color-on-tertiary:#2e2205;--color-tertiary-container:#4a3a12;--color-on-tertiary-container:#f0dfaf;--color-error:#e4897a;--color-on-error:#430d06;--color-error-container:#5c1b12;--color-on-error-container:#f9dad3;--color-background:#16181a;--color-on-background:#e3e4e1;--color-surface:#1e2123;--color-on-surface:#e3e4e1;--color-surface-variant:#2b2f2c;--color-on-surface-variant:#c4c7c0;--color-outline:#6e726a;--color-outline-variant:#3a3e38;--color-surface-container-low:#1e2123;--color-surface-container:#222623;--color-surface-container-high:#2b2f2b;--shadow-card:0 1px 3px #0006, 0 1px 2px #0000004d}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-on-background);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:var(--color-secondary)}button{font-family:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);border:none;padding:10px 18px;font-size:.95rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--color-primary);border:1px solid var(--color-outline);background:0 0}.btn-text{color:var(--color-secondary);background:0 0;padding:6px 8px}.input{border-radius:var(--radius-sm);border:1px solid var(--color-outline);background:var(--color-surface);width:100%;color:var(--color-on-surface);padding:10px 12px;font-size:.95rem}.card{background:var(--color-surface-container);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:10px;padding:16px}.error-text{color:var(--color-error);font-size:.9rem}.muted{color:var(--color-on-surface-variant);font-size:.85rem}.tabs{border-bottom:1px solid var(--color-outline-variant);gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:.95rem}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}