@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#090c13;--surface:#10151f;--panel:#111722;--line:#232b3b;--muted:#7b879d;--text:#e7ebf4;--cyan:#50d6e9;--lime:#b5f34b;--violet:#ae8cff;--amber:#efbf69;--red:#fc7989;--font:'DM Sans','Segoe UI',sans-serif;--mono:'IBM Plex Mono',Consolas,monospace;--display:'Barlow Condensed','Bahnschrift Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{min-width:0;color:var(--text);background:#0c111c;border:1px solid #2e394e;border-radius:5px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}input[type=checkbox]{accent-color:var(--lime)}input[type=number]{width:100%}select{cursor:pointer}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:44px;line-height:1.1;letter-spacing:.3px;font-weight:600}h2{font-size:14px;font-weight:650}small{font-size:11px;color:var(--muted)}.mono,code,pre,kbd{font-family:var(--mono)}.muted{color:var(--muted)!important}.cyan{color:var(--cyan)!important}.lime{color:var(--lime)!important}.violet{color:var(--violet)!important}.amber{color:var(--amber)!important}.red{color:var(--red)!important}.cyan-bg{background:var(--cyan)!important}.lime-bg{background:var(--lime)!important}.violet-bg{background:var(--violet)!important}.red-bg{background:var(--red)!important}.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;left:20px;top:-100px;z-index:30;padding:12px;background:var(--cyan);color:#000}.skip:focus{top:10px}
#app{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0d111b;border-right:1px solid var(--line);z-index:20}.brand{height:90px;display:flex;align-items:center;gap:12px;padding:20px 24px;color:#f1f4fa;font-family:var(--display);font-size:29px;font-weight:700;letter-spacing:1.6px}.brand small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:2.3px;line-height:1}.brand-mark{display:flex;align-items:center;justify-content:center;width:37px;height:39px;position:relative;background:var(--lime);color:#10180c;clip-path:polygon(20% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);font:bold 32px var(--display)}.brand-mark span{font-size:35px;margin-left:-3px}.brand-dot{width:5px;height:5px;background:var(--lime);align-self:center;margin-left:0;border-radius:50%}.workspace-switch{margin:0 15px 20px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:9px;padding:12px 10px;font-size:11px;background:#131a26}.workspace-switch>.icon{color:var(--violet);width:16px}.workspace-switch>span{flex:1}.workspace-switch small{display:block;font:8px var(--mono);margin-top:4px}.workspace-switch>.icon:last-child{width:12px;color:var(--muted)}nav{padding:0 14px}.nav-group{font:9px var(--mono);letter-spacing:1.6px;color:#657187;margin:19px 12px 9px}.nav-link{display:flex;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;border-radius:5px;color:#99a5ba;position:relative;font-size:12px;transition:background .15s,color .15s}.nav-link:hover{background:#18202f;color:#fff}.nav-link.active{background:#b5f34b0c;color:var(--lime)}.nav-link.active:before{position:absolute;content:'';left:-14px;top:10px;bottom:10px;background:var(--lime);width:3px}.nav-link b{margin-left:auto;font:10px var(--mono);border:1px solid #303c2b;padding:1px 5px;border-radius:3px}.nav-link>.tiny-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:26px 15px 15px}.help-link{background:transparent;border:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;width:100%;padding:14px 6px}.help-link>.icon:last-child{margin-left:auto;width:13px}.local-node{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:5px;padding:12px 10px}.node-orb{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #b5f3454a}.local-node>div{font:10px var(--mono);flex:1}.local-node small{font:9px var(--font);display:block;margin-top:4px}.local-node .badge{font-size:8px;padding:2px 4px}.build{display:flex;justify-content:space-between;font:8px var(--mono);color:#616f85;margin-top:15px}.app-main{margin-left:234px;flex:1;min-width:0;background:radial-gradient(ellipse at 86% 0,#32234c18,transparent 46%)}.topbar{height:70px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px;background:#0c1019b3}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.breadcrumb .icon{width:12px}.breadcrumb b{color:#cad2e1;font-weight:500}.topbar-right{display:flex;align-items:center;gap:21px}.search-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--muted);font-size:11px}.search-trigger .icon{width:15px}.search-trigger kbd{font-size:10px;border:1px solid #303849;padding:0 5px;border-radius:3px}.prototype-label{display:flex;align-items:center;gap:7px;font:9px var(--mono);letter-spacing:1px;color:var(--amber)}.prototype-label i{width:5px;height:5px;background:var(--amber);border-radius:50%}.avatar{border:1px solid #4c4166;background:#211c31;color:#d3bafe;font:11px var(--mono);width:32px;height:32px;border-radius:6px}.icon-btn{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:#8c9ab2;border-radius:4px;position:relative}.icon-btn:hover{color:#fff;background:#ffffff0c}.icon-btn.small{padding:3px}.icon-btn.small .icon{width:14px;height:14px}.notification i{position:absolute;width:4px;height:4px;background:var(--cyan);border-radius:50%;right:6px;top:5px}.mobile-menu{display:none!important}main{padding:32px 34px 28px;max-width:1920px;margin:auto}.app-footer{padding:15px 34px;border-top:1px solid #1a2130;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.3px;color:#66758c;gap:15px}.app-footer>span:first-child{display:flex;align-items:center;gap:7px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.eyebrow{font:9px var(--mono);color:#768499;letter-spacing:1.8px;margin-bottom:9px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-title p{color:#8a97ab;font-size:12px;margin-top:9px}.page-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;border:1px solid transparent;font-size:11px;font-weight:650;min-height:36px;padding:9px 13px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn .icon{width:14px;height:14px}.primary{background:var(--lime);color:#141c0c;border-color:#c4fc6d;box-shadow:0 0 22px #b5f34b0a}.secondary{background:#151c29;border-color:#303b50;color:#c3cddd}.ghost{color:#9daac1;background:transparent}.ghost:hover{background:#192131}.danger{background:#fb728917;border:1px solid #fb72894d;color:var(--red)}.live-label{display:flex;align-items:center;gap:6px;font:9px var(--mono);color:var(--cyan);margin-right:9px}.live-label i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #50d6e970;animation:pulse 2s infinite}.demo-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #3b3158;background:linear-gradient(110deg,#211c34,#151725);padding:11px 15px;border-radius:5px;color:#9d96b4;font-size:10px;margin-bottom:22px}.demo-strip>span{display:flex;align-items:center;gap:10px}.demo-strip .icon{width:14px;color:var(--violet)}.demo-strip b{font:9px var(--mono);color:#bda4ef;letter-spacing:.4px}.demo-strip button{display:flex;align-items:center;gap:6px;background:none;border:0;color:#c4abef;font-size:10px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{position:relative;overflow:hidden;background:linear-gradient(135deg,#141c28,#101620);border:1px solid var(--line);border-radius:6px;padding:17px 18px 15px;min-height:144px}.stat>div:first-child{display:flex;align-items:center;gap:7px;color:#8896aa;font:8px var(--mono);letter-spacing:.6px}.stat>div:first-child>.icon{width:14px;height:14px}.stat>div:first-child>.badge{margin-left:auto;font-size:7px;padding:1px 4px}.stat>strong{display:block;position:relative;z-index:1;font:500 40px var(--display);letter-spacing:.5px;line-height:1.4;margin-top:5px}.stat>strong>small{font:10px var(--mono);margin-left:8px;letter-spacing:0}.stat-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#67778f;margin-top:9px;position:relative;z-index:1}.stat-foot>span{display:flex;align-items:center;gap:4px}.stat-foot .icon{width:11px;height:11px}.stat-foot a{display:flex;align-items:center;gap:3px;color:#c1cad7}.stat-spark{position:absolute;width:46%;height:50px;right:13px;bottom:34px;opacity:.7}.stat-bars{position:absolute;right:18px;bottom:36px;display:flex;align-items:end;height:42px;gap:3px;opacity:.25}.stat-bars i{width:4px;background:var(--lime);border-radius:1px}.stat-dots{display:grid;grid-template-columns:repeat(8,4px);gap:4px;position:absolute;right:18px;bottom:42px;transform:skewY(-7deg)}.stat-dots i{width:4px;height:4px;background:#283246;border-radius:1px}.stat-dots .on{background:var(--violet);opacity:.7}.drive-ticks{display:flex;position:absolute;right:18px;bottom:40px;height:40px;gap:6px}.drive-ticks>i{width:9px;background:#283143;height:100%;position:relative;display:flex;align-items:end;border-radius:2px}.drive-ticks span{display:block;height:var(--used);background:var(--violet);width:100%;opacity:.6}.drive-ticks small{display:none}.panel{border:1px solid var(--line);border-radius:6px;background:linear-gradient(140deg,#131a26,#101620);overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #232c3b}.panel-head h2{display:flex;align-items:center;gap:8px;font-size:12px}.panel-head .icon{width:15px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:18px;margin-bottom:26px}.chart-legend{display:flex;gap:22px;padding:16px 20px 9px;font:9px var(--mono);color:#8e9cb0}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend b{color:#ced7e4;font-weight:400;margin-left:3px}.chart-legend>span:last-child{margin-left:auto;font-size:8px}.chart-wrap{display:flex;padding:8px 20px 0 17px;gap:12px;height:170px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 23px;color:#56667e;font:8px var(--mono);padding:4px 0 1px}.chart{width:100%;height:100%;display:block;color:var(--cyan)}.chart-grid{fill:none;stroke:#293449;stroke-width:1;stroke-dasharray:2 5}.chart-wrap>div:last-child{flex:1;min-width:0}.chart-time{display:flex;justify-content:space-between;padding:9px 20px 15px 52px;color:#607088;font:8px var(--mono)}.segmented{display:flex;gap:2px;background:#0b111c;border:1px solid var(--line);padding:2px;border-radius:4px}.segmented button{border:0;border-radius:3px;background:none;color:#6c7d95;font:8px var(--mono);padding:4px 8px}.segmented .selected{background:#293448;color:#d7dfeb}.health-row{display:flex;justify-content:space-between;align-items:center;margin:19px 19px 0;font-size:10px}.health-row>span:first-child{display:flex;align-items:center;gap:9px;color:#91a0b7}.health-row .icon{width:13px;height:13px;color:#7386a3}.health-row>b{font:9px var(--mono);color:#c9d1df}.badge{font:8px var(--mono);display:inline-flex;align-items:center;border:1px solid #4ed4ec30;background:#4ed4ec0a;padding:3px 6px;letter-spacing:.5px;border-radius:3px;white-space:nowrap;line-height:1.25;color:var(--cyan)}.badge.lime{background:#b5f34b09;border-color:#b5f34b35}.badge.violet{background:#ae8cff0a;border-color:#ae8cff35}.badge.amber{background:#efbf690a;border-color:#efbf6935}.badge.red{background:#fc798909;border-color:#fc798935}.badge.muted{background:#7990af0a;border-color:#7990af35}.mini-track{height:4px;background:#202c3e;border-radius:4px;margin:11px 19px 17px}.mini-track span{display:block;background:var(--violet);height:100%;border-radius:4px}.system-foot{display:flex;align-items:center;gap:6px;border-top:1px solid #242e40;color:#6b7d95;padding:13px 19px;font-size:9px}.system-foot .icon{width:12px;height:12px}.system-foot b{color:#94a4bb;font-weight:400;margin-left:auto}.section-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:12px}.section-row h2{font-size:15px;display:flex;align-items:center;gap:10px}.section-row h2 span{font:9px var(--mono);background:#192333;border:1px solid #2a3547;color:#a7b5c9;border-radius:4px;padding:3px 6px}.section-row p{font-size:10px;color:#6d7f98;margin-top:4px}.worker-tools{display:flex;align-items:center;gap:7px}.speed-select{display:flex;align-items:center;gap:3px;color:#9da9bd}.speed-select .icon{width:12px}.speed-select select{font:9px var(--mono);padding:4px 8px;min-height:30px;background:#101823;border-color:#29374b}.workers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:24px}.worker-card{background:linear-gradient(115deg,#131b28,#101721);border:1px solid #283549;border-radius:5px;padding:14px 17px;position:relative;overflow:hidden;color:var(--text)!important}.worker-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan)}.worker-card.violet:before{background:var(--violet)}.worker-card.lime:before{background:var(--lime)}.worker-top{display:flex;align-items:center;gap:10px}.worker-id{display:flex;align-items:center;gap:9px;font:11px var(--mono);color:#dbe4f2;flex:1}.worker-id>span{font-size:8px;letter-spacing:.5px;color:#6e819c}.worker-title{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;margin:13px 0 6px;font-size:15px;line-height:1.4;font-weight:600;color:#e0e7f1;width:100%;text-align:left}.worker-title .icon{width:13px;margin-left:auto;color:#586a87}.worker-meta{display:flex;gap:6px;align-items:center;font-size:9px;color:#7d8da5;min-height:20px}.worker-meta>.icon{width:12px;height:12px}.worker-meta>span:last-child{margin-left:auto;font:8px var(--mono);color:#91a2bc}.progress-track{height:4px;background:#202b3c;border-radius:6px;margin-top:12px;overflow:hidden}.progress-fill{height:100%;transition:width .9s linear;border-radius:6px}.worker-metrics{display:flex;align-items:baseline;margin:9px 0 11px;gap:10px}.worker-metrics>strong{font:500 24px var(--display);color:#e3ecf5}.worker-metrics>strong>small{font:11px var(--mono);color:#91a4bd;margin-left:2px}.worker-metrics>span{font:9px var(--mono);color:#7a8ca7}.worker-metrics>b{margin-left:auto;font:12px var(--mono);color:var(--cyan)}.worker-card.lime .worker-metrics>b{color:var(--lime)}.worker-card.violet .worker-metrics>b{color:var(--violet)}.worker-metrics>b>small{font-size:8px;color:#7d91ae}.worker-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #232e40;padding-top:10px;gap:10px;color:#7c8eaa;font:8px var(--mono)}.worker-bottom>span:first-child{display:flex;align-items:center;gap:4px}.worker-bottom .icon{width:12px;height:12px;margin-right:3px}.slot-chip{display:inline-block;padding:2px 4px;border:1px solid #2c3a50;background:#1b2839;border-radius:2px;line-height:1.1;color:#a1b5cf}.idle-body{display:flex;align-items:center;justify-content:center;flex-direction:column;height:153px;gap:9px;color:#6d7d97}.idle-body strong{font-size:12px}.idle-body>span{font-size:10px}.idle:before{background:#334157}.events-panel .panel-head{padding-top:14px;padding-bottom:14px}.text-link{font-size:10px;display:inline-flex;align-items:center;gap:6px;color:#90a0b8}.text-link .icon{width:12px}.event{display:flex;align-items:center;gap:12px;padding:11px 19px;border-bottom:1px solid #1d2737;font-size:10px;line-height:1.5}.event:last-child{border:0}.event time{font:9px var(--mono);color:#647993;flex-shrink:0}.event-level{font:8px var(--mono);width:32px;flex-shrink:0}.event-module{font:8px var(--mono);color:#8f9fba;min-width:75px}.event>span:last-child{color:#a3afc2}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 18px}.filterbar>input{width:230px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid transparent;border-radius:4px;color:#7f90aa;font-size:11px;padding:9px 12px}.tabs .active{border-color:#344353;background:#1c2935;color:var(--cyan)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{color:#7586a1;font:9px var(--mono);padding:14px 18px;background:#101722;white-space:nowrap}td{padding:15px 18px;border-top:1px solid #242f40;color:#b9c5d8}td small{display:block;margin-top:4px;font-size:9px}.file-title{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;padding:0;font-size:11px;white-space:nowrap}.file-title>.icon{color:#627c9c;width:17px}.file-title small{display:block;text-align:left}.table-progress{width:95px;height:3px;background:#273246;overflow:hidden;border-radius:3px}.table-progress>span{height:100%;display:block;background:var(--cyan)}.row-actions{display:flex;gap:4px}.row-actions .icon{width:13px;height:13px}.split-view{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin-bottom:24px}.split-view>.panel>form{padding:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;color:#9eadc3}.field input,.field select{width:100%}.info-note{display:flex;align-items:flex-start;gap:8px;padding:13px 16px;background:#151d2c;border:1px solid #293952;border-radius:4px;color:#8f9fb8;font-size:11px;margin:20px 0;line-height:1.7}.info-note>.icon{width:15px;margin-top:2px;color:var(--cyan)}.allocation-result{display:flex;justify-content:space-between;gap:12px;margin:0 21px 16px;padding:17px 0;border-top:1px solid #2b3749;border-bottom:1px solid #2b3749}.allocation-result>span{display:flex;flex-direction:column;font:8px var(--mono);gap:5px;color:#8696af}.allocation-result b{font:30px var(--display);color:var(--cyan)}.slot-distribution{padding:0 21px 21px}.slot-distribution>div{display:flex;align-items:center;gap:15px;margin:12px 0;font:10px var(--mono)}.slot-distribution>div>div{display:flex;gap:5px;flex:1}.slot-distribution i{width:22px;height:15px;background:#48d1e522;border:1px solid #48d1e56b;border-radius:2px}.slot-distribution strong{font-size:13px;color:var(--cyan)}.slot-distribution small{font-size:9px;color:#8595b0}.account-entry{display:flex;gap:12px;align-items:center;margin:20px}.account-icon{font:17px var(--mono);background:#202439;border:1px solid #3f3b60;padding:8px 11px;border-radius:5px}.account-entry>div:nth-child(2){flex:1;min-width:0}.account-entry b{font:11px var(--mono)}.account-entry small{display:block;font-size:9px;margin-top:4px}.split-view>.panel>.info-note{margin:20px}.settings-list{padding:4px 20px 12px}.settings-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #273144;font-size:11px;color:#91a2bd;gap:15px}.settings-list b{font-size:10px;color:#c7d4e8}.split-view>.panel>.btn{margin:0 20px 20px}.scenario-cards{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:16px}.scenario-cards>button{background:#141f2f;border:1px solid #303d54;border-radius:5px;display:flex;flex-direction:column;align-items:start;padding:19px;gap:11px;position:relative;text-align:left}.scenario-cards>button:hover{border-color:var(--cyan)}.scenario-cards>button>.icon:first-child{color:var(--cyan)}.scenario-cards b{font-size:12px}.scenario-cards span{font-size:10px;color:#859ab6}.scenario-cards>.btn .icon:last-child{position:absolute;right:12px;top:17px}.pipeline-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}.pipeline-flow>div{position:relative;border:1px solid #334056;border-radius:5px;background:#121d2b;display:flex;align-items:center;flex-wrap:wrap;padding:17px;gap:10px}.pipeline-flow .icon{color:var(--violet);width:20px}.pipeline-flow span{margin-left:auto;color:#617692;font:9px var(--mono)}.pipeline-flow b{width:100%;font-size:11px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;cursor:pointer;position:relative}.toggle-row div{flex:1}.toggle-row b{font-size:12px;font-weight:550}.toggle-row small{display:block;margin-top:4px;max-width:340px}.toggle-row input{position:absolute;right:0;opacity:0;width:34px;height:21px;cursor:pointer}.switch{display:block;width:32px;height:18px;background:#2d3a4f;border:1px solid #44516a;border-radius:14px;position:relative;pointer-events:none}.switch:after{content:'';position:absolute;width:12px;height:12px;top:2px;left:3px;background:#8c9ab3;border-radius:50%;transition:transform .15s}.toggle-row input:checked+.switch{background:#b5f34b2a;border-color:#b5f34b60}.toggle-row input:checked+.switch:after{background:var(--lime);transform:translateX(11px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--cyan);outline-offset:3px}.sample-file{display:flex;align-items:center;gap:11px;margin:20px;padding-bottom:17px;border-bottom:1px solid #28354a}.sample-file>.icon{color:var(--violet);width:24px;height:24px}.sample-file>span:nth-child(2){flex:1;font-size:12px}.sample-file small{display:block;margin-top:4px;font:9px var(--mono)}.track{display:flex;align-items:center;gap:12px;padding:12px 21px;border-bottom:1px solid #202d41}.track>div{flex:1}.track b{font-size:11px;font-weight:500}.track small{display:block;font-size:9px;margin-top:3px}.track-type{border:1px solid #354763;border-radius:4px;background:#1d293e;font:9px var(--mono);padding:7px}.summary-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1b2033;border:1px solid #393553;padding:14px 19px;border-radius:5px;margin:22px 0}.summary-strip>span:first-child{display:flex;align-items:center;gap:9px;color:#c7aafa;font-size:12px}.summary-strip>span:nth-child(2){font:9px var(--mono);color:#8394b2}.decision-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:22px}.decision-flow>div{display:flex;flex-direction:column;gap:11px;border-right:1px solid #28354a;padding-right:18px}.decision-flow>div:last-child{border:0}.decision-flow .icon{color:var(--violet)}.decision-flow b{font-size:12px}.decision-flow p{font-size:11px;color:#91a1ba;line-height:1.7}.drive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drive-card{padding:20px}.drive-title{display:flex;align-items:center;gap:10px}.drive-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#202a3e;border:1px solid #34435e;border-radius:6px;color:var(--cyan)}.drive-title h2{font:12px var(--mono);margin-bottom:3px}.drive-title>div{flex:1}.drive-title small{font-size:9px}.drive-title .badge{font-size:7px}.drive-capacity{display:flex;align-items:center;justify-content:space-between;margin:27px 0 11px;font:10px var(--mono);color:#91a3be}.drive-capacity strong{font:30px var(--display);color:#e1e9f6}.drive-capacity small{font:10px var(--mono);margin-left:6px}.drive-capacity-track{height:5px;background:#233046;border-radius:4px;overflow:hidden}.drive-capacity-track>span{display:block;height:100%}.drive-details{margin:20px 0}.drive-details>div{display:flex;justify-content:space-between;margin:12px 0;font-size:10px;color:#8194b1;gap:10px}.drive-details b{font-weight:400;color:#b2c4db}.drive-actions{display:flex;justify-content:space-between;border-top:1px solid #28364d;padding-top:15px}.drive-actions .btn{font-size:10px;padding:7px 8px}.topology{padding:30px;position:relative;background:radial-gradient(ellipse at 50% 20%,#6b4b9e20,transparent 55%),#101620;margin:25px 0}.coordinator-core{display:flex;align-items:center;justify-content:center;gap:18px}.coordinator-core>.icon{width:45px;height:45px;color:var(--violet)}.coordinator-core>div>b{display:block;font:15px var(--mono);letter-spacing:1px}.coordinator-core small{font:9px var(--mono);display:block;margin-top:5px}.topology-nodes{display:flex;justify-content:center;gap:40px;margin-top:42px}.topology-node{width:240px;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;border:1px solid #3c4b68;background:#142133;padding:26px 15px;border-radius:6px}.topology-node:before{content:'';height:27px;width:1px;background:#3d4c6c;position:absolute;left:50%;top:-28px}.topology-node>.tiny-dot{position:absolute;right:13px;top:13px}.topology-node>.icon{width:25px;height:25px;color:var(--cyan)}.topology-node b{font:12px var(--mono)}.topology-node small{font-size:9px}.topology-node>span:last-child{font:9px var(--mono);color:#90a5c4}.topology-node.offline{opacity:.5;border-style:dashed}.terminal-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:15px}.terminal-window{background:#080e17;border:1px solid #2c3b53;border-radius:6px;overflow:hidden}.terminal-bar{display:flex;align-items:center;justify-content:space-between;background:#182234;padding:12px 17px;font:9px var(--mono);gap:12px;color:#8297b8}.terminal-bar>span:first-child{display:flex;gap:6px}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#e57f8b}.terminal-bar i:nth-child(2){background:#e4bc70}.terminal-bar i:nth-child(3){background:#9fce71}.terminal-bar b{font-weight:400}.terminal-body{padding:20px;max-height:530px;min-height:360px;overflow:auto}.terminal-line{display:flex;gap:15px;font:10px/1.9 var(--mono);padding:5px 0}.terminal-line time{color:#536c91;flex-shrink:0}.terminal-line>span:nth-child(2){min-width:135px}.terminal-line>span:last-child{color:#aab9cd}.terminal-prompt{padding:18px 20px;display:flex;gap:12px;font:10px var(--mono);color:var(--lime)}.cursor{background:var(--lime);height:13px;width:6px;animation:pulse 1.2s infinite}.keyboard-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:20px 0}.keyboard-row button{display:flex;align-items:center;gap:6px;background:transparent;border:0;font-size:10px;color:#8c9eb9}kbd{font:9px var(--mono);border:1px solid #35455e;border-bottom-width:2px;padding:2px 6px;border-radius:4px;color:#b1c3dc;background:#182233}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.report-summary>div{display:flex;align-items:center;flex-direction:column;gap:10px;padding:25px}.report-summary .icon{color:var(--cyan)}.report-summary strong{font:46px var(--display)}.report-summary span{font-size:11px;color:#8b9fbd}.report-list>div{display:flex;align-items:center;gap:17px;padding:20px;border-bottom:1px solid #27354a}.report-list>div:last-child{border:0}.report-list>.icon{color:var(--violet)}.report-list>div>span{flex:1}.report-list b{font-size:12px}.report-list small{display:block;margin-top:5px}.command-panel pre{padding:20px;overflow:auto;font:11px/1.8 var(--mono);margin:0;color:#b6ef7e;white-space:pre-wrap;overflow-wrap:anywhere}.command-footer{display:flex;align-items:center;gap:10px;padding:11px 20px;border-top:1px solid #2b384d;font-size:10px;color:#8093b0}.command-footer>.btn{margin-left:auto}.command-footer>.icon{color:var(--lime);width:14px}.input-icon{display:flex;align-items:center;gap:8px;width:450px;max-width:100%;background:#0f1826;border:1px solid #2c3d57;border-radius:4px;padding-left:12px;color:#7790b2}.input-icon>input{border:0;background:none;flex:1;width:100%;font-size:11px;padding:12px}.input-icon>.icon{width:15px}.cli-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.option-card{padding:18px}.option-card>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:12px}.option-card code{font-size:10px;color:var(--cyan);overflow-wrap:anywhere}.option-card .badge{font-size:7px;letter-spacing:0}.option-card p{color:#9eafc8;font-size:11px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere;max-height:120px;overflow:auto}.option-meta{font-size:9px;color:#6e86a7;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.option-meta b{font-weight:400;color:#b1c2db}.option-control{margin-top:15px;border-top:1px solid #2c3a51;padding-top:12px}.option-control>input{width:100%;font-size:10px}.check-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9db1cf}.empty{display:flex;align-items:center;justify-content:center;gap:15px;min-height:180px;color:#6c86a8;grid-column:1/-1}.empty p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#03060bd9;backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#111a29;border:1px solid #43516d;border-radius:8px;width:760px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid #2d3a51;gap:15px}.modal-head h2{font:27px var(--display);letter-spacing:.3px}.modal-body{padding:25px}.modal-body>p{font-size:12px;line-height:1.9;color:#a4b5d0;margin-bottom:15px}.modal-actions{padding:18px 25px;border-top:1px solid #2c3950;display:flex;justify-content:flex-end;gap:10px}.modal .form-grid{gap:17px;margin-bottom:17px}.modal .wide{grid-column:1/-1}.modal pre{background:#090f19;border:1px solid #263b57;padding:18px;color:#bfed8f;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono);max-height:310px;overflow:auto}.modal table{margin-bottom:15px}.modal h3{font-size:13px;margin:20px 0 10px}.modal-list{margin:0 0 15px;padding:0;list-style:none}.modal-list>li{display:flex;gap:10px;border-bottom:1px solid #2b3950;padding:13px 0;color:#9fb1cf;font-size:12px}.modal-list .icon{color:var(--lime);width:16px}.stage-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.checklist{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0 22px}.checklist label{display:flex;align-items:center;gap:6px;font-size:11px;color:#aec0dc}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid>div{padding:12px 15px;border:1px solid #2c3c57;border-radius:4px;background:#162236}.detail-grid span{display:block;color:#6e8bab;font:9px var(--mono);margin-bottom:5px}.detail-grid b{font-size:12px}.modal-message{padding:13px;margin-top:15px;border:1px solid #bf984a60;background:#bf984a10;color:var(--amber);font-size:11px}#toasts{position:fixed;bottom:25px;right:25px;z-index:100;display:flex;flex-direction:column;align-items:end;gap:10px;max-width:calc(100vw - 30px)}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:5px;background:#192b29;border:1px solid #547957;box-shadow:0 10px 50px #0008;font-size:12px;max-width:480px}.toast>.icon{color:var(--lime)}.toast.error{background:#361b28;border-color:#804056}.toast.error>.icon{color:var(--red)}.preferences-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.qa-tag{font:9px var(--mono);color:#738cae}.guided-demo{background:#a98cff14;border:1px solid #a98cff45;padding:15px;border-radius:4px;margin-top:17px}.guided-demo b{color:var(--violet);font-size:12px}.guided-demo p{color:#a4b1c8;font-size:11px;margin-top:6px}.inline-link{background:none;border:0;padding:0;color:var(--cyan);font-size:12px}.loading{margin:20vh auto;text-align:center;color:var(--cyan);font:15px var(--mono)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(min-width:1650px){.workers-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.worker-metrics>span{font-size:8px}.worker-metrics{gap:6px}.overview-grid{grid-template-columns:minmax(0,1fr) 340px}.stat{min-height:155px}.chart-wrap{height:210px}.health-row{margin-top:24px}}
@media(max-width:1200px){.sidebar{width:205px}.brand{padding-left:19px;font-size:26px}.app-main{margin-left:205px}main{padding:25px 23px}.topbar{padding:0 23px}.overview-grid{grid-template-columns:minmax(0,1fr) 260px}.chart-legend{gap:13px}.chart-legend>span:last-child{display:none}.stat{padding:14px;min-height:143px}.stat-foot>span:last-child{display:none}.page-title{align-items:start}h1{font-size:38px}.page-actions{gap:7px}.page-actions>.live-label{display:none}.drive-grid{grid-template-columns:repeat(2,1fr)}.cli-grid{grid-template-columns:repeat(2,1fr)}.pipeline-flow{grid-template-columns:repeat(3,1fr)}.scenario-cards{grid-template-columns:repeat(2,1fr)}.topology-nodes{gap:20px}.stat-spark{width:43%;right:8px}.worker-id>span{font-size:7px}.worker-metrics>span{font-size:8px}.nav-link{padding-left:10px;font-size:11px}.workspace-switch{font-size:10px}.split-view{gap:17px}}
@media(max-width:950px){.search-trigger>span{display:none}.overview-grid{grid-template-columns:1fr}.health-panel{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{min-height:145px}.split-view{grid-template-columns:1fr}.workers-grid{grid-template-columns:1fr}.page-title{flex-wrap:wrap}.page-actions{margin-top:0}.demo-strip>span>span{display:none}.topology-nodes{flex-wrap:wrap}.decision-flow{grid-template-columns:repeat(2,1fr)}.decision-flow>div:nth-child(2){border:0}.report-summary{grid-template-columns:repeat(2,1fr)}.summary-strip{flex-wrap:wrap}.summary-strip>span:nth-child(2){display:none}.app-footer{font-size:8px;padding:14px 20px}.app-footer>span:last-child{display:none}.worker-meta>span:last-child{font-size:9px}.worker-metrics>span{font-size:10px}.worker-id>span{font-size:9px}.worker-metrics{gap:12px}.terminal-line{flex-wrap:wrap;gap:6px 12px}.terminal-line>span:last-child{width:100%}.terminal-controls{align-items:start}.terminal-controls>div:last-child{display:flex;flex-direction:column}.cli-grid{grid-template-columns:1fr}.filterbar{flex-wrap:wrap}.command-footer{flex-wrap:wrap}.command-footer>.btn{margin-left:0}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:234px;box-shadow:30px 0 80px #0006}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-menu{display:flex!important}.topbar{height:58px;padding:0 15px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span{display:none}.breadcrumb>.icon{display:none}.topbar-right{gap:11px}.search-trigger{display:none}.prototype-label{font-size:7px}.avatar{width:28px;height:28px;font-size:9px}.notification .icon{width:16px}main{padding:23px 16px}.page-title{gap:18px;margin-bottom:20px}.page-title h1{font-size:38px}.page-title p{font-size:11px;max-width:290px}.page-actions{width:100%;justify-content:space-between}.btn{font-size:11px}.demo-strip{padding:10px;font-size:9px}.demo-strip b{font-size:8px}.demo-strip>span{gap:7px}.demo-strip button{font-size:9px}.stats-grid{gap:10px;margin-bottom:18px}.stat{padding:13px;min-height:135px}.stat>strong{font-size:35px}.stat>div:first-child{font-size:7px;letter-spacing:.2px}.stat>strong>small{font-size:8px;margin-left:5px}.stat-spark{width:38%;opacity:.4;bottom:39px}.stat-bars{gap:2px;right:10px;bottom:38px;opacity:.2}.stat-bars i{width:3px}.stat-dots{grid-template-columns:repeat(8,3px);gap:3px;right:12px;bottom:41px}.stat-dots i{width:3px;height:3px}.drive-ticks{gap:4px;right:10px;opacity:.5}.drive-ticks>i{width:6px}.stat-foot{font-size:8px}.stat-foot a{font-size:8px}.chart-legend{gap:13px;padding-left:14px;padding-right:14px;font-size:8px}.chart-legend b{font-size:8px}.chart-wrap{height:150px;padding-right:14px;padding-left:10px}.chart-time{padding-left:45px;padding-right:14px;font-size:7px}.section-row h2{font-size:13px}.section-row p{font-size:9px;max-width:205px}.worker-tools .btn{font-size:0;padding:8px}.worker-tools .btn>.icon{width:16px}.worker-card{padding:13px 14px}.worker-title{font-size:15px}.worker-metrics>span{font-size:9px}.event{padding:12px 14px;gap:8px;flex-wrap:wrap}.event>span:last-child{width:100%;font-size:10px}.event-module{font-size:8px}.panel-head{padding:14px}.form-grid{gap:12px}.split-view>.panel>form{padding:17px}.scenario-cards{grid-template-columns:1fr 1fr;padding:15px;gap:10px}.scenario-cards>button{padding:14px}.scenario-cards b{font-size:11px}.scenario-cards span{font-size:9px}.pipeline-flow{gap:10px}.pipeline-flow>div{padding:12px}.pipeline-flow b{font-size:10px}.drive-grid{grid-template-columns:1fr}.summary-strip{padding:14px}.summary-strip>span:first-child{font-size:11px}.decision-flow{padding:16px;gap:19px}.decision-flow p{font-size:10px}.decision-flow b{font-size:11px}.topology{padding:20px 15px}.coordinator-core{flex-wrap:wrap;gap:12px}.coordinator-core>div>b{font-size:12px}.coordinator-core>.icon{width:34px}.coordinator-core small{font-size:8px}.topology-nodes{gap:28px;flex-direction:column;align-items:center;margin-top:30px}.topology-node{width:100%;max-width:300px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-head{padding:17px}.modal-body{padding:17px}.modal .form-grid{grid-template-columns:1fr}.modal-actions{padding:14px}.detail-grid{grid-template-columns:1fr 1fr}.modal h2{font-size:24px}.filterbar>input{width:100%}.terminal-controls{flex-direction:column}.terminal-controls>div:last-child{flex-direction:row}.terminal-bar{font-size:8px}.terminal-bar>span:last-child{display:none}.terminal-body{padding:15px;min-height:280px}.terminal-line{font-size:9px}.keyboard-row{gap:15px;justify-content:start}.report-list>div{padding:17px;gap:12px;flex-wrap:wrap}.report-list>div>.btn{width:100%;margin-left:30px}.option-card{padding:16px}.command-panel pre{padding:15px;font-size:9px}.command-footer{padding:13px;font-size:9px}.app-footer{padding:13px 16px}.tabs button{padding:7px 9px;font-size:10px}.report-summary{gap:12px}.report-summary>div{padding:20px 10px}.report-summary span{font-size:10px}.input-icon{width:100%}.option-card p{max-height:none}.stats-grid .stat>.badge{font-size:7px}.speed-select select{padding:5px}.slot-chip{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* ABUELITA. Primary content stays readable; the sidebar remains reachable
   on short screens and has an explicit mobile close action. */
.sidebar .brand,.workspace-switch,.sidebar-bottom{flex-shrink:0}
.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33435c transparent}
.sidebar-close{display:none}
.slot-distribution>div>div,.worker-bottom>span:first-child{flex-wrap:wrap;min-width:0}
.field,.settings-list>div,table,.option-card p{font-size:12px}
.field>span{color:#afbed3}
.decision-flow p,.info-note{color:#a7b7ce}
.modal-message{font-size:12px;font-weight:550;padding:16px;line-height:1.7}
@media(max-width:680px){.sidebar-close{display:flex;position:absolute;top:29px;right:8px;background:#1a2435}.sidebar .brand{padding-right:40px}.sidebar-bottom{padding-top:10px}.sidebar .workspace-switch{margin-bottom:8px}.sidebar .nav-group{margin-top:12px}.sidebar .help-link{padding-top:7px;padding-bottom:8px}.sidebar nav .nav-link{min-height:39px}.modal .btn{min-height:40px}.row-actions .icon-btn{min-width:34px;min-height:36px}.keyboard-row button{min-height:36px}}