.app-shell[data-view=home]{background:#0c1625;color:#e9f1fa;min-height:100vh}.app-shell[data-view=home] .main-area{background:#0c1625}.app-shell[data-view=home] .topbar{background:#101d2e;border-color:#253247;justify-content:flex-end}.app-shell[data-view=home] .topbar .search,.app-shell[data-view=home] .sync-box{display:none!important}.app-shell[data-view=home] .profile strong{color:#e8f3ff}.app-shell[data-view=home] .profile small,.app-shell[data-view=home] .profile a{color:#a8bdce}.app-shell[data-view=home] .sidebar{background:#111f31;border-color:#253247}.app-shell[data-view=home] .brand strong,.app-shell[data-view=home] .sidebar a{color:#d7e6f4}.app-shell[data-view=home] .sidebar .active{background:#203b50;color:#65d7e4}.customer-home{padding:24px 28px 16px;font-family:IRANYekanX,Tahoma,sans-serif;color:#e6f0fa;display:flex;flex-direction:column;gap:22px;min-height:calc(100vh - 76px)}.home-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.home-heading>div>span{font-size:12px;color:#63d6df}.home-heading h1{font-size:28px;margin:5px 0 7px;color:#f1f6ff}.home-heading p{font-size:12px;color:#9fb2c7;margin:0}.home-controls{display:flex;align-items:end;gap:10px}.customer-home label{display:grid;gap:6px;font-size:11px;color:#a9bdd0}.customer-home select,.customer-home button{background:#17283c;border:1px solid #365069;color:#e4f2ff;border-radius:9px;padding:10px 12px;font:inherit;font-size:12px;cursor:pointer}.customer-home button:disabled{opacity:.6}.customer-home select:focus-visible,.customer-home button:focus-visible{outline:3px solid #65d7e4;outline-offset:2px}.home-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-kpis article{background:linear-gradient(145deg,#1b2b41,#142134);border:1px solid #2a3b51;border-top:3px solid var(--accent);border-radius:13px;padding:17px 14px;display:flex;flex-direction:column;gap:10px}.home-kpis article>div{font-size:14px;font-weight:700;color:#eef5ff;display:flex;gap:7px;align-items:center;white-space:nowrap}.home-kpis i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.home-kpis strong{font-size:clamp(21px,1.8vw,31px);font-weight:800;color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.home-kpis em{font-size:11px;font-weight:400;font-style:normal;color:#aabed0}.home-kpis article>span{font-size:12px;color:#b8cadd}.home-kpis article>span b{font-size:16px;font-weight:600;color:#edf7ff}.home-kpis small{font-size:9px;line-height:1.7;color:#93a9bd}.home-visuals{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:16px;flex:1;min-height:370px}.home-chart{background:#142235;border:1px solid #293b51;border-radius:15px;padding:18px 20px;min-width:0;display:flex;flex-direction:column}.home-chart>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.home-chart h2{font-size:16px;margin:0 0 7px;color:#ebf4fe}.home-chart header p{font-size:11px;color:#99afc3;margin:0}.home-trend-panel{grid-column:1;grid-row:1/3}.home-status-panel{grid-column:2;grid-row:1}.home-cargo-panel{grid-column:2;grid-row:2}.home-chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.home-chart-legend span{font-size:11px;display:flex;align-items:center;gap:7px;color:#b7c9da}.home-chart-legend b{font-size:14px;color:#e7f5ff;font-variant-numeric:tabular-nums}.home-chart-legend i,.home-cargo-labels i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.home-trend{width:100%;flex:1;min-height:180px;max-height:370px;overflow:visible}.home-trend text,.home-cargo svg text{font-family:IRANYekanX,Tahoma,sans-serif;fill:#aebfd0;font-size:11px;direction:ltr}.home-chart-note{color:#91a9bf;font-size:10px;line-height:1.7;margin:10px 0 0}.home-bars{display:grid;gap:10px;flex:1}.home-bars>div>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:5px;color:#c1d0df}.home-bars b{font-variant-numeric:tabular-nums;font-size:12px;color:#f0f6ff}.home-bar-track{height:7px;border-radius:5px;background:#243449;overflow:hidden}.home-bar-track>div{height:100%;border-radius:5px;min-width:0}.home-cargo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1}.home-cargo svg{width:145px;height:145px;flex-shrink:0}.home-cargo svg .home-donut-value{font-size:26px;fill:#eff7ff;font-weight:700}.home-cargo-labels{flex:1;display:grid;gap:10px}.home-cargo-labels>div{display:flex;align-items:center;gap:8px;font-size:11px}.home-cargo-labels span{color:#c7d6e4;flex:1;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-cargo-labels b{color:#e4effa;font-size:12px;font-variant-numeric:tabular-nums;direction:ltr}.home-footer{display:flex;justify-content:space-between;gap:15px;color:#96aabd;font-size:10px;line-height:1.8}.home-empty-chart{flex:1;display:grid;place-content:center;text-align:center;color:#9eb4c8;font-size:13px;min-height:110px}.home-error{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#472b37;color:#ffd7dd;border-radius:10px;font-size:13px}.home-loading{padding:50px;text-align:center;color:#b5cadc}@media(min-width:1200px)and (min-height:850px){.customer-home{height:calc(100vh - 76px);min-height:0}.home-visuals,.home-chart,.home-trend{min-height:0}}@media(max-height:850px)and (min-width:1200px){.customer-home{gap:14px;padding-top:18px}.home-kpis article{padding:12px;gap:7px}.home-visuals{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:1fr;min-height:270px}.home-trend-panel,.home-status-panel,.home-cargo-panel{grid-row:1;grid-column:auto}.home-cargo{flex-direction:column;gap:5px}.home-cargo-labels{width:100%}.home-cargo svg{width:115px;height:115px}.home-chart{padding:15px}.home-chart h2{font-size:14px}.home-trend-panel header{align-items:flex-start;flex-direction:column}.home-chart-legend{gap:8px;margin:0}.home-trend{min-height:100px}.home-footer{font-size:9px}.home-kpis strong{font-size:23px}}@media(max-width:1199px){.home-kpis{grid-template-columns:repeat(3,1fr)}.home-visuals{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.home-trend-panel{grid-column:1/3;grid-row:1}.home-status-panel{grid-column:1;grid-row:2}.home-cargo-panel{grid-column:2;grid-row:2}.home-footer{flex-direction:column}.home-trend{height:220px;flex:auto}.home-cargo{flex-direction:column}}@media(max-width:650px){.customer-home{padding:18px 12px;gap:16px}.home-heading{align-items:flex-start;flex-direction:column}.home-heading h1{font-size:25px}.home-controls{width:100%;justify-content:space-between}.home-kpis{grid-template-columns:1fr 1fr;gap:10px}.home-kpis article>div{font-size:13px}.home-kpis strong{font-size:24px}.home-visuals{display:flex;flex-direction:column}.home-chart{padding:16px}.home-cargo{flex-direction:row}.home-chart-legend{gap:12px}.home-kpis small{font-size:9px}}.home-status-panel{padding:14px 18px}.home-status-panel>header{margin-bottom:10px}.home-status-panel .home-bars{gap:7px}.home-status-panel .home-bars>div>div:first-child{margin-bottom:4px;line-height:14px}.home-status-panel .home-chart-note{margin-top:8px;font-size:9px}.home-cargo-panel{padding:14px 18px}.home-cargo-panel>header{margin-bottom:6px}.home-cargo-panel .home-cargo svg{width:110px;height:110px}@media(min-width:1200px)and (min-height:850px){.home-visuals{grid-template-rows:1.5fr 1fr}}.app-shell .main-area,.shipment-grid{min-width:0}.shipment-grid .column-settings-button{font-size:12px;white-space:nowrap;background:#e8f5f8;color:#076e80;border:1px solid #add1dc;border-radius:8px;padding:9px 12px}.column-hint{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;color:#536d81;font-size:11px;line-height:1.9;border-bottom:1px solid #e3ebf0;background:#fafcfe}.column-hint button{font:inherit;margin-right:7px;border:0;background:transparent;color:#087b8b;text-decoration:underline;cursor:pointer}.shipment-grid .column-table-scroll{overflow:auto;max-width:100%;position:relative;isolation:isolate;scrollbar-color:#a8c3d2 #eef4f8;scrollbar-width:thin}.shipment-grid table{table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:0;max-width:none}.shipment-grid th{position:relative;text-align:right;background:#f3f7fb;padding:14px 18px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:grab;box-sizing:border-box}.shipment-grid td{padding:15px 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;box-sizing:border-box}.shipment-grid td small,.shipment-grid td .event-title{overflow:hidden;text-overflow:ellipsis;display:block}.shipment-grid .column-title{display:block;overflow:hidden;text-overflow:ellipsis}.shipment-grid .column-title small{color:#6b8396;font-size:9px}.shipment-grid th.column-pinned{z-index:3;background:#f0f6fa;box-shadow:-1px 0 #cfdfe9}.shipment-grid td.column-pinned{z-index:2;background:#fff;box-shadow:-1px 0 #dbe6ed}.shipment-grid tbody tr:hover td,.shipment-grid tbody tr:focus td{background:#f0f8fb}.shipment-grid tbody tr{cursor:pointer}.shipment-grid .column-resizer{position:absolute;inset-inline-end:-1px;top:0;width:10px;height:100%;cursor:col-resize;touch-action:none;z-index:5;border-inline-end:2px solid transparent}.shipment-grid .column-resizer:hover,.shipment-grid .column-resizer:focus{background:#087b8b1f;border-inline-end-color:#087b8b;outline:none}.shipment-grid .column-number{font-variant-numeric:tabular-nums}.column-status{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:5px 8px;background:#e8f4f7;color:#1b6579}.column-empty{padding:35px;text-align:center;color:#587488;font-size:13px}.column-empty button{background:#fff;border:1px solid #bdd6e1;padding:8px 14px;border-radius:8px;color:#087386;cursor:pointer}.column-dialog{color-scheme:light;color:#183247;background:#fff;width:min(850px,94vw);max-height:90vh;border:1px solid #dbe6ee;border-radius:18px;padding:0;font-family:IRANYekanX,Tahoma,sans-serif;box-shadow:0 20px 80px #18324733}.column-dialog::backdrop{background:#18324766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.column-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #e1eaf0;position:sticky;top:0;background:#fff;z-index:2}.column-dialog h2{font-size:21px;margin:0 0 7px}.column-dialog header p{color:#526d80;font-size:12px;margin:0;line-height:1.8}.column-dialog button,.column-dialog input{font:inherit}.column-dialog button{padding:8px 12px;background:#fff;border:1px solid #c8dae4;border-radius:8px;color:#076e80;cursor:pointer;font-size:12px}.column-dialog button:disabled{opacity:.4;cursor:default}.column-dialog>header>button{font-size:24px}.column-dialog-body{padding:20px 24px}.column-search{display:grid;gap:8px;font-size:12px}.column-search input{padding:11px 13px;border:1px solid #bbd0df;border-radius:9px;background:#fafcfe;color:#183247}.column-options{display:flex;align-items:center;gap:8px;margin:16px 0;flex-wrap:wrap}.column-options>span{margin-inline-end:auto;font-size:12px;color:#536f82}.column-help{font-size:11px;color:#536f82;line-height:1.9;margin:12px 0}.column-list{display:grid;gap:7px}.column-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dbe6ee;background:#fbfdff;border-radius:10px}.column-check{display:flex;align-items:center;gap:9px;flex:1;font-size:13px;min-width:130px;cursor:pointer}.column-dialog input[type=checkbox]{width:16px;height:16px;accent-color:#087b8b}.column-width{display:flex;align-items:center;gap:6px;font-size:11px;color:#506d81}.column-width input{width:72px;padding:6px;border:1px solid #cadbe5;border-radius:7px;color:#244659;direction:ltr;background:#fff}.column-pin{display:flex;align-items:center;gap:6px;font-size:12px}.column-move{display:flex;gap:4px}.column-move button{width:31px;padding:6px;font-size:16px}.column-drag{cursor:grab;font-size:23px;color:#718e9f}.column-hidden{background:#f4f6f8}.column-hidden .column-check{color:#657f90}.column-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;border-top:1px solid #dbe5ed;background:#fff;position:sticky;bottom:0}.column-dialog footer span{font-size:11px;color:#526d80}.column-dialog footer button{background:#087b8b;color:#fff;border-color:#087b8b;min-width:85px}.column-dialog :focus-visible{outline:3px solid #14899d;outline-offset:2px}@media(max-width:760px){.column-hint{flex-direction:column;gap:4px;padding:10px 13px}.column-hint>span:first-child{display:none}.shipment-grid .filters{flex-wrap:wrap}.shipment-grid .filters .column-settings-button{font-size:12px;min-height:38px}.shipment-grid .column-table-scroll{overflow:visible}.shipment-grid table{display:block!important;width:100%!important;padding:9px;min-width:0}.shipment-grid thead{display:none}.shipment-grid tbody{display:grid;gap:10px}.shipment-grid tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;background:#fff;border:1px solid #dce5ee;border-radius:12px}.shipment-grid td{position:static!important;inset-inline-start:auto!important;width:auto!important;min-width:0!important;max-width:none!important;display:grid;padding:9px 5px;box-shadow:none!important;border:0;white-space:normal;overflow-wrap:anywhere}.shipment-grid td:first-child{display:grid;grid-column:auto}.shipment-grid td:last-child{grid-column:auto}.shipment-grid td[data-column=cmr],.shipment-grid td[data-column=last_operation]{grid-column:1/3}.shipment-grid td:before{content:attr(data-label);font-size:10px;color:#627f92;display:block}.shipment-grid td.column-pinned{z-index:auto}.column-dialog{width:96vw;max-height:94vh}.column-dialog-body,.column-dialog>header,.column-dialog footer{padding:16px}.column-option{display:grid;grid-template-columns:22px 1fr auto;gap:9px}.column-check{min-width:0;grid-column:2/4}.column-width{grid-column:2}.column-pin{grid-column:3}.column-move{grid-column:2/4;justify-content:flex-end}.column-dialog footer span{font-size:10px}}.shipment-grid .filters button{font-size:12px;width:auto}:root:root .shipment-grid{--shipment-row:#fff;--shipment-stripe:#edf4f8;--shipment-hover:#e0eff5}:root:root .shipment-grid table[data-managed-columns] tbody tr:nth-child(odd)>td{background:var(--shipment-row)}:root:root .shipment-grid table[data-managed-columns] tbody tr:nth-child(2n)>td{background:var(--shipment-stripe)}:root:root .shipment-grid table[data-managed-columns] tbody tr:is(:hover,:focus)>td{background:var(--shipment-hover)}@media(min-width:761px){:root:root .shipment-grid table[data-managed-columns] th{height:40px;padding:8px 18px}:root:root .shipment-grid table[data-managed-columns] td{height:48px;padding:7px 18px}:root:root .shipment-grid table[data-managed-columns] .column-status{padding:3px 8px}}@media(max-width:760px){:root:root .shipment-grid table[data-managed-columns] tbody tr:nth-child(odd){background:var(--shipment-row)}:root:root .shipment-grid table[data-managed-columns] tbody tr:nth-child(2n){background:var(--shipment-stripe)}:root:root .shipment-grid table[data-managed-columns] tbody tr:is(:hover,:focus){background:var(--shipment-hover)}}@media screen and (forced-colors:none){html[data-theme=dark]:root:root .shipment-grid{--shipment-row:#142135;--shipment-stripe:#1c2e44;--shipment-hover:#28435b}}html.portal-inline-controls #portal-language{display:none}:root:root .app-shell{min-height:100vh}:root:root .app-shell .topbar{height:auto;min-height:64px;padding:10px 22px;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:16px;align-items:center}:root:root .app-shell .topbar .search{width:100%;max-width:620px;min-width:0;height:40px;margin:0}:root:root .app-shell .topbar .search input{width:0;min-width:0}:root:root .app-shell .topbar .search>svg{margin-right:0;margin-inline-start:12px}:root:root .app-shell .topbar .search-submit{padding-inline:14px;font-size:14px}:root:root .app-shell[data-view=home][data-shipments=false] .topbar{grid-template-columns:1fr auto}:root:root .app-shell[data-view=home][data-shipments=false] .portal-language-inline{justify-self:start}.portal-language-inline .portal-language-bar{padding:0!important;border:0!important;background:transparent!important;min-height:0;gap:6px}:root:root .portal-language-inline .portal-language-bar button{min-height:36px;padding:5px 10px;white-space:nowrap}:root:root .portal-language-inline .portal-theme-toggle{min-width:96px}:root:root .portal-language-inline .portal-language-toggle{min-width:72px}:root:root .app-shell .profile{gap:8px;min-width:0;margin:0;justify-self:end}:root:root .app-shell .profile>span{width:34px;height:34px;border-radius:10px;flex:none}:root:root .app-shell .profile>div{display:grid;min-width:0;max-width:170px;gap:0}:root:root .app-shell .profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}:root:root .app-shell .profile small{line-height:1.5;overflow-wrap:anywhere}:root:root .app-shell .profile>a,:root:root .app-shell .profile>button{min-width:36px;min-height:36px;height:auto;justify-content:center;padding:6px;font-size:12px;border-radius:8px}:root:root .app-shell .customer-home{padding:12px 22px 16px;gap:14px;min-height:0}:root:root .app-shell .home-heading{min-height:48px;gap:16px;margin:0;align-items:center;flex-direction:row}:root:root .app-shell .home-heading>div:first-child{min-width:0}:root:root .app-shell .home-heading h1{font-size:24px;line-height:1.45;margin:0}:root:root .app-shell .home-heading p{font-size:13px;line-height:1.6;margin:2px 0 0}:root:root .app-shell .home-controls{width:auto;display:flex;align-items:center;gap:8px;flex:none}:root:root .app-shell .home-controls label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}:root:root .app-shell .home-controls :is(select,button){min-height:38px;padding:7px 10px;font-size:14px;line-height:1.5}@media(min-width:1200px)and (min-height:850px){:root:root .app-shell .customer-home{height:calc(100dvh - 64px)}}@media(min-width:761px)and (max-width:1250px){:root:root .app-shell .topbar{gap:10px;padding-inline:16px;grid-template-columns:minmax(210px,1fr) auto auto}:root:root .app-shell .profile>div{max-width:115px}:root:root .app-shell .profile em{display:none}}@media(max-width:760px){:root:root .app-shell .topbar{position:static;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:10px 12px}:root:root .app-shell .topbar .search{grid-column:1/-1;grid-row:2;order:0;max-width:none}:root:root .app-shell .portal-language-inline{grid-column:1;grid-row:1}:root:root .app-shell .profile{grid-column:2;grid-row:1}:root:root .app-shell .profile>div{max-width:120px}:root:root .app-shell .profile em{display:none}:root:root .app-shell .customer-home{padding:12px;gap:12px}:root:root .app-shell .home-heading{flex-wrap:wrap;gap:10px}:root:root .app-shell .home-heading h1{font-size:22px}:root:root .app-shell .home-heading p{font-size:12px}:root:root .app-shell .home-controls{margin-inline-start:auto}}@media(max-width:480px){:root:root .app-shell .profile>div{display:none}:root:root .app-shell .topbar{gap:8px}:root:root .app-shell .profile{gap:3px}:root:root .app-shell .profile>span{width:28px;height:28px}:root:root .portal-language-inline .portal-theme-toggle{min-width:36px;width:36px;padding:5px}:root:root .portal-language-inline .portal-theme-toggle span{display:none}:root:root .portal-language-inline .portal-language-toggle{min-width:64px}}@media(min-width:761px)and (max-width:960px){:root:root .app-shell .profile>div{display:none}}@media print{.portal-language-inline{display:none!important}}:root{--navy-950:#071d36;--navy-900:#0b3155;--navy-800:#10466e;--teal-700:#087a98;--teal-600:#1693ae;--gold:#d59d3e;--ink:#172b3d;--text:#385064;--muted:#6f8292;--line:#dde6ed;--surface:#fff;--canvas:#f4f7fa;--focus:#0aa5c6;--danger:#a53d47;--shadow:0 8px 28px rgba(20,45,68,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IRANYekanX,Tahoma,Arial,sans-serif;background:var(--canvas);color:var(--ink);direction:rtl;font-size:14px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.no-scroll{overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;right:16px;top:-60px;z-index:100;background:#fff;color:var(--navy-900);padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);font-weight:800;text-decoration:none}.skip-link:focus{top:12px}*:focus-visible{outline:3px solid rgba(10,165,198,.32);outline-offset:2px}.eyebrow{margin:0 0 8px;color:var(--teal-700);font-size:12px;font-weight:900}.eyebrow.light{color:#7dd9ea}.muted{color:var(--muted)}.splash{height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#114a75,var(--navy-950));color:#fff}.splash>span{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--gold);font-size:30px;font-weight:900;box-shadow:0 12px 30px #0003}.splash p{color:#c8d7e4}.splash-loader{margin-top:24px;width:80px;height:3px;border-radius:10px;background:#2d5877;overflow:hidden}.splash-loader:after{content:"";display:block;width:35%;height:100%;background:#72d2e5;animation:splash 1s infinite}@keyframes splash{0%{transform:translate(230%)}to{transform:translate(-300%)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);background:#fff}.login-intro{padding:48px clamp(42px,7vw,112px);background:linear-gradient(145deg,#06182e,#0d365e 62%,#07536c);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-intro:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:-170px;bottom:-260px;box-shadow:0 0 0 74px #ffffff06,0 0 0 148px #ffffff05}.login-brand,.mobile-brand{display:flex;align-items:center;gap:13px}.login-brand>span,.mobile-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--gold);color:#fff;font-size:23px;font-weight:900}.login-brand strong{font-size:20px}.login-intro h1{font-size:clamp(38px,4vw,62px);line-height:1.48;margin:12px 0 20px;letter-spacing:-.035em}.login-intro>div>p:not(.eyebrow){max-width:620px;line-height:2.05;color:#ccdae6;font-size:16px}.login-intro>small{color:#a7bbcc;z-index:1}.trust-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust-list span{display:flex;align-items:center;gap:6px;font-size:11px;color:#cde3eb;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 10px}.trust-list svg{color:#70d6c2}.login-panel{display:grid;place-items:center;padding:44px}.login-card{width:min(420px,100%)}.login-card h2{font-size:30px;margin:5px 0 9px}.login-card>.muted{font-size:13px;line-height:1.9;margin:0 0 27px}.login-card>label{display:block;font-size:13px;font-weight:850;margin:17px 0 8px}.login-card>input,.password-input{width:100%;height:52px;border:1px solid #c9d5df;border-radius:12px;background:#fafcfd;transition:.2s}.login-card>input,.password-input input{padding:0 14px;outline:0;color:var(--ink)}.password-input{display:flex;align-items:center;overflow:hidden}.password-input input{height:100%;flex:1;min-width:0;border:0;background:transparent}.password-input button{height:34px;margin-left:8px;padding:0 9px;border:0;background:#eaf3f6;border-radius:8px;color:#176c83;font-size:10px;font-weight:800}.login-card>input:focus,.password-input:focus-within{border-color:var(--teal-600);box-shadow:0 0 0 4px #1693ae1f;background:#fff}.primary{border:0;background:linear-gradient(135deg,#0e6987,#07506e);color:#fff;border-radius:12px;height:52px;font-weight:900;box-shadow:0 9px 20px #085b7833;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary:disabled{opacity:.65}.wide{width:100%;margin-top:20px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-error{margin-top:14px;padding:11px 13px;border-radius:10px;background:#fff0f0;color:#962b35;border:1px solid #efc4c7;font-size:12px}.help{text-align:center;color:#7d8b98;font-size:11px;margin-top:18px}.mobile-brand{display:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071d36,#0b3155);color:#fff;padding:26px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--gold);font-size:22px;font-weight:900;box-shadow:0 8px 18px #00000024}.brand div{display:grid;gap:3px}.brand strong{font-size:15px}.brand small{font-size:10px;color:#a1b7ca}.sidebar nav{display:grid;gap:6px;margin-top:26px}.sidebar nav>a,.nav-disabled{display:flex;align-items:center;gap:12px;min-height:47px;padding:0 13px;color:#bacad7;text-decoration:none;border-radius:11px;font-size:12px;position:relative}.sidebar nav svg{width:20px;flex:0 0 20px}.sidebar nav>a:hover,.sidebar nav>a.active{background:#4cbdd724;color:#fff}.sidebar nav>a.active:after{content:"";position:absolute;right:-18px;width:3px;height:24px;border-radius:5px;background:#4cc0d8}.nav-disabled{opacity:.55;cursor:default}.nav-disabled small{margin-right:auto;font-size:8px;padding:3px 6px;border-radius:20px;background:#ffffff1a}.sync-box{margin-top:auto;display:flex;gap:11px;align-items:flex-start;background:#ffffff12;border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:13px}.sync-box i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#46d19e;box-shadow:0 0 0 4px #46d19e1f;margin-top:5px}.sync-box div{display:grid;gap:5px}.sync-box strong{font-size:10px}.sync-box small{color:#9db2c5;font-size:8px;line-height:1.6}.main-area{min-width:0}.topbar{height:76px;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search{display:flex;align-items:center;width:min(560px,48vw);height:44px;border:1px solid #d5e0e8;border-radius:12px;background:#f8fafc;overflow:hidden;transition:.2s}.search:focus-within{border-color:var(--teal-600);box-shadow:0 0 0 4px #1693ae1a;background:#fff}.search>svg{color:#637989;margin-right:14px;flex:0 0 auto}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:0 10px;color:#243b50;font-size:12px}.search button{height:100%;border:0}.search-clear{display:grid;place-items:center;background:transparent;color:#81909d;padding:0 7px}.search-submit{border-right:1px solid #dbe3ea!important;background:#fff;color:#096c88;padding:0 17px;font-size:11px;font-weight:900}.profile{display:flex;align-items:center;gap:9px}.profile>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e1f3f7;color:#08728e;font-weight:900}.profile>div{display:grid;gap:2px;min-width:75px}.profile strong{font-size:10px}.profile small{font-size:8px;color:#81909d}.profile>a,.profile>button{height:35px;border:0;background:transparent;color:#526a7c;display:inline-flex;align-items:center;gap:5px;padding:0 7px;text-decoration:none;font-size:9px}.profile>button{color:#983b45}.profile em{font-style:normal}.profile>a:hover,.profile>button:hover{background:#f3f7f9;border-radius:8px}.content{padding:30px 32px 46px;max-width:1540px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.page-heading h1{font-size:26px;margin:3px 0 7px;letter-spacing:-.02em}.page-heading>div>p:last-child{margin:0;color:#718493;font-size:11px}.secondary{height:41px;border:1px solid #c8d6e0;color:#165f79;background:#fff;border-radius:10px;padding:0 15px;font-size:10px;font-weight:900;display:inline-flex;align-items:center;gap:7px}.secondary:hover:not(:disabled){border-color:#1b88a8;background:#f6fbfd}.secondary:disabled{opacity:.6}.notice{margin:-4px 0 19px;padding:12px 14px;background:#fff9ec;border:1px solid #efd8a6;border-radius:12px;color:#654e1e;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:14px}.notice>div{display:flex;align-items:center;gap:10px}.notice>div>svg{color:#a6761d;flex:0 0 auto}.notice span{display:grid;gap:3px}.notice strong{font-size:11px}.notice small{font-size:9px;color:#816d43}.notice>a{background:#fff;border:1px solid #e4c888;border-radius:8px;padding:8px 10px;text-decoration:none;font-weight:900;white-space:nowrap}.page-error{margin-bottom:17px;padding:11px 13px;border-radius:11px;background:#fff0f0;color:#962b35;border:1px solid #efc4c7;font-size:11px;display:flex;align-items:center;justify-content:space-between}.page-error button{border:0;background:transparent;color:inherit;font-weight:900;text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:20px}.metric{border:1px solid #e0e8ee;background:#fff;border-radius:14px;min-height:135px;padding:16px;text-align:right;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px;box-shadow:0 4px 18px #16304809;position:relative;overflow:hidden;color:#263d51;transition:.2s}.metric:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:var(--metric-color,#173d63);opacity:.8}.metric:hover{transform:translateY(-2px);box-shadow:0 9px 24px #16304817;border-color:#cbdbe5}.metric.selected{box-shadow:0 0 0 2px var(--metric-color,#278cae);border-color:transparent}.metric-icon{grid-column:2;grid-row:1;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--metric-color);background:color-mix(in srgb,var(--metric-color) 11%,white)}.metric-label{grid-column:1;grid-row:1;align-self:center;font-size:10px;color:#647989}.metric>strong{grid-column:1/3;font-size:27px;line-height:1.4}.metric>small{grid-column:1/3;display:flex;align-items:center;gap:2px;font-size:8px;color:#788b9b}.metric>small svg{transform:rotate(180deg)}.metric.total{--metric-color:#23496d}.metric.route{--metric-color:#c18a28}.metric.warehouse{--metric-color:#1c84a4}.metric.ready{--metric-color:#7951ac}.metric.loaded{--metric-color:#157e76}.metric.delivered{--metric-color:#299164}.panel{background:#fff;border:1px solid #dfe7ed;border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{min-height:76px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf2}.panel-heading h2{font-size:16px;margin:0 0 6px}.panel-heading p{font-size:9px;color:#758896;margin:0}.filters{display:flex;gap:8px}.filters select,.filters button{height:37px;border:1px solid #d4dee6;background:#fff;border-radius:9px;padding:0 11px;font-size:9px;color:#40586d}.filters button{color:#943b45;display:inline-flex;align-items:center;gap:5px}.table-wrap{overflow:auto;position:relative}table{width:100%;border-collapse:collapse;min-width:1060px}th{height:44px;background:#f7f9fb;color:#5d7385;font-size:9px;text-align:right;padding:0 14px;font-weight:900;border-bottom:1px solid #e4ebf0;position:sticky;top:0;z-index:1}td{height:70px;padding:9px 14px;border-bottom:1px solid #ecf1f4;font-size:10px;color:#3b5468;vertical-align:middle}tbody tr{cursor:pointer;outline:0;transition:.13s}tbody tr:hover,tbody tr:focus-visible{background:#f2fafc}.cmr{color:#096f8d;font-size:11px}.history-inline{display:block;color:#8c6725;margin-top:4px;font-size:8px}.status{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:20px;font-size:8px;font-weight:900}.tone-route{background:#fff4dc;color:#8c610d}.tone-warehouse{background:#e5f5fa;color:#106883}.tone-ready{background:#f0eafb;color:#67409d}.tone-loaded{background:#e2f6f3;color:#106f67}.tone-delivered{background:#e5f6ed;color:#23744e}.tone-neutral{background:#eef2f5;color:#586b7a}.event-title{display:block;font-size:9px;margin-bottom:5px}.event-title+small{display:block;color:#8594a0;font-size:8px}.row-arrow{display:none}.loading-line{position:absolute;top:0;right:0;height:3px;background:#2096b6;animation:load 1.1s infinite;width:35%}@keyframes load{0%{right:-35%}to{right:100%}}.skeleton-row{pointer-events:none}.skeleton-row td span{display:block;height:11px;border-radius:8px;background:linear-gradient(90deg,#edf2f5 25%,#f8fafb,#edf2f5 75%);background-size:220% 100%;animation:shimmer 1.25s infinite}@keyframes shimmer{to{background-position:-220% 0}}.empty,.empty-small{text-align:center;padding:44px 20px;color:#728492}.empty>span{margin:auto;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef6f8;color:#2085a0}.empty h3{margin:13px 0 6px;font-size:14px;color:#324a5d}.empty p{font-size:10px}.empty button{margin-top:8px;border:1px solid #cedbe3;background:#fff;color:#15637c;border-radius:9px;padding:8px 12px;font-size:9px;font-weight:900}.empty-small{padding:30px 10px;font-size:10px}.pagination{height:61px;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #e7edf2}.pagination button{height:35px;border:1px solid #d3dee6;background:#fff;border-radius:9px;padding:0 11px;font-size:9px;display:flex;align-items:center;gap:4px}.pagination button:first-child svg{transform:rotate(180deg)}.pagination button:disabled{opacity:.42}.pagination span{font-size:9px;color:#6b7f8f}.data-note{margin:12px 3px 0;color:#718594;font-size:9px;display:flex;align-items:center;gap:5px}.data-note svg{color:#2b9b70}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0312207a;z-index:30;display:flex;justify-content:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:min(540px,94vw);height:100%;background:#fff;box-shadow:20px 0 60px #03121f40;animation:drawer .22s ease-out;overflow:auto}@keyframes drawer{0%{transform:translate(-100%)}to{transform:none}}.drawer-header{height:92px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3eaf0;position:sticky;top:0;background:#fffffffa;z-index:2}.drawer-header h2{margin:0;font-size:20px}.icon-button{border:1px solid #d4dee6;width:38px;height:38px;border-radius:10px;background:#fff;color:#4e6577;display:grid;place-items:center}.icon-button:hover{background:#f3f7f9}.drawer-body{padding:22px 24px}.detail-summary{display:flex;gap:9px;margin-bottom:19px}.history-badge{padding:5px 9px;border-radius:20px;font-size:8px;font-weight:900;background:#fff6e5;color:#815e1b}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.detail-grid>div{background:#f7f9fb;border:1px solid #e5ebf0;border-radius:11px;padding:13px}.detail-grid dt{font-size:8px;color:#748694;margin-bottom:7px}.detail-grid dd{font-size:10px;font-weight:900;margin:0}.timeline-section{margin-top:29px}.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaef;padding-bottom:12px}.section-title h3{font-size:14px;margin:0}.section-title span{font-size:8px;color:#788895}.timeline{list-style:none;margin:20px 0;padding:0}.timeline li{position:relative;display:flex;gap:13px;padding-bottom:24px}.timeline li:not(:last-child):before{content:"";position:absolute;right:5px;top:12px;bottom:0;width:1px;background:#d2dfe6}.timeline-dot{width:11px;height:11px;flex:0 0 11px;border:2px solid #218aa8;background:#fff;border-radius:50%;z-index:1;margin-top:3px}.timeline li>div{display:grid;gap:5px}.timeline strong{font-size:10px}.timeline small{font-size:8px;color:#7b8d9a}@media(max-width:1280px){.metrics{grid-template-columns:repeat(3,1fr)}.metric{min-height:118px}.profile>div{display:none}.search{width:min(520px,54vw)}}@media(max-width:1000px){.app-shell{grid-template-columns:84px 1fr}.sidebar{padding:22px 12px}.brand{justify-content:center;padding:0 8px 22px}.brand div{display:none}.sidebar nav>a,.nav-disabled{justify-content:center;padding:0}.sidebar nav>a>span,.nav-disabled>span,.nav-disabled small,.sync-box div{display:none}.sync-box{justify-content:center}.topbar{padding:0 21px}.content{padding:26px 21px}.search{width:min(480px,56vw)}}@media(max-width:760px){body{background:#f4f7fa}.login-page{display:block;background:linear-gradient(180deg,#0a3153 0,#0a3153 155px,#f3f6f9 155px);padding:24px 18px;min-height:100vh}.login-intro{display:none}.login-panel{padding:0;min-height:calc(100vh - 48px);align-items:start}.login-card{margin-top:52px;background:#fff;border-radius:18px;padding:25px 22px;box-shadow:0 16px 42px #051f3624}.mobile-brand{display:flex;margin-bottom:27px}.mobile-brand div{display:grid;gap:3px}.mobile-brand strong{font-size:15px}.mobile-brand small{font-size:9px;color:#789}.login-card h2{font-size:25px}.app-shell{display:block;padding-bottom:76px}.sidebar{position:fixed;top:auto;bottom:0;right:0;left:0;height:70px;padding:7px 8px;z-index:20;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 24px #04192b24}.brand,.sync-box{display:none}.sidebar nav{margin:0;grid-template-columns:repeat(4,1fr);gap:2px;height:100%}.sidebar nav>a,.nav-disabled{min-height:54px;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:8px;border-radius:9px}.sidebar nav>a>span,.nav-disabled>span{display:block}.sidebar nav>a>svg,.nav-disabled>svg{width:19px;height:19px}.nav-disabled small{display:none}.sidebar nav>a.active:after{right:50%;transform:translate(50%);top:-7px;width:24px;height:3px}.topbar{height:auto;min-height:70px;padding:10px 13px;gap:9px;position:static;flex-wrap:wrap}.search{order:2;width:100%;height:43px}.profile{margin-right:auto}.profile>span{width:35px;height:35px}.profile>div{display:grid}.profile>a,.profile>button{width:35px;padding:0;justify-content:center;border:1px solid #e1e7ec;border-radius:9px}.profile em{display:none}.content{padding:20px 13px 35px}.page-heading{align-items:flex-end;margin-bottom:18px}.page-heading h1{font-size:22px}.page-heading>div>p:last-child{font-size:10px}.secondary{width:40px;padding:0;justify-content:center}.secondary{font-size:0}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{min-height:112px;padding:13px}.metric>strong{font-size:24px}.notice{align-items:flex-start}.notice small{display:none}.panel-heading{align-items:flex-start;gap:13px;flex-direction:column}.filters{width:100%}.filters select{flex:1;min-width:0}.table-wrap{overflow:visible}table{min-width:0;display:block;padding:9px;background:#f4f7fa}thead{display:none}tbody{display:grid;gap:9px}tbody tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce5eb;border-radius:13px;padding:12px;box-shadow:0 3px 12px #16304809}tbody tr:hover,tbody tr:focus-visible{background:#fff;border-color:#59a9bd}td{height:auto;min-height:44px;padding:7px 4px;border:0;display:grid;align-content:start;gap:5px;font-size:10px}td:before{content:attr(data-label);font-size:8px;color:#7a8c99;font-weight:700}td:first-child,td:last-child{grid-column:1/3}td:first-child{border-bottom:1px solid #edf1f4;padding-bottom:11px;display:flex;align-items:center;gap:8px}td:first-child:before{margin-left:auto}td:last-child{border-top:1px solid #edf1f4;padding-top:10px;position:relative}.row-arrow{display:grid;place-items:center;position:absolute;left:2px;top:50%;transform:translateY(-50%) rotate(180deg);color:#1685a1}.skeleton-row{display:none!important}.loading-line{position:fixed;top:0;z-index:40}.pagination{gap:9px}.pagination button{padding:0 8px}.drawer{width:100vw}.drawer-header{height:82px}.drawer-body{padding:19px 17px}.data-note{justify-content:center}}@media(max-width:420px){.profile>div{display:none}.metrics{grid-template-columns:1fr 1fr}.metric-label{font-size:9px}.metric-icon{width:29px;height:29px}.notice{display:block}.notice>a{display:block;text-align:center;margin-top:10px}.detail-grid{grid-template-columns:1fr}.filters button{font-size:0;padding:0 10px}.filters button svg{margin:0}.login-card{padding:23px 19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body,#root{max-width:100%}@media(max-width:760px){html,body,#root{width:100%;overflow-x:hidden}.login-page{width:100%;max-width:100vw;padding-inline:18px}.login-panel{display:block;width:100%;max-width:100%}.login-card{width:100%;max-width:420px;margin:52px auto 0;overflow:hidden}.login-card>input,.password-input,.primary{max-width:100%;min-width:0}}.sidebar nav>.nav-disabled:nth-child(3){display:none}.sidebar nav>.reports-nav-link{order:3;color:#fff;background:#4cbdd71f}.sidebar nav>.reports-nav-link small{margin-right:auto;font-size:8px;padding:3px 6px;border-radius:20px;background:#d59d3e;color:#fff}.sidebar nav>.nav-disabled:nth-child(4){order:4}@media(max-width:1000px){.sidebar nav>.reports-nav-link span,.sidebar nav>.reports-nav-link small{display:none}}@media(max-width:760px){.sidebar nav>.reports-nav-link{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:8px}.sidebar nav>.reports-nav-link span{display:block}.sidebar nav>.reports-nav-link svg{width:19px;height:19px}}.row-number-heading,.shipment-row-number{width:58px;min-width:58px;text-align:center!important;color:#718493}.shipment-row-number{font-weight:900;color:#51697b;background:#fafcfd}@media(max-width:760px){#shipments tbody tr>.shipment-row-number{grid-column:1;min-height:36px;width:auto;padding:4px;display:grid;border:0;align-content:start;gap:4px;background:transparent;font-size:10px}#shipments tbody tr>.shipment-row-number:before{margin-left:0}#shipments tbody tr>td:nth-child(2){grid-column:1/3;border-bottom:1px solid #edf1f4;padding-bottom:11px;display:flex;align-items:center;gap:8px}#shipments tbody tr>td:nth-child(2):before{margin-left:auto}}.users-nav-link{display:flex;align-items:center;gap:10px;color:#b7cbd9;text-decoration:none;padding:11px 14px;border-radius:10px;font-size:11px;font-weight:800;transition:.18s}.users-nav-link:hover{background:#ffffff14;color:#fff}.users-nav-link svg{width:20px;height:20px;flex:0 0 20px}.app-shell[data-dashboard=false] .metrics,.app-shell[data-dashboard=false] .sync-box,.app-shell[data-dashboard=false] .sidebar a[href="#dashboard"],.app-shell[data-shipments=false] #shipments,.app-shell[data-shipments=false] .topbar .search,.app-shell[data-shipments=false] .sidebar a[href="#shipments"],.app-shell[data-reports=false] .reports-nav-link{display:none!important}.app-shell[data-dashboard=false][data-shipments=false] .page-heading h1{font-size:0}.app-shell[data-dashboard=false][data-shipments=false] .page-heading h1:after{content:"به سامانه مشتریان خوش آمدید";font-size:24px}.app-shell[data-dashboard=false][data-shipments=false] .page-heading p{display:none}.app-shell[data-dashboard=false][data-shipments=false] .data-note{font-size:0}.app-shell[data-dashboard=false][data-shipments=false] .data-note:after{content:"بخش‌های مجاز شما در منوی کناری قرار دارند. برای تغییر دسترسی با مدیر شرکت تماس بگیرید.";font-size:14px}