:root{--bg:#080b10;--surface:#0d1118;--surface-2:#111721;--surface-3:#151c27;--border:#202936;--border-soft:#18202b;--text:#eef2f6;--muted:#7f8b99;--muted-2:#a3adb8;--teal:#36d5c5;--teal-d:#0c8e84;--red:#ff5b62;--amber:#f3ae46;--blue:#5f9df7;--purple:#a78bfa;--sidebar:228px;--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(54,213,197,.055),transparent 30%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--border-soft);background:rgba(8,11,16,.95);padding:26px 18px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;letter-spacing:.13em;font-size:13px;font-weight:700;padding:0 9px 30px}.brand-mark{width:33px;height:36px;display:grid;place-items:center;color:var(--teal);font:bold 18px var(--mono);clip-path:polygon(50% 0,94% 17%,88% 76%,50% 100%,12% 76%,6% 17%);background:linear-gradient(145deg,#153b3b,#102525);border:1px solid var(--teal)}.brand small{display:block;color:#5f6d79;font:500 8px var(--mono);letter-spacing:.18em;margin-top:3px}.nav-label{font:500 9px var(--mono);color:#4e5965;letter-spacing:.16em;padding:18px 12px 6px;margin:0}.nav-item{position:relative;width:100%;height:42px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:12px;color:#7e8996;padding:0 11px;margin:2px 0;cursor:pointer;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{background:#101620;color:#bec7d0}.nav-item.active{background:linear-gradient(90deg,rgba(54,213,197,.15),rgba(54,213,197,.035));color:#e9fffc}.nav-item.active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:2px;background:var(--teal);box-shadow:0 0 12px var(--teal)}.nav-item svg{width:17px;height:17px;stroke-width:1.7}.live-pip{width:6px;height:6px;border-radius:50%;background:var(--teal);margin-left:auto;box-shadow:0 0 8px var(--teal)}.sidebar-bottom{margin-top:auto}.lab-health{border:1px solid var(--border-soft);background:#0b1017;padding:11px;display:flex;gap:10px;align-items:center;border-radius:8px;margin-bottom:12px}.health-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--teal);background:rgba(54,213,197,.09);border-radius:7px}.health-icon svg{width:16px}.lab-health strong,.profile strong{font-size:10px;display:block}.lab-health small,.profile small{font-size:8px;color:#66727f;display:block;margin-top:4px}.lab-health small b{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:3px}.profile{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:left;gap:9px;padding:8px;cursor:pointer}.profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#19222e;color:var(--teal);font:500 11px var(--mono)}.profile>div{flex:1}.profile svg{width:16px;color:#53606d}
main{margin-left:var(--sidebar);min-height:100vh;padding:0 37px 50px;max-width:1660px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);margin-bottom:28px}.breadcrumb,.kicker{font:500 9px var(--mono);letter-spacing:.14em;color:#4f5b68;margin:0 0 8px}.breadcrumb span{color:var(--teal)}h1{font-size:21px;letter-spacing:-.02em;margin:0;font-weight:600}h2{font-size:22px;letter-spacing:-.035em;margin:0;font-weight:600}h3{font-size:14px;margin:4px 0 0;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.clock{text-align:right;margin-right:5px}.clock span{font:500 12px var(--mono);display:block}.clock small{font:500 7px var(--mono);color:#596573;letter-spacing:.1em}.icon-btn{width:38px;height:38px;border:1px solid var(--border);background:#0c1118;border-radius:7px;display:grid;place-items:center;cursor:pointer;position:relative}.icon-btn:hover,.btn:hover{border-color:#344153;background:#131a23}.icon-btn svg{width:16px}.icon-btn b{position:absolute;top:7px;right:8px;width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.btn{height:38px;padding:0 16px;border:1px solid var(--border);background:#0d121a;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.btn svg{width:14px}.btn-primary{color:#061412;border-color:var(--teal);background:var(--teal);box-shadow:0 5px 20px rgba(54,213,197,.12)}.btn-primary:hover{background:#52e1d3;border-color:#52e1d3}.view{display:none;animation:fade .2s ease}.view.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(4px)}}
.hero-status{min-height:124px;border:1px solid rgba(54,213,197,.22);background:linear-gradient(110deg,rgba(18,53,52,.48),rgba(12,18,25,.9) 50%,rgba(10,14,20,.95));border-radius:10px;padding:25px 26px;display:grid;grid-template-columns:1.2fr minmax(280px,.8fr) auto;align-items:center;gap:40px;box-shadow:inset 3px 0 0 var(--teal),0 16px 40px rgba(0,0,0,.15)}.eyebrow{font:500 9px var(--mono);color:var(--teal);letter-spacing:.12em}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:6px;box-shadow:0 0 0 4px rgba(54,213,197,.1);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(54,213,197,0)}}.hero-copy h2{margin:9px 0 7px;font-size:19px}.hero-copy h2 em{font-style:normal;color:#71808e;font-weight:400}.hero-copy p,.view-toolbar p,.section-intro p{margin:0;color:var(--muted);font-size:11px}.progress-meta,.progress-footer{display:flex;justify-content:space-between;font-size:9px;color:#778390}.progress-meta strong{font:500 11px var(--mono);color:var(--teal)}.progress{height:4px;background:#1b252e;margin:10px 0 8px;border-radius:9px;overflow:hidden}.progress i{height:100%;display:block;background:var(--teal);box-shadow:0 0 12px var(--teal);transition:width .4s}.progress-footer{font:400 8px var(--mono);color:#55616d}.btn-stop{border-color:#423239;color:#ff8589;background:rgba(255,91,98,.06)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0}.metric{min-height:119px;border:1px solid var(--border-soft);background:linear-gradient(150deg,var(--surface),#0a0e14);border-radius:9px;padding:20px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden}.metric-icon{width:31px;height:31px;flex:none;border-radius:7px;display:grid;place-items:center;background:rgba(54,213,197,.09);color:var(--teal)}.metric-icon.red{background:rgba(255,91,98,.09);color:var(--red)}.metric-icon.amber{background:rgba(243,174,70,.09);color:var(--amber)}.metric-icon.blue{background:rgba(95,157,247,.09);color:var(--blue)}.metric-icon svg{width:15px}.metric p{font-size:9px;color:#778390;margin:0 0 7px}.metric strong{font:500 22px var(--mono)}.metric strong small{font-size:11px;color:#596675}.metric div>small{display:block;margin-top:9px;font-size:8px;color:#566371}.metric div>small b{color:var(--teal)}.metric div>small .amber-text{color:var(--amber)}.spark{position:absolute;width:76px;height:36px;right:15px;bottom:15px;fill:none;stroke:var(--teal);stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(54,213,197,.4))}.spark.redline{stroke:var(--red)}.spark.amberline{stroke:var(--amber)}.agent-dots{display:flex;position:absolute;right:17px;bottom:19px;gap:5px}.agent-dots i{width:5px;height:5px;background:var(--teal);border-radius:50%}.agent-dots .off{background:#33404d}
.panel{border:1px solid var(--border-soft);background:linear-gradient(145deg,rgba(14,19,27,.98),rgba(9,13,19,.98));border-radius:9px}.dashboard-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:13px}.panel-head{min-height:70px;padding:18px 20px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between}.text-btn,.ranking-link{border:0;background:transparent;color:var(--teal);font-size:9px;cursor:pointer}.text-btn svg,.ranking-link svg{width:12px;vertical-align:middle;margin-left:4px}.activity-list{padding:4px 20px}.activity-row{display:grid;grid-template-columns:36px minmax(190px,1fr) 105px 58px 52px;gap:10px;align-items:center;min-height:60px;border-bottom:1px solid #141c25}.activity-row:last-child{border:0}.activity-glyph{width:29px;height:29px;border:1px solid #26313d;border-radius:6px;display:grid;place-items:center;color:#9aa7b5}.activity-glyph svg{width:14px}.activity-main strong,.activity-agent strong{font-size:10px;display:block}.activity-main small,.activity-agent small{font:400 8px var(--mono);color:#566473;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decision,.truth{font:500 8px var(--mono);letter-spacing:.06em;padding:5px 7px;border-radius:4px;text-align:center;text-transform:uppercase}.decision.allow{color:var(--teal);background:rgba(54,213,197,.08);border:1px solid rgba(54,213,197,.18)}.decision.block{color:var(--red);background:rgba(255,91,98,.08);border:1px solid rgba(255,91,98,.18)}.truth{color:#9ba7b3;border:1px solid #293440}.truth.bad{color:var(--red);border-color:rgba(255,91,98,.22)}.latency{font:400 9px var(--mono);color:#85919d;text-align:right}.rank-row{display:grid;grid-template-columns:27px 1fr auto;align-items:center;padding:15px 20px;border-bottom:1px solid #151c26;gap:9px}.rank-num{font:500 10px var(--mono);color:#566371}.rank-num.top{color:var(--amber)}.rank-name strong{font-size:10px}.rank-name small{display:block;color:#596674;font-size:8px;margin-top:3px}.rank-score{text-align:right}.rank-score strong{font:500 13px var(--mono)}.rank-score small{font-size:8px;color:#5d6975}.rank-bar{grid-column:2/4;height:2px;background:#1c2630}.rank-bar i{display:block;height:100%;background:var(--teal)}.ranking-link{width:100%;height:45px}.resource-panel{margin-top:13px}.legend{display:flex;gap:15px;color:#64717e;font-size:9px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:5px}.legend .ram{background:var(--purple)}.resource-chart{height:118px;padding:17px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.resource-item{display:grid;grid-template-columns:1fr auto;align-content:center;gap:9px}.resource-item strong{font-size:9px}.resource-item>span{font:400 8px var(--mono);color:#637180}.dual-bar{grid-column:1/3;height:5px;background:#1c2430;display:flex;border-radius:4px;overflow:hidden}.dual-bar i:first-child{background:var(--teal)}.dual-bar i:last-child{background:var(--purple)}
.section-intro,.view-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0 24px}.section-intro h2{margin:6px 0 6px}.view-toolbar{align-items:center}.segmented{display:flex;padding:3px;background:#0b1017;border:1px solid var(--border-soft);border-radius:7px}.segmented button{border:0;background:transparent;color:#667380;padding:7px 12px;border-radius:5px;font-size:9px;cursor:pointer}.segmented .active{background:#18212c;color:#e0e6eb}.live-table-panel{overflow:hidden}.table-head{height:42px;background:#0b1016;border-bottom:1px solid var(--border-soft);align-items:center;color:#53606d;font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.live-grid{display:grid;grid-template-columns:110px 1.5fr .8fr 90px 90px 70px;padding:0 20px;gap:12px}.live-row{min-height:61px;align-items:center;border-bottom:1px solid #151c25;animation:rowIn .35s ease}@keyframes rowIn{from{background:rgba(54,213,197,.12);transform:translateY(-5px)}}.live-row time{font:400 9px var(--mono);color:#667481}.live-event strong{font-size:10px}.live-event small{font:400 8px var(--mono);color:#5b6876;display:block;margin-top:4px}.correct{color:var(--teal);font:500 9px var(--mono)}.incorrect{color:var(--red);font:500 9px var(--mono)}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.team-card{padding:21px;position:relative}.team-top{display:flex;gap:12px;align-items:center}.team-avatar{width:39px;height:39px;border-radius:8px;background:linear-gradient(135deg,#1e3a3a,#122524);display:grid;place-items:center;color:var(--teal);font:500 12px var(--mono)}.team-top h3{margin:0}.team-top p{color:#667481;font-size:9px;margin:4px 0}.status-pill{margin-left:auto;font:500 8px var(--mono);padding:5px 8px;border:1px solid rgba(54,213,197,.18);border-radius:12px;color:var(--teal);background:rgba(54,213,197,.06)}.status-pill.idle{color:#778492;border-color:#27313d;background:#121821}.api-key{margin:18px 0 15px;background:#090d12;border:1px solid var(--border-soft);border-radius:6px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.api-key code{font:400 9px var(--mono);color:#8896a4}.api-key button{border:0;background:transparent;color:#6d7986;cursor:pointer}.api-key svg{width:14px}.team-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-soft);padding-top:14px}.team-stats span{font-size:8px;color:#5e6b77}.team-stats strong{display:block;font:500 12px var(--mono);color:#d7dee4;margin-top:5px}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin:40px auto 18px;max-width:750px}.podium-card{text-align:center;border:1px solid var(--border-soft);background:linear-gradient(180deg,#121925,#0b1017);padding:24px 15px;border-radius:9px 9px 0 0}.podium-card.first{padding-top:39px;border-color:rgba(243,174,70,.28)}.medal{font:500 22px var(--mono);color:#667481}.first .medal{color:var(--amber)}.podium-card h3{margin:10px 0 5px}.podium-card strong{font:500 18px var(--mono);color:var(--teal)}.ranking-table{padding:0 20px}.ranking-full-row{display:grid;grid-template-columns:40px 1.3fr repeat(5,1fr);min-height:58px;align-items:center;border-bottom:1px solid var(--border-soft);gap:8px}.ranking-full-row.head{min-height:38px;color:#52606d;font:500 8px var(--mono);text-transform:uppercase}.ranking-full-row strong{font:500 10px var(--mono)}
.software-layout{display:grid;grid-template-columns:330px 1fr;gap:14px}.software-list{display:flex;flex-direction:column;gap:8px}.software-card{border:1px solid var(--border-soft);background:#0d1219;border-radius:8px;padding:14px;display:flex;gap:11px;align-items:center;cursor:pointer;transition:.15s}.software-card:hover,.software-card.active{border-color:#334352;background:#111822}.software-card.active{box-shadow:inset 2px 0 var(--teal)}.software-logo{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:#fff;font:500 9px var(--mono)}.software-card div:nth-child(2){flex:1}.software-card strong{font-size:10px}.software-card small{display:block;color:#63707d;font-size:8px;margin-top:4px}.risk-dot{width:7px;height:7px;background:var(--teal);border-radius:50%}.risk-dot.malicious{background:var(--red)}.empty-editor{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5f6c79}.empty-editor .big-icon{width:52px;height:52px;border:1px solid #283440;border-radius:12px;display:grid;place-items:center;margin-bottom:10px}.big-icon svg{width:24px}.empty-editor h3{color:#aeb8c2}.empty-editor p{font-size:9px}.tree-preview{min-height:430px;padding:22px}.tree-preview-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-soft);padding-bottom:17px}.tree-preview-head .software-logo{width:42px;height:42px}.tree-preview-head div:nth-child(2){flex:1}.tree-preview-head p{font-size:9px;color:#687582;margin:4px 0}.tree-node{position:relative;margin:15px 0 0 20px;padding-left:26px}.tree-node:before{content:"";position:absolute;left:5px;top:-15px;height:31px;width:13px;border-left:1px solid #34404c;border-bottom:1px solid #34404c;border-radius:0 0 0 5px}.tree-node.root{margin-left:0}.tree-node.root:before{display:none}.tree-node-card{height:45px;border:1px solid #26313d;background:#0b1017;border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:10px;max-width:470px}.tree-node-card i{width:23px;height:23px;background:rgba(54,213,197,.08);border-radius:5px;display:grid;place-items:center;color:var(--teal)}.tree-node-card i svg{width:12px}.tree-node-card strong{font-size:9px}.tree-node-card small{font:400 8px var(--mono);color:#5e6b77;display:block;margin-top:2px}.tree-node-card>span{margin-left:auto;color:#697684;font:400 8px var(--mono)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario-card{padding:20px;min-height:190px}.scenario-card .scenario-icon{width:34px;height:34px;border-radius:8px;background:rgba(54,213,197,.08);color:var(--teal);display:grid;place-items:center}.scenario-icon svg{width:17px}.scenario-card h3{margin-top:18px}.scenario-card p{color:#687582;font-size:9px;line-height:1.7}.scenario-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border-soft);padding-top:13px;margin-top:15px;font:400 8px var(--mono);color:#62707d}.scenario-meta b{color:#b9c2ca}.docs-grid{display:grid;grid-template-columns:230px 1fr;gap:14px}.docs-nav{padding:10px;height:max-content}.docs-nav button{display:block;width:100%;height:39px;text-align:left;border:0;border-radius:5px;background:transparent;color:#6e7a87;font-size:10px;padding:0 12px;cursor:pointer}.docs-nav button.active{background:#16202a;color:var(--teal)}.docs-content{padding:27px;max-width:800px}.docs-content h3{margin:0 0 10px}.docs-content p{color:#82909d;font-size:10px;line-height:1.7;margin:0 0 19px}.docs-content code{font-family:var(--mono)}.code-block{border:1px solid var(--border);border-radius:7px;background:#090d12;margin:12px 0 27px;overflow:hidden}.code-block>div{height:37px;border-bottom:1px solid var(--border-soft);padding:11px 13px;color:#778591;font:400 9px var(--mono)}.code-block>div span{color:var(--teal);margin-right:9px}.code-block>div .post{color:var(--blue)}.code-block button{float:right;margin:-30px 10px 0;border:0;background:transparent;color:#64717d;cursor:pointer}.code-block button svg{width:14px}.code-block pre{margin:0;padding:17px;color:#9eabb7;font-size:10px;line-height:1.7}.code-block em{font-style:normal;color:var(--teal)}.callout{display:flex;gap:11px;border:1px solid rgba(95,157,247,.2);background:rgba(95,157,247,.06);border-radius:7px;padding:13px;color:var(--blue)}.callout svg{width:17px;flex:none}.callout p{margin:0}.callout strong{color:#bcd6fc}.api-status{font:500 9px var(--mono);border:1px solid rgba(54,213,197,.18);padding:8px 11px;border-radius:15px;color:var(--teal)}.api-status b{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:6px}
dialog{width:min(900px,calc(100vw - 30px));max-height:90vh;padding:0;border:1px solid #2b3743;border-radius:11px;background:#0c1118;color:var(--text);box-shadow:0 30px 100px #000;overflow:auto}dialog::backdrop{background:rgba(2,5,8,.8);backdrop-filter:blur(5px)}dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}label{font-size:9px;color:#75828e;font-weight:600}input,select{display:block;width:100%;height:40px;margin-top:7px;background:#090d12;border:1px solid var(--border);border-radius:6px;color:#dce3e9;padding:0 11px;outline:none}input:focus,select:focus{border-color:var(--teal)}input[type=color]{padding:5px}.toggle-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-soft);border-radius:7px;padding:12px;margin-top:18px}.toggle-row strong{font-size:10px}.toggle-row small{display:block;color:#62707d;font-size:8px;margin-top:4px}.switch input{display:none}.switch span{display:block;width:34px;height:19px;border-radius:12px;background:#26313d;position:relative;cursor:pointer}.switch span:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;background:#7f8b97;border-radius:50%;transition:.2s}.switch input:checked+span{background:rgba(54,213,197,.3)}.switch input:checked+span:before{left:18px;background:var(--teal)}.builder-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 12px}.builder-head h3{margin:0}.builder-head p{font-size:8px;color:#687582;margin:5px 0 0}.builder-head span{font:400 8px var(--mono);color:#667481}.event-builder{height:270px;display:grid;grid-template-columns:220px 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden}.event-palette{border-right:1px solid var(--border);padding:10px;overflow-y:auto;background:#090d12}.palette-item{width:100%;height:37px;border:0;background:transparent;border-radius:5px;color:#8995a1;display:flex;align-items:center;gap:9px;text-align:left;padding:0 8px;cursor:pointer;font-size:9px}.palette-item:hover{background:#151e28;color:#dfe6eb}.palette-item i{font-style:normal;color:var(--teal);font:500 8px var(--mono);margin-left:auto}.event-canvas{padding:16px;overflow-y:auto}.canvas-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#586572}.canvas-empty svg{width:23px}.canvas-empty p{font-size:10px;margin:10px 0 3px;color:#8a96a2}.canvas-empty small{font-size:8px}.canvas-event{height:42px;border:1px solid #293541;background:#101720;border-radius:6px;display:flex;align-items:center;padding:0 11px;margin:0 0 9px;position:relative}.canvas-event:not(:last-child):after{content:"";position:absolute;left:22px;bottom:-10px;width:1px;height:9px;background:#34414e}.canvas-event b{width:22px;height:22px;border-radius:4px;background:rgba(54,213,197,.08);display:grid;place-items:center;color:var(--teal);font:500 8px var(--mono)}.canvas-event div{margin-left:10px;flex:1}.canvas-event strong{font-size:9px}.canvas-event small{display:block;font:400 7px var(--mono);color:#60707c;margin-top:2px}.canvas-event button{border:0;background:transparent;color:#56636f;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;bottom:25px;right:25px;z-index:20;background:#14201f;border:1px solid rgba(54,213,197,.3);color:#c8f9f3;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-size:10px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast svg{width:15px;color:var(--teal)}
.decision.pending{color:var(--amber);background:rgba(243,174,70,.07);border:1px solid rgba(243,174,70,.2)}.pending-text{color:var(--amber);font:500 9px var(--mono)}.resource-panel{overflow:hidden}.system-telemetry{display:flex;gap:17px}.system-telemetry span{font:400 8px var(--mono);color:#596674}.system-telemetry b{color:#bec8d1;margin-left:4px}.telemetry-grid{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(6,1fr);gap:10px;align-items:center}.software-telemetry-head{height:34px;padding:0 22px;background:#0a0f15;color:#4f5c68;font:500 7px var(--mono);letter-spacing:.08em;text-transform:uppercase}.resource-chart{height:auto;min-height:118px;max-height:220px;padding:0 22px;display:block;overflow-y:auto}.telemetry-row{height:47px;border-top:1px solid #151d26;color:#84919d;font:400 8px var(--mono)}.telemetry-row strong{font:600 9px var(--sans);color:#b8c2cb;display:flex;align-items:center;gap:7px}.telemetry-row strong>i{width:6px;height:6px;border-radius:50%;background:#34414d}.telemetry-row strong small{font:500 6px var(--mono);color:#52606c;margin-left:3px}.telemetry-row.busy{background:linear-gradient(90deg,rgba(54,213,197,.07),transparent);color:#c9f8f3}.telemetry-row.busy strong>i{background:var(--teal);box-shadow:0 0 7px var(--teal)}.telemetry-row.busy strong small{color:var(--teal)}.telemetry-empty{height:100px;display:grid;place-items:center;color:#5d6a77;font-size:9px}.burst-banner{display:flex;gap:12px;align-items:center;height:38px;padding:0 20px;background:#0b1016;border-bottom:1px solid var(--border-soft);color:#64717d;font-size:8px}.burst-banner b{font:500 8px var(--mono);color:#70808d}.burst-banner.active{background:rgba(243,174,70,.055)}.burst-banner.active b{color:var(--amber)}
.api-key>div{display:flex;gap:3px}.api-key button svg{width:13px}.scenario-start{border:1px solid rgba(54,213,197,.25);background:rgba(54,213,197,.08);color:var(--teal);border-radius:4px;padding:5px 9px;font:500 8px var(--mono);cursor:pointer}.scenario-start:hover{background:rgba(54,213,197,.16)}
.scenario-delete{border:0;background:transparent;color:#66737f;cursor:pointer;margin-left:5px}.scenario-delete:hover{color:var(--red)}
@media(max-width:1050px){:root{--sidebar:190px}main{padding:0 22px 40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-status{grid-template-columns:1fr 1fr}.hero-status .btn{grid-column:2;justify-self:end;position:absolute;right:46px}.team-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){:root{--sidebar:64px}.sidebar{padding:20px 10px}.brand{padding:0 5px 25px}.brand>span:last-child,.nav-item span,.nav-label,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-10px}.live-pip{position:absolute;right:8px;top:8px}.topbar{height:76px}.clock{display:none}.header-actions>.btn{width:38px;padding:0;font-size:0}.hero-status{grid-template-columns:1fr;padding:20px}.hero-progress{margin-top:5px}.hero-status .btn{grid-column:auto;position:static;justify-self:start}.metric-grid{grid-template-columns:1fr}.software-layout,.docs-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.live-grid{grid-template-columns:86px 1fr 75px}.live-grid>*:nth-child(3),.live-grid>*:nth-child(5),.live-grid>*:nth-child(6){display:none}.form-row{grid-template-columns:1fr}.event-builder{grid-template-columns:145px 1fr}.header-actions{gap:6px}.topbar h1{font-size:17px}.section-intro{align-items:start;gap:15px}.section-intro .btn{font-size:0;padding:0;width:38px;flex:none}}

/* Observabilité système, datasets et éditeur avancé */
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:13px}.system-card{padding:18px}.system-card>span{font:500 8px var(--mono);letter-spacing:.08em;color:#63717e}.system-card>strong{display:block;font:500 22px var(--mono);margin:10px 0;color:#dce4eb}.system-card>div{height:5px;background:#18212b;border-radius:4px;overflow:hidden}.system-card>div i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#5f9df7);transition:width .35s}.system-card>small{display:block;margin-top:9px;color:#667481;font-size:8px}.network-summary{display:flex;gap:8px}.network-summary span{padding:7px 10px;border:1px solid var(--border);border-radius:15px;font:500 8px var(--mono);color:#8895a1}.network-summary .danger{color:var(--red);border-color:rgba(255,91,98,.25)}.connection-panel{overflow:hidden}.connection-grid{display:grid;grid-template-columns:1.5fr 1.1fr .65fr .65fr 1fr .5fr .65fr;gap:12px;align-items:center;padding:0 18px}.connection-head{height:40px;background:#090e14;color:#56636f;font:500 7px var(--mono);letter-spacing:.08em;text-transform:uppercase}.connection-row{min-height:58px;border-top:1px solid var(--border-soft);font:400 8px var(--mono);color:#8a97a3}.connection-row strong{color:#c5cdd4;font-size:9px}.connection-row small{display:block;color:#5f6d79;margin-top:4px}.direction{padding:4px 6px;border:1px solid #2a3540;border-radius:4px;width:max-content}.direction.inbound{color:var(--amber)}.decision.allow{color:var(--teal);background:rgba(54,213,197,.08);border:1px solid rgba(54,213,197,.18)}
.dataset-layout{display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(360px,.85fr);gap:14px}.dataset-form{padding:23px}.form-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-soft)}.form-section:last-of-type{border-bottom:0}.form-section h3,.resource-config h3{margin:0 0 14px;font-size:11px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--border-soft);background:#0a0f15;border-radius:6px;padding:9px}.check-grid input{width:14px;height:14px;margin:0;accent-color:var(--teal)}select[multiple]{height:112px;padding:7px}.dataset-preview{padding:23px;min-width:0}.dataset-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:5px 0 18px}.dataset-stats span{padding:11px;border:1px solid var(--border-soft);border-radius:6px;color:#63717e;font-size:8px}.dataset-stats strong{display:block;color:#dbe3e9;font:500 15px var(--mono);margin-top:5px}.dataset-preview pre{max-height:620px;overflow:auto;padding:16px;border:1px solid var(--border-soft);border-radius:7px;background:#080c11;color:#8fa0ad;font:400 8px/1.65 var(--mono);white-space:pre-wrap}.editor-checks{margin:14px 0}.inline-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.resource-config{padding:17px;border:1px solid var(--border-soft);border-radius:8px;margin-top:18px;background:#090e14}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.software-flags{font:500 7px var(--mono);color:#6b7a87}.software-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;padding:14px;background:#090e14;border:1px solid var(--border-soft);border-radius:7px}.software-detail-grid span{font-size:7px;color:#5e6b77}.software-detail-grid strong{display:block;color:#b9c4cc;font:500 8px var(--mono);margin-top:5px;overflow:hidden;text-overflow:ellipsis}.tree-preview{overflow:auto}dialog{width:min(1080px,calc(100vw - 30px))}
@media(max-width:1100px){.system-grid{grid-template-columns:repeat(2,1fr)}.dataset-layout{grid-template-columns:1fr}.connection-grid{grid-template-columns:1.4fr 1fr .7fr .7fr}.connection-grid>*:nth-child(5),.connection-grid>*:nth-child(6),.connection-grid>*:nth-child(7){display:none}.range-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.system-grid{grid-template-columns:1fr}.dataset-layout{display:block}.dataset-preview{margin-top:12px}.check-grid,.range-grid,.software-detail-grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1.4fr 1fr}.connection-grid>*:nth-child(n+3){display:none}.network-summary{flex-wrap:wrap}}

/* Interface pédagogique lisible */
:root{--sidebar:270px;--text:#f4f7fa;--muted:#a7b2bd;--border:#334151;--border-soft:#25313e}
body{font-size:16px;line-height:1.5;background:radial-gradient(circle at 70% -10%,rgba(54,213,197,.09),transparent 34%),#080c12}
main{padding:0 42px 70px;max-width:none}.sidebar{padding:28px 20px}.nav-item{height:48px;font-size:14px}.nav-label{font-size:11px}.brand{font-size:15px}.brand small{font-size:10px}.topbar{height:108px;margin-bottom:34px}h1{font-size:28px}h2{font-size:28px}h3{font-size:17px}.breadcrumb,.kicker,.eyebrow{font-size:11px}.hero-copy p,.view-toolbar p,.section-intro p{font-size:14px;max-width:780px}.btn{height:44px;padding:0 18px;font-size:13px}.panel{border-color:var(--border-soft);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.panel-head{min-height:82px;padding:20px 24px}.metric{min-height:142px;padding:24px}.metric p{font-size:13px}.metric strong{font-size:28px}.metric div>small,.system-card>small{font-size:11px}.system-card>span{font-size:11px}.system-card>strong{font-size:26px}.system-card{padding:22px}.section-intro,.view-toolbar{margin:10px 0 28px}.section-intro h2{margin:7px 0}.status-pill,.api-status,.network-summary span{font-size:11px}.system-telemetry span{font-size:11px}.software-telemetry-head,.connection-head,.table-head,.ranking-full-row.head{font-size:10px}.telemetry-row,.connection-row{font-size:12px;min-height:58px}.telemetry-row strong,.connection-row strong{font-size:13px}.telemetry-row strong small,.connection-row small{font-size:10px}.resource-chart{max-height:420px}.activity-main strong,.activity-agent strong,.live-event strong{font-size:13px}.activity-main small,.activity-agent small,.live-event small{font-size:11px}.activity-row{min-height:72px;grid-template-columns:42px minmax(220px,1fr) 150px 82px 80px}.decision,.truth,.latency,.pending-text,.correct,.incorrect{font-size:11px}.live-row{min-height:74px}.live-grid{grid-template-columns:120px minmax(260px,1.6fr) minmax(130px,.8fr) 95px 115px 90px}.rank-name strong{font-size:13px}.rank-name small,.rank-score small{font-size:10px}.rank-score strong{font-size:16px}.rank-row{width:100%;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:inherit;text-align:left;grid-template-columns:35px 1fr auto;padding:18px 22px}.rank-num{font-size:12px}.team-card{padding:24px}.team-top h3{font-size:18px}.team-top p{font-size:12px}.api-key code{font-size:12px}.team-stats span{font-size:11px}.team-stats strong{font-size:17px}.team-detail-button{width:100%;margin-top:18px}.software-card{padding:17px}.software-card strong{font-size:14px}.software-card small{font-size:11px}.software-detail-grid span{font-size:10px}.software-detail-grid strong{font-size:12px}.scenario-card p{font-size:12px}.scenario-meta{font-size:11px}.docs-content p,.docs-nav button{font-size:13px}.code-block pre{font-size:13px}.form-section h3,.resource-config h3{font-size:15px}label{font-size:12px}input,select{height:44px;font-size:13px}.check-grid label{font-size:12px}.dataset-stats span{font-size:11px}.dataset-stats strong{font-size:19px}.dataset-preview pre{font-size:11px}.palette-item{font-size:12px;height:42px}.canvas-event strong{font-size:12px}.canvas-event small{font-size:10px}
.button-row{display:flex;gap:10px;flex-wrap:wrap}.danger-outline{color:#ff9297;border-color:rgba(255,91,98,.45);background:rgba(255,91,98,.07)}
.explain-box{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;align-items:center;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(95,157,247,.3);border-radius:12px;background:rgba(95,157,247,.07)}.explain-box>strong{font-size:14px;color:#d5e5fd}.explain-box span{font-size:12px;color:var(--muted)}.explain-box span b{display:block;color:#fff;margin-bottom:3px}
.empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.empty-state.large{grid-column:1/-1;min-height:280px;border:1px dashed var(--border);border-radius:12px}.empty-state strong{font-size:18px;color:var(--text);margin-bottom:7px}.empty-state span{max-width:560px}
.score-rules{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}.score-rules article{padding:18px;border:1px solid rgba(54,213,197,.28);background:rgba(54,213,197,.07);border-radius:10px}.score-rules b{display:block;font:600 24px var(--mono);color:var(--teal)}.score-rules span{font-size:12px;color:var(--muted)}.score-rules .bad{border-color:rgba(255,91,98,.3);background:rgba(255,91,98,.06)}.score-rules .bad b{color:var(--red)}.score-rules .speed{border-color:rgba(95,157,247,.35);background:rgba(95,157,247,.07)}.score-rules .speed b{color:var(--blue)}
.podium{align-items:stretch;max-width:none;margin:20px 0}.podium-card{border-radius:11px;padding:22px;background:#101722;color:inherit;cursor:pointer}.podium-card.first{padding:22px;border-color:rgba(243,174,70,.4)}.podium-card p{font-size:11px;color:var(--muted)}.ranking-table{overflow:auto}.ranking-full-row{grid-template-columns:55px minmax(180px,1.5fr) repeat(5,minmax(100px,1fr));min-width:900px;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--border-soft);width:100%;text-align:left;padding:0}.ranking-full-row span,.ranking-full-row strong{font-size:13px}.team-link-row{cursor:pointer}.team-link-row:hover{background:rgba(54,213,197,.05)}.positive{color:var(--teal)!important}.negative{color:var(--red)!important}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-grid article{min-height:250px;padding:26px;border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(145deg,#111924,#0c121a)}.workflow-grid article>span{font:600 11px var(--mono);color:var(--teal)}.workflow-grid h3{font-size:19px;margin:18px 0 10px}.workflow-grid p{font-size:13px;color:var(--muted);line-height:1.7}.workflow-grid .btn{margin-top:12px}
.team-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.team-detail-summary article{padding:20px}.team-detail-summary span{font-size:12px;color:var(--muted)}.team-detail-summary strong{display:block;font:600 25px var(--mono);margin:8px 0}.team-detail-summary small{font-size:11px;color:#84919d}.team-detail-summary .danger-card strong{color:var(--red)}.breakdown-panel,.decision-audit{overflow:auto;margin-bottom:18px}.breakdown-table,.decision-audit>div:last-child{min-width:1050px}.breakdown-row{display:grid;grid-template-columns:minmax(150px,1.3fr) 100px repeat(7,minmax(90px,1fr));gap:12px;align-items:center;min-height:62px;padding:0 22px;border-bottom:1px solid var(--border-soft);font-size:12px}.breakdown-row.head{min-height:44px;background:#090e14;color:#7f8b97;font:600 10px var(--mono);text-transform:uppercase}.audit-row{display:grid;grid-template-columns:95px minmax(220px,1.5fr) 90px 80px 110px 70px 65px 95px 85px;gap:12px;align-items:center;min-height:72px;padding:0 22px;border-bottom:1px solid var(--border-soft);font-size:12px}.audit-row time{font-family:var(--mono);color:var(--muted)}.audit-row small{display:block;color:var(--muted);margin-top:4px}.entity-badge{padding:5px 8px;border:1px solid var(--border);border-radius:5px;text-align:center}.expected{color:var(--muted)}.expected b{color:var(--text)}
@media(max-width:1200px){.explain-box{grid-template-columns:repeat(2,1fr)}.explain-box>strong{grid-column:1/-1}.workflow-grid{grid-template-columns:repeat(2,1fr)}.team-detail-summary{grid-template-columns:repeat(2,1fr)}.score-rules{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){:root{--sidebar:72px}main{padding:0 18px 45px}.sidebar{padding:20px 10px}.metric-grid,.system-grid,.team-detail-summary,.workflow-grid,.score-rules{grid-template-columns:1fr}.explain-box{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.topbar{height:88px}.header-actions .clock{display:none}.telemetry-grid{grid-template-columns:minmax(180px,1fr) repeat(6,90px);min-width:820px}.resource-panel{overflow:auto}.resource-chart{overflow:visible}.connection-grid{min-width:900px;grid-template-columns:1.5fr 1.1fr .65fr .65fr 1fr .5fr .65fr}.connection-grid>*{display:block!important}.connection-panel{overflow:auto}.dataset-layout{display:block}.dataset-preview{margin-top:15px}}

/* Phases pédagogiques et console d'injection */
.scenario-card-top{display:flex;align-items:center;justify-content:space-between}.phase-badge{padding:6px 9px;border-radius:999px;font:600 10px var(--mono);letter-spacing:.06em}.phase-badge.training{color:var(--amber);border:1px solid rgba(243,174,70,.35);background:rgba(243,174,70,.08)}.phase-badge.evaluation{color:var(--purple);border:1px solid rgba(167,139,250,.35);background:rgba(167,139,250,.08)}.scenario-card.training{border-top:3px solid rgba(243,174,70,.55)}.scenario-card.evaluation{border-top:3px solid rgba(167,139,250,.55)}
.surprise-console{display:grid;grid-template-columns:minmax(280px,1fr) 220px 100px auto auto;gap:14px;align-items:end;margin-top:18px;padding:22px;border-color:rgba(255,91,98,.28)}.surprise-console h3{margin:3px 0 7px}.surprise-console p{font-size:12px;color:var(--muted);margin:0}.surprise-console label{min-width:0}.surprise-console.disabled{opacity:.45}.surprise-console.disabled button{pointer-events:none}.surprise-console:not(.disabled){box-shadow:inset 3px 0 0 var(--red),0 10px 30px rgba(0,0,0,.12)}
@media(max-width:1200px){.surprise-console{grid-template-columns:1fr 1fr}.surprise-console>div{grid-column:1/-1}}@media(max-width:700px){.surprise-console{grid-template-columns:1fr}.surprise-console>div{grid-column:auto}}

/* ---- Classes, entrée ouverte, VP/VN ---- */
.class-card{padding:22px;margin-bottom:18px}
.class-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.class-head h3{margin:4px 0 0;font-size:20px}
.join-code{text-align:right}.join-code small{display:block;font:500 8px var(--mono);color:var(--muted)}
.join-code code{font:600 22px var(--mono);letter-spacing:.18em;color:var(--teal)}
.class-settings{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:14px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-bottom:14px}
.class-settings .setting{display:flex;gap:10px;align-items:center;cursor:pointer}
.class-settings .setting small{display:block;color:var(--muted);font-size:10px}
.class-settings .setting.small{flex-direction:column;align-items:flex-start;gap:4px}
.class-settings input[type=number]{width:70px;background:#0d121a;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px}
.class-card .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.class-groups{display:grid;gap:0}
.class-group-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1.4fr) 110px repeat(4,62px) 80px 70px 28px;gap:10px;align-items:center;min-height:46px;border-bottom:1px solid var(--border-soft);font-size:12px}
.class-group-row.head{min-height:30px;color:#52606d;font:500 9px var(--mono);text-transform:uppercase}
.unassigned .class-group-row{grid-template-columns:minmax(110px,1fr) minmax(120px,1.4fr) 180px}
.unassigned{padding:0 22px;margin-top:8px}.unassigned:empty{display:none}.unassigned h3{margin:18px 0 6px;font-size:14px}
.muted{color:var(--muted)}
.exam-state{font:500 10px var(--mono);padding:4px 8px;border-radius:10px;border:1px solid var(--border);text-align:center;color:var(--muted-2)}
.exam-state.running,.exam-state.countdown{color:var(--teal);border-color:rgba(54,213,197,.4);background:rgba(54,213,197,.07)}
.exam-state.closed{color:var(--amber);border-color:rgba(243,174,70,.4)}
.cm{font:500 10px var(--mono);padding:3px 7px;border-radius:6px;border:1px solid var(--border);color:var(--muted-2)}
.cm b{color:var(--text);margin-left:3px}
.cm.tp,.cm.tn{border-color:rgba(54,213,197,.35)}.cm.tp b,.cm.tn b{color:var(--teal)}
.cm.fp,.cm.fn{border-color:rgba(255,91,98,.35)}.cm.fp b,.cm.fn b{color:var(--red)}
.confusion-line{display:flex;gap:8px;margin:14px 0 4px}
.class-chip{color:var(--teal);font-weight:600}
.class-filter{background:#0d121a;color:var(--text);border:1px solid var(--border);border-radius:7px;height:38px;padding:0 12px;margin-left:12px}
.outcome-badge{font:600 10px var(--mono);padding:2px 6px;border-radius:5px}
.outcome-badge.VP,.outcome-badge.VN{background:rgba(54,213,197,.14);color:var(--teal)}
.outcome-badge.FP,.outcome-badge.FN{background:rgba(255,91,98,.14);color:var(--red)}
#rankingTable .ranking-full-row{grid-template-columns:55px minmax(180px,1.5fr) repeat(7,minmax(70px,1fr));min-width:980px}
.open-flow{padding:22px;margin-bottom:18px}.open-flow h3{margin:0 0 14px}
.open-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.open-steps div{display:grid;gap:4px;padding:14px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2)}
.open-steps b{font:600 18px var(--mono);color:var(--teal)}.open-steps span{color:var(--muted);font-size:11px}
.open-commands{margin:0;padding:18px 22px;overflow:auto;font:400 11px/1.6 var(--mono);color:#cfd8e1}
.keys-list{display:grid;gap:8px;max-height:50vh;overflow:auto;margin:12px 0}
.key-row{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px}
.key-row code{font:500 11px var(--mono);color:var(--teal);user-select:all}
#keysDialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:24px;width:min(640px,92vw)}
#keysDialog::backdrop{background:rgba(0,0,0,.6)}

/* Admin login gate */
body:not(.authenticated) .app-shell{visibility:hidden}
.login-gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(8,11,16,.96);backdrop-filter:blur(8px)}
.login-gate[hidden]{display:none}
.login-card{width:min(420px,100%);padding:34px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.login-brand{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(54,213,197,.35);border-radius:10px;background:rgba(54,213,197,.08);color:var(--teal);font:500 18px var(--mono)}
.login-card .eyebrow{margin:0 0 7px;color:var(--teal);font:500 9px var(--mono);letter-spacing:.14em}
.login-card h1{margin:0;color:var(--text);font-size:25px}
.login-copy{margin:8px 0 24px;color:var(--muted);font-size:12px;line-height:1.6}
.login-card label{display:block;margin:14px 0 7px;color:var(--muted-2);font-size:11px}
.login-card input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:6px;outline:none;background:#080c11;color:var(--text)}
.login-card input:focus{border-color:var(--teal)}
.login-error{min-height:16px;margin:10px 0;color:var(--red);font-size:11px}
.login-error:empty{display:none}
.login-submit{width:100%;justify-content:center;margin-top:10px}
@media(max-width:520px){.login-card{padding:25px}}

.family-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:14px 0 10px}
.family-form label{display:grid;gap:4px;font-size:11px;color:var(--muted)}
.family-form select,.family-form input{background:#0d121a;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;min-width:90px}