:root{color:#1f2937;background:#f5f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;padding:24px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;max-width:1180px;margin:0 auto;padding:40px 0 24px}.eyebrow{margin:0 0 8px;color:#1f8a99;font-size:14px;font-weight:800;text-transform:uppercase}h1{max-width:860px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1;letter-spacing:0}.lede{max-width:680px;margin:18px 0 0;color:#5b6775;font-size:20px;line-height:1.45}.mode-tabs{display:inline-flex;gap:6px;padding:6px;border:1px solid #dbe5ef;border-radius:8px;background:#fff}.mode-tabs span{padding:10px 14px;border-radius:6px;color:#344256;font-weight:800}.mode-tabs span:first-child{color:#fff;background:#1f8a99}.profile-pill{display:flex;gap:12px;align-items:center;min-width:240px;padding:10px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.profile-pill span{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;color:#fff;background:#1f8a99;font-weight:900}.profile-pill strong{display:block;color:#1f2937}button{min-height:42px;border:0;border-radius:8px;color:#fff;background:#1f8a99;font:inherit;font-weight:900;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.profile-pill button{min-height:auto;padding:0;color:#6b7280;background:transparent;font-size:14px}.system-status,.auth-panel,.workspace-section,.setup-panel,.grid,.status-panel{max-width:1180px;margin:0 auto}.system-status{margin-bottom:14px;color:#5b6775;font-weight:800}.auth-panel,.workspace-section,.setup-panel{border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.auth-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);gap:20px;align-items:end;padding:22px}.auth-panel h2,.setup-panel h2{margin:0 0 8px}.auth-panel p,.setup-panel p,.section-heading p{margin:0;color:#6b7280;line-height:1.5}form label{display:block;margin-bottom:8px;color:#344256;font-weight:900}form div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}input{min-width:0;min-height:42px;padding:0 12px;border:1px solid #cfd9e5;border-radius:8px;color:#1f2937;background:#fff;font:inherit}form button,.section-heading button{padding:0 16px}.setup-panel{padding:22px}pre{overflow-x:auto;margin:16px 0 0;padding:14px;border-radius:8px;color:#1f2937;background:#edf3f8}.workspace-section{padding:22px}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:0 0 6px}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workspace-card{padding:0;overflow:hidden}.workspace-card.empty{padding:22px}.workspace-cover{display:grid;height:150px;place-items:center;color:#fff;background:linear-gradient(135deg,#1f8a99e6,#3269e6d9),#1f8a99;font-size:54px;font-weight:900}.workspace-card h3{margin:18px 18px 6px;font-size:26px}.workspace-card p{margin:0 18px 18px;color:#6b7280}.workspace-card dl{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px}.workspace-card dd{font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}article,.status-panel{border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}article{padding:22px}h2{margin:0 0 10px;font-size:22px}article p{margin:0;color:#6b7280;line-height:1.5}.status-panel{margin-top:14px;padding:22px}dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}dt{color:#6b7280;font-weight:700}dd{margin:4px 0 0;font-size:24px;font-weight:900}@media(max-width:760px){.app-shell{padding:18px 18px 92px}.hero,.grid,.auth-panel,.workspace-grid,dl{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}form div{grid-template-columns:1fr}.mode-tabs{position:fixed;right:12px;bottom:12px;left:12px;justify-content:space-between;box-shadow:0 14px 34px #1f29372e}.mode-tabs span{flex:1;text-align:center}}