@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap');
:root{
  --bg:#071016; --bg2:#0a141c; --panel:#0e1a23; --panel2:#101e28; --line:#20313e;
  --text:#edf5f8; --muted:#8297a5; --cyan:#56c8ff; --blue:#2e92ff; --green:#4de18b;
  --yellow:#f7c948; --red:#ff5d68; --shadow:0 24px 70px rgba(0,0,0,.36);
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 70% -10%,#123349 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh} button,input,select{font:inherit} button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.2em;color:#6f899a;font-weight:700;margin-bottom:7px}.glass{background:linear-gradient(180deg,rgba(18,34,45,.88),rgba(11,23,31,.94));backdrop-filter:blur(16px);border:1px solid rgba(105,152,181,.18);box-shadow:var(--shadow)}
.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #152631;background:rgba(6,14,20,.9);padding:26px 18px;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.logo-row strong{display:block}.logo-row small{color:var(--muted);font-size:11px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#54caff,#2674ff);display:grid;place-items:center;color:#00121f;font-weight:900;box-shadow:0 12px 30px rgba(37,131,255,.3)}.brand-mark.sm{width:38px;height:38px;border-radius:11px}.sidebar nav{display:grid;gap:7px}.nav-item,.ghost{border:0;background:transparent;color:#859aa8;border-radius:10px;padding:11px 12px;text-align:left}.nav-item span{width:28px;display:inline-block}.nav-item:hover,.nav-item.active{background:#10202b;color:white}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.system-card{border:1px solid #1b303d;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;background:#0a151d}.system-card i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.system-card strong,.system-card small{display:block}.system-card strong{font-size:12px}.system-card small{font-size:10px;color:var(--muted);margin-top:3px}.wide{width:100%}
.main{padding:30px 34px 48px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:27px;margin:0;letter-spacing:-.03em}.top-actions{display:flex;gap:10px;align-items:center}.live-pill{font-size:10px;letter-spacing:.12em;border:1px solid #244051;background:#0c1b24;border-radius:999px;padding:9px 12px;color:#97adba}.live-pill span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--green)}button.primary,button.secondary,button.danger{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700}.primary{background:linear-gradient(135deg,#57caff,#3280ff);color:#03131f;box-shadow:0 10px 28px rgba(48,135,255,.18)}.primary:hover{filter:brightness(1.07)}.secondary{background:#10222e;color:#d9edf7;border-color:#203c4e!important}.danger{background:#25141a;color:#ff8b92;border-color:#51242c!important}.view{display:none}.view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px;border:1px solid #1a303d;background:linear-gradient(180deg,#0d1a23,#0b161e);border-radius:14px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#102d3c;color:var(--cyan);font-weight:800}.metric-icon.red{background:#31181e;color:var(--red)}.metric-icon.yellow{background:#312a16;color:var(--yellow)}.metric-icon.green{background:#123022;color:var(--green)}.metric small,.metric em{display:block}.metric small{font-size:9px;letter-spacing:.14em;color:#718897;font-weight:700}.metric strong{font-family:'JetBrains Mono';font-size:27px;display:block;margin:3px 0}.metric em{font-style:normal;color:#526977;font-size:10px}.grid-2{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}.main-grid{margin-top:14px}.panel{border:1px solid #1a303d;background:linear-gradient(180deg,rgba(14,27,36,.97),rgba(10,20,27,.97));border-radius:15px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.14)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel h3{margin:0;font-size:16px}.status{font-size:9px;letter-spacing:.13em;padding:6px 8px;border-radius:999px;border:1px solid #29404f}.status.neutral{color:#7f94a1}.status.running{color:var(--cyan);border-color:#275670;background:#0d2533}.status.success{color:var(--green);border-color:#27533a;background:#10271d}.status.error{color:var(--red);border-color:#582a31;background:#29161b}.status.cancelled{color:#a8b4bb}.empty-state{text-align:center;padding:32px 12px 28px}.empty-state h4{margin:12px 0 6px}.empty-state p{max-width:430px;margin:0 auto 17px;color:var(--muted);font-size:12px;line-height:1.6}.radar{width:72px;height:72px;border:1px solid #20475d;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center}.radar:before,.radar:after{content:"";position:absolute;border:1px solid #173746;border-radius:50%}.radar:before{inset:10px}.radar:after{inset:22px}.radar span{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.radar i{position:absolute;width:1px;height:50%;background:linear-gradient(var(--cyan),transparent);transform-origin:bottom;top:0;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ip-box{border:1px solid #214054;background:#0a1821;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:14px}.ip-box span{font-size:9px;color:#627c8b;letter-spacing:.12em}.ip-box strong{font:600 19px 'JetBrains Mono';margin-left:auto}.ip-box button,.icon-btn{border:0;background:#122936;color:#83a7ba;border-radius:8px;padding:7px 9px}.phase-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.phase{border:1px solid #1e3441;padding:10px;border-radius:10px;display:flex;gap:8px;opacity:.5}.phase b{width:23px;height:23px;border-radius:50%;background:#142632;display:grid;place-items:center;font-size:10px}.phase span{font-size:10px;font-weight:700}.phase small{display:block;font-size:8px;color:#6f8796;margin-top:2px}.phase.active{opacity:1;border-color:#2a7196;background:#0c2330}.phase.active b{background:#174765;color:var(--cyan)}.phase.done{opacity:.85;border-color:#244c39}.progress-meta{display:flex;justify-content:space-between;color:#91a6b3;font-size:10px}.thin-progress{height:5px;background:#10212b;border-radius:99px;margin:9px 0 14px;overflow:hidden}.thin-progress i{display:block;height:100%;width:18%;background:linear-gradient(90deg,var(--cyan),#377cff);transition:.4s}.run-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.run-metrics div{padding:10px;border:1px solid #19303e;border-radius:9px;background:#0a151d}.run-metrics small{display:block;font-size:8px;text-transform:uppercase;color:#627b8a}.run-metrics strong{font:600 16px 'JetBrains Mono';display:block;margin-top:3px}.live-log{height:340px;overflow:auto;padding-right:4px}.log-placeholder{color:#566f7e;font-size:11px;padding:14px 4px}.log-row{display:grid;grid-template-columns:58px 42px 1fr;gap:8px;padding:9px 3px;border-bottom:1px solid #142833;font-size:10px;align-items:start}.log-row time{color:#526b7a;font-family:'JetBrains Mono'}.log-row code{font-family:'JetBrains Mono';font-size:8px;padding:3px 5px;border-radius:5px;background:#10212b;color:#77a2b8;text-align:center}.log-row p{margin:0;color:#b9cad3;line-height:1.45}.log-row.success p{color:#78e6a5}.log-row.error p{color:#ff8992}.account-strip-panel{margin-top:14px}.account-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-mini{border:1px solid #19313e;background:#0b1820;border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px}.account-mini .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#123149;color:var(--cyan);font-weight:800}.account-mini strong,.account-mini small{display:block}.account-mini strong{font-size:11px}.account-mini small{font-size:9px;color:#667f8d;margin-top:3px}.account-mini i{margin-left:auto;width:7px;height:7px;background:var(--green);border-radius:50%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#667f8d;font-size:9px;letter-spacing:.1em;padding:10px;border-bottom:1px solid #1c303c}td{padding:12px 10px;border-bottom:1px solid #152934;color:#b8c7cf}td.mono{font-family:'JetBrains Mono';font-size:10px}.accounts-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.accounts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.account-card{padding:18px;border:1px solid #1a303d;background:#0d1b24;border-radius:14px}.account-card-head{display:flex;gap:12px;align-items:center}.account-card .big-av{width:42px;height:42px;border-radius:13px;background:#123149;display:grid;place-items:center;font-weight:800;color:var(--cyan)}.account-card h4{margin:0;font-size:13px}.account-card p{margin:3px 0 0;color:#68818f;font-size:10px}.account-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.account-meta div{padding:10px;border:1px solid #18303d;border-radius:9px}.account-meta small,.account-meta strong{display:block}.account-meta small{font-size:8px;color:#637d8b}.account-meta strong{font-size:10px;margin-top:4px}.audit-log{display:grid;gap:8px}.audit-item{padding:11px 12px;border:1px solid #17303c;border-radius:10px;background:#0a171f;font-size:11px;display:grid;grid-template-columns:120px 100px 1fr;gap:10px}.audit-item time,.audit-item code{color:#66808e;font-family:'JetBrains Mono';font-size:9px}.modal-backdrop{position:fixed;inset:0;background:rgba(2,8,12,.72);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(520px,96vw);padding:24px;border-radius:17px;position:relative}.modal h2{margin:0 0 8px}.modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:9px;background:#11242f;color:#8ca7b6}.modal label,.login-card label{display:grid;gap:7px;color:#89a0ad;font-size:10px;font-weight:700;margin:13px 0}.modal input,.modal select,.login-card input{width:100%;border:1px solid #24404f;background:#091820;color:#eaf5fa;border-radius:9px;padding:11px 12px;outline:none}.modal input:focus,.modal select:focus,.login-card input:focus{border-color:#3a8eb8;box-shadow:0 0 0 3px rgba(74,181,238,.08)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{padding:11px 12px;border:1px solid #234459;background:#0d2330;border-radius:9px;color:#8eb1c3;font-size:10px;line-height:1.55;margin:12px 0}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#09151d;border:1px solid #1b3340;border-radius:10px;padding:4px;margin:16px 0}.segmented button{border:0;background:transparent;color:#718997;padding:9px;border-radius:7px}.segmented button.active{background:#123047;color:#dff4ff}.error-text{color:var(--red);font-size:10px;min-height:14px}.security-note{margin-top:14px;font-size:9px;color:#5c7685;text-align:center}
.login-body{display:grid;place-items:center;overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.login-shell{width:min(980px,92vw);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.login-brand h1{font-size:47px;letter-spacing:-.05em;margin:8px 0 13px}.login-brand h1 span{color:#4fc9ff}.login-brand p{color:#76909f;max-width:520px;line-height:1.7}.mini-flow{display:flex;align-items:center;gap:10px;color:#607c8b;font:500 10px 'JetBrains Mono';margin-top:38px}.mini-flow span{padding:8px 10px;border:1px solid #1d3643;border-radius:8px;background:#0a171f}.mini-flow b{color:#2d6989}.login-card{border-radius:18px;padding:27px}.lock-dot{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);float:right}.login-card h2{font-size:25px;margin:5px 0 7px}.login-card p{font-size:11px;line-height:1.5}
@media (max-width:1000px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:22px 10px}.logo-row>div:last-child,.nav-item:not(.active){font-size:0}.nav-item{font-size:0;text-align:center}.nav-item span{font-size:17px;width:auto}.system-card div,.sidebar .ghost{display:none}.logo-row{justify-content:center;padding-left:0;padding-right:0}.stats-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.account-strip{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr;gap:25px}.login-brand{display:none}}@media (max-width:650px){.main{padding:20px 14px}.topbar{align-items:flex-end}.topbar h1{font-size:21px}.live-pill{display:none}.stats-grid{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric-icon{display:none}.grid-2{grid-template-columns:1fr}.phase-flow{grid-template-columns:1fr 1fr}.account-strip,.accounts-grid{grid-template-columns:1fr}.run-metrics{grid-template-columns:1fr 1fr}.two-cols{grid-template-columns:1fr}.login-shell{width:92vw}.login-card{padding:22px}}
.connect-modal{width:min(650px,96vw);max-height:92vh;overflow:auto}.step-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#0d2a39;border:1px solid #234b61;color:#7dd7ff;font-size:8px;letter-spacing:.12em;font-weight:800;margin:3px 0 4px}.auth-step{border-top:1px solid #17313f;margin-top:14px;padding-top:14px}.account-card .status.authorizing,.account-card .status.waiting_code,.account-card .status.waiting_2fa,.account-card .status.checking{color:var(--yellow);border-color:#554622;background:#2b2513}.account-card .status.error{color:var(--red)}.account-actions{display:flex;gap:8px;margin-top:12px}.account-actions button{font-size:9px}.system-mode{font-family:'JetBrains Mono';font-size:9px;color:#668392}

/* Hugging Face AI settings */
.ai-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px}.ai-copy{font-size:11px;line-height:1.65;margin:-5px 0 18px}.field-label{display:grid;gap:7px;color:#89a0ad;font-size:10px;font-weight:700;margin:15px 0}.field-label input{width:100%;border:1px solid #24404f;background:#091820;color:#eaf5fa;border-radius:9px;padding:11px 12px;outline:none}.field-label input:focus{border-color:#3a8eb8;box-shadow:0 0 0 3px rgba(74,181,238,.08)}.field-label small{font-size:9px;color:#5e7888;font-weight:500;line-height:1.55}.field-label code{font-family:'JetBrains Mono';color:#86cce9}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #1c3644;background:#0a1821;border-radius:12px;padding:14px 15px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px;color:#667f8d;margin-top:4px;line-height:1.45}.toggle-row input{appearance:none;width:42px;height:23px;border-radius:999px;background:#172b36;border:1px solid #29414f;position:relative;flex:0 0 auto;transition:.2s}.toggle-row input:before{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#77909d;transition:.2s}.toggle-row input:checked{background:#123c31;border-color:#2d775a}.toggle-row input:checked:before{left:21px;background:var(--green);box-shadow:0 0 10px rgba(77,225,139,.45)}.ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ai-actions .ghost{border:1px solid #1e3541}.ai-runtime-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ai-runtime-grid div{border:1px solid #19313e;background:#0a171f;border-radius:10px;padding:12px}.ai-runtime-grid small,.ai-runtime-grid strong{display:block}.ai-runtime-grid small{font-size:8px;letter-spacing:.11em;color:#617b8a}.ai-runtime-grid strong{font:600 12px 'JetBrains Mono';margin-top:5px;color:#dcecf3}.ai-privacy-note{margin-top:14px}.ai-privacy-note strong{color:#d6ebf4}.provider-endpoint{border-top:1px solid #17303c;margin-top:14px;padding-top:13px}.provider-endpoint small,.provider-endpoint code{display:block}.provider-endpoint small{font-size:8px;letter-spacing:.12em;color:#617b8a}.provider-endpoint code{font:500 10px 'JetBrains Mono';color:#89b8cc;margin-top:6px;overflow-wrap:anywhere}.status.configured{color:var(--yellow);border-color:#554622;background:#2b2513}.status.ai-on{color:var(--green);border-color:#27533a;background:#10271d}
@media (max-width:900px){.ai-layout{grid-template-columns:1fr}}