@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#181d26;--muted:#040e20a3;--line:#e0e2e6;--surface:#fff;--surface-soft:#f7f9fc;--blue:#1b61c9;--blue-dark:#154eaa;--blue-soft:#eaf2ff;--green:#16794a;--shadow:0 1px 3px #2d7ff92e, 0 10px 32px #0f306a0f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--surface-soft);color:var(--ink);letter-spacing:.08px;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1b61c947}.brand-mark{background:var(--ink);color:#fff;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;font-size:20px;font-weight:700;display:inline-flex}.brand-block,.login-brand{align-items:center;gap:12px;display:flex}.brand-block div,.login-brand div,.sidebar-user div{gap:3px;display:grid}.brand-block strong,.login-brand strong{font-size:15px}.brand-block span:last-child,.login-brand span:last-child,.sidebar-user span{color:var(--muted);font-size:12px}.primary-action{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.primary-action:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;background:#a6b3c5;transform:none}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.login-page{background:radial-gradient(circle at 10% 10%, #5290ff29, transparent 28%), radial-gradient(circle at 90% 85%, #7c5cf61c, transparent 28%), var(--surface-soft);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:24px;width:100%;max-width:520px;padding:34px}.login-copy{margin:40px 0 28px}.login-copy h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(29px,5vw,38px);line-height:1.1}.login-copy>p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.login-form{gap:16px;display:grid}.login-form label{color:#333b48;gap:7px;font-size:13px;font-weight:600;display:grid}.login-form input{color:var(--ink);background:#fff;border:1px solid #cdd3dc;border-radius:12px;width:100%;min-height:46px;padding:10px 13px}.login-form input:focus{border-color:var(--blue)}.setup-notice,.login-error{border-radius:12px;margin:16px 0 0;padding:11px 13px;font-size:13px;line-height:1.45}.setup-notice{color:#785715;background:#fff7df}.login-error{color:#a42424;background:#ffeded;margin:0 0 18px}.invite-card{max-width:480px}.invite-card>.brand-mark{margin-bottom:24px}.invite-card h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(28px,5vw,38px)}.auth-copy{color:var(--muted);margin:0 0 18px;line-height:1.55}.invite-state{border-radius:14px;gap:8px;margin-top:22px;padding:16px;line-height:1.5;display:grid}.invite-state p{margin:0}.invite-state-error{color:#8f2020;background:#ffeded}.demo-login{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.demo-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.demo-heading span{font-size:14px;font-weight:700}.demo-heading small{color:var(--muted);font-size:11px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.demo-grid button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;gap:4px;width:100%;min-height:64px;padding:12px;display:grid}.demo-grid button:hover{background:var(--blue-soft);border-color:#a8c8f5}.demo-grid strong{font-size:13px}.demo-grid span{color:var(--muted);font-size:11px}.workspace-shell{grid-template-columns:242px minmax(0,1fr);min-height:100vh;display:grid}.workspace-sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.role-badge{background:var(--blue-soft);color:var(--blue-dark);border-radius:10px;margin-top:22px;padding:8px 10px;font-size:11px;font-weight:600}.workspace-navigation{gap:4px;margin-top:18px;display:grid}.workspace-navigation a{color:#3f4855;border-radius:10px;padding:10px 11px;font-size:13px;font-weight:500;text-decoration:none}.workspace-navigation a[aria-current=page],.workspace-navigation a:hover{color:var(--blue-dark);background:#f0f5fc}.sidebar-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.user-avatar{color:#6337b5;background:#f1eafe;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.sidebar-user strong{font-size:12px}.logout-button{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:10px;padding:6px 0;font-size:12px}.logout-button:hover{color:#b42318}.workspace-main{min-width:0;padding:38px clamp(22px,4vw,58px)}.workspace-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.workspace-header h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1}.workspace-header>div>p:last-child{color:var(--muted);margin:0;font-size:14px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.metric-card,.work-panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #0f306a0a}.metric-card{border-radius:16px;gap:8px;padding:20px;display:grid}.metric-card>span{color:var(--muted);font-size:12px;font-weight:500}.metric-card strong{letter-spacing:-.035em;font-size:30px}.metric-card small{color:var(--muted);font-size:11px}.work-panel{border-radius:18px;min-height:330px;margin-top:18px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:20px}.status-dot{color:var(--green);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.status-dot:before{content:"";background:#24a36a;border-radius:50%;width:7px;height:7px}.empty-state{text-align:center;background:linear-gradient(135deg,#f8fbff,#f5f7fb);border:1px dashed #c8d4e5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-top:22px;padding:28px;display:flex}.empty-state strong{font-size:15px}.empty-state p{color:var(--muted);max-width:520px;margin:8px 0 0;font-size:13px;line-height:1.5}@media (max-width:760px){.login-page{align-items:flex-start;padding:14px}.login-card{border-radius:18px;padding:24px 18px}.login-copy{margin-top:30px}.demo-heading{flex-direction:column;align-items:flex-start;gap:4px}.workspace-shell{padding-bottom:78px;display:block}.workspace-sidebar{border-bottom:1px solid var(--line);border-right:0;min-height:auto;padding:13px 16px;display:block;position:static}.brand-block,.role-badge,.sidebar-user,.workspace-sidebar>form{display:none}.workspace-navigation{background:var(--surface);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:20;gap:4px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.workspace-navigation a{flex:none;padding:9px 11px;font-size:11px}.workspace-main{padding:22px 16px}.workspace-header{gap:18px;display:grid}.workspace-header .primary-action{width:100%}.metric-grid{grid-template-columns:1fr;margin-top:24px}.metric-card{grid-template-columns:1fr auto}.metric-card small{grid-column:1/-1}.work-panel{min-height:280px;padding:18px}.panel-heading{gap:12px;display:grid}}@media (max-width:420px){.demo-grid{grid-template-columns:1fr}}