:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0f;--bg-elevated:#0d1118;--panel:#111720;--panel-strong:#151d29;--panel-soft:#0b0f16;--border:#253041;--border-soft:#1a2330;--text:#f4f7fb;--text-muted:#95a1b2;--text-subtle:#667386;--accent:#44d7b6;--accent-strong:#25b99c;--accent-soft:#44d7b621;--danger-bg:#2a1213;--danger-border:#713132;--danger-text:#ffb8b8;--shadow:0 24px 80px #00000061;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#44d7b61f,#0000 28rem),linear-gradient(135deg,#080a0f 0%,#101722 48%,#080a0f 100%);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}.screen{min-height:100vh;padding:40px}.center-screen{justify-content:center;align-items:center;display:flex}.loading-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:16px 20px;display:flex}.status-dot{background:var(--accent);border-radius:999px;width:9px;height:9px;animation:1.2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 22px #44d7b66b}.auth-screen{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:40px;max-width:1180px;min-height:100vh;margin:0 auto;padding:40px;display:grid}.auth-preview{min-width:0}.brand-mark{background:linear-gradient(135deg, var(--accent), #78a8ff);color:#06110f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:inline-flex}.auth-preview .brand-mark{margin-bottom:30px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.auth-preview h1,.topbar h1,.panel-heading h2,.content-panel h2,.action-panel h2{letter-spacing:0;margin:0}.auth-preview h1{max-width:760px;font-size:58px;line-height:.98}.auth-preview p:not(.eyebrow){color:var(--text-muted);max-width:620px;font-size:18px;line-height:1.62}.preview-shell{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff08);border-radius:8px;gap:18px;max-width:660px;margin-top:34px;padding:18px;display:grid}.preview-topline{gap:8px;display:flex}.preview-topline span{background:var(--border);border-radius:999px;width:8px;height:8px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preview-grid div{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:8px;gap:5px;padding:14px;display:grid}.preview-grid strong{font-size:28px;line-height:1}.preview-grid span{color:var(--text-subtle);font-size:12px}.preview-list{gap:8px;display:grid}.preview-list span{background:linear-gradient(90deg, var(--border), transparent);border-radius:999px;height:12px}.preview-list span:nth-child(2){width:78%}.preview-list span:nth-child(3){width:58%}.auth-panel,.content-panel,.action-panel,.metric{border:1px solid var(--border);background:#111720d1;border-radius:8px;box-shadow:0 20px 50px #00000038}.auth-panel{padding:22px}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.panel-heading h2{font-size:24px;line-height:1.15}.segmented-control{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.segmented-control button{color:var(--text-muted);background:0 0;border:0;border-radius:6px;min-height:38px;padding:0 12px}.segmented-control button.active{background:var(--panel-strong);color:var(--text);font-weight:800}.form-stack{gap:14px;display:grid}.form-stack label{color:var(--text-muted);gap:7px;font-size:13px;font-weight:750;display:grid}.form-stack input{border:1px solid var(--border);color:var(--text);background:#080b11;border-radius:8px;min-width:0;min-height:42px;padding:0 12px}.form-stack input::placeholder{color:#4f5b6a}.form-stack input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.primary-button,.secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#06110f}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.secondary-button{background:var(--panel-soft);border:1px solid var(--border);color:var(--text)}.secondary-button:hover{border-color:#39475c}.secondary-button.compact{min-height:36px;padding-inline:12px}.error-message{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.app-layout{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);background:#080a0fe0;grid-template-rows:auto 1fr auto;min-height:100vh;padding:18px;display:grid;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;margin-bottom:26px;display:flex}.sidebar-brand div:last-child{gap:2px;display:grid}.sidebar-brand strong{font-size:15px}.sidebar-brand span,.sidebar-footer{color:var(--text-subtle);font-size:12px}.nav-list{align-content:start;gap:6px;display:grid}.nav-item{color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;display:flex}.nav-item.active{background:var(--panel);border-color:var(--border);color:var(--text)}.nav-item em{color:var(--text-subtle);font-size:11px;font-style:normal}.health-pill{border:1px solid var(--border-soft);border-radius:999px;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.health-pill span{background:var(--accent);border-radius:999px;width:7px;height:7px}.main-column{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h1{font-size:34px;line-height:1.05}.account-box{border:1px solid var(--border-soft);background:#111720b8;border-radius:8px;align-items:center;gap:11px;padding:8px;display:flex}.avatar{background:var(--panel-strong);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex}.account-box div:not(.avatar){gap:2px;display:grid}.account-box strong{overflow-wrap:anywhere;max-width:220px;font-size:13px}.account-box span{color:var(--text-subtle);font-size:12px}.metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.metric{box-shadow:none;gap:7px;min-height:86px;padding:14px;display:grid}.metric span{color:var(--text-subtle);font-size:12px}.metric strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1}.metric.accent{background:linear-gradient(135deg, var(--accent-soft), #78a8ff17);border-color:#44d7b657}.workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.content-panel,.action-panel{padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2,.action-panel h2{font-size:22px;line-height:1.15}.organization-table{border:1px solid var(--border-soft);border-radius:8px;overflow:hidden}.organization-row{border-top:1px solid var(--border-soft);background:#080b1166;grid-template-columns:minmax(220px,1.6fr) minmax(120px,.8fr) repeat(3,minmax(78px,.45fr));align-items:center;gap:12px;min-height:60px;padding:0 14px;display:grid}.organization-row:first-child{border-top:0}.organization-row:not(.table-head):hover{background:#44d7b60f}.table-head{background:var(--panel-soft);color:var(--text-subtle);text-transform:uppercase;min-height:38px;font-size:11px;font-weight:800}.organization-name{gap:3px;min-width:0;display:grid}.organization-name strong{overflow-wrap:anywhere}.organization-name span{color:var(--text-subtle);font-size:12px}.role-pill{background:var(--accent-soft);color:var(--accent);border:1px solid #44d7b638;border-radius:999px;justify-self:start;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.data-number{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:850}.table-skeleton{border:1px solid var(--border-soft);border-radius:8px;gap:1px;display:grid;overflow:hidden}.table-skeleton span{background:linear-gradient(90deg, var(--panel-soft), var(--panel-strong), var(--panel-soft));height:58px;animation:1.2s ease-in-out infinite shimmer}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed #344055;border-radius:8px;place-items:center;gap:9px;min-height:280px;padding:28px;display:grid}.empty-icon{background:var(--accent-soft);color:var(--accent);border:1px solid #44d7b640;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:flex}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--text);font-size:20px}.empty-state p{max-width:360px}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:1080px){.app-layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border-soft);border-right:0;min-height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{grid-template-columns:1fr}}@media (max-width:820px){.auth-screen{grid-template-columns:1fr;align-items:start;padding:24px}.auth-preview h1{font-size:42px}.topbar,.account-box,.section-heading{flex-direction:column;align-items:stretch}.metrics-strip,.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-table{overflow-x:auto}.organization-row{min-width:720px}.secondary-button,.primary-button{width:100%}}@media (max-width:560px){.screen,.main-column,.auth-screen{padding:16px}.auth-preview h1{font-size:34px}.nav-list,.metrics-strip,.preview-grid{grid-template-columns:1fr}}
