:root{--navy:#102347;--navy2:#17386a;--blue:#1260ff;--bg:#f5f8ff;--line:#e1e8f5;--r:16px;--shadow:0 3px 12px #16366307}
.side .brand{display:flex;align-items:center;gap:9px}.side .brand svg{color:#22b4ff;width:30px;height:30px}.side .sub{font-size:9px;letter-spacing:1.2px;margin-top:6px}.side a.on{background:var(--blue);box-shadow:0 4px 16px #0050ff30}.side{background:linear-gradient(165deg,#102347,#0b1936)}
.top{box-shadow:0 2px 12px #12376704}.page{padding-top:24px}.page-heading{margin-bottom:22px}.eyebrow{font-size:10px;color:#71809c;letter-spacing:1.8px;font-weight:700;margin-bottom:9px}.page-heading h1{font-size:27px;letter-spacing:-.7px}.page-heading p{margin:7px 0 0}.stat{padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat .v{font-size:32px;letter-spacing:-1px;margin:8px 0}.stat .l{font-weight:600}.stat>svg{padding:9px;box-sizing:content-box;background:#eaf1ff;border-radius:13px;margin-bottom:12px}.stat:nth-child(2)>svg{background:#fff1e4;color:#e38120}.stat:nth-child(3)>svg{background:#eaf2ff;color:#1260ff}.stat:nth-child(4)>svg{background:#e8f8ef;color:#16a45b}.stats{gap:14px;margin-bottom:22px}.board-stats{grid-template-columns:repeat(4,1fr)}
.card{padding:20px}.job{box-shadow:var(--shadow);border-radius:16px;overflow:hidden;border-left:4px solid var(--blue)}.job.closed{border-left-color:#18b55c}.job .text{font-size:16px;font-weight:650}.job .body{padding:18px}.job .no{border-radius:8px;background:#edf3ff;color:#165bea;font-size:12px;font-weight:700}.marks{background:#fafcff}.progress{height:8px;margin:18px 0;border-radius:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,#12a258,#30c872)}.quick{padding:14px;background:#edf2ff;border:1px solid #dae4ff;border-radius:14px}.transfer-row{padding:14px 0;border-bottom:1px solid var(--line)}.transfer-row:last-child{border-bottom:0}.btn,.chip{transition:background .15s,box-shadow .15s}.btn.pri{box-shadow:0 3px 9px #1260ff20}.chip.on{box-shadow:0 3px 9px #1260ff20}.card h2{font-size:17px}.list>a:hover{background:#f6f9ff}.top .brandbox{visibility:visible}.top .sub{color:var(--muted);opacity:1}.top .brand{font-size:15px}.nav a{min-height:60px}.nav a.on{font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #8cb5ff;outline-offset:3px}
@media(min-width:1100px){#jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#jobs .job{margin-bottom:0}.page.wide{padding-left:28px;padding-right:28px}.side{width:236px;padding-top:26px}.side a{padding:12px 13px;margin-bottom:4px}.top{padding:16px 28px}}
@media(max-width:699px){.page{padding:16px 12px}.page-heading{align-items:flex-start;gap:8px}.page-heading h1{font-size:22px}.page-heading>.btn{font-size:0;padding:10px;min-width:44px}.page-heading>.btn svg{margin:0}.eyebrow{font-size:8px;letter-spacing:1px}.stats,.board-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:13px}.stat>svg{float:right;padding:7px;width:18px;height:18px;margin:0 0 6px 4px}.stat .v{font-size:28px}.stat .l{font-size:12px}.card{padding:15px}.top .sub{color:#dbe7ff;font-size:11px}.job .body{padding:13px}.job .text{font-size:15px}.nav a.plus svg{width:38px;height:38px;margin-top:-9px}.page-heading .small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.dispatch-rail{display:none}
@media(min-width:1100px){.dispatch-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.dispatch-shell #jobs{display:block}.dispatch-shell #jobs .job{margin-bottom:14px}.dispatch-rail{display:block}.dispatch-rail h2{font-size:15px}}
@media(max-width:699px){.nav a{font-size:12px;min-height:66px}.mark.can{min-height:52px}.btn.block{min-height:50px}}