:root{--bg:#070a14;--panel:#0f1524;--panel-2:#131b2d;--line:#26314a;--text:#f3f5fb;--muted:#8e9ab2;--purple:#7c4dff;--purple-2:#a277ff;--green:#21d896;--blue:#4b8dff;--amber:#f4b63f;--red:#ff6478}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button{font:inherit;color:inherit;border:0;cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 85% -20%,#282064 0,transparent 38%),var(--bg)}.sidebar{width:226px;flex:0 0 226px;border-right:1px solid #1b2440;background:#0a0e1a;display:flex;flex-direction:column;padding:22px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 27px}.brand-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#984dff,#5121c6);display:grid;place-items:center;font-size:18px;box-shadow:0 0 20px #702dba66}.brand strong{display:block;font-size:14px;letter-spacing:.01em}.brand span{display:block;margin-top:2px;color:#7985a0;font-size:10px}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:left;border-radius:8px;color:#8793ac;background:transparent;transition:.18s}.nav-item span{width:17px;text-align:center;color:#9ca8c0;font-size:15px}.nav-item:hover{background:#161e33;color:#fff}.nav-item.active{background:linear-gradient(90deg,#6f3df0,#4d28b3);color:#fff;box-shadow:0 7px 18px #5f2de655}.nav-item.active span{color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.system-status{display:flex;align-items:center;gap:8px;padding:12px;color:#67738d;font-size:11px;border-top:1px solid #1a2238}.system-status i,.live-badge i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.main-content{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #1b2440;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0a0e1b99;backdrop-filter:blur(14px)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#8490a7;font-size:12px}.breadcrumbs b{color:#3f4b64}.breadcrumbs strong{color:#eef1f8;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:22px}.icon-button{position:relative;background:transparent;color:#9ba7be;font-size:21px}.icon-button em{position:absolute;top:-3px;right:-6px;width:15px;height:15px;border-radius:50%;background:#ff5b71;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center;border:2px solid #0a0e1b}.profile-menu{display:flex;align-items:center;gap:9px}.profile-menu strong{display:block;font-size:12px}.profile-menu span{display:block;color:var(--green);font-size:10px;margin-top:2px}.profile-menu>b{color:#6f7c95;margin-left:6px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b07aff,#5322ba);font-weight:700}.page-content{padding:30px 34px 48px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{color:var(--purple-2);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:0 0 6px}.page-heading h1{font-size:26px;line-height:1.1;margin:0}.muted{color:var(--muted);margin:8px 0 0}.primary-button{background:linear-gradient(135deg,#8751ff,#5f2edf);padding:11px 16px;border-radius:8px;font-weight:700;font-size:12px;box-shadow:0 8px 20px #6f3cf23d}.primary-button:hover{filter:brightness(1.12)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card,.panel{background:linear-gradient(145deg,#131b2c,#0d1422);border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 35px #0000001f}.metric-card{display:flex;gap:13px;padding:18px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:19px}.metric-icon.purple{color:#c2a6ff;background:#7c4dff22}.metric-icon.blue{color:#6ea9ff;background:#4285ff20}.metric-icon.amber{color:#ffcf65;background:#f0a72c20}.metric-icon.green{color:#4ef2b1;background:#20d8971c}.metric-card span{display:block;color:#8996ad;font-size:11px}.metric-card strong{display:block;font-size:25px;line-height:1;margin:7px 0}.metric-card small{font-size:10px}.up{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.panel{padding:19px}.status-panel{min-height:270px}.activity-panel{grid-column:1 / -1}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-heading h2{font-size:14px;margin:0;font-weight:700}.panel-heading p{font-size:11px;color:#74819b;margin:5px 0 0}.ghost-button,.text-button{background:transparent;color:#7f8ca5;font-size:10px}.text-button{color:#a989ff;font-weight:700}.status-body{display:flex;align-items:center;gap:32px}.donut-wrap{display:grid;place-items:center;min-width:170px}.donut{width:158px;height:158px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 52%,var(--blue) 52% 67%,var(--amber) 67% 72%,#348bff 72% 92%,var(--red) 92% 100%);position:relative}.donut:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#101827}.donut div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:25px}.donut span{display:block;font-size:10px;color:#8491aa;margin-top:3px}.legend{display:grid;gap:12px;flex:1}.legend div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;color:#abb5c7;font-size:11px}.legend b{font-size:11px;color:#eef1f9}.dot{width:8px;height:8px;border-radius:50%}.dot.waiting{background:var(--blue)}.dot.running{background:#56b2ff}.dot.captcha{background:var(--amber)}.dot.success{background:var(--green)}.dot.error{background:var(--red)}.live-badge{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10px;font-weight:700}.worker-list{display:grid;gap:11px}.worker{display:flex;align-items:center;gap:9px}.worker-avatar{width:26px;height:26px;border-radius:8px;background:#5036ae;color:#d6c9ff;display:grid;place-items:center;font-size:9px;font-weight:700}.green-avatar{background:#136d5b;color:#7af4cb}.orange-avatar{background:#78431b;color:#ffc16c}.yellow-avatar{background:#756116;color:#ffe778}.red-avatar{background:#702639;color:#ff91a2}.worker>span{font-size:11px;color:#c9d0dd;flex:1}.status{font-size:10px;font-weight:700}.online{color:var(--green)}.running-text{color:#7db5ff}.waiting-text{color:var(--amber)}.offline{color:#77839b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;min-width:600px}th{padding:0 12px 11px;text-align:left;color:#6f7d97;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #202b43}td{padding:12px;border-bottom:1px solid #1c263b;color:#b5bfd0}td:first-child{color:#7d8aa4}td:nth-child(2){color:#e0e5ef;font-weight:600}.pill{padding:4px 8px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.blue-pill{background:#2158a855;color:#75aaff;border:1px solid #3b73d75c}.green-pill{background:#1d8a6250;color:#4ee6aa;border:1px solid #3ac99455}.amber-pill{background:#a26c2050;color:#ffc95d;border:1px solid #d99a3d66}.quick-actions{margin-top:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.quick-grid button{display:grid;grid-template-columns:35px 1fr;text-align:left;align-items:center;column-gap:10px;padding:13px;border:1px solid #24304a;background:#0c1322;border-radius:8px}.quick-grid button:hover{border-color:#7346ef;background:#161536}.quick-grid span{grid-row:span 2;width:31px;height:31px;border-radius:8px;background:#743ee52a;color:#b994ff;display:grid;place-items:center;font-size:17px}.quick-grid strong{font-size:11px}.quick-grid small{color:#75829b;font-size:10px;margin-top:3px}.toast{position:fixed;right:26px;bottom:26px;transform:translateY(20px);opacity:0;pointer-events:none;background:#1a263e;border:1px solid #465a88;color:#f7f8fc;padding:12px 16px;border-radius:8px;box-shadow:0 12px 30px #0008;font-size:12px;transition:.2s}.toast.show{transform:translateY(0);opacity:1}@media (max-width:1050px){.sidebar{width:190px;flex-basis:190px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.activity-panel{grid-column:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sidebar{width:64px;flex-basis:64px;padding:16px 8px}.brand{justify-content:center;padding:0 0 25px}.brand>div:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px 0}.nav-item span{font-size:17px}.system-status span{display:none}.system-status{justify-content:center;padding:10px 0}.topbar{padding:0 17px}.profile-menu>div:not(.avatar),.profile-menu>b{display:none}.page-content{padding:24px 16px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.status-body{gap:12px;flex-direction:column}.quick-grid{grid-template-columns:1fr}}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -20%,#282064 0,transparent 48%),var(--bg)}
.login-card{width:min(100%,410px);display:grid;gap:10px;padding:30px;background:linear-gradient(145deg,#131b2c,#0d1422);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #0008}
.login-brand{padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:8px}
.login-card h1{margin:0;font-size:26px}
.login-card label{margin-top:8px;color:#aab5c9;font-size:12px;font-weight:600}
.login-card input{width:100%;border:1px solid #2d3b5a;border-radius:8px;background:#0a1020;color:var(--text);padding:12px 13px;outline:none}
.login-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c4dff22}
.login-button{margin-top:10px;width:100%}
.login-error{min-height:18px;margin:3px 0 0;color:#ff8d9b;font-size:12px}
.logout-button{background:transparent;color:#9ca8bf;font-size:11px;padding:6px 0 6px 8px}
.logout-button:hover{color:#fff}
[hidden]{display:none!important}