:root{color:#17202c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5f8;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 14% 13%,#5881cd1a,#0000 38%),radial-gradient(at 89% 87%,#75a4c41f,#0000 34%),#f3f5f8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card,.welcome-card,.status-card{background:#fffffff5;border:1px solid #283a5017;border-radius:22px;width:min(100%,440px);box-shadow:0 24px 70px #192b421a,0 3px 12px #192b420a}.workspace-header,.workspace-nav,.settings-card{background:#fffffff5;border:1px solid #283a5017;border-radius:18px;width:min(100%,720px);box-shadow:0 18px 50px #192b4214,0 3px 12px #192b4209}.login-card,.welcome-card{padding:clamp(28px,6vw,46px)}.workspace-header,.settings-card{padding:clamp(24px,5vw,38px)}.workspace-header .brand-row{margin-bottom:28px}.workspace-header h1{overflow-wrap:anywhere}.workspace-shell{align-content:start;justify-items:center;gap:16px;min-height:100vh;padding:42px 20px 60px;display:grid}.workspace-nav{flex-wrap:wrap;gap:10px;padding:12px;display:flex}.workspace-nav button{color:#344c6d;min-height:42px;box-shadow:none;background:#f7f9fc;border:1px solid #dce4ee;margin:0}.workspace-nav button:hover:not(:disabled){color:#244778;box-shadow:none;background:#eef3f9;border-color:#b8c7d9;transform:none}.workspace-nav button[aria-current=page]{color:#fff;background:#2f568d;border-color:#2f568d}.workspace-content{width:min(100%,720px);display:grid}.workspace-content>.welcome-card{width:100%}.settings-card h2{color:#1b2939;letter-spacing:-.035em;margin:0;font-size:clamp(23px,4.5vw,29px);font-weight:680}.settings-card h3{color:#26374c;margin:0 0 14px;font-size:16px;font-weight:650}.settings-copy{color:#637184;font-size:14px;line-height:1.6}.form-success{color:#286348;margin:5px 0 0;font-size:13px;line-height:1.5}.member-list{border-top:1px solid #e7ecf2;margin-top:34px;padding-top:24px}.member-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.member-list li{color:#34455a;overflow-wrap:anywhere;border:1px solid #e4e9f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:14px;display:flex}.member-actions{gap:10px;width:100%;display:grid}.member-actions form{border-top:1px solid #e7ecf2;width:100%;padding-top:10px}.member-confirmation{align-items:center;gap:9px;display:flex}.member-confirmation label{margin-top:0;line-height:1.45}.member-actions input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0}.member-actions button{width:100%;margin-top:4px}.member-list li>[role=status]{width:100%}.member-state{color:#7b4b4b;flex:none;font-size:12px}.member-state-active{color:#286348}.status-card{justify-items:center;gap:12px;padding:42px 28px;display:grid}.brand-row{align-items:center;gap:11px;margin-bottom:42px;display:flex}.brand-mark{color:#fff;letter-spacing:-.06em;background:linear-gradient(145deg,#385f9e,#244472);border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:750;display:inline-grid;box-shadow:0 6px 14px #294e8438}.brand-name{color:#26374c;letter-spacing:-.02em;font-size:15px;font-weight:680}.eyebrow{color:#60758d;letter-spacing:.14em;margin:0 0 11px;font-size:10px;font-weight:720}h1{color:#1b2939;letter-spacing:-.045em;margin:0;font-size:clamp(29px,6vw,36px);font-weight:680;line-height:1.16}.intro-copy,.signed-in,.loading-copy{color:#637184;font-size:14px;line-height:1.65}.intro-copy{margin:12px 0 28px}form{gap:10px;display:grid}label{color:#34455a;margin-top:7px;font-size:13px;font-weight:620}input{color:#1d2b3b;background:#fff;border:1px solid #d7dee7;border-radius:10px;outline:none;width:100%;min-height:48px;padding:0 13px;transition:border-color .14s,box-shadow .14s}input:hover{border-color:#b8c5d4}input:focus-visible{border-color:#496fa8;box-shadow:0 0 0 3px #496fa82b}.password-field{align-items:center;gap:8px;display:flex}.password-field input{flex:1;min-width:0}.password-field button{color:#344c6d;min-height:42px;box-shadow:none;background:#f7f9fc;border:1px solid #dce4ee;flex:none;margin:0;padding:0 13px}.password-field button:hover:not(:disabled){color:#244778;box-shadow:none;background:#eef3f9;border-color:#b8c7d9;transform:none}button{color:#fff;cursor:pointer;background:#2f568d;border:0;border-radius:10px;min-height:48px;margin-top:16px;font-size:14px;font-weight:680;transition:background .14s,transform .14s,box-shadow .14s;box-shadow:0 5px 13px #294e842e}button:hover:not(:disabled){background:#244778;transform:translateY(-1px);box-shadow:0 7px 17px #294e843b}button:focus-visible{outline-offset:3px;outline:3px solid #496fa84d}button:disabled{cursor:wait;opacity:.72}.form-error{color:#873b40;background:#fff4f4;border:1px solid #f1c7c8;border-radius:9px;margin:0 0 18px;padding:11px 12px;font-size:13px;line-height:1.5}.welcome-card h1{overflow-wrap:anywhere}.signed-in{margin:15px 0 0}.signed-in strong{color:#344c6d;font-weight:650}.workspace-session-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.workspace-session-controls button{min-width:112px;min-height:42px;margin:0}.connection-status{color:#53677e;margin:0;font-size:13px;line-height:1.5}.status-card .brand-mark{border-radius:14px;width:44px;height:44px}.status-card .eyebrow,.loading-copy{margin:0}@media (width<=480px){.page-shell{padding:20px 14px}.login-card,.welcome-card{border-radius:18px}.workspace-shell{gap:12px;padding:22px 14px 36px}.workspace-header,.workspace-nav,.settings-card{border-radius:16px}.workspace-nav button{flex:180px}.workspace-session-controls{flex-direction:column;align-items:stretch}.workspace-session-controls button{width:100%}.brand-row{margin-bottom:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
