@font-face{font-family:Cairo;src:url('/fonts/cairo-400.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{background:#f0f5fa}body{margin:0;color:#123367;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px}a{color:#0758bb;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #fd9f4b;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #e2e7ee;border-radius:8px;padding:12px;background:#fff;color:#123367;min-height:46px;outline:none}input:focus,select:focus,textarea:focus{border-color:#1479df;box-shadow:0 0 0 3px #1479df15}input::placeholder,textarea::placeholder{color:#8795aa;font-size:12px}input[type=checkbox],input[type=radio]{width:18px;min-height:auto;accent-color:#0563d5}label{display:block;color:#65728c;font-size:12px;margin-bottom:6px}h1,h2,h3,p{margin:0}h2{font-size:19px}h3{font-size:15px}.mobile-app{width:100%;max-width:430px;min-height:100dvh;background:#fff;margin:auto;position:relative;padding-bottom:90px;overflow-x:clip}.desktop-brand,.desktop-footer{display:none}.app-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;position:sticky;top:0;z-index:25;direction:ltr;border-bottom:1px solid #f4f5f7}.app-header h1{font-size:16px;font-weight:800;direction:rtl}.app-header>a{display:flex}.page{padding:16px 20px}.stack{display:grid;gap:13px}.field{margin-bottom:12px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:linear-gradient(180deg,#096acc,#0752a9);color:#fff;min-height:44px;padding:10px 16px;font-weight:700;width:100%;font-size:13px}.btn.secondary{background:#fff;border:1px solid #aacbf0;color:#0758bb}.btn.danger{background:#fff;border:1px solid #ffa2a2;color:#e34343}.btn.green{background:#088e77}.btn.light{background:#eef6ff;color:#0758bb}.small{font-size:11px}.muted{color:#8994a7}.center{text-align:center}.section-title{margin:18px 0 12px;font-size:14px}.card{border:1px solid #e2e7ee;border-radius:9px;background:#fff;padding:14px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actions{display:flex;gap:7px}.actions .btn{font-size:11px;padding:8px 9px;min-height:36px}.badge{display:inline-block;padding:4px 10px;background:#d9f4e7;color:#148a66;border-radius:20px;font-size:10px;white-space:nowrap}.badge.pending{background:#fff0df;color:#e77725}.number{font-family:Arial,sans-serif;font-size:14px;font-weight:800;direction:ltr}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);display:flex;justify-content:space-around;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf0f4;z-index:40}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#7e8796}.bottom-nav a.active{color:#0064d4}.bottom-nav svg{width:21px;height:21px}.alert{padding:12px;margin:12px 16px;border-radius:8px;font-size:12px}.alert.success{background:#e9f9ef;color:#18773e}.alert.error{background:#fff0ef;color:#b63f38}.alert p+p{margin-top:5px}#offline-banner{background:#fff3d6;color:#805d11;padding:12px;text-align:center;font-size:12px}.brand{display:flex;align-items:center;justify-content:center;color:#112f5b;line-height:.85}.brand strong{font:bold italic 48px Arial,sans-serif;letter-spacing:-3px}.brand b{display:block;font:bold italic 16px Arial,sans-serif;letter-spacing:7px;color:#fc6b21;margin:3px 0 0 9px}.brand-wings{width:46px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;transform:skew(-22deg);margin-right:3px}.brand-wings i{height:7px;width:100%;background:#ff842f;display:block}.brand-wings i:nth-child(2){width:75%}.brand-wings i:nth-child(3){width:48%}.auth-page{padding:45px 26px}.auth-page h2{font-size:20px;text-align:center;margin:0 0 30px}.auth-tabs{display:flex;background:#eef0f4;border-radius:8px;margin-bottom:20px}.auth-tabs a{flex:1;text-align:center;padding:10px;font-size:12px}.auth-tabs a.active{background:#0864c5;color:white;border-radius:8px}.auth-footer{text-align:center;font-size:12px;margin:18px 0}.account-choice{display:flex;align-items:center;justify-content:flex-start;gap:24px;background:linear-gradient(#fff,#f8fafc);border:1px solid #e7eaf0;border-radius:10px;padding:22px;color:#0560c6;font-weight:800;min-height:82px}.account-choice svg{width:31px;height:31px}.account-choices{display:grid;gap:14px}.steps{display:flex;justify-content:center;direction:ltr;margin:6px 0 25px}.step-dot{height:24px;width:24px;border-radius:50%;background:#cbd0d7;color:white;text-align:center;font-size:12px;line-height:24px;position:relative;margin:0 21px}.step-dot:not(:last-child):after{content:'';position:absolute;top:11px;left:24px;width:43px;height:3px;background:#dce4ed}.step-dot.done,.step-dot.current{background:#0068dc}.step-dot.done:after{background:#80b5ef}.map{height:255px;background:#edf2f6;border-radius:7px;overflow:hidden;z-index:1}.map-error{padding:12px;font-size:11px;color:#ab5620;background:#fff5e9}.map-search{position:relative}.map-results{display:grid;background:#fff;border:1px solid #ddd;position:absolute;z-index:20;width:100%;box-shadow:0 5px 20px #17366420}.map-results button{background:#fff;border:0;text-align:right;padding:12px;color:#123367;border-bottom:1px solid #eee}.address-box{background:#f8fbff;border:1px solid #e5edf6;border-radius:8px;padding:12px;margin:10px 0}.address-box .row{justify-content:space-between;font-size:12px}.location-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #e2e9f3;background:#fff;border-radius:6px;color:#0063cc;width:100%;margin-top:8px;font-size:12px}.shipment-card{margin-bottom:12px;position:relative;padding:14px;border:1px solid #e6e9ef;border-radius:8px;background:#fff}.shipment-card .route{font-size:12px;padding:8px 0;color:#687b94}.shipment-card .shipment-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#8490a1;margin-bottom:8px}.parcel-art{font-size:38px;filter:saturate(.65)}.service-option{cursor:pointer;display:flex;align-items:center;gap:16px;border:1px solid #e4e8ed;border-radius:10px;background:linear-gradient(120deg,#fff,#fafbfd);padding:16px;min-height:106px;margin-bottom:14px;color:#123367}.service-option.selected{border:2px solid #478aff;background:#f5f9ff;padding:15px}.service-option .price{font-weight:800;color:#0068dc}.service-option input{width:15px;margin-right:auto}.form-footer{margin-top:25px}.summary{background:#fff}.summary .line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:12px}.summary .line.total{background:#f0f7ff;font-weight:800;color:#0063c9;padding:13px 10px}.payment-option{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f4}.payment-option span{flex:1}.total-banner{background:#f2f8ff;text-align:center;border-radius:8px;padding:15px;font-size:26px;font-weight:800;color:#0666c8;margin:8px 0 16px}.success-ring{border:3px solid #4dcc70;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;margin:30px auto 18px;color:#fff;box-shadow:inset 0 0 0 4px white;background:linear-gradient(135deg,#72e885,#13ac4d)}.qr-image{display:block;width:180px;height:180px;margin:20px auto}.timeline{padding:10px 0}.timeline-item{position:relative;padding:0 25px 25px 0;border-right:2px solid #b8d4f9;margin-right:9px}.timeline-item:before{content:'';height:11px;width:11px;border:3px solid #0075d9;background:#fff;border-radius:50%;position:absolute;right:-7px;top:0}.timeline-item:last-child{border:0}.timeline-item:last-child:before{right:-5px;background:#1ab56a;border-color:#1ab56a}.timeline-item strong{font-size:12px;display:block}.timeline-item time{font-size:10px;color:#8d9aae}.tabs{display:flex;background:#f0f3f7;padding:3px;border-radius:7px;margin-bottom:16px}.tabs a{flex:1;padding:9px 5px;font-size:12px;text-align:center;color:#8995a8;border-radius:5px}.tabs a.active{background:#0862c4;color:#fff}.welcome{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;background:#eaf3ff;width:43px;height:43px;border-radius:50%;color:#0665c9}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.quick-action{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;border-radius:9px;background:#eff7ff;min-height:89px;font-size:12px;font-weight:700}.quick-action.orange{background:#fff2e5;color:#f07025}.quick-action.purple{background:#f1ecff;color:#6d45c3}.quick-action.blue{background:#edf7ff;color:#247bd7}.stat{padding:22px 12px;text-align:center;background:#eff9ff;border-radius:9px}.stat strong{display:block;font-size:26px}.stat span{font-size:11px}.stat:nth-child(2){background:#effaf1}.stat:nth-child(3){background:#edf1ff}.stat:nth-child(4){background:#fff1ef}.stat:nth-child(5){background:#edfaf7}.stat:nth-child(6){background:#fff5e9}.empty{padding:35px 12px;text-align:center;color:#8796aa;line-height:2}.empty svg{display:block;margin:0 auto 15px;color:#adc5e2}.menu-list a{display:flex;align-items:center;gap:15px;padding:17px 4px;border-bottom:1px solid #eef1f5;color:#123367}.menu-list a svg{color:#0770d7}.splash-app{padding:0;background:linear-gradient(#0c315d,#3a7bab 50%,#071321);color:white;display:flex;flex-direction:column;min-height:100dvh}.splash-content{text-align:center;padding:80px 22px 25px;position:relative;z-index:2}.splash-content .brand{color:white;margin:0 0 35px}.splash-content .brand strong{font-size:54px}.splash-content p{margin-top:6px}.splash-visual{width:100%;min-height:230px;flex:1;background:linear-gradient(0deg,#04111eee,transparent),url('/assets/truck.svg') center 70%/100% auto no-repeat;display:flex;align-items:flex-end;justify-content:center;padding:30px 20px}.splash-bottom{padding:15px 22px 25px;background:#07121f}.splash-bottom .btn{background:white;color:#0758bb}.splash-dots{display:flex;justify-content:center;gap:7px;margin-bottom:24px}.splash-dots span{width:6px;height:6px;border-radius:50%;background:#718092}.splash-dots span:first-child{background:#fff}.upload-box{border:1px dashed #c7d5e7;padding:18px;border-radius:9px;text-align:center}.upload-box input{font-size:11px;border:0}.check-label{display:flex;gap:10px;align-items:center;margin:16px 0}.pagination{display:flex;gap:15px;justify-content:center;margin:20px 0}.hide{display:none!important}.camera-view{width:100%;border-radius:8px}.admin-body{background:#f3f6fb}.admin-sidebar{width:246px;position:fixed;right:0;top:0;height:100vh;background:#fff;border-left:1px solid #e4ebf3;padding:26px 18px;overflow:auto;z-index:50}.admin-sidebar .brand{margin-bottom:26px;transform:scale(.75)}.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:11px 14px;margin:3px 0;border-radius:7px;font-size:12px;color:#647791}.admin-sidebar a.active{background:#eaf3ff;color:#065fc2;font-weight:800}.admin-sidebar .nav-caption{color:#adb7c6;font-size:10px;margin:20px 15px 8px}.admin-main{margin-right:246px;padding:28px 36px;max-width:1700px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-header h1{font-size:25px}.admin-header p{font-size:12px;color:#8998ad;margin-top:4px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.admin-stats .stat{background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:right;border:1px solid #e6edf5;padding:24px}.admin-card{background:#fff;border:1px solid #e4ebf3;border-radius:12px;padding:24px;margin-bottom:20px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:12px}th{background:#f8fafd;color:#8291a5;font-weight:600}th,td{padding:14px 12px;border-bottom:1px solid #edf1f6}td.wrap{white-space:normal;min-width:150px;max-width:300px;overflow-wrap:anywhere}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-form .full{grid-column:1/-1}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid label{display:flex;gap:8px;align-items:center;background:#f8faff;padding:8px;border-radius:6px;direction:ltr;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.toolbar form{max-width:400px;display:flex;gap:8px}.toolbar .btn{width:auto}.admin-table-btn{padding:5px 10px;display:inline-flex;background:#edf5ff;border-radius:5px}.admin-mobile-toggle{display:none}.integration-status{border:1px solid #e3eaf3;padding:18px;border-radius:9px;margin:12px 0}.integration-status strong{font-size:14px}.integration-status code{direction:ltr;display:block;font-size:11px;color:#7184a0;margin-top:9px}.print-only{display:none}@media(min-width:700px){body:not(.admin-body){padding:48px 0}.mobile-app{min-height:820px;border-radius:20px;box-shadow:0 18px 80px #183d6920;overflow:hidden}.splash-app{min-height:820px}.bottom-nav{bottom:0}.desktop-brand{display:block;position:fixed;right:7%;top:50px;text-align:center}.desktop-brand p{font-size:12px;margin-top:16px}.desktop-brand .brand{transform:scale(.85)}.desktop-footer{display:grid;position:fixed;left:4%;bottom:50px;font-size:13px;gap:8px;max-width:220px}.desktop-footer span{font-size:10px}.app-header{position:relative}.bottom-nav{position:sticky;transform:none;left:auto;bottom:0;margin-top:25px}.mobile-app:has(.bottom-nav){padding-bottom:0}.splash-visual{min-height:330px}}@media(max-width:1100px){.desktop-brand,.desktop-footer{display:none}}@media(max-width:900px){.admin-sidebar{transform:translateX(100%);transition:.2s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin:0;padding:20px 15px}.admin-mobile-toggle{display:block;background:none;border:0;color:#0758bb}.admin-header h1{font-size:19px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-form{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.admin-card{padding:15px}.admin-stats .stat{padding:15px}}@media print{.admin-sidebar,.bottom-nav,.app-header,.desktop-brand,.desktop-footer,.no-print{display:none!important}.mobile-app,.admin-main{box-shadow:none;margin:0;width:100%;max-width:none;padding:0}.print-only{display:block}body,html{background:white}.card{break-inside:avoid}}