.shipmentFilters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.shipmentOrderLink{display:block;width:100%;margin-top:8px;white-space:normal;overflow-wrap:anywhere;min-height:44px}.shipmentSelected{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.shipmentSelected span{min-width:0;overflow-wrap:anywhere}.shipmentPickerPages{display:flex;gap:12px;align-items:center;justify-content:center;margin:14px 0}.shipmentOrderPicker{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px}.shipmentAttachChoice{padding:14px;margin-top:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}@media(max-width:640px){.shipmentFilters{grid-template-columns:1fr}.shipmentSelected{align-items:flex-start}.shipmentSelected button{flex-shrink:0}}.accountMenu{position:relative;flex-shrink:0}.accountMenu>.accountTrigger{display:inline-flex;width:44px;height:44px;min-height:44px;padding:10px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface-raised);color:var(--navy)}.accountMenu>.accountTrigger:hover,.accountMenu>.accountTrigger[aria-expanded=true]{border-color:var(--blue);color:var(--blue)}.accountMenu>.accountPopover{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(260px,calc(100vw - 32px));padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--navy);box-shadow:0 12px 32px #0003;z-index:50;text-align:center}.accountPopover>b,.accountPopover>small{display:block;overflow-wrap:anywhere;line-height:1.8}.accountPopover>small{color:var(--muted);margin-top:6px;font-size:12px}.accountPopover>.accountLogout{display:block;width:100%;margin-top:16px;min-height:44px;background:var(--danger-bg);color:var(--danger-text)}.brandNeon{position:relative;display:inline-block;vertical-align:middle;line-height:0;isolation:isolate;flex-shrink:0}.brandNeon>img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 2px #527bff44) drop-shadow(0 0 4px #ffd51a22)}.brandNeonShine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 38%,#6cb8ff88 44%,#ffffffee 49%,#ffe475aa 54%,transparent 62%);background-size:300% 100%;background-repeat:no-repeat;-webkit-mask:url(/assets/wisegrid-logo-v2.svg) center/100% 100% no-repeat;mask:url(/assets/wisegrid-logo-v2.svg) center/100% 100% no-repeat;animation:wisegrid-neon-sweep 7s ease-in-out infinite}:root[data-theme=dark] .brandNeon>img{filter:drop-shadow(0 0 3px #598aff88) drop-shadow(0 0 7px #4e6dff44) drop-shadow(0 0 3px #ffd51a44)}.loginBrand .brandNeon{width:min(100%,600px)}.loginBrand .brandNeon>img{width:100%;max-width:none}@keyframes wisegrid-neon-sweep{0%,12%{background-position:160% 0;opacity:0}18%{opacity:.75}42%{background-position:-60% 0;opacity:.75}48%,to{background-position:-60% 0;opacity:0}}@media(max-width:800px){.loginBrand .brandNeon{width:min(100%,360px)}}@media(max-width:640px){.loginBrand .brandNeon{max-width:230px}}@media(prefers-reduced-motion:reduce){.brandNeonShine{animation:none;display:none}}@media print{.brandNeonShine{display:none}.brandNeon>img{filter:none}}.collaboration section{border-top:1px solid var(--line);padding:18px 0}.collaboration h4{margin:0 0 12px}.collabRow,.attachmentRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.commentCard{padding:12px;border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--surface)}.commentBody{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.commentCard blockquote{border-inline-start:3px solid #f0c442;margin:8px 0;padding-inline-start:10px;color:var(--muted)}.collaboration small,.attachmentRow small,.activityList small{display:block;color:var(--muted);line-height:1.7}.collabActions{display:flex;gap:6px;flex-wrap:wrap}.collabActions button{padding:6px 10px}.collabForm{display:grid;gap:10px;margin-top:14px}.collabForm label{display:grid;gap:6px}.collabForm textarea{min-height:100px;resize:vertical;width:100%;box-sizing:border-box}.collabForm input{max-width:100%;box-sizing:border-box}.attachmentRow{border-bottom:1px solid var(--line);padding:12px 0}.attachmentRow>div{min-width:0;flex:1}.attachmentRow b{overflow-wrap:anywhere}.activityList{padding-inline-start:22px}.activityList li{padding:10px 0}.auditToggle{display:flex;gap:8px;align-items:center}.auditToggle input{width:auto}.auditValues{display:grid;gap:8px}.auditValues pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:12px;background:var(--surface-raised);padding:10px;border-radius:8px}.notificationArea{position:relative}.notificationPopover{position:absolute;z-index:20;inset-inline-end:0;top:100%;width:min(320px,85vw);max-height:400px;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px #152c4930;border-radius:12px;padding:14px;color:var(--navy)}.notificationPopover article{padding:10px 0;border-bottom:1px solid var(--line)}.notificationPopover button{margin-top:8px}.fileFieldHint{font-size:12px;color:var(--muted)}@media(max-width:640px){.collabActions button,.attachmentRow button{min-height:40px}.collaboration,.orderDetail{min-width:0}.collabForm input[type=file]{width:100%}}.notificationOrder{display:grid;gap:7px;margin:12px 0;min-width:0}.notificationOrderCode{font-size:12px;color:var(--muted);text-align:right}.notificationOrder strong{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.notificationOrder .notificationSummary{font-size:12px;line-height:1.9;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}.notificationOrder small{line-height:1.8;color:var(--muted)}.notificationPopover .notificationOpen{display:block;width:100%;min-height:44px}.app .metricAction{position:relative;display:grid;gap:8px;color:var(--navy);background:var(--surface);border:1px solid var(--line);text-align:center;min-height:150px;width:100%;padding:20px;border-radius:16px;align-content:center}.app .metricAction:hover,.app .chartRow:hover{border-color:var(--blue);background:var(--surface-soft)}.app .metricAction strong{font-size:34px;line-height:1.3;margin:0;color:var(--blue)}.app .metricAction small{color:var(--muted);font-weight:400}.app .metricAction .metricSymbol{position:absolute;inset-inline-start:12px;top:10px;color:var(--blue);font-size:20px}.app .metricTone2{border-top:3px solid #d47b89}.app .metricTone3{border-top:3px solid #e9a841}.statusOverview{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:20px;margin-bottom:18px}.statusDonut{width:220px;max-width:100%;justify-self:center;overflow:visible}.statusDonut [role=button],.worldMap [role=button]{cursor:pointer}.statusDonut [role=button]:focus-visible,.worldMap [role=button]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.donutTotal{fill:var(--navy);font-size:30px;font-weight:800}.donutLabel{fill:var(--muted);font-size:13px}.statusLegend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.statusLegend button{display:flex;gap:10px;min-height:44px}.statusLegend i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.app .chartRow{width:100%;background:transparent;color:var(--navy);border:1px solid transparent;padding:12px 10px;display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:10px;margin:4px 0}.chartRow .metricTrack{height:10px;display:block;width:100%}.chartRow .metricTrack>span{background:var(--blue);border-radius:8px}.chartBars{max-height:360px;overflow:auto}.app .activityAction{width:100%;background:transparent;color:var(--navy);border-radius:0;display:grid;font-weight:400}.app .activityAction:hover{background:var(--surface-soft)}.logisticsMap{--route-color:#db8b11;margin:18px 0;overflow:hidden}:root[data-theme=dark] .logisticsMap{--route-color:#ffd35b}.logisticsMap .sectionTitle{align-items:start}.logisticsMap .sectionTitle>div{flex:1}.logisticsMap select{min-width:170px}.mapTools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.mapTools button{min-width:44px;min-height:44px}.mapTools span{color:var(--muted)}.mapViewport{width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--canvas)}.worldMap{width:100%;max-width:100%;min-width:0;display:block;height:auto;max-height:520px}.mapCountry{fill:var(--surface-raised);stroke:var(--line);stroke-width:.6}.mapCountry.occupied{fill:var(--accent-soft);stroke:var(--blue)}.mapRoute{fill:none;stroke:var(--route-color);stroke-width:2.5}.routeHit{fill:none;stroke:transparent;stroke-width:18}.routeCount{fill:var(--route-color);font-size:14px;font-weight:800;paint-order:stroke;stroke:var(--canvas);stroke-width:4px}.mapPoint{fill:var(--primary-fill);stroke:var(--blue);stroke-width:2}.pointCount{fill:#fff;font-size:13px;font-weight:800}.mapLegend{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px;margin:14px 0}.countryCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.countryCards button{display:grid;gap:8px;padding:14px;min-height:70px}.countryCards span{font-size:11px;color:var(--muted)}.routeList{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.routeList h4{width:100%;margin:0}.routeList button{min-height:44px}.untrackedButton{width:100%;margin-top:16px;min-height:44px;white-space:normal}.mapEmpty{padding:14px;background:var(--info-bg);color:var(--info-text);border-radius:12px;line-height:1.9}.filterScope{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:var(--accent-soft);border-radius:12px}.filterScope>small{width:100%;color:var(--muted)}.shipmentForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--surface-soft);border:1px solid var(--line);padding:16px;border-radius:14px}.shipmentForm label{margin:0;min-width:0}.shipmentForm textarea{width:100%;min-height:80px;border:1px solid var(--input-border);border-radius:10px;padding:10px}.shipmentNote{grid-column:1/-1}.shipmentList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}.shipmentList article{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);overflow-wrap:anywhere}.shipmentList article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.shipmentList small{display:block;color:var(--muted);margin-bottom:12px}@media(min-width:1050px){.orderDetail .detailSections{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:640px){.statusOverview{grid-template-columns:1fr}.statusDonut{grid-row:1;width:190px}.statusLegend{grid-template-columns:1fr 1fr}.shipmentForm{grid-template-columns:1fr}.shipmentNote{grid-column:auto}.app .metricAction{min-height:138px;padding:18px 10px}.app .metricAction strong{font-size:29px}.countryCards{grid-template-columns:1fr 1fr}.worldMap{min-width:0}.logisticsMap{padding:14px}.logisticsMap .sectionTitle{flex-direction:column}.logisticsMap .sectionTitle>label{width:100%}}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metricCard,.dashboardBox,.orderSearch{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.metricCard strong{display:block;font-size:34px;color:var(--blue);margin-top:12px}.metricCard span{color:var(--muted)}.dashboardGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.dashboardBox h3{margin-top:0}.metricRow{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.metricTrack{grid-column:1/-1;height:5px;background:var(--surface-raised);border-radius:4px;overflow:hidden}.metricTrack span{height:100%;display:block;background:var(--blue)}.recentActivity{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--surface-raised)}.recentActivity small{color:var(--muted)}.searchLine{display:flex;gap:8px;align-items:center}.searchLine input{margin:0;flex:1}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filterQuick,.pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.filterQuick label{display:flex;align-items:center;gap:6px;margin:0}.filterQuick input{width:auto;margin:0}.savedFilters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.savedFilters>div{display:flex;gap:2px}.saveFilter{display:flex;gap:8px;max-width:460px}.saveFilter input{margin:0}.pagination span{margin-inline-end:auto}@media(max-width:850px){.metricGrid,.filterGrid{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}.searchLine{flex-wrap:wrap}.searchLine input{flex-basis:100%}}@media(max-width:480px){.metricGrid,.filterGrid{grid-template-columns:1fr}.saveFilter{flex-wrap:wrap}.orderSearch{padding:14px}}:root{font-family:Tahoma,Segoe UI,Arial,sans-serif;color:#172033;background:var(--canvas);--blue:#1246d8;--blue-dark:#0b2f98;--yellow:#ffd21a;--navy:#172033;--muted:#697586;--line:#e5e9f1;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,var(--surface-soft) 0%,var(--accent-soft) 55%,var(--surface) 100%)}.card{width:min(960px,100%);background:var(--card);border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:0 24px 70px #14326e1f}.login{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;padding:0;overflow:hidden}.loginBrand{min-height:520px;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:34px}.loginBrand img{display:block;width:min(100%,600px);height:auto;object-fit:contain}.loginFormBody{padding:46px;display:flex;flex-direction:column;justify-content:center}.login h1{font-size:32px;margin:12px 0 8px}.login p{margin:0 0 28px;color:var(--muted)}h1,h2,h3{color:var(--navy)}label{display:block;margin-top:17px;font-size:14px;font-weight:700}input,select{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--input-border);border-radius:12px;background:var(--surface);color:var(--navy);outline:none;transition:.15s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1246d81a}button{border:0;border-radius:12px;padding:13px 18px;background:var(--primary-fill);color:#fff;font-weight:700;transition:.15s}button:hover{filter:brightness(.95)}.login button{width:100%;margin-top:24px}.badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--blue);font-size:12px;font-weight:800}.error{margin-top:14px;padding:11px 13px;border-radius:10px;background:var(--danger-bg);color:var(--danger-text)}.app{min-height:100vh;background:var(--canvas);color:var(--navy)}.app header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.headerLogo{width:116px;height:auto;display:block;object-fit:contain}.app h1{font-size:22px;margin:0}.profile{display:flex;gap:12px;align-items:center}.profile small{display:block;color:var(--muted);margin-top:3px}.secondary{width:auto;margin:0;padding:9px 14px;background:var(--surface-raised);color:var(--navy)}nav{display:flex;gap:7px;padding:10px 5%;background:var(--surface);border-bottom:1px solid var(--line)}nav button{background:transparent;color:var(--muted);padding:10px 15px}nav button.active{background:var(--navy);color:#fff}.content{max-width:1250px;margin:auto;padding:30px 5%}.content h2{font-size:28px;margin:0 0 6px}.content>p,.panelHead p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.stat,.roleCard,.roleEditor,.tableWrap{background:var(--surface);border:1px solid var(--line);border-radius:16px}.stat{padding:20px;border-top:4px solid var(--blue)}.stat strong,.stat span{display:block}.stat span{margin-top:8px;color:var(--success-text);font-weight:700}.panelHead{display:flex;justify-content:space-between;margin-bottom:18px}.formGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:var(--surface);padding:16px;border-radius:16px;border:1px solid var(--line)}.formGrid button{margin-top:8px}.notice{margin:12px 0;padding:11px 14px;background:var(--info-bg);color:var(--info-text);border-radius:10px}.tableWrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:right;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:700;background:var(--surface-soft)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{font-size:12px}.ok,.disabled{padding:5px 9px;border-radius:8px;background:var(--success-bg);color:var(--success-text);font-size:12px}.disabled{background:var(--danger-bg);color:var(--danger-text)}.roleEditor{padding:18px;display:grid;gap:12px}.permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow:auto}.permissions label{margin:0;padding:9px;background:var(--surface-soft);border-radius:8px}.permissions input{display:inline-block;width:auto;margin:0 7px 0 0}.roleList{display:grid;gap:10px;margin-top:16px}.roleCard{display:flex;justify-content:space-between;align-items:center;padding:20px}.roleCard small{display:block;color:var(--muted);margin-top:5px}.roleCard span{display:block;color:var(--muted);margin-top:5px;font-size:12px}@media(max-width:800px){.login{grid-template-columns:1fr;gap:0;padding:0}.loginBrand{min-height:220px;padding:24px}.loginBrand img{width:min(100%,360px)}.loginFormBody{padding:28px 24px}.cards,.formGrid,.permissions{grid-template-columns:1fr}.app header{align-items:flex-start;gap:12px}.profile{flex-direction:column;align-items:flex-end}.content{padding-top:22px}nav{overflow:auto}.roleCard{align-items:flex-start;gap:12px;flex-direction:column}}@media(max-width:480px){.card{border-radius:18px}.app header{padding:14px 4%}.app h1{font-size:18px}.profile{font-size:13px}.content h2{font-size:23px}}.orderForm{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:16px}.orderForm textarea{grid-column:1/-1;min-height:90px;resize:vertical;padding:13px 14px;border:1px solid var(--input-border);border-radius:12px;font:inherit}.orderForm button{grid-column:1/-1}.orderLayout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.clickable{cursor:pointer}.clickable:hover{background:var(--surface-soft)}.clickable small{display:block;color:var(--muted);margin-top:4px}.orderDetail{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;min-height:300px}.orderDetail h3{font-size:22px;margin:14px 0 8px}.orderDetail p{color:var(--muted);line-height:1.8}.closeBtn{position:absolute;left:14px;top:14px;font-size:18px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detailGrid div{background:var(--surface-soft);border-radius:10px;padding:11px}.detailGrid small,.detailGrid b{display:block}.detailGrid small{color:var(--muted);margin-bottom:5px}.statusActions{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.statusActions button{padding:9px 12px;font-size:12px}.itemList{display:grid;gap:8px}.itemList div{padding:10px;border:1px solid var(--line);border-radius:10px}.itemList b,.itemList span{display:block}.itemList span{color:var(--muted);font-size:12px;margin-top:4px}@media(max-width:1000px){.orderLayout{grid-template-columns:1fr}.orderDetail{order:-1}.orderForm{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.orderForm{grid-template-columns:1fr}.orderForm textarea,.orderForm button{grid-column:auto}.orderDetail{padding:18px}.detailGrid{grid-template-columns:1fr}table{min-width:720px}}.workflowCreate{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.workflowCreate input,.workflowCreate button{margin-top:0}.workflowLayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;margin-top:16px}.workflowList{display:grid;gap:8px;align-content:start}.workflowListItem{width:100%;text-align:right;background:var(--surface);color:var(--navy);border:1px solid var(--line);padding:14px}.workflowListItem b,.workflowListItem small{display:block}.workflowListItem small{color:var(--muted);margin-top:5px}.workflowListItem.selected{border-color:var(--blue);box-shadow:0 0 0 3px #1246d814}.workflowEditor{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-height:300px}.workflowTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workflowTitle h3{margin:10px 0 4px;font-size:24px}.workflowTitle p{margin:0;color:var(--muted)}.workflowSteps{display:grid;gap:10px;margin:20px 0}.workflowStep{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:14px}.stepNumber{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--blue);font-weight:800}.stepBody b,.stepBody small{display:block}.stepBody small{color:var(--muted);margin-top:5px}.transitionLabel{font-size:12px;margin-top:10px}.transitionLabel select{min-height:80px}.transitionLabel em{display:block;font-style:normal;color:var(--muted);font-weight:400;margin-top:4px}.stepForm{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--surface-soft);border-radius:14px;padding:16px}.stepForm h4,.stepForm .wide{grid-column:1/-1}.stepForm h4{margin:0 0 3px}.stepForm input,.stepForm select,.stepForm button{margin-top:0}.emptyState{padding:32px;text-align:center;color:var(--muted);background:var(--surface-soft);border-radius:12px}.workflowOrder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0}.workflowOrder h4{margin:0 0 10px}.workflowCurrent{display:flex;justify-content:space-between;align-items:center;background:var(--surface-soft);border-radius:10px;padding:10px 12px}.workflowCurrent small{color:var(--muted)}.workflowProgress{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.workflowProgress span{font-size:11px;padding:6px 8px;border-radius:999px;background:var(--surface-raised);color:var(--muted)}.workflowProgress span.current{background:var(--accent-soft);color:var(--blue);font-weight:800}.transitionButtons{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.transitionButtons small{color:var(--muted)}.transitionButtons button{padding:8px 10px;font-size:12px}.mutedSmall{font-size:12px!important;margin:10px 0!important}.historyMini{display:grid;gap:6px;margin-top:12px}.historyMini div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 9px;background:var(--surface-soft);border-radius:8px}.historyMini small{color:var(--muted)}@media(max-width:900px){.workflowLayout{grid-template-columns:1fr}.workflowList{grid-template-columns:repeat(2,1fr)}.workflowCreate{grid-template-columns:1fr}.workflowCreate button{width:100%}}@media(max-width:600px){.workflowList{grid-template-columns:1fr}.workflowStep{grid-template-columns:34px 1fr}.workflowStep>.secondary{grid-column:1/-1}.stepForm{grid-template-columns:1fr}.stepForm h4,.stepForm .wide{grid-column:auto}.workflowTitle,.historyMini div{flex-direction:column}}.workflowOrderBox{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:15px;margin:18px 0}.dueSoon,.dueLate{font-size:11px;padding:6px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning-text);font-weight:700}.dueLate{background:var(--danger-bg);color:var(--danger-text)}.currentWorkflow{display:grid;gap:5px;margin-top:12px;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.currentWorkflow span{font-size:12px;color:var(--muted)}.workflowAssign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.workflowAssign button:disabled{opacity:.45;cursor:not-allowed}.transitionBox{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.transitionBox>small,.mutedText{color:var(--muted);font-size:12px}.workflowHistory>div{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:start}.workflowHistory small{color:var(--muted);font-size:11px;margin-top:3px}.orderDetail>h4{margin:20px 0 10px}@media(max-width:600px){.workflowAssign{grid-template-columns:1fr}.sectionTitle{align-items:flex-start;flex-direction:column}}.customFieldForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.customFieldForm input,.customFieldForm select,.customFieldForm button{margin-top:0}.customFieldForm .wide{grid-column:1/-1}.checkLine{display:flex;align-items:center;gap:8px;margin:0;padding:12px;background:var(--surface-soft);border-radius:10px}.checkLine input{width:auto;margin:0}.customFieldList{display:grid;gap:10px;margin-top:16px}.customFieldCard{display:flex;justify-content:space-between;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.customFieldCard small,.customFieldCard span{display:block;color:var(--muted);margin-top:5px;font-size:12px}.fieldTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fieldTitle code{direction:ltr;background:var(--surface-raised);border-radius:7px;padding:3px 7px;font-size:12px}.customFieldsOrderBox,.workflowOrderBox{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionTitle h4{margin:0}.customFieldGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.customOrderField{margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.customOrderField>span,.customOrderField>small{display:block}.customOrderField>small{color:var(--muted);font-weight:400;margin-top:3px}.customOrderField textarea{width:100%;min-height:74px;margin-top:8px;padding:10px;border:1px solid var(--input-border);border-radius:10px;font:inherit;resize:vertical}.customOrderField select[multiple]{min-height:90px}.booleanField{display:flex;align-items:center;gap:8px;margin-top:8px}.booleanField input{width:auto;margin:0}.currencyField{display:grid;grid-template-columns:2fr 1fr;gap:8px}.currencyField input{margin-top:8px}.workflowOrderBox p{margin:10px 0}.currentWorkflow{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--surface);border-radius:10px;padding:10px;margin-top:10px}.workflowAssign{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:10px}.workflowAssign select,.workflowAssign button{margin-top:0}.transitionBox{margin-top:12px}.transitionBox>small{color:var(--muted)}.mutedText{color:var(--muted);font-size:12px}.dueLate,.dueSoon{font-size:11px;padding:5px 8px;border-radius:999px;background:var(--danger-bg);color:var(--danger-text)}.dueSoon{background:var(--warning-bg);color:var(--warning-text)}.workflowHistory{display:grid;gap:8px}.workflowHistory>div{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:start}.historyDot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:5px}.workflowHistory b,.workflowHistory small{display:block}.workflowHistory small{color:var(--muted);margin-top:3px}@media(max-width:800px){.customFieldForm{grid-template-columns:1fr}.customFieldForm .wide{grid-column:auto}.customFieldCard{align-items:flex-start;flex-direction:column}.workflowAssign{grid-template-columns:1fr}.currentWorkflow{align-items:flex-start;flex-direction:column}.currencyField{grid-template-columns:1fr}}@media(min-width:1050px){.app{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}.app header{grid-column:1/-1;grid-row:1;padding:16px 24px}.app>nav{grid-column:1;grid-row:2;flex-direction:column;position:sticky;top:91px;min-height:calc(100vh - 91px);border-inline-end:1px solid var(--line);padding:18px 12px;align-self:start}.app>nav button{text-align:start;white-space:nowrap}.app>.content{grid-column:2;grid-row:2;width:100%;max-width:none;margin:0;padding:24px}.orderLayout{grid-template-columns:minmax(0,1fr) 420px}}@media(max-width:1049px){.app header{position:relative}.app>nav{position:fixed;bottom:0;inset-inline:0;top:auto;z-index:30;padding:8px 12px;overflow-x:auto;white-space:nowrap;box-shadow:0 -4px 18px #18304412}.app>nav button{flex-shrink:0;min-height:44px}.app>.content{padding-bottom:100px}.orderDetail{scroll-margin-top:12px}.brand{min-width:0;flex:1}.headerLogo{width:86px}.app h1{font-size:16px}}.orderEdit{margin:14px 0}.excelWizard{margin-top:14px}.excelWizard>button{margin:10px 0 0 8px}.collabForm textarea{font:inherit;border:1px solid var(--input-border);border-radius:10px;padding:12px}.orderSearch{margin:14px 0}.offlineBanner{position:fixed;bottom:78px;inset-inline:12px;z-index:40;background:var(--warning-bg);color:var(--warning-text);border:1px solid #ffecb5;padding:12px;border-radius:12px;text-align:center}.app button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #547bea;outline-offset:3px}input,select,textarea{min-width:0;max-width:100%;font:inherit}textarea{line-height:1.8}input[type=checkbox]{accent-color:var(--blue);width:20px;height:20px;flex-shrink:0}.app>.content{min-width:0}.primaryNav button{display:flex;align-items:center;gap:12px}.app>.primaryNav .navMore{display:none}.navigationSheet{border:0;border-radius:24px;padding:22px;width:min(520px,calc(100% - 24px));max-height:85dvh;overflow:auto;color:var(--navy);box-shadow:0 20px 80px #17203333}.navigationSheet::backdrop{background:#101c3a88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheetHeading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sheetHeading h2{font-size:20px;margin:0}.sheetHeading p{color:var(--muted);margin:8px 0 0}.sheetHeading button{min-width:44px;min-height:44px;font-size:23px}.sheetLinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheetLinks button{display:flex;gap:10px;align-items:center;text-align:start;background:var(--surface-soft);color:var(--navy);min-height:62px;font-size:14px}.sheetLinks button.active{background:var(--accent-soft);color:var(--blue)}.sheetLogout{width:100%;margin-top:18px;min-height:46px;color:var(--danger-text)}.profileIdentity{display:flex;flex-direction:column;gap:3px;font-size:13px}.profileIdentity small{font-size:11px}.orderLayout{grid-template-columns:minmax(0,1fr)}.mobileOrderCards{display:none}.orderTableWrap{margin-top:0}.orderOpenLink{padding:5px 0;background:transparent;color:var(--blue);text-align:start;direction:ltr}.ordersPage.isDetail>.panelHead,.ordersPage.isDetail>.listTools,.ordersPage.isDetail>.orderSearch{display:none}.ordersPage.isDetail .orderTableWrap,.ordersPage.isDetail .mobileOrderCards{display:none}.orderDetail{width:100%;max-width:1060px;margin:0 auto;padding:24px;min-width:0}.detailToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.detailToolbar .badge{direction:ltr}.detailToolbar button{min-height:44px}.orderDetail>h3{margin:10px 0 18px;line-height:1.65}.detailSections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;background:var(--surface-raised);border-radius:14px;margin:18px 0}.detailSections button{background:transparent;color:var(--muted);padding:12px 8px;font-size:14px}.detailSections button[aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:0 2px 7px #18304412}.detailSummary{line-height:1.8;color:var(--muted)}.orderDetail .customFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.customOrderField{min-width:0}.orderDetail .customOrderField{padding:14px}.multiCheck{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.multiCheck label{display:flex;gap:8px;align-items:center;margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;font-weight:400}.multiCheck input{margin:0}.orderDetail .collaboration>section{border:0;padding-top:10px}.orderDetail .collabForm{max-width:700px}.orderDetail .collabForm label{margin-top:5px}.orderDetail .statusActions{padding-top:16px;border-top:1px solid var(--line)}.orderDetail .statusActions button:last-child{color:var(--danger-text);background:var(--danger-bg)}.orderDetail .detailGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.orderDetail .detailGrid b{overflow-wrap:anywhere}.orderForm label{margin:0;min-width:0}.orderForm label input,.orderForm label select{margin-top:6px}.listTools{margin-bottom:14px}.listTools summary{cursor:pointer;padding:12px 0;color:var(--muted);font-size:14px;min-height:44px}.listTools .orderSearch{margin:0}.filterExtras{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.filterExtras summary{cursor:pointer;color:var(--muted);font-size:13px;padding:8px 0}.savedFilters:empty{display:none}.searchLine button{white-space:nowrap}.orderEmpty{padding:30px 15px;text-align:center;color:var(--muted)}.orderLoading{padding:14px;color:var(--blue);background:var(--accent-soft);border-radius:12px}@media(min-width:1050px){.app>.primaryNav{top:85px}.app>.primaryNav button{font-size:14px;padding:13px 12px}.app header{padding:12px 24px}.app .headerLogo{width:100px}.app h1{font-size:19px}}@media(max-width:1049px){.app header{padding:12px 16px;align-items:center;gap:10px}.brand .badge{display:none}.brand>div{min-width:0}.app h1{font-size:14px;line-height:1.7}.headerLogo{width:72px}.profile{flex-direction:row;align-items:center;gap:8px}.profileIdentity,.profile>.logoutDesktop{display:none}.app>.primaryNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0;border-top:1px solid var(--line);padding:6px 12px calc(6px + env(safe-area-inset-bottom));overflow:visible;box-shadow:0 -3px 20px #1830440a}.app>.primaryNav .navAdmin{display:none}.app>.primaryNav .navMore{display:flex}.app>.primaryNav button{display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:54px;padding:6px;font-size:11px;border-radius:12px;color:var(--muted)}.app>.primaryNav button.active{background:var(--accent-soft);color:var(--blue)}.app>.content{width:100%;max-width:none;margin:0;padding:20px 16px calc(90px + env(safe-area-inset-bottom))}.content h2{font-size:23px}.panelHead{align-items:center;gap:12px}.panelHead p{font-size:13px;line-height:1.7;margin:7px 0}.panelHead>button{flex-shrink:0;min-height:44px;font-size:13px;padding:12px}.orderTableWrap{display:none}.mobileOrderCards{display:grid;gap:12px}.orderCard{display:block;width:100%;text-align:start;background:var(--surface);color:var(--navy);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 6px #17203304;font-weight:400}.orderCardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.orderCardTop>b{direction:ltr;font-size:12px;color:var(--muted)}.orderCardTitle{display:block;font-size:16px;font-weight:700;line-height:1.8;margin:12px 0 8px;overflow-wrap:anywhere}.orderCardSupplier{display:block;color:var(--muted);font-size:13px;line-height:1.8}.orderCardMeta{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.orderCardStep{display:block;font-size:12px;color:var(--blue);margin-top:12px}.orderCard[data-overdue=true]{border-inline-start:3px solid #df7166}.orderCard [data-priority=URGENT]{color:var(--danger-text);font-weight:700}.orderDetail{padding:18px;border-radius:18px}.orderDetail .detailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailSections{position:sticky;top:0;z-index:8;margin:12px -4px 18px;padding:6px;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);box-shadow:0 4px 12px #18304408}.detailSections button{min-height:44px;font-size:13px;padding:10px 5px}.detailToolbar{gap:8px}.detailToolbar .badge{font-size:11px;padding:8px}.orderDetail>h3{font-size:20px}.orderDetail .customFieldGrid{grid-template-columns:1fr}.notificationPopover{position:fixed;inset:72px 12px auto;width:auto;max-height:calc(100dvh - 170px);z-index:45;padding:18px}.notificationArea>button{min-height:44px;font-size:12px;white-space:nowrap}.notificationClose{min-height:44px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.metricCard{padding:16px 12px}.metricCard span{font-size:12px;line-height:1.7}.metricCard strong{font-size:28px;margin-top:10px}.dashboardBox{padding:18px}.dashboardBox h3{font-size:16px;line-height:1.8}.metricRow{font-size:13px;line-height:1.7}}@media(max-width:640px){input,select,textarea{font-size:16px!important;min-height:46px;padding:12px}input[type=checkbox]{min-height:20px}button,.secondary,.collabActions button{min-height:44px}.app header{padding:10px 12px}.brand{gap:8px}.headerLogo{width:60px}.app h1{font-size:12px}.app>.content{padding-inline:12px;padding-top:16px}.orderSearch{padding:14px}.filterGrid{grid-template-columns:1fr}.filterGrid label{margin-top:10px}.filterQuick{gap:8px}.filterQuick label{font-size:12px;min-height:44px;padding:8px;background:var(--canvas);border-radius:10px}.filterQuick>button{font-size:12px}.pagination{gap:8px}.pagination>span{order:-1;width:100%;font-size:12px;margin:2px 0 5px}.pagination>button:first-child{width:100%;order:2}.pagination>button:not(:first-child){flex:1}.searchLine{display:grid;grid-template-columns:1fr 1fr;gap:8px}.searchLine input{grid-column:1/-1;width:100%}.searchLine button{font-size:12px;padding:10px 6px}.saveFilter{display:grid;grid-template-columns:1fr;width:100%}.savedFilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.savedFilters>div{flex-shrink:0}.savedFilters button{font-size:12px}.orderForm{padding:14px;gap:14px;grid-template-columns:1fr}.orderDetail{padding:14px}.detailGrid{gap:8px}.detailGrid small{font-size:11px}.detailGrid b{font-size:13px;line-height:1.7}.workflowAssign{grid-template-columns:minmax(0,1fr)}.currentWorkflow,.sectionTitle{align-items:stretch;flex-direction:column}.sectionTitle button{width:100%}.currencyField{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.statusActions{display:grid;grid-template-columns:1fr 1fr}.statusActions button{font-size:13px}.attachmentRow{align-items:flex-start}.attachmentRow small{font-size:11px}.collabRow{align-items:flex-start}.collabRow strong{font-size:14px}.commentCard{padding:14px}.commentBody{font-size:14px}.tableWrap.responsiveTable{background:transparent;border:0;overflow:visible}.responsiveTable table,.responsiveTable tbody{display:block;min-width:0;width:100%}.responsiveTable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.responsiveTable tr{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:8px 14px}.responsiveTable td{display:block;min-width:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.responsiveTable td:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.responsiveTable td:last-child{border:0}.responsiveTable td.actions{display:flex}.responsiveTable .actions button{flex:1;min-width:80px}.workflowEditor{padding:14px}.workflowStep{padding:12px;gap:8px}.customFieldCard code{overflow-wrap:anywhere;word-break:break-word}.loginBrand{min-height:140px;padding:20px 30px}.loginBrand img{max-width:230px}.loginFormBody{padding:22px}.login h1{font-size:25px}.login p{font-size:13px;line-height:1.8;margin-bottom:12px}.page{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.managementCreate{margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.managementCreate>summary{cursor:pointer;padding:16px;color:var(--blue);font-size:14px;font-weight:700;min-height:48px}.managementCreate[open]>summary{border-bottom:1px solid var(--line)}.managementCreate>form{border:0;margin:0}.customOrderField legend{font-size:14px;font-weight:700;padding:0 5px}html:has(dialog[open]){overflow:hidden}@media(max-width:640px){.managementCreate>summary{padding:14px}.managementCreate{margin:12px 0}.customOrderField{margin:0}}.ordersPage.isDetail>.notice{display:none}.fieldSave{margin-top:16px;padding-top:10px;background:var(--surface-soft)}.fieldSave button{width:100%;min-height:46px}@media(max-width:1049px){.fieldSave{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:7;padding:8px;border:1px solid var(--line);border-radius:12px;box-shadow:0 -4px 18px #1830440c}}.app .panelHead{align-items:center;gap:12px;flex-wrap:wrap}.app .panelHead>div:first-child{min-width:0}.app .panelHead>button{align-self:center;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;width:auto;margin:0;padding:0 14px;border:1px solid transparent;border-radius:10px;background:var(--primary-fill);color:#fff;white-space:nowrap;text-align:center;line-height:1.7}.app .panelHead>button:hover:not(:disabled){background:#1d46ac;border-color:#91b4ff}.app .panelHead>button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1049px){.app .panelHead>button{height:44px;min-height:44px}}.workCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.workCard{text-align:start;background:var(--surface);color:var(--navy);border:1px solid var(--line);padding:20px}.workCard h3{font-size:17px;line-height:1.8}.workCard p,.workCard small{color:var(--muted);line-height:1.8}.workCard>span:last-child{display:block;color:var(--blue);margin-top:14px}.assignmentBox,.bomEditor{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:16px 0}.bomEditor textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;line-height:1.8}.bomEditor p{line-height:1.8}.bomEditor>button{margin-top:14px}.productList{display:grid;gap:10px;margin:16px 0}.productList article{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.productList small{display:block;color:var(--muted);margin-top:8px}.bomLines{display:grid;gap:12px;margin-top:20px}.bomLines article{border:1px solid var(--line);padding:16px;border-radius:12px;background:var(--surface-soft)}.bomLineTitle{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.bomLines small{display:block;line-height:1.8;color:var(--muted)}.bomLines button{margin-top:10px}.historyReview{padding:18px;border:2px solid var(--line);border-radius:14px;margin:15px 0}.historyReview article{border-bottom:1px solid var(--line);padding:12px 0}.materialLink{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}@media(max-width:640px){.workCards{grid-template-columns:1fr}.productList article{align-items:stretch;flex-direction:column}.bomEditor{padding:14px}.bomLines article{padding:12px}.app>.primaryNav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:641px)and (max-width:1049px){.app>.primaryNav{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--surface:#fff;--canvas:#e8edf4;--line:#cbd5e2;--surface-soft:#edf1f6;--surface-raised:#e2e8f0;--accent-soft:#edf2ff;--info-bg:#edf5ff;--info-text:#174ea6;--success-bg:#e9f8ef;--success-text:#16834a;--danger-bg:#fff0f0;--danger-text:#b42318;--warning-bg:#fff8df;--warning-text:#7a5a00;--input-border:#d4dbe7;--primary-fill:#1246d8}:root[data-theme=dark]{--canvas:#0b111b;--surface:#243246;--surface-soft:#172233;--surface-raised:#34465e;--navy:#e7edf7;--muted:#a6b4c8;--line:#52657e;--card:#243246;--blue:#91b4ff;--blue-dark:#b2ccff;--accent-soft:#263c60;--info-bg:#213959;--info-text:#b5d3ff;--success-bg:#193f33;--success-text:#85dfad;--danger-bg:#4a272d;--danger-text:#ffb1aa;--warning-bg:#443a20;--warning-text:#f5d77b;--input-border:#6c7f98;--primary-fill:#2455cb;color:var(--navy);background:var(--canvas);color-scheme:dark}html{background:var(--canvas);color-scheme:light}body{color:var(--navy)}textarea{background:var(--surface);color:var(--navy)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.navigationSheet{background:var(--surface)}.themePicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--navy);font-size:13px;font-weight:400}.themePicker select{width:auto;min-height:44px;margin:0;font-size:14px}.loginFormBody>.themePicker{justify-content:flex-end;margin-bottom:18px}.navigationSheet>.themePicker{justify-content:space-between;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}:root[data-theme=dark] .page{background:linear-gradient(135deg,#0b111b,#101b2b)}.loginBrand{background:transparent}:root[data-theme=dark] .headerLogo{background:transparent;padding:0}:root[data-theme=dark] nav button.active{background:var(--accent-soft);color:var(--blue)}:root[data-theme=dark] .card{box-shadow:0 24px 70px #0004}:root[data-theme=dark] :is(input,select,textarea){background:var(--surface-soft)}.themePicker{flex-shrink:0}.themePicker .themeToggle{display:inline-flex;width:44px;height:44px;padding:10px;border:1px solid var(--line);color:var(--navy);background:var(--surface-raised)}.themePicker .themeToggle:hover{border-color:var(--blue)}.navigationSheet>.themePicker{justify-content:center}.notificationArea>.notificationTrigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;background:#ffd21a;color:#172033;border:1px solid #e6b900;box-shadow:0 2px 8px #0002}.notificationArea>.notificationTrigger:hover,.notificationArea>.notificationTrigger[aria-expanded=true]{background:#ffe16a}.notificationCount{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#a51d28;color:#fff;border:2px solid var(--surface);font-size:10px;line-height:1;font-weight:700}.headerLogo,.loginBrand img{height:auto}@media(max-width:640px){.app header .brand>div{display:none}.app header .brand{flex:1}.app header .profile{gap:10px}.app header .headerLogo{width:86px}}@font-face{font-family:Vazirmatn;src:url(/assets/fonts/vazirmatn-v33.003.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}button,input,select,textarea{font-family:inherit}body button{text-align:center!important;align-items:center;justify-content:center}body button:not(.orderCard):not(.workCard):not(.workflowListItem){font-size:12px;line-height:1.7}body .app>.primaryNav button,body .sheetLinks button{font-size:12px;justify-content:center;align-items:center}body :is(.orderCard,.workCard,.workflowListItem) :is(b,strong,p,small,span){text-align:center}body th,body td{text-align:center}@media(max-width:1049px){body .app>.primaryNav button{font-size:10px}}@media(min-width:1050px){body .app>.primaryNav button{direction:rtl;text-align:right!important;justify-content:flex-start}body .app>.primaryNav button>svg{flex-shrink:0}body .app>.primaryNav button>span{text-align:right}}dialog.editDialog{width:min(900px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--navy);box-shadow:0 24px 80px #0006;overflow:auto;overscroll-behavior:contain}.editDialog::backdrop{background:#040b16b8}.editDialogHeader{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.editDialogHeader h2{font-size:19px;margin:0;line-height:1.7}.editDialogHeader button{flex-shrink:0;min-height:44px}.editDialogBody{padding:20px}.editDialogBody form{margin:0;min-width:0}.editDialogBody label{margin-top:0}.editDialogBody .roleEditor{border:0;padding:0}.editDialogBody .permissions{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}body label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;cursor:pointer}body label>input[type=checkbox]{margin:0;flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0}.permissions .permissionChoice{align-items:flex-start;padding:14px;border:1px solid var(--line);text-align:right;font-weight:400}.permissions .permissionChoice:has(:checked){border-color:var(--blue);background:var(--accent-soft)}.permissionChoice input{margin-top:4px!important}.permissionChoice span{min-width:0}.permissionChoice b,.permissionChoice small{display:block}.permissionChoice b{font-size:14px}.permissionChoice small{font-size:12px;line-height:1.9;color:var(--muted);margin-top:4px}.permissionChoice code{display:block;direction:ltr;text-align:right;overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:5px}.roleGuide{line-height:1.9;color:var(--muted);margin:0}.roleDialogActions{position:sticky;bottom:-20px;background:var(--surface);padding:14px 0 4px;display:flex;gap:10px;border-top:1px solid var(--line)}.roleDialogActions button{min-height:44px}@media(max-width:600px){dialog.editDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.editDialogBody{padding:14px}.editDialogHeader{padding:12px 14px}.editDialogHeader h2{font-size:16px}.editDialogBody .permissions{grid-template-columns:1fr}.roleDialogActions{bottom:-14px}.editDialogBody .shipmentForm{grid-template-columns:1fr}.editDialogBody .shipmentNote{grid-column:auto}}dialog.notificationDialog{width:min(620px,calc(100vw - 24px));margin:auto}.notificationList{display:grid;gap:14px}.notificationList article{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);min-width:0;overflow-wrap:anywhere}.notificationList article>small{display:block;color:var(--muted);font-size:12px}.notificationActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.notificationActions>button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:44px;min-height:44px;padding:0 8px;margin:0;font-size:12px;line-height:1.7;border-radius:10px}.notificationActions>button:disabled{opacity:.55;cursor:default}@media(max-width:400px){.notificationList article{padding:12px}.notificationActions{gap:8px}.notificationActions>button{font-size:11px}}:root{--canvas:#edf2fa;--surface:#fff;--surface-soft:#f1f5fc;--surface-raised:#e4ecf8;--line:#c9d7e9;--navy:#172b4d;--muted:#546780;--blue:#215dde;--primary-fill:#235bdb;--accent-soft:#e7efff;--glass:#ffffffc9;--shell-shadow:0 8px 28px #2447770c}:root[data-theme=dark]{--canvas:#0b1425;--surface:#1c2e48;--surface-soft:#13233b;--surface-raised:#2b4161;--line:#456080;--navy:#eff5ff;--muted:#b0c3dd;--blue:#8bbaff;--primary-fill:#3164dc;--accent-soft:#233f69;--card:#1c2e48;--input-border:#587596;--glass:#1c2e48bd;--shell-shadow:0 8px 28px #0003}.app{background:radial-gradient(ellipse at 85% 0%,#4486ef12,transparent 48%),radial-gradient(ellipse at 0% 70%,#10b4a009,transparent 45%),var(--canvas)}.app>header,.app>.primaryNav,.navigationSheet{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shell-shadow)}@supports (backdrop-filter:blur(10px)){.app>header,.app>.primaryNav,.navigationSheet{backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}}.app>header{border-radius:18px}.app>.primaryNav{border-radius:18px}.app>.primaryNav button{transition:background .15s,color .15s;border:1px solid transparent}.app>.primaryNav button:hover{background:var(--accent-soft);color:var(--blue)}.app>.primaryNav button.active{background:var(--accent-soft);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,transparent);box-shadow:inset -3px 0 0 var(--blue)}.app>.primaryNav svg,.sheetLinks svg{width:22px;height:22px;flex-shrink:0;stroke-width:1.9}.app>.primaryNav button.active svg{color:var(--blue)}.app .dashboardBox,.app .roleCard,.app .customFieldCard,.app .productList article{box-shadow:0 3px 12px #19345c06}.app .dashboardBox h3{font-size:16px;line-height:1.8;margin-bottom:12px}.app .metricAction{min-height:120px;padding:16px 12px;border-top:3px solid #4c83ed;gap:5px}.app .metricAction strong{font-size:30px}.app .metricTone1{border-top-color:#24b7a2}.app .metricTone2{border-top-color:#ef7185}.app .metricTone3{border-top-color:#eab64d}.app .metricTone1 strong,.app .metricTone1 .metricSymbol{color:var(--success-text)}.app .metricTone2 strong,.app .metricTone2 .metricSymbol{color:var(--danger-text)}.app .metricTone3 strong,.app .metricTone3 .metricSymbol{color:var(--warning-text)}.app .metricSymbol svg{width:21px;height:21px;display:block}.app .chartRow{padding:9px 10px;gap:7px}.app .dashboardBox{padding:18px}.app .statusDonut{width:180px}.app .statusOverview{grid-template-columns:1fr 190px;gap:16px}.app .worldMap{max-height:400px}.app .roleCard,.app .customFieldCard{padding:16px;gap:14px;min-width:0;align-items:flex-start}.app .roleCard>div:first-child,.app .customFieldCard>div:first-child,.productList article>div{min-width:0;overflow-wrap:anywhere}.app .roleCard .actions,.app .customFieldCard .actions{flex-shrink:0}.app .orderDetail{max-width:960px}@media(min-width:1050px){.app{padding:16px;gap:16px;grid-template-columns:218px minmax(0,1fr)}.app>header{top:16px;padding:12px 20px;min-height:74px}.app>.primaryNav{top:106px;min-height:0;max-height:calc(100dvh - 122px);overflow-y:auto;overflow-x:hidden;padding:10px;gap:5px;border-inline-end:1px solid var(--line)}.app>.primaryNav button{padding:11px 10px;min-height:44px}.app>.content{width:100%;max-width:1160px;margin:0 auto;padding:8px 10px 28px}.app .panelHead{margin-bottom:16px}.app .content h2{font-size:24px}.app .panelHead p{font-size:13px;line-height:1.8}.app .orderDetail{scroll-margin-top:106px}.app .roleList,.app .customFieldList,.app .productList,.app .bomLines{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.app .roleCard,.app .customFieldCard,.app .productList article{flex-wrap:wrap}.app .roleCard .actions{margin-inline-start:auto}.app .productList article{min-height:96px}}@media(min-width:641px)and (max-width:1049px){.app .mobileOrderCards,.app .roleList,.app .customFieldList,.app .productList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1049px){.app>header{margin:10px 12px 0;padding:10px 14px}.app>.primaryNav{inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);padding:6px 8px;box-shadow:0 6px 24px #10254224}.app>.content{max-width:900px;margin:0 auto;padding:20px 14px calc(112px + env(safe-area-inset-bottom))}.app>.primaryNav button.active{box-shadow:none}.app .fieldSave{bottom:calc(88px + env(safe-area-inset-bottom))}}@media(max-width:640px){.app>header{margin:8px 8px 0;border-radius:16px}.app>.primaryNav{inset-inline:8px}.app .metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app .metricAction{min-height:126px;padding:28px 8px 12px}.app .metricAction strong{font-size:27px}.app .metricAction .metricSymbol{top:8px;inset-inline-start:10px}.app .statusOverview{grid-template-columns:1fr}.app .dashboardBox{padding:14px}.app .roleList,.app .customFieldList,.app .productList,.app .bomLines{grid-template-columns:1fr}.app .notificationPopover{top:84px}.app .statusLegend{gap:6px}}@media(prefers-reduced-transparency:reduce){.app>header,.app>.primaryNav,.navigationSheet{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}