:root{--ja-primary:#ff8a00;--ja-accent:#ffc107;--ja-dark:#0b0b0b;--ja-panel:#151515;--ja-panel2:#1d1d1d;--ja-gray:#2d2d2d;--ja-light:#f5f5f5;--ja-muted:#9ca3af;--ja-border:#2a2a2a;--sidebar:244px}
*{box-sizing:border-box}body{margin:0;background:#0a0a0a;color:var(--ja-light);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.material-symbols-outlined{font-size:20px;vertical-align:-4px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#0c0c0c,#101010);border-right:1px solid #222;position:fixed;inset:0 auto 0 0;padding:18px 12px;z-index:1030;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand img{width:45px;height:45px;border-radius:11px;object-fit:cover}.brand-name{font-weight:800;font-size:25px;line-height:1;color:#f2f2f2;letter-spacing:-1px}.brand-name span{color:var(--ja-primary)}.brand-sub{font-size:8px;letter-spacing:2px;color:#a5a5a5;margin-top:5px}.sidebar .nav{gap:3px}.sidebar .nav-link{color:#b6b6b6;border-radius:9px;padding:10px 11px;display:flex;align-items:center;gap:11px;cursor:pointer;font-size:14px}.sidebar .nav-link:hover{background:#181818;color:#fff}.sidebar .nav-link.active{background:linear-gradient(135deg,#ff7a00,#ff9800);color:#101010;font-weight:700;box-shadow:0 0 0 1px #ff9d2b inset,0 4px 18px #ff830020}.sidebar-foot{margin-top:auto;border-top:1px solid #242424;padding:14px 8px 2px;font-size:12px;color:#9a9a9a}.status-dot{width:8px;height:8px;background:#26d05b;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 8px #26d05b80}.main-content{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:15px 26px;border-bottom:1px solid #202020;background:#0b0b0bea;backdrop-filter:blur(14px);position:sticky;top:0;z-index:1010}.topbar h1{font-size:24px;margin:2px 0 0;font-weight:700}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--ja-primary)}.top-actions{display:flex;align-items:center;gap:8px}.top-actions form{margin:0}.btn-icon{padding:.35rem .55rem}.content-wrap{padding:24px 26px 50px}.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.section-intro h2{font-size:22px;margin-bottom:5px}.section-intro p{color:#9b9b9b;margin:0;max-width:780px}.btn-jobax{background:linear-gradient(135deg,var(--ja-primary),#ffae00);border:0;color:#131313;font-weight:700}.btn-jobax:hover{background:linear-gradient(135deg,#ff9d00,#ffc107);color:#090909}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card,.panel{background:linear-gradient(180deg,#171717,#131313);border:1px solid var(--ja-border);border-radius:13px;box-shadow:0 6px 28px #0004}.stat-card{padding:16px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#9d9d9d;font-size:12px}.stat-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#ff8a0019;color:var(--ja-primary)}.stat-value{font-size:27px;font-weight:750;margin-top:10px}.stat-note{font-size:11px;color:#858585;margin-top:2px}.panel{padding:17px}.panel-title{font-size:14px;font-weight:700;margin:0}.panel-sub{font-size:11px;color:#858585}.chart-wrap{height:240px;margin-top:10px}.table{--bs-table-bg:transparent;--bs-table-hover-bg:#ffffff08;--bs-table-border-color:#292929;margin-bottom:0}.table thead th{color:#8e8e8e;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;border-bottom-width:1px}.table td{font-size:13px;vertical-align:middle}.status-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:999px;padding:3px 8px;font-size:11px;text-transform:capitalize}.status-running,.status-completed{color:#39db6e;border-color:#1a7d39;background:#11361d}.status-queued,.status-assigned,.status-retrying{color:#ffb327;border-color:#7d5515;background:#38280f}.status-failed,.status-cancelled{color:#ff6464;border-color:#813333;background:#3b1515}.status-paused,.status-stopped{color:#9da6b2;border-color:#50545a;background:#26282b}.status-starting{color:#53b7ff;border-color:#286588;background:#122d40}.progress{height:6px;background:#292929}.progress-bar{background:linear-gradient(90deg,#ff7600,#ffc107)}.action-row{display:flex;gap:5px;flex-wrap:wrap}.action-row .btn{padding:.2rem .42rem}.mini-metric{font-size:11px;color:#aaa}.worker-card{height:100%}.worker-head{display:flex;justify-content:space-between;gap:12px}.worker-name{font-weight:700}.worker-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.limit-chip{background:#101010;border:1px solid #2b2b2b;border-radius:8px;padding:8px}.limit-chip .k{font-size:9px;color:#7d7d7d;text-transform:uppercase}.limit-chip .v{font-size:12px;margin-top:3px}.resource-row{display:grid;grid-template-columns:90px 1fr 65px;align-items:center;gap:10px;margin:8px 0;font-size:11px;color:#aaa}.resource-bar{height:5px;background:#292929;border-radius:4px;overflow:hidden}.resource-fill{height:100%;background:linear-gradient(90deg,#ff7b00,#ffc107)}.file-browser{border:1px solid #292929;border-radius:10px;overflow:hidden}.browser-toolbar{padding:10px;background:#111;border-bottom:1px solid #292929;display:flex;gap:8px;align-items:center}.browser-list{max-height:500px;overflow:auto}.browser-entry{display:grid;grid-template-columns:36px 1fr 100px;align-items:center;padding:9px 12px;border-bottom:1px solid #202020;cursor:pointer}.browser-entry:hover{background:#ffffff08}.browser-entry:last-child{border:0}.browser-entry .material-symbols-outlined{color:var(--ja-primary)}.log-view{min-height:420px;max-height:70vh;overflow:auto;background:#090909;border:1px solid #272727;padding:15px;border-radius:9px;color:#dadada;font-size:12px;white-space:pre-wrap}.form-control,.form-select{background:#101010;border-color:#333;color:#efefef}.form-control:focus,.form-select:focus{background:#111;color:#fff;border-color:#a96413;box-shadow:0 0 0 .2rem #ff8a001a}.modal-content{background:#171717;border:1px solid #333}.modal-header,.modal-footer{border-color:#2a2a2a}.empty-state{text-align:center;padding:54px 20px;color:#858585}.empty-state .material-symbols-outlined{font-size:44px;color:#484848}.callout{border-left:3px solid var(--ja-primary);background:#ff8a000b;padding:12px 14px;border-radius:0 8px 8px 0;font-size:12px;color:#bbb}.pill{border:1px solid #333;border-radius:999px;padding:3px 8px;font-size:10px;color:#aaa}.kv{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #242424;padding:9px 0;font-size:12px}.kv .k{color:#818181}.login-body{min-height:100vh;background:radial-gradient(circle at 60% 20%,#4c260f 0,#1b0e07 12%,#0b0b0b 42%,#050505 100%);display:grid;place-items:center}.login-shell{width:min(440px,92vw)}.login-card{background:#111111ee;border:1px solid #333;padding:30px;border-radius:18px;box-shadow:0 24px 90px #000b,0 0 50px #ff7b0011}.brand-login{padding:0 0 28px}.login-card h1{font-size:26px}.login-footer{text-align:center;color:#777;font-size:9px;letter-spacing:2px;margin-top:24px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-jobax{color:var(--ja-primary)!important}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main-content{margin-left:0;width:100%}.content-wrap{padding:18px}.topbar{padding:14px 18px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.stat-grid{grid-template-columns:1fr}.topbar h1{font-size:19px}.eyebrow{display:none}.top-actions .badge{display:none}.content-wrap{padding:14px}.section-intro{flex-direction:column}.kv{grid-template-columns:1fr}.worker-limits{grid-template-columns:1fr 1fr}.browser-entry{grid-template-columns:32px 1fr}.browser-entry .size{display:none}}
.status-pending{color:#b8a3ff;border-color:#604c9b;background:#251d3b}.status-disabled{color:#777;border-color:#444;background:#1c1c1c}.job-path-note{font-size:10px;color:#7f8790;margin-top:3px;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.io-strip{font-size:11px;color:#888;margin-top:8px}.resource-section{margin-bottom:18px;padding:17px;background:linear-gradient(180deg,#171717,#131313);border:1px solid var(--ja-border);border-radius:13px}.resource-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.resource-section-head h3{font-size:16px;margin:0}.resource-section-head small{color:#858585}.metric-select{max-width:360px}.limit-summary{font-size:11px;color:#a0a0a0;border:1px solid #292929;background:#101010;padding:8px 10px;border-radius:8px;margin-bottom:12px}.form-text{color:#777}.browser-entry[data-type="file"]:hover{outline:1px solid #ff8a0044;outline-offset:-1px}
.help-tip{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:3px;border:1px solid #555;border-radius:50%;color:#bbb;text-decoration:none;font-size:11px;font-weight:800;line-height:1;vertical-align:1px}.help-tip:hover{color:#111;background:var(--ja-primary);border-color:var(--ja-primary)}.modal-help{font-size:11px;color:#858585;margin-top:2px}.modal-help a,.callout a,.doc-links a{color:#ffad3d}.pool-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#9c9c9c;border-top:1px solid #292929;padding-top:12px}.pool-card{height:100%}.pool-capacity-grid,.pool-policy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pool-capacity-grid>div,.pool-policy>div{background:#101010;border:1px solid #292929;border-radius:8px;padding:9px}.pool-capacity-grid span,.pool-policy span{display:block;font-size:9px;text-transform:uppercase;color:#7d7d7d}.pool-capacity-grid strong{display:block;font-size:21px;margin-top:2px}.pool-policy b{display:block;font-size:12px;margin-top:3px;font-weight:600}.pool-warning{display:flex;gap:9px;margin-top:12px;padding:10px;border:1px solid #714141;background:#321717;border-radius:8px;color:#e6b7b7;font-size:11px}.pool-warning .material-symbols-outlined{color:#ff7474}.risk-copy{color:#aaa;font-size:12px;line-height:1.55}.doc-links{display:flex;gap:10px;flex-wrap:wrap}.doc-links a{border:1px solid #333;border-radius:8px;padding:7px 10px;text-decoration:none;font-size:12px;background:#101010}.doc-links a:hover{border-color:#7e501f;color:#ffc064}
@media(max-width:620px){.pool-capacity-grid,.pool-policy{grid-template-columns:1fr 1fr}}

.section-intro h2 .help-tip{display:inline-grid;vertical-align:3px;margin-left:6px}