:root{--concrete: #EEF1F2;--concrete-deep: #E1E6E8;--surface: #FFFFFF;--ink: #17324D;--ink-soft: #4A6075;--ink-faint: #7C8C9B;--line: #D3DADF;--line-strong: #B5C0C8;--tape: #F2C230;--tape-deep: #D9A814;--tape-ink: #2B2205;--st-waiting: #6B7A89;--st-waiting-bg: #E9EDF0;--st-moving: #1E6FA8;--st-moving-bg: #E2EFF8;--st-done: #1F7A4D;--st-done-bg: #E1F2E8;--st-problem: #B4441F;--st-problem-bg: #FBE9E2;--st-closed: #8A8F94;--st-closed-bg: #EFEFEF;--radius-s: 4px;--radius-m: 8px;--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-code: "IBM Plex Mono", ui-monospace, monospace;--fs-s: .8125rem;--fs-m: .9375rem;--fs-l: 1.125rem;--fs-xl: 1.375rem;--fs-xxl: 1.875rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-m);line-height:1.6;color:var(--ink);background:var(--concrete);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.3;font-weight:700}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-l)}h3{font-size:var(--fs-m)}p{margin:0}a{color:var(--st-moving);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--tape);outline-offset:2px;border-radius:var(--radius-s)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.waybill{display:inline-block;font-family:var(--font-code);font-weight:600;letter-spacing:.04em;direction:ltr;background:var(--tape);color:var(--tape-ink);padding:1px 8px;border-radius:2px;white-space:nowrap;clip-path:polygon(0 0,100% 0,98% 50%,100% 100%,0 100%,2% 50%)}.waybill.big{font-size:var(--fs-xxl);padding:4px 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;font-size:var(--fs-m);padding:8px 16px;min-height:40px;border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover:not(:disabled){background:var(--concrete)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--tape);border-color:var(--tape-deep);color:var(--tape-ink)}.btn.primary:hover:not(:disabled){background:var(--tape-deep)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.dark:hover:not(:disabled){background:#0f2438}.btn.danger{color:var(--st-problem);border-color:#e3b6a6}.btn.ghost{border-color:transparent;background:transparent}.btn.small{min-height:32px;padding:4px 10px;font-size:var(--fs-s)}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:var(--fs-s);font-weight:600;color:var(--ink-soft)}.field small{color:var(--ink-faint);font-size:var(--fs-s)}.input,.select,.textarea{font:inherit;color:var(--ink);width:100%;padding:8px 10px;min-height:40px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-s)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #f2c23073}.input[dir=ltr]{text-align:right}.textarea{min-height:72px;resize:vertical}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.check input{width:18px;height:18px;accent-color:var(--ink)}.grid{display:grid;gap:14px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}@media (max-width: 720px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%}.side{align-self:start;background:var(--ink);color:#dce5ec;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;color:#fff}.brand-mark{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--tape);color:var(--tape-ink);font-weight:700}.brand strong{display:block;font-size:var(--fs-m);line-height:1.25}.brand small{color:#9fb2c3;font-size:var(--fs-s)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{color:#dce5ec;padding:8px 12px;border-radius:var(--radius-s);font-weight:500;text-decoration:none;display:flex;justify-content:space-between}.nav a:hover{background:#ffffff12}.nav a.active{background:#f2c23029;color:#fff;box-shadow:inset -3px 0 0 var(--tape)}.nav-group{margin-top:14px;padding:0 12px 4px;color:#8ea3b5;font-size:var(--fs-s)}.side-foot{margin-top:auto;padding:12px 8px 0;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-s)}.side-foot .who{color:#fff;font-weight:600}.side-foot .role{color:#9fb2c3}.side-foot button{margin-top:8px;color:#dce5ec;border-color:#ffffff40;background:transparent}.main{padding:24px 28px 48px;min-width:0}.topbar{display:none}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:fixed;inset:0 0 0 auto;width:270px;z-index:40;transform:translate(100%);transition:transform .2s}.side.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17324d66;z-index:30}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));position:sticky;top:0;z-index:20}.topbar button{background:transparent;border:0;color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer}.main{padding:16px 16px 64px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head p{color:var(--ink-soft);margin-top:2px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}.panel-body{padding:18px}.panel-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-s)}table.data th{text-align:right;font-weight:600;color:var(--ink-soft);background:#f6f8f9;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:9px 12px;border-bottom:1px solid #E9EDF0;vertical-align:middle;white-space:nowrap}table.data td.wrap{white-space:normal}table.data td.clip{max-width:160px;overflow:hidden;text-overflow:ellipsis}table.data tbody tr:hover{background:#fafbf6}table.data tr.selected{background:#fff8e1}table.data .num{font-variant-numeric:tabular-nums;white-space:nowrap}table.data .route{white-space:nowrap}table.data .muted{color:var(--ink-faint)}table.data input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink)}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--fs-s);font-weight:600;padding:2px 10px;border-radius:999px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.waiting{color:var(--st-waiting);background:var(--st-waiting-bg)}.status.moving{color:var(--st-moving);background:var(--st-moving-bg)}.status.done{color:var(--st-done);background:var(--st-done-bg)}.status.problem{color:var(--st-problem);background:var(--st-problem-bg)}.status.closed{color:var(--st-closed);background:var(--st-closed-bg)}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 18px;border-bottom:1px solid var(--line)}.filters .field{width:160px}.filters .field.grow{flex:1;min-width:200px}.bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;background:#fff8e1;border-bottom:1px solid #F0DE9C}.bulkbar strong{margin-inline-end:auto}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;color:var(--ink-soft);font-size:var(--fs-s)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.kpi{background:var(--surface);padding:14px 18px}.kpi span{color:var(--ink-soft);font-size:var(--fs-s)}.kpi strong{display:block;font-size:var(--fs-xl);font-variant-numeric:tabular-nums}@media (max-width: 720px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:8px}.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar i{display:block;width:100%;max-width:28px;background:var(--ink);border-radius:2px 2px 0 0;min-height:2px}.bar.today i{background:var(--tape-deep)}.bar small{font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.bar b{font-size:11px;color:var(--ink-soft);font-weight:600}.status-list{display:flex;flex-direction:column}.status-list a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);color:inherit;text-decoration:none}.status-list a:last-child{border-bottom:0}.status-list a:hover{background:#fafbf6}.steps{display:flex;gap:0;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.steps button{flex:1;font:inherit;border:0;background:transparent;color:var(--ink-faint);padding:12px 10px;cursor:pointer;text-align:right;border-inline-start:1px solid var(--line);display:flex;align-items:center;gap:10px}.steps button:first-child{border-inline-start:0}.steps button b{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;border:1.5px solid currentColor;font-size:var(--fs-s)}.steps button.current{color:var(--ink);font-weight:600;background:#fffbea;box-shadow:inset 0 -3px 0 var(--tape)}.steps button.done{color:var(--st-done)}.steps button.done b{background:var(--st-done);border-color:var(--st-done);color:#fff}@media (max-width: 720px){.steps button span{display:none}.steps button{justify-content:center}}.wizard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}@media (max-width: 1000px){.wizard{grid-template-columns:minmax(0,1fr)}}.summary{position:sticky;top:16px}.summary dl{display:grid;grid-template-columns:1fr auto;gap:6px 0;margin:0;font-size:var(--fs-s)}.summary dt{color:var(--ink-soft)}.summary dd{margin:0;padding-inline-start:12px;font-variant-numeric:tabular-nums;text-align:left}.summary .total{border-top:2px solid var(--ink);margin-top:8px;padding-top:8px;font-size:var(--fs-l);font-weight:700}.route-pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}.route-pick .arrow{padding-bottom:8px;color:var(--ink-faint);font-size:22px}@media (max-width: 720px){.route-pick{grid-template-columns:minmax(0,1fr)}.route-pick .arrow{display:none}}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{flex:1;min-width:140px;text-align:right;font:inherit;color:var(--ink);border:1.5px solid var(--line-strong);border-radius:var(--radius-m);padding:10px 14px;background:var(--surface);cursor:pointer}.choice small{display:block;color:var(--ink-faint)}.choice.on{border-color:var(--ink);background:#f3f7fa;box-shadow:inset 0 0 0 1px var(--ink)}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px dashed var(--line)}@media (max-width: 900px){.item-row{grid-template-columns:1fr 1fr}.item-row .field:first-child{grid-column:span 2}}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}@media (max-width: 1000px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.route-banner{display:flex;align-items:center;gap:18px;padding:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.route-banner .city{font-size:var(--fs-xl);font-weight:700}.route-banner .via{color:var(--ink-faint)}.parties{display:grid;grid-template-columns:1fr 1fr}.parties>div{padding:16px 18px}.parties>div+div{border-inline-start:1px solid var(--line)}@media (max-width: 720px){.parties{grid-template-columns:1fr}.parties>div+div{border-inline-start:0;border-top:1px solid var(--line)}}.parties h3{color:var(--ink-soft);font-size:var(--fs-s);margin-bottom:4px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--line)}.facts>div{padding:12px 18px;border-inline-start:1px solid var(--line)}.facts>div:first-child{border-inline-start:0}.facts span{display:block;font-size:var(--fs-s);color:var(--ink-soft)}.facts strong{font-variant-numeric:tabular-nums}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 22px 16px 0}.timeline li:before{content:"";position:absolute;right:5px;top:8px;bottom:-8px;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline li:after{content:"";position:absolute;right:0;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong)}.timeline li:first-child:after{border-color:var(--ink);background:var(--tape)}.timeline .when{color:var(--ink-faint);font-size:var(--fs-s)}.timeline .note{color:var(--ink-soft);font-size:var(--fs-s)}.cod-flag{background:var(--ink);color:#fff;padding:10px 18px;display:flex;justify-content:space-between;font-weight:600}.alert{padding:10px 14px;border-radius:var(--radius-s);font-size:var(--fs-s);border:1px solid}.alert.error{background:var(--st-problem-bg);border-color:#ebc0b0;color:#8a3014}.alert.success{background:var(--st-done-bg);border-color:#b5dcc5;color:#165c39}.alert.info{background:#f3f7fa;border-color:var(--line);color:var(--ink-soft)}.empty{padding:40px 18px;text-align:center;color:var(--ink-soft)}.empty h2{color:var(--ink);margin-bottom:4px}.empty .btn{margin-top:14px}.loading{padding:32px;text-align:center;color:var(--ink-faint)}.toast-host{position:fixed;bottom:20px;left:20px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--radius-s);box-shadow:0 6px 20px #17324d40;max-width:360px}.toast.error{background:#8a3014}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17324d73;z-index:50;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-m);width:min(520px,100%);max-height:90vh;overflow:auto}.modal.wide{width:min(760px,100%)}.modal-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:18px}.modal-foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-start}.gate{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.gate-side{background:var(--ink);color:#dce5ec;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background-image:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(255,255,255,.025) 22px 44px)}.gate-side h1{color:#fff;font-size:var(--fs-xxl);max-width:14ch}.gate-side p{max-width:36ch;margin-top:10px;color:#b8c7d4}.gate-form{display:grid;place-items:center;padding:32px 20px}.gate-form form,.gate-form .card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}.gate-form .switch{color:var(--ink-soft);font-size:var(--fs-s);text-align:center}@media (max-width: 860px){.gate{grid-template-columns:minmax(0,1fr)}.gate-side{padding:28px 20px;padding-top:max(28px,env(safe-area-inset-top))}.gate-side .gate-extra{display:none}}.track-box{display:flex;gap:8px;margin-top:22px;max-width:420px}.track-box .input{background:#fffffff2}.track-page{max-width:760px;margin:0 auto;padding:24px 16px 48px}.track-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.track-hero{padding:22px 18px;text-align:center;border-bottom:1px solid var(--line)}.track-hero .status{font-size:var(--fs-m);padding:4px 14px;margin-top:12px}.progress{display:flex;gap:4px;margin:18px 0 4px}.progress i{flex:1;height:6px;border-radius:3px;background:var(--concrete-deep)}.progress i.on{background:var(--ink)}.progress i.last{background:var(--tape-deep)}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 600px){.perm-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{font:inherit;border:0;background:transparent;padding:10px 14px;cursor:pointer;color:var(--ink-soft);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--tape)}.color-swatch{width:40px;height:40px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}