@font-face{font-family:Noto Kufi Arabic;src:url(/assets/fonts/NotoKufiArabic-VF.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Noto Kufi Arabic,Geeza Pro,Tahoma,system-ui,sans-serif;color:#172019;background:#f4f6f2;--g950:#143b25;--g800:#1f6339;--g700:#287c48;--g600:#349456;--g100:#e4f2e7;--g50:#f1f8f2;--muted:#69736c;--line:#dde3dd;--warn:#b96318;--warnbg:#fff5e7;--shadow:0 12px 34px rgba(24,55,34,.07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 65% 0,#fff 0,#f5f6f3,#edf1ec);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(52,148,86,.23);outline-offset:2px}.app-shell{min-height:100vh}.topbar{height:94px;padding:14px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#ffffffe6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.staff,.brand{display:flex;align-items:center;gap:11px}.staff{justify-self:start}.staff>div,.brand>div{display:flex;flex-direction:column}.staff strong{font-size:13px}.staff small,.brand small{color:var(--muted);font-size:11px}.avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#edf0ed;color:#59645d}.logout-button{width:35px;height:35px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.logout-button:hover{color:var(--g800);background:var(--g50)}.language{grid-column:2;border:0;background:transparent;color:var(--g800);display:flex;align-items:center;gap:7px;font-weight:700}.brand{grid-column:3;justify-self:end;text-align:end}.brand strong{font-size:20px}.brand img{width:86px;height:64px;object-fit:contain}.layout{display:grid;grid-template-columns:91px minmax(0,1fr);min-height:calc(100vh - 94px)}.layout>main{grid-column:2;min-width:0}[dir=rtl] .layout{grid-template-columns:minmax(0,1fr) 91px}[dir=rtl] .layout>main{grid-column:1;grid-row:1}.navigation{width:91px;height:calc(100vh - 94px);padding:20px 9px;display:flex;flex-direction:column;gap:7px;background:#ffffffbf;border-inline-end:1px solid var(--line);position:sticky;top:94px;z-index:20;overflow-y:auto}.layout>.navigation{grid-column:1;grid-row:1}[dir=rtl] .layout>.navigation{grid-column:2;border-inline-end:0;border-inline-start:1px solid var(--line)}.navigation button{min-height:65px;flex:0 0 auto;border:0;border-radius:14px;background:transparent;color:#657068;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.navigation button:hover{background:#f0f4f0;color:var(--g800)}.navigation button.active{background:var(--g100);color:var(--g800);font-weight:700}.navigation button>span{position:relative;display:grid;place-items:center}.navigation button b{position:absolute;top:-8px;inset-inline-end:-12px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ca6a18;color:#fff;font-size:9px}.navigation small{font-size:10px}.mobile-nav{display:none}.page{max-width:1570px;padding:27px clamp(20px,3vw,48px) 52px;margin:0 auto;animation:appear .24s ease both}@keyframes appear{0%{opacity:0;transform:translateY(6px)}}.card{background:#fffffff5;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.page-title{min-height:72px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.page-title>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--g100);color:var(--g800)}.page-title>div{flex:1}.page-title h1{margin:0 0 4px;font-size:clamp(22px,2.3vw,31px)}.page-title p{margin:0;color:var(--muted);font-size:12px;max-width:760px}.journey{padding:19px 27px 25px}.journey h2,.upcoming h2,.tasks h2,.ready-list h2,.box-form h2{margin:0 0 17px;font-size:17px}.journey-row{display:flex;align-items:flex-start;direction:rtl}.journey-step{width:16.66%;color:#9aa29c;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}.journey-step>span{width:49px;height:49px;display:grid;place-items:center;border:1px solid #d5dbd5;border-radius:50%;background:#fafbfa;position:relative;z-index:2}.journey-step>b{position:absolute;top:24px;inset-inline-start:66%;width:68%;border-top:2px dashed #d6dbd7}.journey-step.done>b{border-color:var(--g600);border-style:solid}.journey-step.done{color:#55705d}.journey-step.current{color:var(--g800);font-weight:700}.journey-step.current>span{width:57px;height:57px;margin-top:-4px;color:#fff;border:7px solid #dceee1;background:linear-gradient(145deg,var(--g600),var(--g950));box-shadow:0 8px 20px #277c4830}.journey-step i{position:absolute;inset-inline-end:-2px;bottom:-2px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--g600);color:#fff}.journey-step small{max-width:125px;font-size:10px}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:.92fr 1.14fr .94fr;gap:18px}.dashboard-side{display:grid;gap:14px}.unknown-alert{min-height:88px;padding:14px 17px;border:1px solid #efce9d;border-radius:17px;background:var(--warnbg);display:flex;align-items:center;gap:11px;text-align:start}.unknown-alert>span{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#fee4b3;color:var(--warn)}.unknown-alert div{flex:1;display:flex;flex-direction:column}.unknown-alert small{color:var(--warn)}.unknown-alert.request-alert{border-color:#bfd8c5;background:var(--g50)}.unknown-alert.request-alert>span{color:var(--g800);background:var(--g100)}.unknown-alert.request-alert small{color:var(--g800)}.upcoming,.tasks{padding:20px}.upcoming>button{width:100%;padding:14px 0;border:0;border-bottom:1px solid #edf0ed;background:none;display:flex;align-items:center;gap:11px;text-align:start}.upcoming button>div{flex:1;display:flex;flex-direction:column}.upcoming code,.ready-list code,.shipment-row code{direction:ltr;text-align:start}.upcoming small,.ready-list small{color:var(--muted)}.transport{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--g50);color:var(--g800)}.scan-card{padding:31px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}.scan-card.role-card{justify-content:center}.scan-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f5f8f5,#e5eee7);color:var(--g800)}.scan-card h1{margin:17px 0 5px;font-size:clamp(20px,2vw,27px)}.scan-card>p{margin:0 0 19px;color:var(--muted);font-size:12px}.scan-card>label,.input-icon{width:100%;min-height:51px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #ccd4cd;border-radius:11px;background:#fff;color:#7b847e}.scan-card input,.input-icon input{width:100%;flex:1;border:0;outline:0;background:transparent;color:#172019}.scan-actions{width:100%;margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.scan-actions button{padding-inline:11px}.quick-label{margin:16px 0 7px;color:var(--muted)}.quick{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick button{min-height:41px;border:1px solid var(--line);border-radius:10px;background:#fafbfa;color:#566159;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.primary,.secondary{min-height:47px;padding:0 19px;border-radius:11px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.primary{color:#fff;background:linear-gradient(145deg,var(--g600),var(--g800));box-shadow:0 8px 17px #26774429}.primary:hover{filter:brightness(.96);transform:translateY(-1px)}.secondary{color:var(--g800);background:var(--g50);border:1px solid #c5dfcc}.secondary.warning{color:var(--warn);background:var(--warnbg);border-color:#efce9d}.primary.small{min-height:40px;font-size:11px}.primary.full,.secondary.full{width:100%}.tasks>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0ed}.task-check{width:23px;height:23px;padding:0;display:grid;place-items:center;border-radius:50%;border:1.5px solid #929b95;background:#fff;color:#fff}.done .task-check{background:var(--g600);border-color:var(--g600)}.task-title{flex:1;border:0;background:none;text-align:start;display:flex;flex-direction:column}.task-title small{color:var(--muted)}.done .task-title{opacity:.5;text-decoration:line-through}.demo{display:inline-block;margin-top:16px;padding:6px 9px;border-radius:20px;color:var(--muted);background:#f0f2f0;font-size:9px}.form-card{max-width:850px;padding:26px}.form-card>label,.form-card .form-pair>label,.box-form label{margin-bottom:17px;display:grid;gap:7px;font-size:12px;font-weight:700}.form-card input,.form-card textarea,.form-card select,.assign input,.assign select,.box-form input{min-height:47px;width:100%;padding:10px 12px;border:1px solid #ccd4cd;border-radius:10px;background:#fff;outline:0;font-weight:400}.form-card textarea{resize:vertical}.form-card .input-icon input,.box-form .input-icon input{min-height:45px;border:0;padding:0}.tracking-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tracking-entry>.secondary{min-width:155px}.form-card fieldset,.box-form fieldset{border:0;padding:0;margin:0 0 17px}.form-card legend,.box-form legend{margin-bottom:7px;font-size:12px;font-weight:700}.method-options,.compact-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px}.method-options button,.compact-methods button{min-height:58px;border:1px solid var(--line);border-radius:11px;background:#fafbfa;color:#59635c;display:flex;align-items:center;justify-content:center;gap:8px}.method-options button.active,.compact-methods button.active{color:var(--g800);border-color:#9dcca9;background:var(--g50);box-shadow:inset 0 0 0 1px #c0ddc7}.match{margin:-7px 0 17px;padding:10px 12px;display:flex;align-items:center;gap:7px;border-radius:9px;color:var(--muted);background:#f2f4f2;font-size:11px}.match.found{color:var(--g800);background:var(--g50)}.photo-field{margin:0 0 17px;padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;background:#fafcfa}.photo-field>div{display:flex;flex-direction:column}.photo-field>div small{color:var(--muted);font-size:9px}.photo-field>label{min-width:145px;min-height:54px;padding:7px 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #94b99d;border-radius:10px;color:var(--g800);background:var(--g50);cursor:pointer}.photo-field>label.has-photo{justify-content:flex-start}.photo-field img{width:46px;height:40px;object-fit:cover;border-radius:7px}.photo-field input{display:none}.photo-field>p{grid-column:1/-1;margin:0;color:var(--warn);display:flex;align-items:center;gap:6px;font-size:10px}.form-actions{display:flex;gap:9px;flex-wrap:wrap}.request-layout,.staff-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:19px;align-items:start}.request-form,.staff-form{max-width:none}.request-list,.staff-list{padding:20px}.request-list>h2,.staff-form>h2{margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:17px}.request-list>h2 span{margin-inline-start:auto;padding:3px 9px;border-radius:18px;color:var(--g800);background:var(--g100);font-size:11px}.request-list article,.staff-list article{min-height:76px;padding:11px 4px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf0ed}.request-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:var(--g800);background:var(--g50)}.request-list article>div,.staff-list article>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.request-list code,.staff-list code{direction:ltr;text-align:start}.request-list small,.staff-list small{color:var(--muted);font-size:10px}.request-list .empty{min-height:260px;border:0;box-shadow:none}.staff-list .avatar{flex:0 0 auto}.staff-role{width:max-content;max-width:100%;min-height:29px;margin-top:3px;padding:3px 25px 3px 7px;border:1px solid var(--line);border-radius:8px;color:var(--g800);background:#fff;font-size:9px}.staff-role:disabled{opacity:.65;cursor:not-allowed}.account-state{padding:5px 8px;border-radius:18px;background:#f0f2f0;color:var(--muted);font-size:9px;font-weight:700}.account-state.active{color:var(--g800);background:var(--g50)}.small-control{min-height:35px;padding:0 10px;font-size:10px}.small-control:disabled{opacity:.42;cursor:not-allowed}.search-card{max-width:980px;margin:0 auto;padding:20px}.search-card>label{min-height:54px;padding:0 15px;display:flex;align-items:center;gap:9px;border:1px solid #c7d1c9;border-radius:12px;color:var(--g800)}.search-card input{width:100%;border:0;outline:0;background:transparent}.search-empty{min-height:300px;display:grid;place-items:center;align-content:center;color:var(--muted)}.search-empty p{margin:10px 0 0}.search-results{margin-top:13px;display:grid;gap:7px}.search-results>button{width:100%;min-height:73px;padding:10px;border:1px solid transparent;border-radius:12px;background:#fff;display:flex;align-items:center;gap:11px;text-align:start}.search-results>button:hover{border-color:#b8d4bf;background:var(--g50)}.search-results>button>span{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:var(--g100);color:var(--g800)}.search-results>button>div{flex:1;min-width:0;display:flex;flex-direction:column}.search-results small{color:var(--muted);font-size:9px}.search-results code{direction:ltr;text-align:start}.search-results i{padding:5px 8px;border-radius:18px;background:var(--g50);color:var(--g800);font-size:9px;font-style:normal}.settings-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(340px,1.2fr);gap:19px;align-items:start}.settings-card{max-width:none}.settings-card h2,.backup-card h2{margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:17px}.backup-card{padding:25px}.backup-card>div{display:flex;align-items:flex-start;gap:11px}.backup-card>div>svg{color:var(--g800)}.backup-card>div h2{margin-bottom:4px}.backup-card p{margin:0;color:var(--muted);font-size:11px}.backup-card>a{width:100%;margin-top:18px;text-decoration:none}.backup-card hr{margin:24px 0;border:0;border-top:1px solid var(--line)}.backup-card form{display:grid;gap:13px}.file-picker{min-height:52px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px dashed #9fbda6;border-radius:11px;background:var(--g50);color:var(--g800);cursor:pointer}.file-picker span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{display:none}.backup-card button:disabled{opacity:.45;cursor:not-allowed}.unknown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.unknown-card{padding:20px}.parcel-symbol{height:125px;display:grid;place-items:center;overflow:hidden;color:var(--g800);background:linear-gradient(145deg,var(--g50),#e5eee6);border-radius:13px;margin-bottom:15px}.parcel-symbol img{width:100%;height:100%;object-fit:cover}.warning-chip,.status-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:18px;background:var(--warnbg);color:var(--warn);font-size:9px;font-weight:700}.unknown-card>code{display:block;margin:13px 0;font-weight:700;direction:ltr;text-align:start}.unknown-card>p{margin:7px 0;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:11px}.unknown-card>.secondary{width:100%;margin-top:12px}.assign{margin-top:12px;display:grid;gap:8px}.assign>div{display:flex;gap:7px}.assign .primary{flex:1}.icon-button{width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);display:grid;place-items:center}.packing-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:19px}.ready-list,.box-form{padding:21px}.ready-list h2{display:flex;justify-content:space-between}.ready-list h2 span{padding:3px 9px;border-radius:18px;color:var(--g800);background:var(--g100)}.ready-list>button{width:100%;min-height:78px;padding:9px;display:flex;align-items:center;gap:11px;text-align:start;border:1px solid transparent;border-bottom-color:#edf0ed;border-radius:11px;background:#fff}.ready-list>button.selected{border-color:#a7d0b0;background:var(--g50)}.ready-list>button:disabled{opacity:.42;cursor:not-allowed}.parcel-mini{width:52px;height:52px;display:grid;place-items:center;border-radius:10px;color:var(--g800);background:#eef4ef}.ready-list button>div{flex:1;display:flex;flex-direction:column}.ready-list .parcel-method{width:max-content;margin-top:3px;padding:2px 6px;border-radius:10px;color:var(--g800);background:var(--g50);font-size:8px}.ready-list i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#edf1ed;color:var(--g800);font-style:normal}.ready-list button.selected i{color:#fff;background:var(--g600)}.empty-inline{padding:35px 0;text-align:center;color:var(--muted)}.box-illustration{height:175px;display:grid;place-items:center;position:relative;border-radius:14px;color:var(--g800);background:linear-gradient(145deg,#edf5ef,#dceadd)}.box-illustration span{position:absolute;bottom:12px;inset-inline-end:12px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--g800);color:#fff;font-size:11px}.box-form h2{margin-top:18px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.box-form label small{color:var(--muted);font-weight:400}.compact-methods button{min-height:47px}.compact-methods button:disabled{opacity:.42;cursor:not-allowed}.forwarder-note{margin:7px 0 14px;color:var(--muted);font-size:9px}.weight-rule{padding:10px 12px;display:flex;align-items:center;gap:7px;border-radius:9px;color:var(--g800);background:var(--g50);font-size:10px}.shipment-table{overflow:hidden}.shipment-table>header,.shipment-row{padding:13px 17px;display:grid;grid-template-columns:.9fr 1fr 1.2fr .65fr .55fr .72fr minmax(190px,auto);align-items:center;gap:10px}.shipment-table>header{background:#f1f5f1;color:var(--muted);font-size:10px;font-weight:700}.shipment-row{border-top:1px solid #edf0ed;font-size:11px}.forwarder-cell{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.forwarder-cell code{max-width:100%;overflow:hidden;text-overflow:ellipsis}.forwarder-cell button{padding:2px 0;border:0;color:var(--g700);background:none;font-size:9px}.forwarder-editor{padding:12px 17px;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:9px;background:#f8faf8;border-top:1px solid #edf0ed}.forwarder-editor label{display:grid;gap:5px;color:var(--muted);font-size:9px}.forwarder-editor input{min-height:40px;padding:8px 10px;border:1px solid #c7d1c9;border-radius:9px;background:#fff}.forwarder-editor>button{min-height:40px;padding:0 12px}.shipment-actions{display:flex;justify-content:flex-end;gap:6px}.shipment-actions button{min-height:35px;padding:7px 9px;border:0;border-radius:9px;color:var(--g800);background:var(--g50);display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px}.shipment-actions button.advance{color:#fff;background:var(--g700)}.method{display:inline-flex;align-items:center;gap:5px}.method.sea{color:var(--g800)}.status-chip{color:var(--g800);background:var(--g50);width:fit-content}.list-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.list-actions label{display:grid;gap:4px;color:var(--muted);font-size:9px}.list-actions select{min-height:47px;padding:0 10px;border:1px solid #c7d1c9;border-radius:11px;background:#fff;color:var(--g800)}.pdf-download{min-height:47px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b8cdbd;border-radius:11px;color:var(--g800);background:#fff;text-decoration:none;font-size:11px;font-weight:700}.pdf-download:hover{background:var(--g50)}.packing-document{position:relative;max-width:1120px;padding:34px 34px 34px 43px;margin:0 auto;overflow:hidden}.packing-document:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:9px;background:linear-gradient(90deg,var(--g950) 0 67%,var(--g600) 67%)}.packing-document>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid var(--g700)}.packing-document>header>img{width:105px;height:64px;object-fit:contain}.packing-heading{display:grid;justify-items:end;gap:3px;text-align:end}.packing-barcode{width:210px;display:grid;justify-items:center;gap:2px;color:var(--muted);font-size:8px;text-align:center}.packing-barcode img{width:190px;height:32px;object-fit:fill}.packing-barcode code{direction:ltr}.packing-document h2{margin:0;color:var(--g950)}.packing-document header span{padding:4px 10px;border-radius:7px;color:var(--g800);background:var(--g50);font-size:9px;font-weight:700}.box-summary{margin:14px 0;display:grid;grid-template-columns:repeat(20,1fr);gap:1px;border:1px solid var(--line);overflow:hidden;background:var(--line)}.box-summary>div{grid-column:span 5;padding:10px 12px;display:flex;min-height:57px;flex-direction:column;background:#f9faf9}.box-summary>div:nth-child(-n+4){background:#fff}.box-summary>div:nth-child(n+5){grid-column:span 4}.box-summary small{color:var(--muted);font-size:8px}.packing-section-band{padding:7px 12px;color:#fff;background:var(--g950);text-align:center;font-size:10px;font-weight:700}.packing-document table{width:100%;border-collapse:collapse;font-size:11px}.packing-document th,.packing-document td{padding:11px 8px;border:1px solid var(--line);text-align:start}.packing-document th{color:var(--g950);background:var(--g50)}.packing-document td:first-child,.packing-document th:first-child,.packing-document td:last-child,.packing-document th:last-child{text-align:center}.packing-document.forwarder td:nth-child(2){width:78%}.packing-document footer{margin-top:30px;padding-top:12px;display:flex;justify-content:space-between;align-items:end;gap:20px;direction:ltr;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.packing-document footer>span:not(:first-child){display:grid;text-align:center}.packing-document footer small{font-size:7px}.empty{min-height:320px;display:grid;place-items:center;align-content:center;color:var(--muted)}.empty p{margin:11px 0 0}.toast{position:fixed;bottom:25px;inset-inline-start:50%;transform:translate(-50%);z-index:100;min-width:270px;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;color:#fff;background:var(--g950);box-shadow:0 15px 40px #0003;font-size:11px}.toast.error{background:#843a22}.shipment-group{border-top:1px solid #edf0ed}.shipment-group .shipment-row{border-top:0}.handover-list{padding:4px 17px 16px;background:#fbfcfb}.handover-list h3{margin:6px 0 8px;color:var(--g950);font-size:12px}.handover-list article{min-height:58px;padding:8px 0;display:flex;align-items:center;gap:9px;border-top:1px solid #edf0ed}.handover-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--g800);background:var(--g100)}.handover-list article>div{flex:1;display:flex;flex-direction:column}.handover-list article code{direction:ltr;text-align:start}.handover-list article button{min-height:35px;padding:0 10px;border:0;border-radius:9px;color:#fff;background:var(--g700);display:flex;align-items:center;gap:5px;font-size:10px}.handover-list article i{display:flex;align-items:center;gap:5px;color:var(--g800);font-size:10px;font-style:normal}.loss-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:19px;align-items:start}.loss-form{max-width:none}.loss-form h2,.loss-list h2{margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:17px}.loss-columns{display:grid;gap:16px}.loss-list{padding:20px}.loss-list h2 span{margin-inline-start:auto;padding:3px 9px;border-radius:18px;color:var(--g800);background:var(--g100);font-size:10px}.loss-list article{min-height:82px;padding:12px 0;display:flex;align-items:center;gap:11px;border-top:1px solid #edf0ed}.loss-list article:first-of-type{border-top:0}.loss-list article>img,.loss-symbol{width:54px;height:54px;flex:0 0 auto;border-radius:11px;object-fit:cover}.loss-symbol{display:grid;place-items:center;color:var(--warn);background:var(--warnbg)}.loss-list article>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.loss-list article strong{font-size:11px}.loss-list article p{margin:0;color:#39443c;font-size:11px}.loss-list article small{color:var(--muted);font-size:9px}.loss-list article>i{padding:5px 8px;border-radius:18px;background:var(--g50);color:var(--g800);font-size:9px;font-style:normal;font-weight:700}.loss-list article>i.open{color:var(--warn);background:var(--warnbg)}.loss-list article>button{min-height:35px;padding:0 10px;font-size:9px}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:20px;display:grid;place-items:center;background:#0a180fa8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.camera-dialog{width:min(100%,610px);padding:20px}.camera-dialog>header{display:flex;align-items:flex-start;gap:11px}.camera-dialog>header>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#fff;background:var(--g700)}.camera-dialog>header>div{flex:1}.camera-dialog h2{margin:1px 0 3px;font-size:18px}.camera-dialog header p{margin:0;color:var(--muted);font-size:11px}.camera-preview{height:min(54vh,390px);margin:17px 0;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#0b140e}.camera-preview video{width:100%;height:100%;object-fit:cover}.camera-preview>p{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#08120bb8}.camera-preview>p.camera-error{padding:25px;text-align:center;color:#ffe7de}.camera-preview>i{position:absolute;width:min(72%,390px);height:120px;border:2px solid #7ff0a1;border-radius:13px;box-shadow:0 0 0 999px #0000002b}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--g800)}.access-shell{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 65% 0,#fff 0,#edf4ee)}.access-card{width:min(100%,470px);padding:28px;position:relative}.access-card>header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.access-card header img{width:88px;height:62px;object-fit:contain}.access-card h1{margin:0;font-size:23px}.access-card header p,.access-copy p{margin:3px 0 0;color:var(--muted);font-size:11px}.access-language{position:absolute;top:16px;inset-inline-end:17px;border:0;background:#fff;color:var(--g800);display:flex;align-items:center;gap:5px;font-size:11px}.access-copy{margin:22px 0 17px}.access-copy h2{margin:0;font-size:18px}.access-card form{display:grid;gap:14px}.access-card label{display:grid;gap:6px;font-size:11px;font-weight:700}.access-card input{width:100%;min-height:47px;padding:9px 11px;border:1px solid #ccd4cd;border-radius:10px;background:#fff;outline:0}.access-error{margin:0;padding:10px 12px;border-radius:9px;color:#8a3922;background:#fff0eb;display:flex;align-items:center;gap:7px;font-size:10px}.access-card button:disabled{opacity:.6;cursor:wait}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1.15fr}.tasks{grid-column:1/-1}.tasks>div{width:32%;display:inline-flex;vertical-align:top;margin-inline-end:1%}.unknown-grid{grid-template-columns:repeat(2,1fr)}.request-layout,.staff-layout,.settings-grid,.loss-layout{grid-template-columns:1fr}.shipment-table>header{display:none}.shipment-row{grid-template-columns:1fr 1.2fr .75fr auto}.shipment-row>*:nth-child(2),.shipment-row>*:nth-child(5),.shipment-row>*:nth-child(6){display:none}.forwarder-editor{grid-template-columns:1fr 1fr auto auto}}@media(max-width:760px){.topbar{height:76px;padding:9px 15px;grid-template-columns:1fr auto}.staff{display:none}.language{grid-column:1;justify-self:start}.brand{grid-column:2}.brand img{width:65px;height:48px}.brand strong{font-size:15px}.layout,[dir=rtl] .layout{display:block;min-height:calc(100vh - 76px)}.layout>.navigation{display:none}.mobile-nav{display:block;position:fixed;inset-inline:0;bottom:0;height:69px;z-index:50;background:#fff;border-top:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.mobile-nav .navigation{position:static;width:max-content;min-width:100%;height:69px;padding:5px 7px;display:flex;flex-direction:row;border:0;overflow:visible}.mobile-nav .navigation button{min-width:68px;min-height:56px;flex:1}.page{padding:17px 13px 88px}.journey{padding:15px 10px 18px;overflow-x:auto}.journey-row{min-width:790px}.dashboard-grid{grid-template-columns:1fr}.scan-card{grid-row:1}.scan-actions,.tracking-entry{grid-template-columns:1fr}.tracking-entry>.secondary{min-width:0}.photo-field{grid-template-columns:1fr}.photo-field>label{width:100%}.tasks{grid-column:auto}.tasks>div{width:100%;display:flex;margin:0}.unknown-grid,.packing-layout,.request-layout,.staff-layout,.settings-grid,.two-fields{grid-template-columns:1fr}.form-actions>button{width:100%}.staff-list article{align-items:flex-start;flex-wrap:wrap}.staff-list article>div{min-width:150px}.search-results>button{align-items:flex-start}.search-results i{max-width:100px;text-align:center}.shipment-row{grid-template-columns:1fr auto}.shipment-row>*{display:none!important}.shipment-row>code:first-child,.shipment-row>.shipment-actions{display:flex!important}.shipment-actions{justify-content:flex-end}.forwarder-editor{grid-template-columns:1fr}.forwarder-editor>button{width:100%}.loss-list article{align-items:flex-start;flex-wrap:wrap}.loss-list article>div{min-width:180px}.loss-list article>button{width:100%}.box-summary{grid-template-columns:repeat(2,1fr)}.box-summary>div,.box-summary>div:nth-child(n+5){grid-column:auto}.packing-document{padding:19px 12px;overflow-x:auto}.packing-document>header{min-width:640px}.packing-document table{min-width:640px}.page-title{align-items:flex-start}.page-title .print{position:fixed;inset-inline:15px;bottom:12px;z-index:60}.toast{bottom:80px;width:calc(100% - 26px)}}@media print{body{background:#fff}.topbar,.navigation,.mobile-nav,.page-title,.toast{display:none!important}.layout,[dir=rtl] .layout{display:block}.layout>main{display:block}.page{max-width:none;padding:0}.packing-document{max-width:none;padding:10mm;border:0;box-shadow:none}.packing-document table{min-width:0}}