:root{--color-bg:#fff;--color-fg:#1a1c1e;--color-muted:#6b7280;--color-border:#e5e7eb;--color-tab-active:#0061a4;--color-tab-active-bg:#eef4fb;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100%;display:flex}.tabs{border-bottom:1px solid var(--color-border);gap:4px;padding:0 16px;display:flex;overflow-x:auto}.tab{color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:12px 16px;font-weight:500;display:inline-flex}.tab:hover{color:var(--color-fg)}.tab--active{color:var(--color-tab-active);border-bottom-color:var(--color-tab-active);background:var(--color-tab-active-bg)}.content{flex:1;padding:24px}.page>h1{margin:0 0 8px;font-size:20px;font-weight:600}.todo{color:var(--color-muted);margin:0;font-style:italic}