:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f3f6fa;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(249,115,22,.12),transparent 34rem),#f3f6fa}button,input,textarea{font:inherit}button,a{transition:.18s ease}.hidden{display:none!important}
.topbar{position:sticky;z-index:50;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:10px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(203,213,225,.8);background:rgba(255,255,255,.91);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;color:#10243e;text-decoration:none}.brand img{width:46px;height:46px;border-radius:50%;box-shadow:0 5px 16px rgba(15,23,42,.16)}.brand span,.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{color:#64748b;font-size:11px;font-weight:700}
nav{display:flex;align-items:center;gap:9px}nav a,nav button{padding:9px 13px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.dashboard-link{border-color:#10243e!important;background:#10243e!important;color:#fff!important}.logout:hover,nav a:hover{transform:translateY(-1px);border-color:#94a3b8}
main{width:min(1180px,calc(100% - 32px));margin:28px auto 56px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:24px;background:linear-gradient(130deg,#0f2038,#183b62 55%,#c45012);color:#fff;box-shadow:0 22px 55px rgba(15,32,56,.23)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;color:#fdba74}.hero h1{margin:7px 0 6px;font-size:34px;line-height:1.15}.hero p{max-width:750px;margin:0;color:#dbeafe}.hero-side{text-align:right}.hero-icon{display:block;font-size:58px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.25))}.hero-side div{margin-top:4px;color:#ffedd5;font-size:13px;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.stats article{padding:17px 19px;border:1px solid #dce4ee;border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.05)}.stats span,.stats strong{display:block}.stats span{color:#64748b;font-size:12px;font-weight:750}.stats strong{margin-top:3px;color:#10243e;font-size:26px}
.pickup-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:25px;border:1px solid #dce4ee;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.07)}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid #e7edf4}.form-heading h2{margin:0;color:#10243e;font-size:22px}.form-heading p{margin:4px 0 0;color:#64748b;font-size:13px}.field{min-width:0}.field.full,.full{grid-column:1/-1}.field label{display:block;margin-bottom:6px;color:#334155;font-size:12px;font-weight:850}.field input,.field textarea,.field select{width:100%;min-height:45px;padding:11px 13px;border:1px solid #d4deea;border-radius:12px;outline:0;background:#fff;color:#172033}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}.field input[readonly]{background:#f8fafc;color:#475569}.field textarea{min-height:105px;resize:vertical}.field small{display:block;margin-top:6px;color:#718096;font-size:11px}
.combobox{position:relative}.combobox>input{padding-left:42px;background:#fff7ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3Cpath d='m12 12 4 4'/%3E%3C/svg%3E") no-repeat 14px center;border-color:#fdba74}.options{position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;max-height:410px;overflow:auto;overscroll-behavior:contain;padding:7px;border:1px solid #fdba74;border-radius:15px;background:#fff;box-shadow:0 20px 50px rgba(67,20,7,.18)}.option{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;width:100%;padding:12px;border:0;border-bottom:1px solid #edf1f5;border-radius:10px;background:#fff;color:#334155;text-align:left;cursor:pointer}.option:hover{background:#f8fafc}.option.priority{position:relative;border:1px solid #86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:inset 4px 0 #22c55e}.option.priority strong{color:#166534}.option.priority small{color:#15803d;font-weight:750}.option:last-child{border-bottom:0}.option span,.option strong,.option small,.option b{display:block;min-width:0}.option strong{color:#10243e}.option b{overflow:hidden;color:#9a3412;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.option small{margin-top:3px;color:#64748b;font-size:11px}.empty{padding:30px;text-align:center;color:#94a3b8;font-weight:750}
.job-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid #fed7aa;border-radius:13px;background:#fff7ed;color:#9a3412;font-size:12px}.job-meta strong{color:#7c2d12}.actions{display:flex;gap:10px}.confirm,.primary,.secondary{min-height:44px;padding:10px 18px;border-radius:11px;font-weight:850;cursor:pointer}.confirm,.primary{border:1px solid #ea580c;background:linear-gradient(135deg,#f97316,#dc4a08);color:#fff;box-shadow:0 9px 20px rgba(234,88,12,.22)}.confirm:hover,.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.secondary{border:1px solid #d7e0eb;background:#fff;color:#334155}.form-message{min-height:1px}.form-message.error,.form-message.success{padding:11px 13px;border-radius:11px;font-size:13px;font-weight:750}.form-message.error{background:#fef2f2;color:#b91c1c}.form-message.success{background:#ecfdf5;color:#047857}
.login-gate{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;min-height:540px;border:1px solid #dce4ee;border-radius:25px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.12)}.login-visual{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:50px;background:linear-gradient(145deg,#10243e,#1f4c76 65%,#c65112);color:#fff}.login-visual>span{font-size:76px}.login-visual h1{margin:13px 0 5px;font-size:38px}.login-visual p{max-width:480px;margin:0;color:#dbeafe}.login-card{display:flex;justify-content:center;flex-direction:column;gap:16px;padding:48px}.login-card h2{margin:5px 0 2px;color:#10243e;font-size:27px}.login-card p{margin:0;color:#64748b}.login-card label{color:#334155;font-size:12px;font-weight:850}.login-card input{display:block;width:100%;min-height:46px;margin-top:6px;padding:11px 13px;border:1px solid #d4deea;border-radius:11px;outline:0}.login-card input:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}
@media(max-width:760px){.topbar{padding:9px 14px}.brand small,nav>a:first-child{display:none}nav{gap:5px}nav a,nav button{padding:8px 9px;font-size:11px}main{width:min(100% - 20px,1180px);margin-top:14px}.hero{align-items:flex-start;padding:23px 20px}.hero h1{font-size:27px}.hero p{font-size:13px}.hero-icon{font-size:40px}.hero-side div{display:none}.stats{grid-template-columns:1fr}.stats article{display:flex;align-items:center;justify-content:space-between}.stats strong{margin:0;font-size:22px}.pickup-card{grid-template-columns:1fr;padding:18px}.field.full,.full,.form-heading{grid-column:auto}.form-heading{align-items:stretch;flex-direction:column}.option{grid-template-columns:1fr}.job-meta{align-items:flex-start;flex-direction:column}.actions{flex-direction:column}.actions button{width:100%}.login-gate{grid-template-columns:1fr}.login-visual{min-height:230px;padding:28px}.login-visual>span{font-size:52px}.login-visual h1{font-size:29px}.login-card{padding:28px 22px}}

main{margin-top:18px}.app{max-width:760px;margin:0 auto}.pickup-card{gap:13px;padding:20px}.form-heading{align-items:center;padding-bottom:12px}.form-heading h1{margin:0;color:#10243e;font-size:24px;line-height:1.2}.form-heading span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:750}.job-meta{padding:11px 13px}.actions.full{position:sticky;z-index:10;bottom:8px;padding:9px;border:1px solid #dce4ee;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(15,23,42,.13);backdrop-filter:blur(10px)}
@media(max-width:620px){body{background:#f5f7fb}main{width:100%;margin:0 auto;padding:10px 10px 92px}.pickup-card{gap:11px;padding:14px;border-radius:16px;box-shadow:none}.form-heading{position:sticky;z-index:20;top:63px;align-items:center;flex-direction:row;margin:-14px -14px 2px;padding:12px 14px;border-radius:16px 16px 0 0;background:#fff}.form-heading h1{font-size:21px}.field input,.field textarea{min-height:48px;font-size:16px}.field textarea{min-height:86px}.job-meta{display:grid;gap:4px}.actions.full{position:fixed;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:1fr auto}.actions.full .confirm{min-height:50px}.candidate-field{position:relative;z-index:35}.options{position:absolute;z-index:80;top:calc(100% + 6px);right:0;bottom:auto;left:0;max-height:min(42vh,320px);padding:5px;border-radius:12px}.option{gap:5px;padding:11px}.topbar{box-shadow:0 2px 12px rgba(15,23,42,.08)}}
@media(max-width:620px){.field select{min-height:48px;font-size:16px}}