#modal.job-center-modal{width:min(1280px,95vw);max-width:none;max-height:95dvh;padding:0;background:#080d11;border:1px solid #34434c;border-radius:24px;overflow:auto}.job-center-modal>.close{z-index:90}.job-center{display:grid;gap:18px;padding:25px;color:#eef5f8;background:linear-gradient(150deg,#0e151a,#070a0d)}
.job-hero{position:relative;min-height:390px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:38px;overflow:hidden;border:1px solid #33434d;border-radius:22px;background:linear-gradient(90deg,#05080bed 0 34%,#05080b55 66%,#05080bcf),url('/assets/images/jobs/job-center-command-v1.png') center/cover}.job-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ff5b3518 48%,transparent 70%);animation:jobScan 4s linear infinite}.job-hero>div,.job-hero>aside{position:relative;z-index:2}.job-hero small,.job-catalog header small,.job-board header small,.job-report header small,.job-autopilot small{color:#ff5a43;font-size:10px;font-weight:900;letter-spacing:.2em}.job-hero h2{margin:5px 0;font-size:clamp(58px,8vw,108px);font-style:italic;line-height:.78}.job-hero p{max-width:520px;color:#b6c1c7;font-size:15px;line-height:1.55}.job-hero aside{width:350px;padding:16px;border:1px solid #ffffff1d;border-radius:15px;background:#071017dc;backdrop-filter:blur(12px)}.job-hero aside img{width:100%;height:130px;object-fit:contain;filter:drop-shadow(0 18px 15px #000)}.job-hero aside b,.job-hero aside span{display:block}.job-hero aside b{font-size:20px}.job-hero aside span{color:#91a0a9}
.job-career{display:grid;grid-template-columns:190px 1fr 190px;gap:12px;padding:18px;border:1px solid #2d3e48;border-radius:17px;background:linear-gradient(135deg,#101a21,#090d11)}.job-career article{display:grid;place-content:center;text-align:center;border:1px solid #ffffff13;border-radius:13px;background:#ffffff05}.job-career article small,.job-career header{color:#9ba9b1}.job-career article b{font-size:38px;color:#55dcff}.job-career article span{font-size:11px;font-weight:900}.job-career>div{padding:15px}.job-career header{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:900}.job-career i{display:block;height:12px;margin-top:13px;overflow:hidden;border-radius:12px;background:#202c33}.job-career u{display:block;height:100%;background:linear-gradient(90deg,#ef3828,#ff9e32,#46d8ff);box-shadow:0 0 18px #f25134}.job-career p{color:#85939c;font-size:11px}
.job-result{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid #3fdd8a;border-radius:14px;background:#0c2a1b;color:#67e9a1}.job-report{padding:20px;border:1px solid #36bfe066;border-radius:17px;background:linear-gradient(135deg,#0a202a,#0a0e12)}.job-report header,.job-catalog>header,.job-board>header{display:flex;align-items:end;justify-content:space-between;gap:15px}.job-report h3,.job-catalog h3,.job-board h3{margin:4px 0;font-size:27px}.job-report header button{padding:8px 12px;border:1px solid #40525d;border-radius:8px;background:#111a20}.job-report>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.job-report article{padding:13px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff05}.job-report article small,.job-report article b{display:block}.job-report article small{color:#81919a;font-size:9px}.job-report article b{margin-top:5px}.job-report .net{grid-column:span 2;border-color:#47dc9166}.job-report .net b{color:#55e69d}
.job-active{position:relative;padding:22px;border:1px solid #ff9b31;border-radius:18px;background:radial-gradient(circle at 90% 10%,#ffb12a2c,transparent 40%),#151108}.job-active>div h3{margin:4px 0;font-size:25px}.job-active>div p{color:#aeb6ba}.job-active>b{position:absolute;right:22px;top:20px;color:#ffd24a;font-size:38px}.job-road{position:relative;height:24px!important;margin:18px 0;overflow:hidden;border:1px solid #34434c;border-radius:20px;background:repeating-linear-gradient(90deg,#1b252c 0 55px,#12191e 55px 110px)}.job-road i{display:block;height:100%;background:linear-gradient(90deg,#ef392a,#ff9a2e);box-shadow:0 0 18px #ff7238;transition:width 1s linear}.job-road span{position:absolute;top:-2px;left:calc(var(--progress,0%));font-size:22px}.job-active footer{display:flex;justify-content:space-between}.job-active footer strong{color:#58e39b}
.job-autopilot{display:grid;grid-template-columns:1fr 260px auto;align-items:center;gap:18px;padding:22px;border:1px solid #34444e;border-radius:18px;background:radial-gradient(circle at 0 50%,#1686af20,transparent 35%),#0b1115}.job-autopilot.on{border-color:#47d990;background:radial-gradient(circle at 0 50%,#18a86c28,transparent 35%),#0b1511}.job-autopilot h3{margin:5px 0;font-size:23px}.job-autopilot p{margin:0;color:#929fa7}.job-autopilot label{display:grid;gap:6px;color:#8c9ba4;font-size:10px;font-weight:900}.job-autopilot select,.job-autopilot button{height:52px}.job-autopilot button{padding:0 20px;border:0;border-radius:10px;background:linear-gradient(120deg,#ee392b,#c61d18);font-weight:900}.job-autopilot.on button{background:linear-gradient(120deg,#26343c,#172127)}
.job-catalog,.job-board{display:grid;gap:15px}.job-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.job-category{position:relative;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:15px;overflow:hidden;border:1px solid #34434d;border-radius:16px;background:linear-gradient(#08101620,#081016 70%);text-align:left;transition:.25s}.job-category i{position:absolute;inset:0 0 58px;background-image:url('/assets/images/jobs/job-categories-atlas-v1.png');background-size:500% 100%;background-position:var(--job-pos,0) center;background-repeat:no-repeat;filter:drop-shadow(0 12px 14px #000);transition:.3s}.job-category>*:not(i){position:relative;z-index:2}.job-category small{color:#ff5c47}.job-category b{font-size:15px}.job-category span{color:#8d9aa2;font-size:9px}.job-category.active{border-color:#49d8ff;box-shadow:0 0 25px #1d9dcc38;transform:translateY(-4px)}.job-category.locked{filter:grayscale(.8);opacity:.55}.job-catalog>header>.job-category{min-height:0;padding:10px 16px;justify-content:center}
.job-board>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-order{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #30404a;border-radius:15px;background:linear-gradient(135deg,#111a20,#090d11)}.job-order-icon{width:88px;height:88px;background-image:url('/assets/images/jobs/job-categories-atlas-v1.png');background-size:500% 100%;filter:drop-shadow(0 8px 10px #000)}.job-order-icon.pos-0{background-position:0}.job-order-icon.pos-1{background-position:25%}.job-order-icon.pos-2{background-position:50%}.job-order-icon.pos-3{background-position:75%}.job-order-icon.pos-4{background-position:100%}.job-order small{color:#ff604c;font-weight:900;letter-spacing:.12em}.job-order h3{margin:4px 0}.job-order p,.job-order span{margin:0;color:#929fa7;font-size:11px}.job-order aside{display:grid;text-align:right}.job-order aside b{color:#58df99}.job-order aside span{color:#63cfff}.job-order aside em{color:#c895ff;font-style:normal;font-size:11px}.job-order button,.job-close{margin-top:10px;padding:12px 16px;border:0;border-radius:9px;background:linear-gradient(110deg,#ec392b,#c52219);font-weight:900}.job-order.locked{opacity:.55}.job-close{width:100%;height:52px}.garage-job-command{border-color:#38c8e7!important;background:linear-gradient(135deg,#08222c,#11213a)!important}.garage-job-command>i{color:#55dfff!important}
.job-road span{left:clamp(0px,calc(var(--progress,0%) - 22px),calc(100% - 30px));transform:scaleX(-1);transition:left 1s linear;filter:drop-shadow(0 0 8px #ff9b31)}
@keyframes jobScan{to{transform:translateX(100%)}}@media(max-width:850px){#modal.job-center-modal{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0}.job-center{padding:12px 10px 100px}.job-hero{min-height:470px;padding:22px 18px;align-items:flex-start}.job-hero aside{position:absolute;left:18px;right:18px;bottom:18px;width:auto}.job-hero h2{font-size:64px}.job-career{grid-template-columns:1fr 1fr}.job-career>div{grid-column:1/-1;grid-row:1}.job-report>div{grid-template-columns:1fr 1fr}.job-autopilot{grid-template-columns:1fr}.job-autopilot button{width:100%}.job-catalog>header>.job-category{min-width:0}.job-board>div{grid-template-columns:1fr}.job-order{grid-template-columns:72px 1fr}.job-order-icon{width:70px;height:70px}.job-order aside{grid-column:1/-1;text-align:left}.job-active>b{position:static;display:block}.job-result,.job-active footer{flex-direction:column}}
.job-category i{inset:auto;top:10px;left:50%;width:min(150px,82%);height:auto;aspect-ratio:1;transform:translateX(-50%);background-image:url('/assets/images/jobs/job-category-badges-v2.png');background-size:500% auto;background-position:var(--job-pos,0) top}.job-category.active i{transform:translateX(-50%) scale(1.04)}.job-shift-limit{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px 15px;border:1px solid #ffffff16;border-radius:12px;background:#05090c99}.job-shift-limit small{color:#ff9d42}.job-shift-limit b{font-size:21px;color:#ffd35a}.job-shift-limit span{color:#9eabb2;font-size:11px}@media(max-width:850px){.job-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:8px}.job-category{min-width:0;min-height:145px;padding:10px}.job-category i{top:5px;width:min(92px,85%)}.job-category b{font-size:10px;line-height:1.1}.job-category span{font-size:7px}.job-category small{display:none}.job-shift-limit{grid-template-columns:1fr auto}.job-shift-limit span{grid-column:1/-1}}
.job-shift-limit{grid-template-columns:minmax(190px,auto) auto 1fr;gap:20px;padding:17px 20px;border-color:#ff9b314d;background:radial-gradient(circle at 28% 50%,#ff9c1818,transparent 34%),linear-gradient(110deg,#070c0f,#0d1316);box-shadow:inset 4px 0 #ff9238,0 10px 30px #0005}.job-shift-limit>small{font-size:10px;letter-spacing:2px;font-weight:900}.job-shift-limit>b{display:flex;align-items:flex-start;gap:7px;font-size:25px;font-variant-numeric:tabular-nums;line-height:1}.job-shift-limit>b>span{display:grid;min-width:42px;text-align:center;color:#ffd35a;font-size:25px}.job-shift-limit>b>span small{margin-top:5px;color:#69767d;font-size:7px;letter-spacing:1.4px}.job-shift-limit>b>i{color:#ff9d42;font-style:normal;animation:jobClockPulse 1s steps(1) infinite}.job-shift-limit>span{line-height:1.45}@keyframes jobClockPulse{50%{opacity:.3}}@media(max-width:850px){.job-shift-limit{grid-template-columns:1fr;padding:15px;gap:12px}.job-shift-limit>b{justify-content:flex-start}.job-shift-limit>span{grid-column:auto}.job-shift-limit>b>span{min-width:40px}}
