:root{--bg:#0c0f12;--surface:#151a1f;--surface2:#1c2229;--line:#2d353e;--text:#f6f7f8;--muted:#9da6b0;--orange:#ff6b18;--green:#45d18a;--yellow:#f5be48;--red:#ff6d77;--blue:#55adff;--heading:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(255,107,24,.14),transparent 32%),var(--bg);color:var(--text);font:16px/1.5 var(--body)}button,input{font:inherit}.portal-header{height:76px;padding:0 max(20px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(12,15,18,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.portal-brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.portal-brand>span{width:42px;height:42px;display:grid;place-items:center;background:var(--orange);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);font:800 18px var(--heading)}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{font:800 20px/1 var(--heading)}.portal-brand small{margin-top:4px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.5px}.portal-root{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:52px 0 70px}.auth-shell{min-height:calc(100vh - 200px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(36px,8vw,100px);align-items:center}.auth-intro h1{max-width:720px;font:800 clamp(46px,7vw,78px)/.96 var(--heading);letter-spacing:-1px;margin:10px 0 22px}.auth-intro>p:not(.eyebrow){max-width:660px;color:#bdc4cb;font-size:18px}.eyebrow{margin:0;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:1.7px}.trust-row{display:flex;flex-wrap:wrap;gap:12px 22px;color:#dce0e4;font-size:13px;margin-top:28px}.trust-row span::first-letter{color:var(--green)}.auth-card,.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(29,35,42,.97),rgba(19,23,28,.97));box-shadow:0 22px 60px rgba(0,0,0,.25)}.auth-card{padding:30px}.auth-card h2{font:700 34px/1 var(--heading);margin:8px 0}.auth-card>p:not(.eyebrow,.hint,.invite-note){color:var(--muted);font-size:13px;margin:0 0 22px}.auth-card label{display:grid;gap:7px;color:#d7dce1;font-size:13px;font-weight:700;margin:14px 0}.auth-card input{height:48px;border:1px solid #39434d;border-radius:8px;background:#0e1216;color:white;padding:0 13px;outline:none}.auth-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,24,.1)}.primary-btn,.ghost-btn,.decision-btn{border-radius:8px;font-weight:800;cursor:pointer}.primary-btn{width:100%;height:48px;border:0;background:var(--orange);color:white;margin-top:10px}.primary-btn:hover{background:#ff8341}.primary-btn:disabled{opacity:.6;cursor:wait}.ghost-btn{height:39px;padding:0 14px;background:transparent;border:1px solid var(--line);color:#d8dce0}.hint,.invite-note{color:var(--muted);font-size:12px;line-height:1.5}.invite-note{text-align:center;margin:18px 0 0}.form-error{padding:11px 12px;border:1px solid rgba(255,109,119,.35);border-radius:8px;background:rgba(255,109,119,.08);color:#ffb5ba;font-size:13px}.portal-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.portal-heading h1{font:800 clamp(39px,5vw,58px)/1 var(--heading);margin:7px 0}.portal-heading p:last-child{margin:0;color:var(--muted)}.live-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #315341;border-radius:999px;background:rgba(69,209,138,.08);color:#97e8bd;font-size:12px;font-weight:700;white-space:nowrap}.live-chip i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.portal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px}.main-stack,.side-stack{display:grid;gap:18px;align-content:start}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-head h2{font:700 27px var(--heading);margin:4px 0}.panel-head small{color:var(--muted)}.vehicle-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.vehicle-card:first-of-type{border-top:0}.vehicle-mark{height:48px;display:grid;place-items:center;border:1px solid #3a444e;border-radius:9px;color:#bac2ca;font-size:9px;font-weight:800}.vehicle-card h3{font:700 20px var(--heading);margin:0}.vehicle-card p{color:var(--muted);font-size:12px;margin:3px 0 0}.vehicle-card>span{color:#c9d0d7;font-size:12px}.job-card{padding:20px 0;border-top:1px solid var(--line)}.job-card:first-of-type{border-top:0;padding-top:0}.job-top{display:grid;grid-template-columns:1fr auto;gap:14px}.job-card h3{font:700 24px var(--heading);margin:4px 0}.job-card p{margin:0}.status{width:max-content;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;height:max-content}.status-progress{background:rgba(85,173,255,.12);color:var(--blue)}.status-waiting{background:rgba(245,190,72,.12);color:var(--yellow)}.status-approval{background:rgba(255,109,119,.12);color:var(--red)}.status-ready,.status-completed{background:rgba(69,209,138,.12);color:var(--green)}.job-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}.summary-cell{padding:13px;border-radius:9px;background:#101419}.summary-cell span,.summary-cell strong{display:block}.summary-cell span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.summary-cell strong{font-size:13px;margin-top:4px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-box{padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(12,15,18,.42)}.report-box h4{font-size:12px;margin:0 0 6px;color:#fff}.report-box p{white-space:pre-line;color:#aeb6bf;font-size:13px;line-height:1.55}.report-box.full{grid-column:1/-1}.recommend-list{margin:8px 0 0;padding-left:19px;color:#c6ccd2;font-size:13px}.recommend-list li{margin:6px 0}.approval-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:15px;border:1px solid rgba(255,107,24,.28);border-radius:10px;background:rgba(255,107,24,.06)}.approval-box p{font-size:12px;color:#cbd0d5}.decision-actions{display:flex;gap:8px}.decision-btn{height:38px;padding:0 12px;border:1px solid var(--line);background:var(--surface2);color:white}.decision-btn.approve{border-color:#347b55;color:#8de0b3}.decision-btn.decline{border-color:#754149;color:#ff9ba2}.decision-result{font-size:12px;font-weight:800;text-transform:capitalize}.special-card{padding:15px;margin-top:10px;border-radius:11px;border:1px solid rgba(255,107,24,.25);background:linear-gradient(135deg,rgba(255,107,24,.13),rgba(255,107,24,.03))}.special-card strong{font:700 20px var(--heading)}.special-card b{display:block;color:var(--orange);font-size:13px;margin-top:2px}.special-card p{color:#b9c0c7;font-size:12px;margin:8px 0}.special-card small{color:#89939d}.empty{padding:32px 10px;text-align:center;color:var(--muted)}.empty strong{display:block;color:#fff;font:700 22px var(--heading);margin-bottom:4px}.contact-card p{color:var(--muted);font-size:13px}.contact-card a{color:var(--orange)}.portal-toast{position:fixed;right:22px;bottom:22px;display:grid;padding:13px 17px;border:1px solid #34734f;border-radius:10px;background:#18231d;transform:translateY(110px);opacity:0;transition:.25s;z-index:30}.portal-toast.show{transform:none;opacity:1}.portal-toast strong{font-size:13px}.portal-toast span{color:var(--muted);font-size:11px}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}@media(max-width:850px){.auth-shell,.portal-grid{grid-template-columns:1fr}.auth-intro h1{font-size:54px}.side-stack{grid-template-columns:1fr 1fr}.portal-heading{align-items:flex-start;flex-direction:column}.portal-root{padding-top:35px}}@media(max-width:600px){.portal-header{height:68px}.portal-brand small{display:none}.portal-root{width:min(100% - 24px,1180px);padding-top:27px}.auth-shell{gap:30px}.auth-intro h1{font-size:44px}.auth-intro>p:not(.eyebrow){font-size:16px}.auth-card,.panel{padding:19px}.side-stack{grid-template-columns:1fr}.job-summary{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.report-box.full{grid-column:auto}.approval-box{align-items:flex-start;flex-direction:column}.decision-actions{width:100%}.decision-btn{flex:1}.vehicle-card{grid-template-columns:44px 1fr}.vehicle-card>span{grid-column:2}}