*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-border:#2a2a2a;--color-text:#ededed;--color-text-muted:#888;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-error:#ef4444;--color-error-bg:#1c0a0a;--radius:8px;--font-sans:system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"SF Mono",monospace}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-title{font-size:1.125rem;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.user-email{color:var(--color-text-muted);font-size:.875rem}.logout-button{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 12px;font-size:.875rem;transition:color .15s,border-color .15s}.logout-button:hover{color:var(--color-text);border-color:var(--color-text-muted)}.page{max-width:1200px;margin:0 auto;padding:24px}