:root{--color-bg: #fff8ed;--color-surface: #ffffff;--color-elevated: #ffffff;--color-text: #17151a;--color-text-2: #5b4b66;--color-cta: #d8e85a;--color-on-cta: #33233d;--color-support: #b9a5c9;--color-on-support: #33233d;--color-border: #e8dccb;--color-error: #b3261e;--color-success: #1c7a32;--color-select-bg: #33233d;--color-select-fg: #fff8ed}:root[data-theme=dark]{--color-bg: #17151a;--color-surface: #241c2b;--color-elevated: #33233d;--color-text: #fff8ed;--color-text-2: #cfc3d9;--color-cta: #d8e85a;--color-on-cta: #33233d;--color-support: #b9a5c9;--color-on-support: #33233d;--color-border: #3b2f45;--color-error: #ff8a80;--color-success: #82e091;--color-select-bg: #fff8ed;--color-select-fg: #33233d}body{background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:var(--color-bg);color:var(--color-text)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--color-border)}.topbar nav{display:flex;gap:16px}.topbar nav a{color:var(--color-text);text-decoration:none;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:12px}.theme-switch{display:flex;gap:4px}.theme-switch button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.theme-switch button.active{background:var(--color-select-bg);color:var(--color-select-fg)}.logout{border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:999px;padding:6px 16px;cursor:pointer}main{flex:1;max-width:800px;margin:0 auto;padding:20px;width:100%}