:root{color:#e7eeee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#080a0b;--surface:#0d1011;--surface-raised:#121617;--border:#202728;--border-strong:#303a3b;--text:#e7eeee;--muted:#8d9a9b;--accent:#4ad8bf;--green:#54d99a;--blue:#69bfff;--amber:#e8b65b;--red:#ff7681;background:#080a0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--background);min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#30393a;border-radius:8px}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#080a0b;justify-content:space-between;align-items:center;min-height:58px;padding:9px 18px;display:flex;position:sticky;top:0}.brand,.topbar-actions,.batch-actions,.detail-actions,.login-brand{align-items:center;display:flex}.brand{gap:10px;min-width:0}.brand-mark{width:32px;height:32px;color:var(--accent);background:#0c1b19;border:1px solid #28534d;border-radius:7px;flex:0 0 32px;place-items:center;display:grid}.brand h1,.login-brand h1{color:var(--text);letter-spacing:.08em;margin:0;font-size:.98rem}.brand p{color:var(--muted);align-items:center;gap:6px;margin:2px 0 0;font-size:.72rem;display:flex}.service-dot,.pulse-dot{background:#596263;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.service-dot.online,.pulse-dot.active{background:var(--green)}.topbar-actions{gap:5px}.icon-button,.text-button,.primary-button,.notice{border:1px solid var(--border);color:var(--text);background:var(--surface)}.icon-button{border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover,.text-button:hover{border-color:var(--border-strong);background:var(--surface-raised)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:#ebca8b;text-align:left;background:#17140d;border-color:#65502a;border-radius:6px;justify-content:space-between;gap:14px;width:min(1160px,100% - 28px);margin:12px auto 0;padding:9px 11px;display:flex}.notice span{color:var(--muted)}.dashboard{width:min(1160px,100%);margin:0 auto;padding:16px}.summary-strip{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.summary-item{border-right:1px solid var(--border);min-width:0;padding:11px 13px}.summary-item:last-child{border-right:0}.summary-item span,.system-strip span,.info span,.batch-row>span,.batch-row-meta,.panel-heading p,.detail-heading p,.subheading p,.event time,.login-subtitle{color:var(--muted);font-size:.72rem}.summary-item strong{color:var(--text);text-overflow:ellipsis;margin-top:3px;font-size:1.12rem;display:block;overflow:hidden}.summary-item.queued strong{color:var(--amber)}.summary-item.processing strong{color:var(--blue)}.summary-item.done strong{color:var(--green)}.summary-item.failed strong{color:var(--red)}.system-strip{border:1px solid var(--border);background:#0a0d0e;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:8px;padding:9px 12px;display:grid}.system-strip>div{min-width:0}.system-strip strong{color:#cfd8d8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.78rem;display:block;overflow:hidden}.system-state{grid-template-columns:8px 1fr;align-items:center;column-gap:6px;display:grid}.system-state strong{grid-column:2;margin-top:0}.workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.panel-heading,.detail-heading,.subheading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{border-bottom:1px solid var(--border);min-height:57px;padding:10px 12px}.panel-heading h2,.detail-heading h2,.subheading h3{color:var(--text);margin:0}.panel-heading h2,.detail-heading h2{font-size:.96rem}.panel-heading p,.detail-heading p,.subheading p{margin:2px 0 0}.batch-actions,.detail-actions{gap:6px}.text-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 8px;font-size:.75rem;display:inline-flex}.batch-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 92px;gap:7px;padding:8px;display:grid}.batch-toolbar input,.batch-toolbar select,.login-panel input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#090c0d;border-radius:6px}.batch-toolbar input,.batch-toolbar select{height:32px;padding:5px 8px;font-size:.78rem}.batch-rows{max-height:calc(100vh - 255px);overflow:auto}.batch-row{width:100%;color:var(--text);text-align:left;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 93px;background:0 0;border:0;border-bottom:1px solid #181e1f;padding:10px 11px;display:block}.batch-row:hover{background:#111516}.batch-row.active{box-shadow:inset 2px 0 0 var(--accent);background:#101b19}.batch-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.batch-row-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.83rem;overflow:hidden}.batch-row>span{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.batch-row-meta{justify-content:space-between;gap:8px;margin:7px 0 5px;display:flex}.status{color:var(--muted);background:#191e1f;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 6px;font-size:.68rem;line-height:1;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.queued{color:var(--amber)}.status.processing{color:var(--blue)}.status.done{color:var(--green)}.status.failed{color:var(--red)}.progress{background:#252c2d;border-radius:3px;width:100%;height:3px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.progress.large{height:5px;margin:14px 0}.detail-panel{padding:14px}.detail-heading{align-items:flex-start}.detail-heading>div:first-child{min-width:0}.detail-heading h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.info{border:1px solid var(--border);background:#0a0d0e;border-radius:6px;min-width:0;padding:9px}.info strong{color:#dfe7e7;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.82rem;display:block;overflow:hidden}.info.danger strong{color:var(--red)}.error-block{border-left:2px solid var(--red);color:#efb3b7;overflow-wrap:anywhere;background:#191011;margin-top:10px;padding:9px 10px;font-size:.78rem;line-height:1.4}.zip-summary,.events-section{border-top:1px solid var(--border);margin-top:15px;padding-top:13px}.subheading h3{font-size:.82rem}.subheading>strong,.loading-dot{color:var(--muted);font-size:.75rem}.zip-summary .progress{margin-top:9px}.events{border:1px solid var(--border);border-radius:6px;gap:1px;margin-top:9px;display:grid;overflow:hidden}.event{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 42px;background:#0a0d0e;border-left:2px solid #3a4445;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:10px;padding:8px 9px;display:grid}.event.warning{border-left-color:var(--amber)}.event.error{border-left-color:var(--red)}.event time{white-space:nowrap;padding-top:1px}.event p{color:#c9d1d1;overflow-wrap:anywhere;margin:0;font-size:.77rem;line-height:1.35}.empty{color:var(--muted);text-align:center;padding:24px 12px;font-size:.8rem}.login-layout{place-items:center;min-height:100vh;padding:16px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(350px,100%);padding:22px}.login-brand{gap:9px}.login-subtitle{margin:8px 0 20px}.login-panel label{color:#b2bdbd;gap:6px;margin-top:12px;font-size:.78rem;display:grid}.login-panel input{height:38px;padding:7px 9px}.primary-button{color:#06110f;background:var(--accent);border-color:#398f80;border-radius:6px;width:100%;min-height:39px;margin-top:16px;font-weight:700}.form-error{border-left:2px solid var(--red);color:#efb3b7;background:#191011;margin-top:12px;padding:8px 9px;font-size:.78rem}@media (width<=900px){.workspace{grid-template-columns:1fr}.batch-rows{max-height:360px}}@media (width<=700px){.topbar{padding:8px 10px}.dashboard{padding:10px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item{border-bottom:1px solid var(--border)}.summary-item:nth-child(2n){border-right:0}.summary-item:last-child{border-bottom:0;grid-column:1/-1}.system-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.system-updated{display:none}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=470px){.brand p{display:none}.topbar-actions{gap:3px}.icon-button{width:32px;height:32px}.panel-heading,.detail-heading{flex-direction:column;align-items:flex-start}.batch-actions,.detail-actions{width:100%}.text-button{flex:1}.event{grid-template-columns:1fr;gap:3px}}