:root{--bg:#f3f5f7;--panel:#fff;--line:#d7dde6;--line-soft:#edf1f5;--text:#182233;--muted:#667085;--ink:#111827;--accent:#0f766e;--accent-soft:#e7f4f1;--warning:#b45309;--danger:#b42318;--ok:#047857;--radius:10px;--radius-sm:8px;--shadow-soft:0 18px 50px rgba(15,23,42,.08);--shadow-tight:0 8px 24px rgba(15,23,42,.06);--shadow-xs:0 1px 3px rgba(16,24,40,.04);--surface-glass:hsla(0,0%,100%,.82);--focus:rgba(15,118,110,.18)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(15,118,110,.12),transparent 28rem),radial-gradient(circle at 88% 14%,rgba(180,83,9,.08),transparent 25rem),linear-gradient(180deg,#f8fafc,#eef2f6);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid rgba(203,213,225,.72);background:rgba(248,250,252,.88);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:1px 0 0 rgba(16,24,40,.02);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;padding:8px 8px 12px}.brandMark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#111827,#0f766e);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(15,118,110,.2)}.brand small,.brand strong{display:block}.brand small{margin-top:2px;color:var(--muted);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operatorCard{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 8px 18px;padding:12px;border:1px solid #cfe2de;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff,#edf7f5);box-shadow:var(--shadow-tight)}.operatorCard span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.operatorCard strong{display:block;margin-top:3px;font-size:13px}.operatorCard svg{color:var(--accent)}nav{display:grid;grid-gap:18px;gap:18px;margin-top:0}.navSection{display:grid;grid-gap:4px;gap:4px}.navGroup{padding:0 10px 5px;color:#738095;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}nav a{display:flex;gap:9px;align-items:center;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-sm);color:#344054;font-size:14px;transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .15s ease}.navItemLabel{min-width:0;flex:1 1 auto}.navBadge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border:1px solid #a7f3d0;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:850;line-height:1;box-shadow:0 6px 16px rgba(4,120,87,.12)}nav a:hover{border-color:#e2e8f0;box-shadow:0 8px 18px rgba(15,23,42,.04);transform:translateY(-1px)}nav a.active,nav a:hover{background:#fff;color:var(--ink)}nav a.active{border-color:#cfe2de;font-weight:700;box-shadow:inset 3px 0 0 var(--accent),0 10px 24px rgba(15,118,110,.1)}.sidebarLogout{width:calc(100% - 16px);margin:auto 8px 0;min-height:42px;border-color:#cbd5e1;background:#fff}.content{width:min(1640px,100%);padding:22px 28px 42px}.topStrip{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;padding:13px 16px;border:1px solid rgba(203,213,225,.72);border-radius:var(--radius-sm);background:var(--surface-glass);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topStrip span{display:block;color:var(--muted);font-size:12px}.topStrip strong{display:block;margin-top:2px}.topStripMeta{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid #dbe3eb;border-radius:999px;background:#fff;color:#344054;font-size:13px;font-weight:700}.pageHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;padding:0 0 18px;border-bottom:1px solid rgba(203,213,225,.72)}.pageTitle{min-width:0}.pageHeaderAction{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pageEyebrow{display:inline-flex;align-items:center;min-height:24px;margin-bottom:8px;padding:0 9px;border:1px solid #cfe2de;border-radius:999px;background:#edf7f5;color:#0f766e;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.02em}h1{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 6px;letter-spacing:-.01em;color:#101828}h2{font-size:16px;margin:0 0 12px;line-height:1.35}p{margin:0;color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inlineCheck{display:inline-flex;align-items:center;gap:7px;min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:0 11px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.inlineCheck:hover{border-color:#cbd5e1}.inlineCheck input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.button,button,input,select,textarea{min-height:40px;border:1px solid #d8e0e8;border-radius:var(--radius-sm);background:#fff;color:var(--text);padding:0 11px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .15s ease}.button,button{min-width:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:650}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:180px;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#475467 0),linear-gradient(135deg,#475467 50%,transparent 0);background-position:calc(100% - 18px) 15px,calc(100% - 13px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}textarea{min-height:96px;padding:10px 11px;resize:vertical}.button:hover,button:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.06)}.button:active,button:active{transform:translateY(0)}.iconButton{width:38px;padding:0}.button.primary,button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.primary:hover,button.primary:hover{border-color:#0f172a;background:#0f172a}.button.danger,button.danger{border-color:#fecaca;background:#fef2f2;color:var(--danger)}.button:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:4px solid var(--focus)}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:none!important}.pageTools{margin-bottom:16px;padding:12px;border:1px solid rgba(203,213,225,.76);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.86);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.smartFilters{align-items:flex-end;gap:10px}.searchBox{display:inline-flex;align-items:center;gap:8px;min-height:40px;min-width:min(360px,100%);border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:0 11px;color:var(--muted);transition:border-color .2s ease,box-shadow .2s ease}.searchBox:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(15,118,110,.1)}.searchBox input{width:100%;min-height:34px;border:0;padding:0;outline:0;background:transparent}.filterField{width:min(230px,100%)}.dateFilterField{width:156px}.dateFilterField input{min-height:40px}.dateQuickFilter{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.dateQuickFilter>span{display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.dateQuickFilter button{min-height:32px;min-width:0;padding:0 10px;border-color:transparent;box-shadow:none}.formPanel{margin-bottom:16px}.grid{display:grid;grid-gap:14px;gap:14px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.metrics.compactMetrics{margin-bottom:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid rgba(203,213,225,.82);border-radius:var(--radius);background:hsla(0,0%,100%,.92);padding:16px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 22px 55px rgba(15,23,42,.1)}.ordersOverview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.commerceHero,.dashboardHero{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px;align-items:stretch;margin-bottom:14px;padding:24px;border:1px solid #cfe2de;border-radius:var(--radius);background:linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(241,248,247,.94) 58%,rgba(255,248,237,.9)),radial-gradient(circle at 92% 0,rgba(15,118,110,.18),transparent 15rem);box-shadow:var(--shadow-soft)}.commerceHero>div:first-child,.dashboardHero>div:first-child{min-width:0}.commerceHero .pageEyebrow{margin-bottom:10px}.commerceHero h2,.dashboardHero h2{margin:0 0 8px;max-width:880px;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:0}.commerceHero p,.dashboardHero p{max-width:680px;margin:0;color:#475467}.monthResultCard{display:grid;align-content:center;min-height:150px;padding:18px;border:1px solid rgba(15,118,110,.2);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f8fbfa),radial-gradient(circle at 100% 0,rgba(180,83,9,.12),transparent 9rem);box-shadow:var(--shadow-tight)}.monthResultCard span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.02em}.monthResultCard strong{margin-top:8px;color:var(--ink);font-size:clamp(30px,4vw,44px);line-height:1}.monthResultCard small{margin-top:10px;color:#475467;font-size:13px;font-weight:650}.heroStats{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.heroStats div{display:grid;align-content:center;min-height:86px;padding:14px;border:1px solid rgba(207,226,222,.9);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.heroStats span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.heroStats strong{margin-top:6px;font-size:25px}.insightCard{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:96px;border:1px solid rgba(203,213,225,.8);border-radius:var(--radius);background:hsla(0,0%,100%,.9);padding:16px;box-shadow:var(--shadow-tight);transition:transform .2s ease,box-shadow .2s ease}.insightCard:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08)}.insightCard span{display:block;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.02em}.insightCard strong{display:block;margin-top:7px;font-size:25px;line-height:1}.insightCard svg{color:var(--accent);flex-shrink:0}.insightCard.accent{border-color:#b9ded7;background:linear-gradient(135deg,#fff,#eef9f6)}.insightCard.warn svg{color:var(--warning)}.insightCard.ok svg{color:var(--ok)}.operationsPanel{border:1px solid rgba(203,213,225,.82);border-radius:var(--radius);background:hsla(0,0%,100%,.92);box-shadow:var(--shadow-soft);overflow:hidden}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfe)}.panelHeader h2{margin:0 0 3px;font-size:17px}.panelHeader .pageTools,.panelHeader .toolbar{justify-content:flex-end}.panelHeader .pageTools{margin-bottom:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.metricCard{min-height:108px;display:grid;align-content:center;position:relative;overflow:hidden}.metricCard:after{content:"";position:absolute;inset:auto 12px 12px auto;width:46px;height:46px;border-radius:999px;background:rgba(15,118,110,.08)}.dashboardMetric{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.dashboardMetric>svg{color:var(--accent);flex-shrink:0}.dashboardAnalytics{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(340px,.62fr);grid-gap:14px;gap:14px;align-items:stretch;margin-bottom:18px}.chartCard{display:grid;align-content:start;min-height:0;overflow:hidden}.wideChart{grid-row:span 1}.premiumChart{background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.96)),radial-gradient(circle at 8% 8%,rgba(15,118,110,.1),transparent 16rem)}.premiumChart .areaChart svg{min-height:160px}.monthChartCard{min-height:0}.monthChartCard .areaChart svg{min-height:118px}.splitChartCard{min-height:0}.barChart{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.chartReadout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;border:1px solid #dbe7e4;border-radius:var(--radius-sm);background:#f8fbfa}.chartReadout small,.chartReadout span{min-width:0;color:var(--muted);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chartReadout strong{color:var(--ink);font-size:14px}.barChartRow{display:grid;grid-template-columns:minmax(86px,145px) minmax(0,1fr) minmax(64px,auto);grid-gap:10px;gap:10px;align-items:center;width:100%;padding:6px 7px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.barChartRow.active,.barChartRow:focus-visible,.barChartRow:hover{border-color:#cfe2de;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.barChartLabel{min-width:0;color:#344054;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barTrack{height:12px;border:1px solid #dbe7e4;border-radius:999px;background:#f3f7f7;overflow:hidden}.barTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6);transition:width .18s ease,opacity .18s ease}.barChartRow:not(.active) .barTrack span{opacity:.76}.barChartRow strong{color:var(--ink);font-size:13px;text-align:right}.emptyChart{display:grid;align-content:center;min-height:116px;margin-top:12px;padding:16px;border:1px dashed #cbd5e1;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#f8fafc)}.compactEmptyChart{min-height:88px;padding:12px}.emptyChart span{color:var(--ink);font-size:14px;font-weight:800}.emptyChart p{margin:4px 0 0;color:var(--muted);font-size:13px}.areaChart{position:relative;display:grid;grid-gap:10px;gap:10px;margin-top:12px;min-width:0}.areaChart svg{width:100%;min-height:170px;border:1px solid rgba(219,231,228,.86);border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#fbfdfd),radial-gradient(circle at 18% 0,rgba(15,118,110,.08),transparent 13rem)}.areaChart line{stroke:#e7edf2;stroke-width:1}.areaChart .activeGuide{stroke:rgba(15,118,110,.35);stroke-dasharray:4 4}.areaChart polyline{stroke:#0f766e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 9px 13px rgba(15,118,110,.12))}.areaChart circle{fill:#fff;stroke:#0f766e;stroke-width:3;cursor:pointer;outline:none;transition:r .15s ease,stroke-width .15s ease}.areaChart .activePoint,.areaChart circle:focus-visible{stroke-width:4;filter:drop-shadow(0 8px 13px rgba(15,118,110,.18))}.chartTooltip{position:absolute;z-index:2;display:grid;grid-gap:2px;gap:2px;max-width:190px;padding:8px 10px;border:1px solid rgba(203,213,225,.9);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.96);box-shadow:var(--shadow-tight);pointer-events:none;transform:translate(-50%,calc(-100% - 10px))}.chartTooltip small,.chartTooltip span{color:var(--muted);font-size:11px;font-weight:750}.chartTooltip strong{color:var(--ink);font-size:14px}.areaChartLabels{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center;color:var(--muted);font-size:12px;font-weight:750}.areaChartLabels strong{color:var(--ink);font-size:13px}.areaChartLabels span:last-child{text-align:right}.donutChartWrap{display:grid;grid-template-columns:144px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;margin-top:16px}.donutChart{position:relative;display:grid;place-items:center;align-content:center;width:144px;height:144px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(203,213,225,.72),0 16px 32px rgba(15,23,42,.08)}.donutChart:after{content:"";position:absolute;inset:19px;border-radius:inherit;background:#fff;box-shadow:inset 0 0 0 1px rgba(226,232,240,.92)}.donutChart span,.donutChart strong{position:relative;z-index:1}.donutChart strong{color:var(--ink);font-size:30px;line-height:1}.donutChart span{margin-top:5px;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.donutLegend{display:grid;grid-gap:10px;gap:10px;min-width:0}.donutLegend button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center;min-width:0;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.donutLegend button.active,.donutLegend button:focus-visible,.donutLegend button:hover{border-color:#dbe7e4;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.donutLegend i{width:10px;height:10px;border-radius:999px}.donutLegend span{min-width:0;overflow:hidden;color:#344054;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.donutLegend strong{color:var(--ink);font-size:13px}.dashboardSectionTitle{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:8px 0 12px;padding-top:8px}.dashboardSectionTitle span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.02em}.dashboardSectionTitle strong{color:var(--ink);font-size:18px}.primarySectionTitle{margin-top:0}.salesSectionTitle{margin-top:24px;padding-top:20px;border-top:1px solid rgba(203,213,225,.78)}.operationGrid .card{min-width:0}.metricLabel{color:var(--muted);font-size:13px}.metricValue{margin-top:8px;font-size:28px;line-height:1.1;font-weight:800}.metricValue.warnText,.warnText{color:var(--warning)}.dangerText,.metricValue.dangerText{color:var(--danger)}.metricHint{margin-top:7px;color:var(--ok);font-size:13px}.tableWrap{overflow-x:auto;border:1px solid rgba(203,213,225,.82);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs)}.operationsPanel>.emptyState,.operationsPanel>.formError,.operationsPanel>.loadingState,.operationsPanel>.tableWrap{border:0;border-radius:0;box-shadow:none}table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}td,th{padding:14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}th{font-size:12px;color:var(--muted);background:#f8fafc;text-transform:uppercase;font-weight:750;letter-spacing:.02em;height:46px}.ordersTable table{min-width:980px}.ordersTable tbody tr{transition:background .2s ease}.ordersTable tbody td{background:#fff}.dataTable table{min-width:720px}tr:last-child td{border-bottom:0}.clickableRow{cursor:pointer}.clickableRow:hover td{background:#f6fbfa}.rowActions{display:inline-flex;align-items:center;gap:7px}.rowHint{color:var(--muted);font-size:13px;font-weight:650}.stack{display:grid;grid-gap:4px;gap:4px;min-width:0;white-space:normal}.stack strong{line-height:1.25;overflow-wrap:anywhere}.stack .muted{gap:5px}.stack .muted,.storeBadge{display:inline-flex;align-items:center}.storeBadge{gap:6px;color:var(--text);font-weight:650;min-height:27px;padding:0 9px;border:1px solid #e2e8f0;border-radius:999px;background:#fff}.storeBadge:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--store-color)}.status{display:inline-flex;align-items:center;min-height:27px;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:#f8fafc;font-size:12px;font-weight:700;gap:5px;white-space:nowrap}.status.warn{border-color:#fed7aa;background:#fff7ed;color:var(--warning)}.status.bad{border-color:#fecaca;background:#fef2f2;color:var(--danger)}.status.ok{border-color:#a7f3d0;background:#f0fdf4;color:var(--ok)}.centerScreen{display:grid;place-items:center;min-height:100vh;padding:24px}.loginPanel{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;box-shadow:var(--shadow-soft)}.brand.compact{padding:0 0 14px}.loginPanel label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.loginPanel input{width:100%}.emptyState,.formError,.formSuccess{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px;padding:12px;border-radius:var(--radius-sm);font-size:13px}.formError{border:1px solid #fecaca;background:#fef2f2;color:var(--danger)}.formSuccess{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-weight:800}.emptyState{border:1px dashed var(--line);background:#fff;color:var(--muted);gap:12px;padding:18px}.emptyState svg{color:var(--muted);flex:0 0 auto}.emptyState div{display:grid;grid-gap:3px;gap:3px}.emptyState strong{color:var(--text)}.loadingState{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:18px;box-shadow:var(--shadow-tight)}.loadingStateHeader{display:flex;align-items:center;gap:8px}.skeletonRows{display:grid;grid-gap:8px;gap:8px}.skeletonRows span{height:12px;border-radius:999px;background:linear-gradient(90deg,#eef2f7,#f8fafc 50%,#eef2f7);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.skeletonRows span:nth-child(2){width:78%}.skeletonRows span:nth-child(3){width:56%}.loadingDot{width:24px;height:24px;border-radius:999px;border:3px solid #d0d5dd;border-top:3px solid var(--ink);animation:spin .75s linear infinite}.loadingDot.small{display:inline-block;width:16px;height:16px;border-width:2px;margin-right:8px;vertical-align:-3px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{background-position:-200% 0}}.kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:12px;gap:12px}.boardWide{grid-template-columns:repeat(6,minmax(210px,1fr));overflow-x:auto;padding-bottom:2px}.boardColumn{display:grid;align-content:start;grid-gap:10px;gap:10px;min-height:280px;border:1px solid rgba(203,213,225,.82);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow-xs)}.boardColumnHeader,.sectionHeader,.syncCardHeader{display:flex;justify-content:space-between;gap:10px;align-items:center}.sectionHeader,.syncCardHeader{min-height:32px}.card>.sectionHeader:first-child,.card>.syncCardHeader:first-child{margin-bottom:12px}.boardColumnHeader h2,.sectionHeader h2{margin:0;line-height:1.25}.sectionHeader .status,.syncCardHeader .status{flex:0 0 auto}.ticket{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}.ticket:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08)}.clickableRow,.clickableTicket{cursor:pointer}.clickableRow{transition:background .18s ease,box-shadow .18s ease}.clickableRow:hover{background:#f8fbfa;box-shadow:inset 3px 0 0 var(--accent)}.clickableTicket:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.miniEmpty{border:1px dashed var(--line);border-radius:7px;padding:12px;color:var(--muted);background:#fbfcfe;font-size:13px}.ticket strong{line-height:1.25}.muted{color:var(--muted)}.modalBackdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modalPanel{width:min(940px,100%);max-height:min(90vh,900px);overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28)}.ticketModalPanel{width:min(1120px,100%)}.modalHeader{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfe)}.modalHeader h2{margin:8px 0 6px;font-size:22px}.modalKicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modalBody{display:grid;grid-gap:16px;gap:16px;padding:22px}.ticketModalBody{gap:18px;background:#fbfcfe}.ticketActionRail{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.ticketActionRail button{flex:0 0 auto}.ticketModalGrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:14px;gap:14px;align-items:start}.ticketEditPanel,.ticketSidePanel{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.ticketEditPanel{padding:14px}.ticketSidePanel{display:grid;grid-gap:10px;gap:10px;padding:12px;position:-webkit-sticky;position:sticky;top:92px}.quoteProductBox{display:grid;grid-gap:8px;gap:8px;border:1px solid #cfe2de;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#f3faf8);padding:12px;box-shadow:0 8px 20px rgba(15,118,110,.06)}.quoteProductBox small,.quoteProductBox>span{color:var(--muted);font-size:12px;font-weight:700}.quoteProductBox>span{text-transform:uppercase;letter-spacing:.02em}.quoteProductBox strong{display:flex;align-items:flex-start;gap:7px;line-height:1.3;overflow-wrap:anywhere}.quoteProductBox svg{flex:0 0 auto;color:var(--accent)}.tightHeader{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px;min-width:0;color:var(--muted);font-size:12px;font-weight:750}.field span{text-transform:uppercase;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;min-width:0;color:var(--text);font-weight:500}.compactField{width:150px}.statusField{width:260px}.fullField{grid-column:1/-1}.wideField{grid-column:span 2}.fitCheck{width:-moz-fit-content;width:fit-content;max-width:100%}.actionBar{gap:8px;align-items:center;padding-top:4px}.actionBar,.modalActions{display:flex;flex-wrap:wrap}.modalActions{align-items:flex-end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfcfe}.orderModalActions{justify-content:space-between}.orderModalTools,.orderStatusEditor{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.orderStatusEditor .muted{align-self:center;font-size:13px}.dangerZone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #fecaca;border-radius:var(--radius-sm);background:snow}.dangerZone h2{margin:0 0 4px;font-size:15px}.dangerZone p{margin:0;color:var(--muted);font-size:13px}.dangerZone .field{margin-top:10px}.dangerActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.ticketDeleteZone{margin-top:14px}.ticketDeleteZone .compactConfirmField{max-width:260px}.riskConfirmBox{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px) auto;grid-gap:12px;gap:12px;align-items:end;padding:14px;border:1px solid #fed7aa;border-radius:var(--radius-sm);background:#fff7ed}.riskConfirmBox h2{margin:0 0 4px;color:#7c2d12;font-size:15px}.riskConfirmBox p{margin:0;color:#9a3412;font-size:13px}.compactConfirmField{min-width:0}.stockStepper{display:inline-flex;align-items:center;gap:6px}.stockStepper input{width:72px;text-align:center;font-weight:750}.stockStepper button{min-width:36px}.detailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.detailItem{display:grid;grid-gap:7px;gap:7px;min-height:74px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.detailItem span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.detailItem strong{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere;white-space:normal}.addressBlock{white-space:pre-line}.compactTable{border-radius:7px}.compactTable table{min-width:620px}.inlineLink{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:650;transition:opacity .2s ease}.inlineLink:hover{opacity:.8;text-decoration:underline}.syncGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.syncCard,.syncGrid{display:grid;grid-gap:14px;gap:14px}.syncActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.securityBanner{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;border:1px solid #bbf7d0;border-radius:var(--radius-sm);background:#f0fdf4;color:var(--ok);padding:12px}.securityBanner div{display:grid;grid-gap:2px;gap:2px}.securityBanner span{color:#166534}.infoCard{display:flex;gap:12px;align-items:flex-start}.infoCard>svg{flex:0 0 auto;color:var(--accent)}.sectionGap{margin-top:14px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(203,213,225,.72)}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.navSection{min-width:0}.commerceHero,.dashboardAnalytics,.detailGrid,.formGrid,.grid.metrics,.grid.two,.kanban,.ordersOverview,.syncGrid,.ticketModalGrid{grid-template-columns:1fr}.ticketSidePanel{position:static}.fullField,.wideField{grid-column:auto}.compactField,.dateFilterField,.dateQuickFilter,.filterField,.statusField{width:100%}.dateQuickFilter{justify-content:flex-start;overflow-x:auto}.content{padding:18px}.pageHeader{display:grid}.pageHeaderAction{justify-content:flex-start}.panelHeader{display:grid}.panelHeader .searchBox,.panelHeader .toolbar,.panelHeader select{width:100%}.dangerZone,.orderModalActions,.riskConfirmBox{display:grid;align-items:stretch}.dangerActions,.dangerZone button,.orderStatusEditor,.orderStatusEditor>*,.riskConfirmBox button{width:100%}.grid.metrics,.ordersOverview{grid-template-columns:repeat(2,minmax(0,1fr))}.commerceHero,.dashboardHero{grid-template-columns:1fr}}@media (max-width:640px){.content{padding:16px}.grid.metrics,.ordersOverview,nav{grid-template-columns:1fr}.pageHeaderAction,.pageHeaderAction>*,.searchBox,.toolbar,.toolbar>*,.topStripMeta,select{width:100%}}