:root{--bg:#f4f6fa;--panel:#fff;--sidebar:#101827;--sidebar2:#172135;--text:#172033;--muted:#6f7b91;--line:#e2e7f0;--primary:#5b5ce2;--primary2:#7475f4;--green:#18a878;--red:#dc4c64;--orange:#dd8b25;--radius:14px;--shadow:0 10px 32px rgba(24,35,58,.07);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--sidebar);color:#c7d0e2;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{height:88px;padding:20px 22px;display:flex;align-items:center;gap:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary2),#4648cc);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(70,72,204,.32)}.brand-mark.large{width:52px;height:52px;border-radius:15px;font-size:20px}.brand strong{display:block;font-size:16px}.brand small,.sidebar-foot small,.connection small,.media small,.job-row small{display:block;color:#8491aa;margin-top:3px;font-size:11px}.sidebar nav{overflow:auto;padding:16px 12px 20px;flex:1}.nav-group{margin:0 0 18px}.nav-group>p{color:#6f7e9b;font-size:10px;font-weight:800;letter-spacing:.16em;padding:0 11px;margin:0 0 7px;text-transform:uppercase}.nav-item{height:39px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:10px;color:#b7c3d9;margin:2px 0;font-weight:550}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(98,99,232,.26),rgba(98,99,232,.12));color:#fff;box-shadow:inset 3px 0 #7b7cff}.nav-icon{width:18px;height:18px;border:1.5px solid currentColor;border-radius:5px;opacity:.82}.task-badge{margin-left:auto;background:#26334a;padding:2px 7px;border-radius:10px;font-size:10px}.sidebar-foot{height:66px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 22px;gap:10px}.status-dot,.pulse{width:8px;height:8px;background:#27c58c;border-radius:50%;box-shadow:0 0 0 5px rgba(39,197,140,.12)}.workspace{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.topbar h2{font-size:17px;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8793a9;margin:0;text-transform:uppercase}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.task-pill{height:36px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:12px;background:#fff}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:10px;height:36px;min-width:36px;cursor:pointer}.avatar{width:38px;height:38px;border-radius:11px;background:#202b43;color:#fff;display:grid;place-items:center;font-weight:750}.menu-button{display:none}.content{padding:28px;max-width:1580px;margin:auto}.hero{background:linear-gradient(130deg,#171f34,#272d58);color:#fff;border-radius:18px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:var(--shadow)}.hero.compact{padding:23px 27px}.hero h1{font-size:28px;margin:7px 0}.hero p:not(.eyebrow){margin:0;color:#b9c3d8}.hero .eyebrow{color:#989af8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel.narrow,.narrow{max-width:900px;margin-left:auto;margin-right:auto}.panel-head,.page-actions,.action-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head{margin-bottom:18px}.panel-head h3,.panel h3{margin:3px 0;font-size:17px}.page-actions{margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-all{grid-column:1/-1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:28px;margin:8px 0}.stat a{font-size:12px}.stat.accent{background:linear-gradient(145deg,#6263e7,#4d4ecc);color:#fff}.stat.accent span,.stat.accent a{color:#d9d9ff}.btn{min-height:38px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:9px;padding:9px 15px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary2),var(--primary));border-color:transparent;color:#fff}.btn.secondary{color:var(--primary);border-color:#cfd0fa}.btn.block{width:100%}.btn.small{min-height:31px;padding:5px 9px;font-size:11px}.search,.inline-form,.row-actions{display:flex;gap:8px;align-items:center}.search input{min-width:280px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid.one{grid-template-columns:1fr}.form-grid h3{margin:12px 0 0}.span-2{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#3b4659;font-weight:600;font-size:12px}input,select,textarea{border:1px solid #d8deea;background:#fff;color:var(--text);border-radius:9px;padding:10px 11px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#8b8cf0;box-shadow:0 0 0 3px rgba(91,92,226,.1)}select[multiple]{min-height:90px}.code,code{font-family:"SFMono-Regular",Consolas,monospace}code{background:#eef0f6;padding:2px 5px;border-radius:5px;font-size:12px}.form-actions{margin-top:20px;display:flex;align-items:center;gap:15px}.hint{color:var(--muted);font-size:11px;font-weight:400}.table-panel{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7f8ba0;background:#fafbfc;padding:13px 15px;border-bottom:1px solid var(--line)}td{padding:14px 15px;border-bottom:1px solid #edf0f5;vertical-align:middle}tbody tr:hover{background:#fafbfe}.tag,.status-label{font-size:10px;font-weight:750;border-radius:20px;padding:5px 9px;background:#eff1f6;color:#627086;text-transform:capitalize}.status-label.success,.status-label.completed{background:#e6f8f1;color:#16855f}.status-label.failed,.status-label.cancelled{background:#fdecef;color:#c23e55}.status-label.running{background:#e9edff;color:#5254cc}.status-label.pending{background:#fff4df;color:#a66a16}.link{border:0;background:none;color:var(--primary);padding:0;cursor:pointer}.danger-text{color:var(--red)!important}.alert{padding:13px 16px;border-radius:10px;background:#eef1ff;border:1px solid #d9ddff;margin-bottom:18px}.alert.success{background:#e8f8f2;border-color:#c4eedf;color:#157553}.alert.danger{background:#fdecf0;border-color:#f6cbd4;color:#a92e45}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px;color:var(--muted)}.empty b{color:var(--text)}.empty-icon{font-size:32px;color:var(--green)}.media{display:flex;align-items:center;gap:11px}.poster{width:38px;height:50px;background:#e7eaf1 center/cover;border-radius:6px}.choice-list{display:flex;flex-direction:column;gap:8px}.choice-list.scroll{max-height:440px;overflow:auto}.choice{flex-direction:row;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.choice input{width:auto}.choice span{display:block}.choice small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.action-panel p{margin:5px 0;color:var(--muted)}.card-list{display:flex;flex-direction:column;gap:10px}.connection{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;gap:12px;align-items:center}.connection>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.connection-icon{width:37px;height:37px;border-radius:9px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.callout{background:#f1f3f9;border:1px solid var(--line);border-radius:11px;padding:14px 16px;color:#536077;margin-top:18px}.job-row{display:grid;grid-template-columns:auto 1fr 100px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.status{width:9px;height:9px;border-radius:50%;background:#a2aabd}.status.running{background:var(--primary)}.status.completed{background:var(--green)}.status.failed{background:var(--red)}progress{width:100%}.steps{padding-left:25px}.steps li{padding:9px}.steps span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.live-indicator{display:flex;align-items:center;gap:8px;background:#e7f8f1;color:#177b5b;padding:7px 11px;border-radius:18px;font-size:11px;font-weight:700}.live-indicator i{width:7px;height:7px;background:var(--green);border-radius:50%}.progress{width:130px;height:6px;background:#e8ebf2;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary);border-radius:5px}.health-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.health-list>div>span:last-child{color:var(--muted)}.health-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.health-icon.ok{background:#e5f8f0;color:var(--green)}.health-icon.bad{background:#fdecef;color:var(--red)}.check-list{line-height:2}.url-cell,.agent-cell,.error-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-page,.install{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#e7e8ff,transparent 35%),#f5f7fb;padding:24px}.auth-card{width:min(960px,100%);min-height:560px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(25,34,58,.13);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.auth-intro{background:linear-gradient(145deg,#151d31,#262c5b);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:center}.auth-intro h1{font-size:37px;line-height:1.14;margin:20px 0}.auth-intro>p:last-child{color:#b9c3d9;line-height:1.7}.auth-form{padding:55px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-size:28px;margin:0 0 7px}.auth-form>p{color:var(--muted);margin:0 0 24px}.auth-form form{display:flex;flex-direction:column;gap:17px}.auth-form small{color:var(--muted);margin-top:22px}.install-card{width:min(780px,100%);background:#fff;border-radius:20px;padding:38px;box-shadow:var(--shadow)}.install-card h1{margin:7px 0 25px}
@media(max-width:1100px){.stat-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.span-all{grid-column:auto}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0;width:100%}.menu-button{display:block;margin-right:12px}}@media(max-width:700px){.content{padding:16px}.topbar{padding:0 16px}.topbar .task-pill{display:none}.stat-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column;gap:18px}.hero h1{font-size:23px}.page-actions{align-items:stretch;flex-direction:column}.search{flex-direction:column;align-items:stretch}.search input{min-width:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-card{grid-template-columns:1fr}.auth-intro{display:none}.auth-form{padding:32px}.action-panel{align-items:stretch;flex-direction:column}}