:root{color-scheme:dark;--bg:#080d1a;--panel:#10172a;--panel2:#0b1323;--line:#29334a;--line2:#39445c;--accent:#16b8e8;--green:#39d5a1;--text:#f1f5fb;--muted:#91a0b9;--danger:#ef6673}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,Segoe UI,sans-serif}.app-shell{width:min(1420px,96vw);min-height:100vh;margin:auto;padding:8px 0 24px}.topbar{height:78px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;border:1px solid var(--line);border-top:4px solid var(--accent);background:linear-gradient(90deg,#10172b,#121a30);padding:0 22px}.brand{font-size:22px;font-weight:900}.brand span{color:var(--accent)}.title{text-align:center}.title strong{display:block;font-style:italic;letter-spacing:.7px}.title small{display:block;margin-top:5px;color:var(--muted);font-weight:700}.badge{justify-self:end;border:1px solid var(--green);color:var(--green);border-radius:4px;padding:5px 9px;font-size:10px;font-weight:800}.uploadbar{display:grid;grid-template-columns:240px minmax(300px,1fr) 110px 190px;gap:12px;align-items:end;padding:12px 18px;background:var(--panel);border:1px solid var(--line);border-top:0}.uploadbar label{margin:0;color:var(--muted);font-size:11px;font-weight:700}.uploadbar label span{display:block;margin-bottom:5px}.uploadbar input{width:100%;height:38px;margin:0;border:1px solid var(--line2);border-radius:3px;background:#080f1d;color:var(--text);padding:8px 10px}.check{display:flex!important;align-items:center;gap:8px;height:38px}.check input{width:auto;height:auto}.welcome{margin-top:12px;min-height:390px;border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#15213b 0,transparent 48%),var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.welcome strong{color:var(--text);font-size:24px}.workspace{margin-top:12px;border:1px solid var(--line);background:var(--panel)}.fileline{height:46px;display:grid;grid-template-columns:70px minmax(250px,1fr) 90px 270px;align-items:center;gap:14px;padding:0 18px;background:#0b1221;border-bottom:1px solid var(--line)}.fileline>span:first-child,.off-strip span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:1px}.fileline strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileline code{color:var(--muted);overflow:hidden}.identity-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.identity-grid>div{padding:14px 18px;min-height:66px;border-right:1px solid var(--line)}.identity-grid>div:last-child{border:0}.identity-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.identity-grid strong{font-size:16px}.off-strip{height:52px;margin:14px 18px 0;border:2px solid var(--line2);display:flex;align-items:center;gap:22px;padding:0 18px;background:#0c1324}.off-strip strong{color:var(--green);letter-spacing:.5px}.dtc-chips{display:flex;align-items:center;gap:7px;overflow:auto;white-space:nowrap}.dtc-chip{border:1px solid var(--line2);padding:3px 7px;font-size:11px}.dtc-chip.off{color:var(--green)}.dtc-chip.selected{color:#67d8f6}.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 18px 8px}.toolbar input{height:38px;border:1px solid var(--line2);border-radius:3px;background:#080f1d;color:var(--text);padding:0 12px}.filters{display:flex}.filter{background:#1b263c;color:var(--muted);border:1px solid var(--line2);border-radius:0;padding:0 12px}.filter.active{color:var(--text);border-color:var(--accent)}.filter b{color:var(--accent);margin-left:5px}.table-head,.dtc{display:grid;grid-template-columns:42px 1fr 1fr 110px 90px;gap:10px;align-items:center}.table-head{height:34px;margin:0 18px;background:#0a1120;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;padding:0 12px;border:1px solid var(--line)}.dtcs{height:240px;overflow:auto;margin:0 18px;border:1px solid var(--line);border-top:0;background:#0b1221}.dtc{height:40px;padding:6px 12px;border-bottom:1px solid #222c40;margin:0;color:var(--text)}.dtc:hover{background:#121d32}.dtc input{width:auto;margin:0}.dtc code{color:#67d8f6;font-weight:800}.state{font-weight:900}.state.on{color:#ffbd66}.state.off{color:var(--green)}button{height:38px;border:0;border-radius:3px;padding:0 16px;background:var(--green);color:#071611;font-weight:900;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:#2c3b55;color:var(--text)}.danger{background:var(--danger);color:#24070b}.download{background:var(--green)}.bottom-bar{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:10px 18px}.status,.global-status{color:var(--muted);margin:0}.actions{display:flex;gap:9px}.preview-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 18px 16px;border:1px solid var(--line);background:var(--line)}.preview-summary>div{min-width:0;background:#080f1d;padding:10px 12px}.preview-summary small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;margin-bottom:3px}.preview-summary strong,.preview-summary code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.preview-summary code{color:var(--green)}.global-status{text-align:center;padding:10px}.hidden{display:none!important}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.title{display:none}.uploadbar{grid-template-columns:1fr 1fr}.identity-grid,.preview-summary{grid-template-columns:1fr 1fr}.fileline{grid-template-columns:65px 1fr}.fileline code,.fileline>span:nth-child(3){display:none}.table-head,.dtc{grid-template-columns:32px 1fr 80px 65px}.table-head span:nth-child(3),.dtc .raw{display:none}}@media(max-width:560px){.app-shell{width:100%}.topbar{border-left:0;border-right:0}.uploadbar{grid-template-columns:1fr}.identity-grid,.preview-summary{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.filters{height:34px}.table-head,.dtcs,.off-strip,.preview-summary{margin-left:8px;margin-right:8px}.bottom-bar{align-items:stretch;flex-direction:column;gap:10px}.actions{display:grid;grid-template-columns:1fr}.actions button{width:100%}}
.selection-strip{min-height:48px;margin:12px 18px 0;border:1px solid var(--line2);display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;padding:7px 12px;background:#0c1324}.selection-strip>span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.7px}.selection-chips{display:flex;gap:6px;overflow:auto;white-space:nowrap;color:var(--muted)}.selection-chip{border:1px solid var(--accent);color:#67d8f6;padding:3px 7px;font-size:11px}.table-head,.dtc{grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) 90px 65px 145px}.dtc-action{height:28px;padding:0 10px;justify-self:start;background:#25344d;color:#dce7f5;font-size:11px}.dtc-action.selected{background:var(--accent);color:#06141b}.dtc-action.already-off{background:#18382f;color:var(--green);opacity:.75}.actions .danger{min-width:210px}.account-nav{display:flex;align-items:center;justify-self:end;gap:11px;font-size:11px}.account-nav a,.link-button{color:var(--muted);text-decoration:none;background:none;border:0;padding:0;height:auto}.account-nav a:hover,.link-button:hover{color:var(--green)}#accountName{color:var(--text);font-weight:800}@media(max-width:900px){.table-head,.dtc{grid-template-columns:1fr 80px 58px 125px}.table-head span:nth-child(2),.dtc .raw{display:none}.selection-strip{grid-template-columns:1fr}.selection-strip>span{margin-bottom:2px}.account-nav #accountName{display:none}}@media(max-width:560px){.selection-strip{margin-left:8px;margin-right:8px}.table-head,.dtc{grid-template-columns:1fr 58px 110px}.table-head span:nth-child(4),.dtc .occ{display:none}.dtc-action{justify-self:end}.account-nav a,.link-button{display:none}}