:root{font-family:Segoe UI,system-ui,sans-serif;color:#263238;background:#f7fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#fff;border-right:1px solid #e5edf0;padding:26px 16px;display:flex;flex-direction:column;gap:32px}.brand{display:block;padding:0 8px}.brand img{display:block;height:auto;max-width:166px;width:100%}nav{display:grid;gap:5px}nav a{align-items:center;border-radius:8px;color:#526169;display:flex;gap:12px;padding:11px 12px;text-decoration:none}nav a:hover,nav a.active{background:#eaf8fc;color:#087f9f;font-weight:600}.sign-out{margin-top:auto;border:0;background:transparent;color:#65747b;cursor:pointer;text-align:left;padding:10px}.content-area{min-width:0}header{background:#fff;border-bottom:1px solid #e5edf0;display:flex;align-items:center;justify-content:space-between;padding:20px 40px}h1,h2,h3{font-family:Jost,sans-serif;color:#28343a;margin:0}header h1{font-size:25px}.eyebrow{color:#0b8ead;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 7px;text-transform:uppercase}.header-status{align-items:center;color:#607078;display:flex;font-size:14px;gap:8px}.header-status span{background:#0ba1c8;border-radius:50%;height:8px;width:8px}main{max-width:1280px;margin:0 auto;padding:36px 40px}.welcome,.setup-card{background:#fff;border:1px solid #deedf1;border-radius:14px;padding:30px}.welcome{background:linear-gradient(120deg,#fff 57%,#e8f7fb);display:flex;justify-content:space-between;gap:24px}.welcome h2,.setup-card h2{font-size:27px;max-width:650px}.welcome p:not(.eyebrow),.setup-card p:not(.eyebrow),.placeholder p:not(.eyebrow){color:#607078;line-height:1.55}.quick-actions{align-self:end;display:flex;gap:10px;flex-wrap:wrap}.quick-actions button,.auth-card button{align-items:center;background:#0ba1c8;border:1px solid #0ba1c8;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;font-weight:600}.quick-actions .secondary{background:#fff;color:#087f9f}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.metric-card{background:#fff;border:1px solid #e1eaed;border-radius:12px;padding:20px}.metric-card p,.metric-card small{color:#65747b;display:block;margin:0}.metric-card strong{color:#0ba1c8;display:block;font:700 38px Jost,sans-serif;margin:9px 0}.setup-card{align-items:center;display:flex;justify-content:space-between}.setup-card svg{color:#0ba1c8}.placeholder{align-items:center;background:#fff;border:1px dashed #b8dbe4;border-radius:14px;display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:36px;text-align:center}.placeholder svg{color:#0ba1c8}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{background:#fff;border:1px solid #dce8eb;border-radius:14px;box-shadow:0 15px 40px #1a4f5d12;display:grid;gap:12px;max-width:440px;padding:32px;width:100%}.auth-card h1{font-size:28px}.auth-card p{color:#627178;line-height:1.5}.auth-card label{color:#425158;font-size:14px;font-weight:600}.auth-card input{border:1px solid #bfcdd2;border-radius:7px;padding:10px 12px}.auth-card button{justify-content:center;margin-top:8px}.form-message{margin:0;font-size:14px}.auth-card .link-button{background:transparent;border:0;color:#087f9f;margin:0;padding:3px 0;text-decoration:underline}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #e5edf0;gap:16px;padding:14px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar nav a svg{display:none}.sign-out{display:none}header{padding:18px 20px}main{padding:24px 20px}.welcome{flex-direction:column}.metric-grid{grid-template-columns:1fr}}
