:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4f4;background:#0a1018;font-synthesis:none;--ink:#edf4f4;--muted:#92a3b0;--line:#24323d;--panel:#111c26;--panel2:#17232e;--green:#b4f887;--purple:#b2a1ff;--blue:#70d5f7;--amber:#ffc277}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.drop-zone:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:var(--green)}.app-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b141d;border-right:1px solid #1f303b;padding:35px 20px 26px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:14px;margin:0 8px 71px}.brand strong{font-size:23px;letter-spacing:-1.15px;color:#f5ffff}.brand strong span{color:var(--green)}.brand small{display:block;font-size:9px;font-weight:700;color:#698193;letter-spacing:2px;margin-top:4px}.brand-symbol{width:33px;height:35px;position:relative;display:grid;place-items:center;transform:rotate(-24deg)}.brand-symbol span{position:absolute;border:2px solid var(--green);width:22px;height:27px;border-radius:2px;transform:skew(-8deg)}.brand-symbol span:nth-child(2){transform:translate(5px,-4px) skew(-8deg);border-color:#b2a1ff}.brand-symbol span:nth-child(3){transform:translate(-4px,4px) skew(-8deg);border-color:#60c9b8}.side-label{color:#62798b;font-size:10px;font-weight:800;letter-spacing:1.8px;margin:0 12px 17px}.nav{display:flex;flex-direction:column;gap:7px}.nav-btn{width:100%;background:transparent;color:#8399a8;text-align:left;border:1px solid transparent;border-radius:10px;padding:13px 11px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:13px}.nav-btn:hover{color:#fff;background:#152430}.nav-btn.active{color:var(--green);background:#1b312e;border-color:#2b4b43}.nav-icon{font-size:20px;font-weight:400;width:21px;text-align:center}.nav-index{margin-left:auto;color:#597178;font-size:10px}.datasets-label{margin-top:53px}.side-panel{background:#121f2b;border:1px solid #263844;border-radius:11px;padding:14px}.side-panel label{display:block;color:#8297a3;font-size:11px;margin-bottom:9px}.side-panel select{width:100%;background:#0f1b26;border:1px solid #2b3d49;border-radius:6px;color:#eef4f2;padding:11px 6px;font-size:11px;min-width:0}.dataset-meta{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px;color:#8196a5}.dot,.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #b4f88755}.side-bottom{border-top:1px solid #1d303b;margin-top:auto;padding:25px 8px 5px;display:flex;align-items:flex-start;gap:12px;color:#d6e4e5;font-size:10px;line-height:1.8;letter-spacing:.9px;font-weight:700}.side-bottom small{color:#6b8594;letter-spacing:0;font-weight:500;font-size:11px}.status-dot{margin-top:5px}.workspace{min-width:0}.topbar{height:79px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22313b;padding:0 48px;background:#0c151e}.breadcrumb{color:#75909c;font-size:12px}.breadcrumb span{padding:0 9px;color:#415b68}.breadcrumb b{color:#edf3f5;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.release-pill{color:var(--green);background:#1b322e;border:1px solid #304b44;font-size:10px;padding:8px 12px;border-radius:40px;margin-right:9px}.btn{border:1px solid #354958;border-radius:8px;padding:11px 16px;color:#dae8e8;background:#162631;font-weight:700;font-size:11px;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#27414a;transform:translateY(-1px)}.btn.primary{color:#112015;background:var(--green);border-color:var(--green)}.btn.primary:hover{background:#c7ffa6}.btn.ghost{background:transparent}.btn.thin{padding:9px 13px;background:#15232d;color:#b3c7cc;font-size:10px}.btn.outline{background:transparent;color:var(--green);border-color:#426751}main{max-width:1500px;margin:auto;padding:0 48px}.hero{padding:45px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.micro{font-size:10px;font-weight:800;color:#8a9caa;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green)}.eyebrow-line{width:20px;height:1px;background:var(--green)}.eyebrow-count{color:#73868d}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4vw,62px);letter-spacing:-2.8px;font-weight:750;line-height:1.12;margin:17px 0 13px}h1 em{font-weight:700;font-style:normal;color:var(--green)}.hero p{max-width:630px;color:#8fa2ae;line-height:1.8;font-size:13px;margin:0}.hero-art{width:198px;min-width:180px;margin-right:15px;opacity:.95}.hero-art svg{display:block;width:100%}.demo-note{border:1px solid #33463d;background:#1c2b28;border-radius:9px;padding:11px 15px;color:#afc5bd;font-size:11px;display:flex;align-items:center;gap:11px;margin:12px 0 19px;line-height:1.5}.demo-note strong{color:var(--green)}.note-icon{border:1px solid #617c64;color:var(--green);width:20px;height:20px;text-align:center;line-height:17px;border-radius:50%;font-weight:700;flex-shrink:0}.control-strip{display:flex;align-items:center;gap:19px;background:#14212b;border:1px solid #31414c;border-radius:12px;padding:18px 20px;margin-bottom:36px}.control-title{display:flex;align-items:center;gap:12px;min-width:265px}.control-icon{width:37px;height:37px;border-radius:10px;background:#243a34;color:var(--green);display:grid;place-items:center;font-size:20px}.control-title b{font-size:12px;display:block}.control-title small{display:block;color:#80939e;font-size:10px;margin-top:4px}.range-group{display:flex;align-items:center;gap:12px;flex:1}.range-group input{width:100%;accent-color:var(--green);min-width:90px;cursor:pointer}.range-min,.range-max{color:#748c9b;font-size:10px}output{color:var(--green);font-size:17px;font-weight:800;min-width:42px;text-align:right}.alert{background:#3e2f20;border:1px solid #a46e41;border-radius:10px;color:#ffe0b3;padding:13px 17px;margin:0 0 20px;font-size:12px}.alert[hidden],.page[hidden]{display:none!important}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 20px}.section-header h2{font-size:23px;letter-spacing:-.65px;margin:8px 0 0}.section-detail{font-size:10px;color:#748d9a;letter-spacing:1.2px;font-weight:700;white-space:nowrap}.section-sub{color:#869ca8;font-size:12px;margin:9px 0 0;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric-card{background:#121f29;border:1px solid #293c46;border-radius:11px;padding:20px 19px 17px;min-height:151px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.accent-green{--accent:var(--green)}.accent-purple{--accent:var(--purple)}.accent-blue{--accent:var(--blue)}.accent-amber{--accent:var(--amber)}.metric-caption{font-size:11px;color:#9caeb9;display:flex;justify-content:space-between}.metric-mark{font-size:17px;color:var(--accent)}.metric-value{font-size:36px;letter-spacing:-1.2px;font-weight:750;margin:19px 0 7px;color:var(--accent);line-height:1}.metric-desc{font-size:10px;color:#718795;line-height:1.6}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#111d27;border:1px solid #293b47;border-radius:11px;padding:21px 24px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h3{font-size:16px;font-weight:700;letter-spacing:-.2px;margin:9px 0 15px}.mini-tag{border:1px solid #344752;background:#172631;border-radius:5px;color:#91a7b0;font-size:9px;font-weight:800;letter-spacing:.7px;padding:6px 8px;white-space:nowrap}.micro{color:#718a97;font-size:9px;letter-spacing:1.8px}.axis-label{font-size:9px;color:#78919e;letter-spacing:1px;margin-bottom:11px}.confusion-matrix{display:grid;gap:7px;max-width:510px}.matrix-headers,.matrix-row{display:grid;grid-template-columns:94px 1fr 1fr;gap:7px;align-items:center}.matrix-headers{color:#8197a4;text-align:center;font-size:10px}.matrix-row>span{color:#8da5b2;font-size:10px}.matrix-cell{border-radius:7px;padding:13px 12px;min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center}.matrix-cell strong{font-size:27px;letter-spacing:-1px}.matrix-cell small{font-size:9px;margin-top:4px}.matrix-cell.positive{background:#234738;color:#b9ff93}.matrix-cell.negative{background:#233947;color:#91def8}.matrix-cell.false-positive{background:#46382f;color:#ffd8ab}.matrix-cell.false-negative{background:#3e2f44;color:#e1bbf4}.panel-foot{color:#718795;font-size:10px;line-height:1.7;margin-top:20px;padding-top:14px;border-top:1px solid #283844}.svg-chart{height:245px;width:100%;margin-top:5px}.svg-chart svg,.large-chart svg{width:100%;height:100%;display:block}.chart-legend{display:flex;gap:20px;align-items:center;color:#8ca4af;font-size:10px;padding-top:11px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.legend-dot.green{background:var(--green)}.legend-dot.purple{background:var(--purple)}.legend-dot.blue{background:var(--blue)}.legend-dot.amber{background:var(--amber)}.legend-dot.muted{background:#5e7382}.insight-list{display:flex;flex-direction:column;gap:12px;padding-top:6px}.insight{display:flex;gap:12px;align-items:flex-start;background:#192934;border:1px solid #2b404b;border-radius:8px;padding:13px}.insight-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#254137;color:var(--green);flex-shrink:0}.insight.warn .insight-icon{background:#453828;color:var(--amber)}.insight p{margin:4px 0 0;color:#8299a6;line-height:1.6;font-size:11px}.insight b{font-size:11px}.large-chart{height:320px}.full-panel{margin-bottom:18px}.compact .metric-card{min-height:141px}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.suggestion-number{font-size:41px;font-weight:800;color:var(--green);padding-top:4px}.dim{color:#8ca1ae}.copy{font-size:12px;line-height:1.75}.bootstrap-result{color:var(--purple);background:#22273a;border:1px solid #393d57;margin-top:15px;padding:14px;border-radius:7px;font-size:12px;font-weight:700}.table-panel{margin-bottom:18px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}.table-wrap th{font-size:9px;letter-spacing:1px;color:#7c96a4;padding:13px 10px;border-bottom:1px solid #2e404b}.table-wrap td{padding:11px 10px;color:#b9cdd4;border-bottom:1px solid #22333d}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tr.current{background:#254033}.table-wrap tr.current td:first-child{color:var(--green);font-weight:800}.fairness-warning{border-radius:9px;padding:13px 16px;background:#2c322a;border:1px solid #5a5e3b;color:#e8d29a;line-height:1.6;font-size:11px;margin-bottom:19px}.fairness-warning.good{background:#1c332c;border-color:#426b51;color:#b6eac0}.group-bars{display:flex;flex-direction:column;gap:23px;padding:16px 2px 26px}.group-row{display:grid;grid-template-columns:110px 1fr 52px;gap:16px;align-items:center}.group-row .group-label{color:#b5c6cb;font-size:11px;overflow-wrap:anywhere}.group-bar{height:13px;border-radius:5px;background:#263945;overflow:hidden}.group-bar>div{height:100%;background:linear-gradient(90deg,#7fd3c6,#b4f887);border-radius:5px}.group-row .group-val{font-size:11px;font-weight:700;color:var(--green);text-align:right}.method-card{border-left:3px solid var(--purple);padding:18px 21px;background:#1a2432;border-radius:0 10px 10px 0;margin-bottom:24px}.method-card strong{font-size:12px;color:#cfcbff}.method-card p{font-size:12px;color:#98a9b6;line-height:1.8;margin:7px 0 0}.drop-zone{border:1px dashed #56716c;border-radius:11px;background:#172b2c;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px 18px;text-align:center;color:#e3f4ed}.drop-zone:hover,.drop-zone.dragging{background:#233c36;border-color:var(--green)}.drop-zone b{font-size:14px}.drop-zone span{font-size:11px;color:#95afa8}.upload-icon{border:1px solid #668a74;color:var(--green);border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:28px}.upload-panel>.btn{margin-top:14px}.data-profile{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:10px 0}.data-item{background:#172833;border:1px solid #2e444c;border-radius:8px;padding:18px}.data-item strong{color:#bdf3d3;display:block;font-size:22px;margin-top:8px}.data-item span{font-size:10px;color:#849caa}.methods-panel{margin-bottom:18px}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:10px}.method-grid>div{border-top:1px solid #344450;padding-top:16px}.method-grid b{font-size:12px}.method-grid p{font-size:11px;color:#8ba1ad;line-height:1.75;margin:8px 0 0}.closing-note{padding:21px;color:#8eb1ad;font-size:12px;text-align:center;background:#182729;border-radius:9px;border:1px solid #304e43}.closing-note span{color:var(--green);padding-right:9px;font-size:18px}.footer{border-top:1px solid #243540;padding:30px 0;margin-top:36px;display:flex;justify-content:space-between;gap:10px;color:#66808e;font-size:9px;letter-spacing:1.2px}.toast{position:fixed;right:24px;bottom:24px;max-width:440px;background:#2b4b40;color:#ecfff0;border:1px solid #5b9f7c;border-radius:9px;padding:15px 19px;font-size:12px;box-shadow:0 13px 32px #0008;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#49362b;border-color:#bf785c;color:#fff1de}
@media(max-width:1200px){.app-shell{grid-template-columns:220px minmax(0,1fr)}main{padding:0 28px}.topbar{padding:0 28px}.sidebar{padding-left:13px;padding-right:13px}.control-title{min-width:235px}.metric-card{padding:17px 13px}.metric-value{font-size:30px}.panel{padding:19px 16px}.matrix-headers,.matrix-row{grid-template-columns:68px 1fr 1fr}.matrix-cell{padding:10px 5px}.hero-art{width:150px;min-width:130px}}
@media(max-width:900px){.app-shell{display:block}.sidebar{height:auto;min-height:0;position:static;display:block;padding:16px 22px 12px;border-right:0;border-bottom:1px solid #30404c}.brand{margin:0 0 17px}.side-label,.side-panel,.side-bottom{display:none}.nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:4px}.nav-btn{width:auto;white-space:nowrap;padding:10px 12px}.nav-index{display:none}.topbar{height:68px}main{padding:0 23px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-strip{flex-wrap:wrap}.control-title{flex:1}.range-group{flex:2}.hero-art{display:none}}
@media(max-width:620px){.sidebar{padding:16px 14px 9px}.brand strong{font-size:19px}.nav{gap:5px}.nav-btn{font-size:11px;padding:9px}.topbar{padding:0 16px;height:auto;min-height:68px;flex-wrap:wrap;gap:7px}.breadcrumb{font-size:10px}.release-pill{display:none}.top-actions{gap:5px}.top-actions .btn{padding:9px 8px;font-size:9px}main{padding:0 16px}.hero{padding:32px 0 20px}.hero h1{font-size:38px;letter-spacing:-1.6px}.hero p{font-size:12px}.control-strip{padding:13px;gap:13px}.control-title{min-width:100%}.range-group{min-width:calc(100% - 76px);gap:5px}.range-min,.range-max{display:none}.control-strip>.btn{margin-left:auto}.section-header{align-items:flex-start}.section-detail{font-size:9px;padding-top:3px}.section-header h2{font-size:21px}.metric-grid{gap:10px}.metric-card{padding:14px 12px;min-height:132px}.metric-value{font-size:29px}.metric-caption{font-size:10px}.metric-desc{font-size:9px}.chart-grid,.split-panels{grid-template-columns:1fr}.svg-chart{height:240px}.group-row{grid-template-columns:85px 1fr 40px;gap:7px}.method-grid{grid-template-columns:1fr}.footer{font-size:8px;line-height:1.7}.matrix-headers,.matrix-row{grid-template-columns:82px 1fr 1fr}.panel{padding:17px}.release-pill{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}