:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-main);background:var(--color-bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-app:#050609;--color-bg-app-soft:#080b10;--color-bg-panel:#0e1116eb;--color-bg-panel-strong:#12151bfa;--color-bg-steel:#111720;--color-bg-steel-hover:#171f2b;--color-bg-input:#090d12;--color-border-subtle:#8b96a433;--color-border-strong:#b4bdc657;--color-text-main:#f0eadf;--color-text-muted:#9fa9b5;--color-text-faint:#737f8d;--color-accent-red:#9f1f2c;--color-accent-red-dark:#64131b;--color-accent-red-soft:#9f1f2c33;--color-accent-ember:#c87832;--color-accent-bone:#d7cdbb;--color-accent-green:#77956f;--radius-panel:8px;--shadow-panel:0 18px 40px #00000061, inset 0 1px 0 #ffffff09;--shadow-panel-tight:0 10px 24px #00000047, inset 0 1px 0 #ffffff08;--glow-red-subtle:0 0 0 1px #9f1f2c61, 0 0 24px #9f1f2c29;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg-app);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% -10%,#911f2957,#0000 300px),radial-gradient(circle at 82% 4%,#be702c21,#0000 280px),radial-gradient(circle at 68% 104%,#66717b1f,#0000 380px),linear-gradient(140deg,#ffffff08,#0000 24%),linear-gradient(#080a0e 0%,#050609 44%,#030405 100%);min-width:320px;min-height:100vh;margin:0;position:relative}body:before,body:after{z-index:0;pointer-events:none;content:"";position:fixed;inset:0}body:before{opacity:.34;mix-blend-mode:screen;background:radial-gradient(at 50% 0,#e0dacd0e,#0000 46%),linear-gradient(90deg,#0000,#ffffff05 48%,#0000 52%),repeating-linear-gradient(112deg,#ffffff06 0 1px,#0000 1px 15px)}body:after{background:linear-gradient(90deg,#00000057,#0000 18% 78%,#00000070),radial-gradient(circle,#0000 48%,#0000008f)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--color-accent-bone)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #d7cdbbe6}.app-shell{z-index:1;grid-template-columns:260px 1fr;min-height:100vh;display:grid;position:relative}.sidebar{border-right:1px solid var(--color-border-subtle);background:linear-gradient(#16181df5,#080a0ef7),repeating-linear-gradient(118deg,#ffffff09 0 1px,#0000 1px 19px);height:100vh;padding:24px 18px;position:sticky;top:0;box-shadow:18px 0 40px #00000047,inset -1px 0 #9f1f2c29}.brand{color:var(--color-text-main);align-items:center;gap:12px;margin-bottom:12px;padding:12px 10px 22px;display:flex;position:relative}.brand:after{background:linear-gradient(90deg, var(--color-accent-red), #d7cdbb52, transparent);content:"";height:1px;position:absolute;bottom:0;left:10px;right:10px}.brand svg{color:var(--color-accent-bone);filter:drop-shadow(0 0 12px #9f1f2c6b)}.brand strong,.brand span{display:block}.brand strong{color:#fff7ed;font-weight:900}.brand span{color:var(--color-text-muted);margin-top:3px;font-size:13px}nav{gap:6px;display:grid}nav a{color:#aeb5c0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;text-decoration:none;display:flex;position:relative}nav a:before{content:"";background:0 0;border-radius:4px;width:3px;position:absolute;top:9px;bottom:9px;left:-1px}nav a svg{color:#8f99a6}nav a:hover,nav a.active{color:#fff7ed;background:linear-gradient(90deg, #9f1f2c2e, #141921d1), var(--color-bg-steel);border-color:#9f1f2c73}nav a:hover svg,nav a.active svg{color:var(--color-accent-bone)}nav a.active{box-shadow:var(--glow-red-subtle)}nav a.active:before{background:linear-gradient(180deg, var(--color-accent-bone), var(--color-accent-red))}.logout-button{border:1px solid var(--color-border-subtle);color:#d8d2c7;background:#0d1117eb;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:18px;font-weight:800;display:inline-flex}.logout-button:hover{color:#fff7ed;background:var(--color-bg-steel-hover);border-color:#d7cdbb57}.content-shell{width:min(1440px,100%);padding:28px}main{gap:22px;display:grid}.app-status,.auth-screen{z-index:1;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.app-status{color:var(--color-text-main)}.auth-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel);width:min(460px,100%);box-shadow:var(--shadow-panel);gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}.auth-panel:before,.section-block:before,.metric-card:before,.empty-state:before,.form-preview:before,.team-directory-item:before,.manage-panel:before{pointer-events:none;content:"";opacity:.46;background:linear-gradient(115deg,#ffffff09,#0000 32%),repeating-linear-gradient(103deg,#ffffff06 0 1px,#0000 1px 18px);position:absolute;inset:0}.auth-panel-wide{width:min(760px,100%)}.auth-panel form{gap:12px;display:grid}.claim-inline{min-height:auto;padding:0 0 18px;display:block}.claim-banner{border-radius:var(--radius-panel);box-shadow:var(--shadow-panel-tight);background:linear-gradient(135deg,#401117eb,#111318f0);border:1px solid #9f1f2c8a;grid-template-columns:minmax(180px,1fr) minmax(360px,1.4fr);align-items:end;gap:16px;padding:16px;display:grid}.claim-banner h1{font-size:18px}.claim-banner form{grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;align-items:end;gap:10px;display:grid}.claim-banner .success-message,.claim-banner .error-message{grid-column:1/-1}.onboarding-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.onboarding-actions button{border:1px solid var(--color-border-subtle);color:#d6d0c6;background:var(--color-bg-steel);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.onboarding-actions button.active,.onboarding-actions button:hover{color:#fff7ed;background:linear-gradient(#2a1217f2,#141921f2);border-color:#9f1f2c85}.onboarding-section,.team-directory{gap:12px;display:grid}.team-directory-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel-strong);min-height:66px;box-shadow:var(--shadow-panel-tight);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.team-directory-item>*{z-index:1;position:relative}.team-directory-item strong,.team-directory-item span{display:block}.team-directory-item strong{color:#fff7ed}.team-directory-item span{color:var(--color-text-muted);margin-top:3px;font-size:13px}.segmented-control{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:#06080bc7;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;display:grid}.segmented-control button{min-height:36px;color:var(--color-text-muted);background:0 0;border:0;border-radius:6px;font-weight:800}.segmented-control button.active{color:#fff7ed;background:linear-gradient(#37161be6,#161c25f2)}.page-header{justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;display:flex;position:relative}.page-header:after{background:linear-gradient(90deg, var(--color-accent-red), #d7cdbb7a, transparent);content:"";width:min(420px,74%);height:2px;position:absolute;bottom:0;left:0}h1,h2,h3{color:#fff7ed;letter-spacing:0;margin:0}h1{font-size:32px;line-height:1.1}h2{font-size:18px}p{color:var(--color-text-muted);margin:0}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.metric-card,.empty-state,.section-block,.form-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(155deg, #ffffff09, transparent 38%), var(--color-bg-panel);box-shadow:var(--shadow-panel-tight);position:relative;overflow:hidden}.metric-card>*,.empty-state>*,.section-block>*,.form-preview>*,.manage-panel>*{z-index:1;position:relative}.metric-card{align-content:center;gap:8px;min-height:112px;padding:18px;display:grid}.metric-card:after{content:"";opacity:.72;background:linear-gradient(#d7cdbba3,#9f1f2cdb);width:3px;position:absolute;top:0;bottom:0;left:0}.metric-card span,.form-preview span,label{color:#a8a19a;text-transform:uppercase;font-size:13px;font-weight:800}.metric-card strong{color:#fff7ed;overflow-wrap:anywhere;font-size:25px;line-height:1.15}.metric-card small,.form-preview small{color:var(--color-text-faint)}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.section-block{gap:14px;padding:18px;display:grid}.section-block h2{border-bottom:1px solid #d7cdbb24;padding-bottom:10px}.empty-state{color:#bdb5ab;padding:28px}.empty-state:after{content:"";background:linear-gradient(#0000,#9f1f2cbd,#0000);width:4px;height:100%;position:absolute;top:0;left:0}.match-form,.filter-bar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(145deg, #ffffff06, transparent 35%), var(--color-bg-panel-strong);box-shadow:var(--shadow-panel-tight);gap:12px;display:grid}.match-form{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}.filter-bar{grid-template-columns:repeat(7,minmax(140px,1fr));padding:14px}label{gap:7px;display:grid}.wide{grid-column:span 2}input,select,textarea{border:1px solid var(--color-border-subtle);color:#f4eee4;background:linear-gradient(180deg, #ffffff06, transparent), var(--color-bg-input);border-radius:6px;width:100%;min-height:40px;padding:8px 10px}input::placeholder,textarea::placeholder{color:#727b86}input:hover,select:hover,textarea:hover{border-color:#d7cdbb4d}input:focus,select:focus,textarea:focus{border-color:#9f1f2cb8;box-shadow:0 0 0 3px #9f1f2c29}input:disabled,select:disabled,textarea:disabled{color:#687280;background:#11151b;border-color:#8b96a41f}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--color-accent-red)}textarea{resize:vertical;min-height:86px}.form-preview{gap:5px;padding:12px;display:grid}.form-preview strong{color:#fff7ed;font-size:18px}.primary-button,.icon-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s;display:inline-flex}.primary-button{color:#fff7ed;background:linear-gradient(#ad2633,#721620);border:1px solid #d7cdbb2e;align-self:end;padding:0 16px;font-weight:900;box-shadow:0 0 0 1px #9f1f2c38,0 10px 24px #52091147}.primary-button:disabled,.icon-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.primary-button:hover:not(:disabled){box-shadow:var(--glow-red-subtle);background:linear-gradient(#bf303e,#861b26)}.secondary-button{border:1px solid var(--color-border-subtle);color:#e8dfd4;background:linear-gradient(#19212b,#111720);padding:0 12px;font-weight:800}.secondary-button:hover:not(:disabled){background:linear-gradient(#222b37,#161d27);border-color:#d7cdbb52}.icon-button{border:1px solid var(--color-border-subtle);color:#c7beb4;background:var(--color-bg-steel);width:36px}.icon-button:hover:not(:disabled){color:#fff7ed;background:#232b36;border-color:#9f1f2c80}.success-message{color:#a6c99c}.error-message{white-space:pre-line;color:#ff9da6}.settings-form{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel-strong);box-shadow:var(--shadow-panel-tight);grid-template-columns:minmax(220px,420px) auto;align-items:end;gap:12px;padding:18px;display:grid}.invite-form{grid-template-columns:minmax(180px,1fr) minmax(160px,220px) minmax(140px,180px) auto}.settings-tabs{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel-tight);background:#06080bc7;gap:6px;padding:4px;display:flex;overflow-x:auto}.settings-tabs button{min-height:38px;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.settings-tabs button.active,.settings-tabs button:hover{color:#fff7ed;background:linear-gradient(#36161ceb,#151b24f0);border-color:#9f1f2c7a}.settings-tabs button.active{box-shadow:var(--glow-red-subtle)}.settings-tabs span{color:#fff7ed;background:linear-gradient(#a52532,#6f161f);border-radius:999px;min-width:22px;min-height:22px;padding:2px 7px;font-size:12px;line-height:18px}.settings-summary-grid,.role-overview-grid,.settings-overview-grid{gap:10px;display:grid}.settings-summary-grid,.role-overview-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.settings-overview-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.summary-item,.role-overview-item,.overview-action,.manage-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel-strong);box-shadow:inset 0 1px #ffffff08}.summary-item,.role-overview-item{gap:6px;padding:14px;display:grid}.overview-action{min-height:96px;color:inherit;text-align:left;gap:6px;padding:14px;display:grid}.summary-item span,.field-label{color:#a8a19a;text-transform:uppercase;font-size:12px;font-weight:800}.summary-item strong{color:#fff7ed;overflow-wrap:anywhere;font-size:20px}.role-overview-item strong{color:#fff7ed}.role-overview-item span,.overview-action span,.muted-text{color:var(--color-text-muted)}.overview-action strong{color:#fff7ed}.overview-action:hover{background:linear-gradient(#2a1217f2,#12171ffa);border-color:#9f1f2c7a}.manage-panel{gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.manage-panel h3{color:#fff7ed;margin:0 0 4px}.manage-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;display:grid}.permission-checks{flex-wrap:wrap;gap:10px 14px;margin-top:8px;display:flex}.join-request-actions{gap:8px;min-width:520px;display:grid}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.toggle-label,.inline-check{text-transform:none;align-items:center;gap:8px;display:flex}.toggle-label input,.inline-check input{width:18px;min-height:18px}.form-warning{color:#ffb9bd;background:#9f1f2c24;border:1px solid #9f1f2c80;border-radius:6px;align-items:center;min-height:40px;padding:10px 12px;display:flex}.empty-state a,.form-warning a{color:#fff7ed;font-weight:800}.table-wrap{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel-tight);background:#07090cd6;overflow-x:auto}table{border-collapse:collapse;background:0 0;width:100%;min-width:880px}th,td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #8b96a429;padding:11px 12px}th{color:#b9b0a5;text-transform:uppercase;background:linear-gradient(#ffffff0a,#0000),#151a22;font-size:12px}td{color:#e9e1d8;font-size:14px}tbody tr{transition:background-color .14s}tbody tr:hover{background:#9f1f2c1a}tbody tr:last-child td{border-bottom:0}td input,td select{min-width:92px}.badge{border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge-good{color:#bed6a8;background:#77956f2e;border-color:#77956f57}.badge-great{color:#f1cf90;background:#c878322e;border-color:#c8783257}.badge-review{color:#ffb7bd;background:#9f1f2c38;border-color:#9f1f2c6b}.badge-no-data{color:#c6c0b6;background:#8b96a424;border-color:#8b96a442}.badge-neutral{color:#ddd3c6;background:#8b96a424;border-color:#8b96a43d}.badge-list{flex-wrap:wrap;gap:6px;display:flex}.danger-button{color:#ffb4ba;background:linear-gradient(#4e141bf2,#1f0e12f5);border-color:#9f1f2c8f}.danger-button:hover:not(:disabled){background:linear-gradient(#671821f5,#2b0f14fa);border-color:#e25763ad}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}nav{padding-bottom:4px;display:flex;overflow-x:auto}nav a{flex:none}.content-shell{padding:18px}.metric-grid,.settings-summary-grid,.settings-overview-grid,.role-overview-grid,.manage-grid,.split-grid,.match-form,.filter-bar,.settings-form,.invite-form,.claim-banner,.claim-banner form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.content-shell{padding:14px}h1{font-size:26px}.metric-grid,.settings-summary-grid,.settings-overview-grid,.role-overview-grid,.manage-grid,.split-grid,.match-form,.filter-bar,.settings-form,.invite-form,.onboarding-actions,.claim-banner,.claim-banner form{grid-template-columns:1fr}.team-directory-item{flex-direction:column;align-items:stretch}.wide{grid-column:auto}.brand{padding-bottom:12px}}