@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#0b2633;font-synthesis:none;background:#f7f4ef;font-family:Inter,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:#f7f4ef;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 84% 18%,#f06f5e1f,#0000 24rem),#f7f4ef;flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid #0b26331a;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,80px);display:flex}.brand{color:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-square{background:#e75d4d;width:16px;height:16px;display:inline-block;box-shadow:7px 7px 0 -3px #0b2633}.brand-text{letter-spacing:.02em;align-items:baseline;gap:10px;display:flex}.brand-text strong{letter-spacing:.18em;font-size:17px}.brand-text span{color:#746d65;font-family:Noto Sans Arabic,sans-serif;font-size:14px}.top-actions{color:#746d65;align-items:center;gap:24px;display:flex}.secure-label{letter-spacing:.04em;align-items:center;gap:7px;font-size:12px;display:inline-flex}.language-select{color:#0b2633;border-left:1px solid #0b263324;align-items:center;gap:6px;padding-left:20px;display:inline-flex}.language-select select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.progress-wrap{padding:18px clamp(24px,8vw,144px) 0}.progress-track{background:#0b26331f;height:3px;overflow:hidden}.progress-track span{background:#e75d4d;height:100%;transition:width .45s;display:block}.progress-copy{color:#746d65;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding-top:10px;font-size:11px;display:flex}.main{flex:1;align-items:center;width:min(1120px,100% - 48px);margin:0 auto;display:flex}.hero-section,.step-section{width:100%;padding:clamp(64px,9vw,132px) 0}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:center;gap:clamp(48px,9vw,140px);display:grid}.overline{color:#e75d4d;letter-spacing:.2em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:700}h1,h2{letter-spacing:-.045em;color:#0b2633;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{max-width:650px;font-size:clamp(52px,7vw,88px);line-height:.95}h2{font-size:clamp(42px,5vw,68px);line-height:1}.hero-intro,.step-heading>p:not(.overline){color:#746d65;max-width:480px;margin:28px 0 0;font-size:18px;line-height:1.6}.hero-actions,.step-actions{align-items:center;gap:16px;margin-top:38px;display:flex}.primary-button,.secondary-button,.text-button{border:0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;transition:transform .2s,background .2s,opacity .2s;display:inline-flex}.primary-button{color:#fffdf9;background:#e75d4d;font-weight:600;box-shadow:0 8px 20px #e75d4d33}.primary-button:hover{background:#d94f40;transform:translateY(-2px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{color:#0b2633;background:0 0;border:1px solid #0b26332e}.secondary-button:hover{border-color:#0b2633}.text-button{color:#0b2633;background:0 0;padding-inline:4px}.text-button:hover{color:#e75d4d}.hero-meta{color:#746d65;flex-wrap:wrap;gap:20px;margin-top:54px;font-size:12px;display:flex}.hero-meta span{align-items:center;gap:7px;display:inline-flex}.arrival-panel{color:#fffdf9;background:#0b2633;border:1px solid #0b263324;flex-direction:column;justify-content:space-between;min-height:440px;padding:28px;display:flex;position:relative;overflow:hidden}.arrival-panel:before{content:"";pointer-events:none;border:1px solid #fffdf929;position:absolute;inset:16px}.panel-ornament{flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.lane{background:linear-gradient(#0000,#fffdf973,#0000);width:1px;height:86%;position:absolute;transform:rotate(19deg)}.lane-left{left:28%}.lane-right{right:28%;transform:rotate(-19deg)}.dock-door{border:1px solid #fffdf9a3;justify-content:center;align-items:flex-end;width:150px;height:198px;display:flex;transform:translateY(-12px)}.dock-door span{border:1px solid #f06f5e;border-bottom:0;width:82px;height:120px}.arrival-square{background:#e75d4d;width:34px;height:34px;position:absolute;top:22%;right:25%;box-shadow:10px 10px 0 -4px #fffdf980}.panel-caption{border-top:1px solid #fffdf92e;align-items:flex-start;gap:18px;padding:22px 4px 2px;display:flex;position:relative}.panel-caption>span{color:#f06f5e;font-size:12px;font-weight:700}.panel-caption strong,.panel-caption small{display:block}.panel-caption strong{font-size:15px;font-weight:500}.panel-caption small{color:#fffdf99e;margin-top:5px;font-size:12px}.step-section{max-width:760px;margin:0 auto}.step-heading{margin-bottom:38px}.step-heading .overline{margin-bottom:18px}.step-heading>p:not(.overline){margin-top:18px;font-size:16px}.form-card,.review-card{border-top:1px solid #0b263338;border-bottom:1px solid #0b263338;padding:30px 0}.form-card label,.form-grid label{color:#0b2633;font-size:13px;font-weight:600;display:block}.form-card label>span,.form-grid label>span{float:right;color:#e75d4d;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.input-wrap{color:#746d65;border-bottom:1px solid #0b26333d;align-items:center;gap:10px;min-height:54px;margin-top:10px;display:flex}.input-wrap:focus-within{border-bottom-color:#e75d4d}.input-wrap input,.input-wrap select{color:#0b2633;background:0 0;border:0;outline:0;width:100%;padding:14px 0}.input-wrap input::placeholder{color:#a39b92}.input-wrap select{appearance:none;cursor:pointer}.form-card small{color:#746d65;margin-top:13px;font-size:11px;display:block}.warehouse-options{gap:14px;display:grid}.warehouse-card{text-align:start;color:#0b2633;background:#fffdf959;border:1px solid #0b263324;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:20px;display:grid;position:relative}.warehouse-card.active{background:#fffdf9;border-color:#e75d4d;box-shadow:0 10px 24px #0b263312}.warehouse-card strong,.warehouse-card span,.warehouse-card small{display:block}.warehouse-card strong{font-size:15px}.warehouse-card span{color:#746d65;margin-top:4px;font-size:12px}.warehouse-card small{color:#e75d4d;font-weight:600}.warehouse-icon{color:#e75d4d;border:1px solid #e75d4d59;place-items:center;width:40px;height:40px;display:grid}.warehouse-card .check{color:#fffdf9;background:#e75d4d;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12px;right:12px}.form-grid{border-top:1px solid #0b263338;grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:30px;display:grid}.form-grid label:last-child{grid-column:1/-1}.plate-symbol{letter-spacing:.05em;color:#e75d4d;font-size:10px;font-weight:700}.upload-card{text-align:start;color:#0b2633;background:0 0;border:1px dashed #0b26334d;align-items:center;gap:14px;width:100%;margin-top:30px;padding:18px;display:flex}.upload-card:hover,.upload-card.uploaded{background:#e75d4d0f;border-color:#e75d4d}.upload-card>span:nth-child(2){flex:1}.upload-card strong,.upload-card small{display:block}.upload-card strong{font-size:13px}.upload-card small{color:#746d65;margin-top:4px;font-size:11px}.upload-icon{color:#e75d4d;background:#e75d4d1a;place-items:center;width:34px;height:34px;display:grid}.review-top{align-items:center;gap:16px;display:flex}.review-icon{color:#fffdf9;background:#e75d4d;place-items:center;width:46px;height:46px;display:grid}.review-top span,.review-top strong,.review-top small{display:block}.review-top span{color:#746d65;font-size:12px}.review-top strong{margin-top:5px;font-size:16px}.review-top small{color:#746d65;margin-top:4px;font-size:12px}.review-divider{border-top:1px solid #0b263324;margin:26px 0 18px}.review-row{justify-content:space-between;gap:20px;padding:11px 0;font-size:13px;display:flex}.review-row span{color:#746d65}.review-row strong{text-align:end;font-weight:600}.footer{color:#746d65;justify-content:center;align-items:center;gap:12px;padding:26px 24px 30px;font-size:11px;display:flex}.footer img{opacity:.78;width:44px;height:auto}.footer small{color:#a39b92;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.topbar{padding:22px 20px}.secure-label{display:none}.language-select{border-left:0;padding-left:0}.main{width:min(100% - 40px,620px)}.hero-section{grid-template-columns:1fr;gap:42px;padding:58px 0 76px}.arrival-panel{min-height:320px}.panel-ornament{min-height:205px}.dock-door{width:110px;height:148px}.dock-door span{width:62px;height:94px}.arrival-square{top:18%;right:20%}.hero-meta{gap:12px;margin-top:36px}.hero-meta span{font-size:10px}.hero-actions,.step-actions{flex-wrap:wrap}.step-section{padding:56px 0 72px}.form-grid{grid-template-columns:1fr}.form-grid label:last-child{grid-column:auto}.warehouse-card{grid-template-columns:38px 1fr}.warehouse-card small{grid-column:2}.footer{flex-wrap:wrap;gap:8px 12px}.footer small{text-align:center;flex-basis:100%}}:root{--raseef-navy:#173b4a;--raseef-ink:#102c39;--raseef-coral:#e85d4a;--raseef-coral-dark:#c9473a;--raseef-paper:#fbfaf8;--raseef-muted:#6e7778;--raseef-line:#173b4a24}body{background:var(--raseef-paper)}.app{background:radial-gradient(circle at 86% 10%,#e85d4a26,#0000 25rem),linear-gradient(145deg,#fbfaf8 0%,#f6f4f1 52%,#eef4f3 100%)}.topbar{border-bottom-color:var(--raseef-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#fbfaf8c7;padding-block:22px;position:sticky;top:0}.brand-square{background:var(--raseef-coral);width:18px;height:18px;box-shadow:7px 7px 0 -3px var(--raseef-navy);border-radius:5px 5px 1px}.brand-text strong{color:var(--raseef-navy);letter-spacing:.2em}.secure-label{color:var(--raseef-muted)}.hero-section{min-height:660px}h1,h2{letter-spacing:-.065em;font-family:Inter,Noto Sans Arabic,sans-serif;font-weight:700}h1{max-width:690px}.overline{color:var(--raseef-coral-dark);letter-spacing:.16em}.hero-intro,.step-heading>p:not(.overline){color:var(--raseef-muted)}.primary-button,.secondary-button,.text-button,.warehouse-card,.upload-card,.employee-link{border-radius:14px}.primary-button{background:var(--raseef-coral);box-shadow:0 12px 28px #e85d4a38}.primary-button:hover{background:var(--raseef-coral-dark);box-shadow:0 16px 30px #e85d4a47}.secondary-button{border-color:var(--raseef-line);background:#ffffff73}.employee-link{color:var(--raseef-navy);background:0 0;border:0;align-items:center;gap:8px;margin-top:22px;padding:8px 0;font-size:13px;font-weight:600;display:inline-flex}.employee-link:hover{color:var(--raseef-coral-dark)}.arrival-panel{background:linear-gradient(155deg,#173b4a,#102c39);border-radius:28px;box-shadow:0 24px 60px #102c392e}.arrival-panel:after{content:"";filter:blur(18px);background:#e85d4a29;border-radius:50%;width:160px;height:160px;position:absolute;top:-55px;right:-45px}.progress-track{background:#173b4a1a;border-radius:10px}.progress-track span{background:var(--raseef-coral);border-radius:10px}.step-section{max-width:820px}.form-card,.review-card{border:1px solid var(--raseef-line);background:#ffffff9e;border-radius:20px;padding:28px;box-shadow:0 16px 42px #173b4a0f}.input-wrap{border:1px solid var(--raseef-line);background:#ffffffb8;border-radius:12px;margin-top:10px;padding:0 14px}.input-wrap:focus-within{border-color:var(--raseef-coral);box-shadow:0 0 0 4px #e85d4a1c}.input-wrap input,.input-wrap select{padding:14px 0}.warehouse-card{border-color:var(--raseef-line);background:#fff9}.warehouse-card.active{border-color:var(--raseef-coral);box-shadow:0 14px 30px #173b4a1a}.warehouse-icon{color:var(--raseef-coral-dark);border-radius:12px}.warehouse-card .check{background:var(--raseef-coral);border-radius:50%}.optional-heading{color:var(--raseef-navy);justify-content:space-between;align-items:baseline;margin:28px 0 8px;font-size:13px;font-weight:700;display:flex}.optional-heading em{color:var(--raseef-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:600}.optional-grid{border-top:0;padding-top:0}.cold-chain-fields{background:#e2f2f88a;border:1px solid #498ba647;border-radius:14px;margin-top:16px;padding:14px}.check-field{align-content:center;gap:10px;display:grid}.check-field>span{color:var(--raseef-navy);font-size:13px;font-weight:600}.check-field .field-flag{float:right}.check-control{min-height:48px;color:var(--raseef-navy);align-items:center;gap:8px;font-size:12px;display:flex}.check-control input{width:17px;height:17px;accent-color:var(--raseef-coral)}.schedule-date{grid-template-columns:minmax(230px,.8fr) 1fr;align-items:end;gap:18px;display:grid}.schedule-date label{color:var(--raseef-navy);font-size:13px;font-weight:600;display:block}.schedule-date label>span{float:right}.schedule-note{color:var(--raseef-muted);padding-bottom:15px;font-size:11px}.schedule-warning{color:var(--raseef-coral-dark);align-items:center;gap:8px;margin:18px 0 0;font-size:12px;display:flex}.slot-heading{color:var(--raseef-navy);justify-content:space-between;margin:26px 0 10px;font-size:12px;font-weight:700;display:flex}.slot-heading span:last-child{color:var(--raseef-muted);font-size:10px;font-weight:600}.slot-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.slot-card{border:1px solid var(--raseef-line);color:var(--raseef-navy);text-align:center;background:#ffffff94;border-radius:11px;gap:5px;padding:12px 8px;transition:transform .18s,border-color .18s,background .18s;display:grid}.slot-card:hover:not(:disabled){border-color:var(--raseef-coral);transform:translateY(-1px)}.slot-card.active{border-color:var(--raseef-coral);background:#e85d4a1a;box-shadow:0 8px 18px #e85d4a1f}.slot-card strong{font-size:13px}.slot-card small{color:var(--raseef-muted);font-size:9px}.slot-card.active small{color:var(--raseef-coral-dark)}.slot-card.full{background:#7884840d;border-color:#78848438}.slot-card.full small{color:var(--raseef-muted)}.slot-card:disabled{cursor:not-allowed;opacity:.45}.upload-card{background:#ffffff57;border-color:#173b4a40}.upload-card:hover,.upload-card.uploaded{border-color:var(--raseef-coral);background:#e85d4a12}.upload-icon{color:var(--raseef-coral-dark);border-radius:10px}.review-icon{background:var(--raseef-coral);border-radius:14px}.review-card{border-top:1px solid var(--raseef-line);border-bottom:1px solid var(--raseef-line)}.login-card{border:1px solid var(--raseef-line);background:#ffffff9e;border-radius:20px;gap:22px;padding:28px;display:grid;box-shadow:0 16px 42px #173b4a0f}.login-card label{color:var(--raseef-navy);font-size:13px;font-weight:600;display:block}.login-card label>span{float:right;color:var(--raseef-coral-dark);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.mfa-note{color:var(--raseef-muted);align-items:center;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.footer{color:var(--raseef-muted)}.footer img{filter:brightness(0)saturate()invert(21%)sepia(14%)saturate(1100%)hue-rotate(151deg)brightness(87%);opacity:.9}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #e85d4a59}.field-flag{float:right;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.field-flag.is-required{color:var(--raseef-coral-dark)}.field-flag.is-optional{color:#728084}.field-legend{color:#728084;justify-content:flex-end;gap:18px;margin:0 0 16px;font-size:11px;display:flex}.field-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.required-dot{background:var(--raseef-coral)}.optional-dot{background:#9aa6a7}.optional-toggle{color:var(--raseef-navy);background:0 0;border:0;align-items:center;gap:8px;padding:18px 0 4px;font-size:13px;font-weight:700;display:inline-flex}.optional-toggle:hover{color:var(--raseef-coral-dark)}.optional-toggle .rotate{transform:rotate(180deg)}.access-options{gap:14px;display:grid}.access-card{text-align:start;border:1px solid var(--raseef-line);width:100%;color:var(--raseef-navy);background:#ffffffa8;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 12px 28px #173b4a0d}.access-card:hover{border-color:var(--raseef-coral);transform:translateY(-2px);box-shadow:0 18px 34px #173b4a1a}.access-card strong,.access-card small{display:block}.access-card strong{font-size:15px}.access-card small{color:var(--raseef-muted);margin-top:4px;font-size:12px;line-height:1.5}.access-icon{width:46px;height:46px;color:var(--raseef-coral-dark);background:#e85d4a1a;border-radius:14px;place-items:center;display:grid}.login-mode-toggle{color:var(--raseef-coral-dark);background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:700}.login-mode-toggle:hover{text-decoration:underline}.security-login-button{color:var(--raseef-navy);background:#173b4a0b;border:1px solid #173b4a29;border-radius:10px;justify-self:start;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:700;display:inline-flex}.security-login-button:hover{border-color:var(--raseef-coral);color:var(--raseef-coral-dark);background:#e85d4a0f}.retrieval-card{gap:22px;display:grid}.retrieval-card label{color:var(--raseef-navy);font-size:13px;font-weight:600;display:block}.retrieval-card label>span{float:right}.retrieval-card small{color:var(--raseef-muted);margin-top:10px;font-size:11px;display:block}.pass-section{max-width:860px}.pass-card{color:#fff;background:linear-gradient(145deg,#173b4a,#102c39);border-radius:22px;grid-template-columns:190px 1fr;align-items:center;gap:30px;padding:30px;display:grid;box-shadow:0 22px 46px #102c392e}.pass-qr{background:#fff;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;width:160px;height:160px;padding:14px;display:grid}.pass-qr span{background:var(--raseef-navy)}.pass-qr span:nth-child(2n),.pass-qr span:nth-child(5){background:var(--raseef-coral)}.pass-status{color:#f8a092;letter-spacing:.16em;font-size:10px;font-weight:700;display:block}.pass-details strong{letter-spacing:-.05em;margin-top:11px;font-size:30px;display:block}.pass-details p{color:#ffffffb8;margin:8px 0 0;font-size:12px}.pass-driver{color:#ffffffe6;align-items:center;gap:7px;margin-top:22px;font-size:12px;display:flex}.pass-actions{gap:10px;margin-top:18px;display:flex}.pass-back{margin-top:16px}.security-workspace{max-width:100%}.security-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:16px;margin-top:34px;display:grid}.scanner-panel,.gate-queue{border:1px solid var(--raseef-line);background:#ffffff94;border-radius:20px;flex-direction:column;align-items:center;padding:24px;display:flex}.scanner-frame{aspect-ratio:1;background:#eaf0ef;border-radius:18px;place-items:center;width:min(100%,290px);margin-bottom:20px;display:grid;position:relative}.scan-corner{border-color:var(--raseef-coral);border-style:solid;width:30px;height:30px;position:absolute}.scan-corner.top-left{border-width:3px 0 0 3px;top:26px;left:26px}.scan-corner.top-right{border-width:3px 3px 0 0;top:26px;right:26px}.scan-corner.bottom-left{border-width:0 0 3px 3px;bottom:26px;left:26px}.scan-corner.bottom-right{border-width:0 3px 3px 0;bottom:26px;right:26px}.scan-crosshair{width:76px;height:76px;color:var(--raseef-coral-dark);border:1px dashed #173b4a59;border-radius:16px;place-items:center;display:grid}.scanner-panel>strong{font-size:15px}.scanner-panel>p{color:var(--raseef-muted);margin:7px 0 18px;font-size:12px}.scanner-panel .primary-button,.scanner-panel .secondary-button{width:min(100%,290px)}.scan-search-button{margin-top:9px}.gate-queue{align-items:stretch;padding:0}.gate-queue .panel-heading{padding:22px}.queue-item{border-top:1px solid var(--raseef-line);grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:18px 22px;display:grid}.queue-time{font-size:13px;font-weight:700}.queue-item strong,.queue-item small{display:block}.queue-item strong{font-size:12px}.queue-item small{color:var(--raseef-muted);margin-top:4px;font-size:10px}.security-note{max-width:720px;color:var(--raseef-muted);align-items:flex-start;gap:9px;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.security-note svg{color:var(--raseef-coral-dark);flex:none}.validation-actions{gap:9px;width:min(100%,290px);display:flex}.validation-actions button{flex:1}.scanner-panel>.secondary-button{width:min(100%,290px)}.pass-message{color:#21705f;align-items:center;gap:7px;font-size:12px;display:flex}.form-error{color:var(--raseef-coral-dark);align-items:flex-start;gap:8px;margin:14px 0 0;font-size:12px;line-height:1.45;display:flex}.warehouse-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.dock-table{border:1px solid var(--raseef-line);background:#ffffff94;border-radius:20px;margin-top:16px;overflow:hidden}.dock-row{border-bottom:1px solid var(--raseef-line);grid-template-columns:150px minmax(170px,1fr) 150px 70px 76px;align-items:center;gap:18px;padding:18px 22px;display:grid}.dock-row:last-child{border-bottom:0}.dock-row>div{min-width:0}.dock-row strong,.dock-row small{display:block}.dock-row strong{font-size:12px}.dock-row small{color:var(--raseef-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.dock-code strong{color:var(--raseef-coral-dark);letter-spacing:.08em}.dock-load>span{color:var(--raseef-muted);font-size:10px}.load-track{background:#173b4a1a;border-radius:5px;height:5px;margin-top:8px;overflow:hidden}.load-track i{background:var(--raseef-coral);border-radius:5px;height:100%;display:block}.dock-off{opacity:.56}.dock-toggle{border:1px solid var(--raseef-line);color:var(--raseef-navy);background:0 0;border-radius:9px;padding:8px 7px;font-size:10px;font-weight:700}.dock-toggle:hover{border-color:var(--raseef-coral);color:var(--raseef-coral-dark)}.add-dock-button{white-space:nowrap}.warehouse-summary .kpi-card{min-height:112px}@media (width<=760px){.warehouse-summary{grid-template-columns:1fr}.dock-row{grid-template-columns:1fr auto;gap:10px 14px}.dock-row .dock-load{grid-column:1/-1}.dock-row .status{justify-self:end}.dock-row .dock-toggle{grid-area:1/2}}@media (width<=620px){.schedule-date{grid-template-columns:1fr;gap:8px}.schedule-note{padding-bottom:0}.slot-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.pass-card{grid-template-columns:1fr}.pass-qr{width:132px;height:132px}.pass-actions{flex-direction:column}.security-grid{grid-template-columns:1fr}}.dashboard-shell{width:100%;min-height:720px;color:var(--raseef-navy);grid-template-columns:210px minmax(0,1fr);gap:34px;padding:44px 0 72px;display:grid}.dashboard-rail{flex-direction:column;padding:8px 0;display:flex}.dashboard-brand{color:var(--raseef-navy);letter-spacing:.18em;align-items:center;gap:11px;padding:0 12px 42px;font-size:13px;display:flex}.dashboard-brand .brand-square{width:15px;height:15px}.dashboard-rail nav{gap:6px;display:grid}.rail-link,.rail-exit{color:#6e7778;text-align:start;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:12px;font-size:12px;display:flex}.rail-link.active,.rail-link:hover{color:var(--raseef-coral-dark);background:#e85d4a1a;font-weight:700}.rail-exit{color:#899394;margin-top:auto}.rail-exit:hover{color:var(--raseef-coral-dark)}.dashboard-content{min-width:0}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dashboard-header .overline{margin-bottom:14px}.dashboard-header h2{letter-spacing:-.06em;font-size:clamp(30px,4vw,48px)}.dashboard-header p:not(.overline){color:var(--raseef-muted);margin:12px 0 0;font-size:14px}.dashboard-header-actions{align-items:center;gap:18px;display:flex}.icon-button{border:1px solid var(--raseef-line);width:40px;height:40px;color:var(--raseef-navy);background:#fff9;border-radius:50%;place-items:center;display:grid;position:relative}.notification-dot{background:var(--raseef-coral);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.profile-chip{align-items:center;gap:9px;display:flex}.profile-chip>span{color:#fff;background:var(--raseef-navy);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:12px}.profile-chip small{color:var(--raseef-muted);margin-top:2px;font-size:10px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.kpi-card{border:1px solid var(--raseef-line);background:#ffffff9e;border-radius:16px;padding:18px}.kpi-card>span,.kpi-card small{color:var(--raseef-muted);font-size:11px;display:block}.kpi-card strong{letter-spacing:-.06em;margin:10px 0 8px;font-size:30px;display:block}.kpi-card small{align-items:center;gap:5px;display:flex}.kpi-up{color:#2d8a75!important}.kpi-alert{color:var(--raseef-coral-dark)!important}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;margin-top:16px;display:grid}.booking-panel,.detail-panel{border:1px solid var(--raseef-line);background:#ffffff94;border-radius:20px;overflow:hidden}.booking-panel{min-width:0}.panel-heading{justify-content:space-between;align-items:center;padding:22px 22px 16px;display:flex}.panel-heading h3,.detail-panel h3{letter-spacing:-.03em;margin:0;font-size:19px}.panel-heading p{color:var(--raseef-muted);margin:6px 0 0;font-size:11px}.filter-button{border:1px solid var(--raseef-line);color:var(--raseef-navy);background:0 0;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:inline-flex}.booking-toolbar{gap:10px;padding:0 22px 16px;display:flex}.search-box{border:1px solid var(--raseef-line);min-width:0;color:var(--raseef-muted);background:#ffffff8f;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box input{width:100%;min-width:0;color:var(--raseef-navy);background:0 0;border:0;outline:0;padding:10px 0;font-size:12px}.booking-toolbar select{border:1px solid var(--raseef-line);color:var(--raseef-navy);background:#ffffff8f;border-radius:10px;padding:0 10px;font-size:11px}.booking-list{border-top:1px solid var(--raseef-line)}.booking-row{width:100%;color:var(--raseef-navy);text-align:start;background:0 0;border:0;border-bottom:1px solid #173b4a14;grid-template-columns:52px minmax(0,1.3fr) minmax(90px,.8fr) auto 16px;align-items:center;gap:14px;padding:15px 22px;display:grid}.booking-row:hover,.booking-row.selected{background:#e85d4a0e}.time-cell,.booking-main,.warehouse-cell{min-width:0}.time-cell{font-size:12px;font-weight:700}.time-cell small,.booking-main small,.warehouse-cell small{color:var(--raseef-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;font-weight:400;display:block;overflow:hidden}.booking-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.warehouse-cell{font-size:11px}.status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-green{color:#21705f;background:#e4f3ee}.status-coral{color:#a84036;background:#fde7e3}.status-blue{color:#276178;background:#e4f0f4}.empty-state{color:var(--raseef-muted);text-align:center;padding:32px 22px;font-size:12px}.detail-panel{padding:22px}.detail-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-kicker{color:var(--raseef-muted);letter-spacing:.12em;font-size:10px;font-weight:700}.detail-panel h3{margin-top:28px;font-size:26px}.detail-company{color:var(--raseef-muted);margin:7px 0 22px;font-size:12px}.detail-time{border-top:1px solid var(--raseef-line);border-bottom:1px solid var(--raseef-line);color:var(--raseef-coral-dark);align-items:center;gap:11px;padding:16px 0;display:flex}.detail-time strong,.detail-time small{display:block}.detail-time strong{color:var(--raseef-navy);font-size:14px}.detail-time small{color:var(--raseef-muted);margin-top:4px;font-size:11px}.detail-facts{gap:15px;margin:22px 0;display:grid}.detail-facts div{justify-content:space-between;gap:15px;font-size:11px;display:flex}.detail-facts dt{color:var(--raseef-muted)}.detail-facts dd{text-align:end;margin:0;font-weight:700}.detail-actions{gap:9px;display:grid}.detail-actions button{width:100%;min-height:42px}.detail-note{color:var(--raseef-muted);align-items:center;gap:6px;font-size:10px;line-height:1.4;display:flex}@media (width<=900px){.dashboard-shell{grid-template-columns:1fr;padding-top:26px}.dashboard-rail{flex-direction:row;align-items:center;gap:18px;overflow-x:auto}.dashboard-brand{margin-right:8px;padding:0}.dashboard-rail nav{display:flex}.rail-exit{white-space:nowrap;margin:0 0 0 auto}.dashboard-grid{grid-template-columns:1fr}}@media (width<=620px){.dashboard-header{display:block}.dashboard-header-actions{justify-content:space-between;margin-top:18px}.kpi-row{grid-template-columns:repeat(2,1fr)}.booking-row{grid-template-columns:48px minmax(0,1fr) auto}.warehouse-cell,.booking-row>svg{display:none}.booking-row .status{justify-self:end}.booking-toolbar{flex-direction:column}.booking-toolbar select{min-height:38px}.dashboard-rail nav{gap:2px}.rail-link{padding-inline:9px}}@media (prefers-reduced-motion:no-preference){.hero-copy,.arrival-panel,.step-section{animation:.55s cubic-bezier(.22,.8,.25,1) both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}