:root{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--border: #e2e5ea;--text: #1a1d23;--text-muted: #6b7280;--brand: #2f5bea;--brand-contrast: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-brand{font-weight:600;font-size:1.05rem;padding:0 .25rem}.new-run-button{display:block;text-align:center;background:var(--brand);color:var(--brand-contrast);border-radius:6px;padding:.6rem .75rem;font-weight:500;text-decoration:none}.sidebar-section-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 .25rem}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.nav-link{display:block;padding:.5rem .6rem;border-radius:6px;color:var(--text);text-decoration:none;font-size:.92rem}.nav-link:hover{background:var(--bg)}.nav-link-active{background:var(--bg);font-weight:600;color:var(--brand)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-user{display:flex;align-items:center;gap:.75rem}.role-badge{font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.2rem .5rem;border-radius:4px;background:var(--bg);color:var(--text-muted)}.auth-redirect{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.topbar-user-name{font-size:.9rem}.logout-button{font-size:.85rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.app-content{flex:1;padding:2rem}.page-placeholder h1{margin-top:0}.page-placeholder p{color:var(--text-muted);max-width:640px}