:root{font-family:Segoe UI Variable Text,Be Vietnam Pro,Segoe UI,Arial,sans-serif;color:#10243a;background:#eef5fb;font-synthesis:none;text-rendering:optimizeLegibility;--orange: #f05a18;--orange-dark: #cf450a;--orange-soft: #fff0e8;--navy: #063b75;--navy-dark: #042b55;--navy-soft: #e6f0f9;--white: #ffffff;--ink: #10243a;--muted: #60758a;--canvas: #eef5fb;--surface-subtle: #f7fafc;--border: #d6e2ec;--border-strong: #bfd0df;--green: #147a57;--green-soft: #e9f6f0;--amber: #a94c0c;--amber-soft: #fff3e8;--red: #bd3838;--red-soft: #fff0f0;--shadow-sm: 0 1px 2px rgba(16, 36, 58, .05);--shadow-md: 0 10px 28px rgba(6, 59, 117, .1);--utility-font: "Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid rgba(240,90,24,.3);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:264px;flex-direction:column;overflow:hidden;color:#dce9f5;background:var(--navy-dark);border-right:1px solid rgba(255,255,255,.08)}.heat-strip{position:absolute;inset:0 auto 0 0;width:4px;background:#ffffff17}.heat-strip i{position:absolute;left:0;width:4px;background:var(--orange)}.heat-strip i:nth-child(1){top:0;height:92px}.heat-strip i:nth-child(2){top:99px;height:20px;opacity:.72}.heat-strip i:nth-child(3){top:126px;height:7px;opacity:.38}.sidebar-brand{position:relative;display:flex;min-height:100px;align-items:center;gap:12px;padding:18px 18px 16px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-logo-frame{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;overflow:hidden;background:var(--white);border:1px solid rgba(255,255,255,.25);border-radius:8px}.brand-logo-frame img{width:49px;height:49px;object-fit:contain}.sidebar-brand>div{display:grid;min-width:0;gap:3px}.sidebar-brand strong{overflow:hidden;color:var(--white);font-family:Segoe UI Variable Display,Arial Narrow,sans-serif;font-size:15px;font-weight:750;letter-spacing:.035em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand span{color:#a9c3db;font-size:12px}.sidebar-close{display:none!important;margin-left:auto;color:var(--white)!important}.sidebar-section-label{padding:22px 22px 8px;color:#789bbd;font-family:var(--utility-font);font-size:10px;font-weight:700;letter-spacing:.11em}.sidebar-nav{display:grid;gap:3px;padding:4px 12px}.nav-item{position:relative;display:flex;width:100%;min-height:44px;align-items:center;gap:12px;padding:10px 12px;color:#bcd0e2;background:transparent;border:0;border-radius:6px;font-size:14px;font-weight:560;text-align:left;transition:color .15s ease,background .15s ease}.nav-item:hover{color:var(--white);background:#ffffff0f}.nav-item svg{flex:0 0 auto;color:#8fabc4}.nav-item-active{color:var(--white);background:#ffffff1a}.nav-item-active:before{position:absolute;top:10px;bottom:10px;left:-12px;width:3px;content:"";background:var(--orange)}.nav-item-active svg{color:#ff9c6f}.sidebar-footer{display:grid;gap:3px;margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.09)}.nav-button{font:inherit}.sidebar-backdrop{display:none}.app-main{min-height:100vh;margin-left:264px}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:70px;align-items:center;gap:14px;padding:0 28px;background:#fffffff7;border-bottom:1px solid var(--border);box-shadow:0 1px #063b7505}.topbar-heatline{position:absolute;bottom:-1px;left:28px;width:112px;height:2px;background:var(--orange)}.topbar-title{display:grid;gap:2px}.topbar-title strong{color:var(--ink);font-size:16px;font-weight:720}.topbar-title span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.topbar-title span svg{color:var(--orange)}.topbar-spacer{flex:1}.system-state{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.system-state i,.live-indicator i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px var(--green-soft)}.user-chip{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid var(--border)}.user-avatar{display:grid;width:34px;height:34px;place-items:center;color:var(--white);background:var(--navy);border-radius:7px;font-weight:750}.user-name{max-width:170px;overflow:hidden;color:var(--ink);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{display:none!important}.admin-notification-center{position:relative;display:flex;align-items:center;gap:6px}.new-orders-button,.notification-trigger{position:relative;display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;color:var(--navy);background:var(--white);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:700;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.new-orders-button{padding:0 11px}.notification-trigger{width:38px;padding:0}.new-orders-button:hover,.notification-trigger:hover,.notification-trigger-open{color:var(--orange-dark);background:var(--orange-soft);border-color:#f4b397}.new-orders-button-active{color:var(--orange-dark);border-color:#f4b397;box-shadow:0 0 0 3px #f05a181a}.new-orders-button svg{color:var(--orange)}.new-orders-button b,.notification-badge{display:inline-grid;min-width:19px;height:19px;place-items:center;padding:0 5px;color:var(--white);background:var(--orange);border-radius:10px;font-family:var(--utility-font);font-size:10px;font-weight:800;line-height:1}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--white)}.notification-popover{position:absolute;z-index:50;top:calc(100% + 12px);right:0;display:grid;width:min(400px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 96px));grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;background:var(--white);border:1px solid var(--border-strong);border-radius:9px;box-shadow:0 16px 42px #052a4f33}.notification-popover:before{position:absolute;top:-7px;right:68px;width:12px;height:12px;content:"";background:var(--white);border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);transform:rotate(45deg)}.notification-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 14px;border-bottom:1px solid var(--border)}.notification-popover-header>div{display:grid;gap:4px}.notification-popover-header h2{margin:0;color:var(--ink);font-size:18px;letter-spacing:-.02em}.notification-popover-header p{margin:0;color:var(--muted);font-size:11px}.notification-popover-header .icon-button{width:30px;height:30px}.notification-orders-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 14px 4px;padding:11px;color:var(--ink);background:var(--orange-soft);border:1px solid #f3c0a8;border-radius:7px;text-align:left}.notification-orders-summary:hover{background:#ffe5d7}.notification-orders-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--orange-dark);background:var(--white);border-radius:6px}.notification-orders-summary>span:nth-child(2){display:grid;gap:3px;min-width:0}.notification-orders-summary strong{color:var(--ink);font-size:12px}.notification-orders-summary small{color:var(--muted);font-size:10px}.notification-orders-summary>svg{color:var(--orange-dark)}.notification-list{min-height:0;overflow-y:auto;padding:7px 8px}.notification-item{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 9px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #edf2f6;text-align:left}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--surface-subtle);border-radius:5px}.notification-item-unread{background:#fffaf7}.notification-item-icon{display:grid;width:30px;height:30px;place-items:center;color:var(--navy);background:var(--navy-soft);border-radius:6px}.notification-item-icon-order{color:var(--orange-dark);background:var(--orange-soft)}.notification-item-content{display:grid;min-width:0;gap:3px}.notification-item-content strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.notification-item-content small{color:var(--muted);font-size:11px;line-height:1.4}.notification-item-content time{color:#8a9aa9;font-family:var(--utility-font);font-size:10px}.notification-item>i{width:7px;height:7px;margin-top:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 3px var(--orange-soft)}.notification-empty{display:grid;justify-items:center;gap:7px;padding:34px 18px;color:var(--muted);text-align:center}.notification-empty svg{color:#a9bac8}.notification-empty strong{color:var(--ink);font-size:13px}.notification-empty span{font-size:11px}.notification-popover-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 14px;border-top:1px solid var(--border)}.notification-orders-link,.notification-read-button{display:inline-flex;align-items:center;gap:5px;padding:5px 0;color:var(--navy);background:transparent;border:0;font-size:10px;font-weight:700}.notification-orders-link:hover,.notification-read-button:not(:disabled):hover{color:var(--orange-dark)}.notification-read-button{color:var(--muted)}.notification-read-button:disabled{cursor:not-allowed;opacity:.55}.page-content{width:100%;max-width:1580px;margin:0 auto;padding:30px 32px 48px}.page-stack{display:grid;gap:22px}.new-orders-panel{border-top:3px solid var(--orange)}.new-orders-panel .panel-header{align-items:flex-start}.new-orders-panel-actions{display:flex;align-items:center;gap:16px;padding-top:2px}.new-orders-panel-actions .live-indicator{white-space:nowrap}.new-orders-error{margin:0 20px 18px}.new-orders-empty{display:grid;justify-items:center;gap:6px;padding:28px 18px 32px;color:var(--muted);text-align:center}.new-orders-empty svg{color:#a9bac8}.new-orders-empty strong{color:var(--ink);font-size:13px}.new-orders-empty span{max-width:460px;font-size:11px;line-height:1.5}.page-header{display:flex;min-height:78px;align-items:flex-end;justify-content:space-between;gap:24px}.page-header>div:first-child{display:grid;gap:5px}.page-eyebrow,.panel-kicker,.drawer-header span,.login-heading>span,.login-aside-content>span{color:var(--orange);font-family:var(--utility-font);font-size:10px;font-weight:750;letter-spacing:.11em}.page-header h1{margin:0;color:var(--ink);font-family:Segoe UI Variable Display,Arial Narrow,sans-serif;font-size:clamp(25px,2.4vw,34px);font-weight:760;letter-spacing:-.025em;line-height:1.12}.page-header p,.panel-header p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.page-actions{display:flex;flex-wrap:wrap;gap:9px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:680;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:var(--white);background:var(--orange);border-color:var(--orange)}.button-primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.button-secondary{color:var(--navy);background:var(--white);border-color:var(--border-strong)}.button-secondary:hover{background:var(--navy-soft);border-color:#a7bfd4}.button-ghost{color:var(--muted);background:transparent;border-color:transparent}.button-ghost:hover{color:var(--ink);background:var(--surface-subtle)}.button-danger{color:var(--white);background:var(--red);border-color:var(--red)}.button-block{width:100%}.button-small{min-height:32px;padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;display:flex;min-height:112px;align-items:center;gap:15px;overflow:hidden;padding:20px;background:var(--white);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-sm)}.metric-card:after{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--navy)}.metric-card:nth-child(3):after{background:var(--orange)}.metric-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:7px}.metric-blue{color:var(--navy);background:var(--navy-soft)}.metric-green{color:var(--green);background:var(--green-soft)}.metric-orange{color:var(--orange);background:var(--orange-soft)}.metric-navy{color:var(--navy-dark);background:#dfeaf4}.metric-card>div{display:grid;gap:3px}.metric-card strong{color:var(--ink);font-family:var(--utility-font);font-size:25px;font-weight:760;letter-spacing:-.04em}.metric-card span:last-child{color:var(--muted);font-size:12px;font-weight:600}.content-panel,.nested-panel{background:var(--white);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-sm)}.nested-panel{padding:18px;background:var(--surface-subtle);box-shadow:none}.panel-header{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.nested-panel>.panel-header{min-height:auto;margin-bottom:16px;padding:0 0 14px;background:transparent}.panel-header>div{display:grid;gap:3px}.panel-header h2{margin:0;color:var(--ink);font-size:16px;font-weight:720}.panel-kicker{color:var(--navy);font-size:9px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-size:13px;font-weight:680}.text-link:hover{color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px}.filter-bar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(160px,210px) minmax(150px,190px) auto;gap:10px;align-items:center;padding:14px 16px;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.two-item-filter{grid-template-columns:minmax(260px,1fr) auto}.order-filter{grid-template-columns:minmax(220px,1fr) 220px auto}.live-indicator{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:620}.search-control,.input-with-icon{position:relative;display:flex;align-items:center}.search-control svg,.input-with-icon>svg{position:absolute;left:12px;z-index:1;color:#7890a6;pointer-events:none}.search-control input,.input-with-icon input{width:100%;padding-left:39px}input,select,textarea{width:100%;min-height:40px;padding:9px 11px;color:var(--ink);background:var(--white);border:1px solid var(--border-strong);border-radius:5px;outline:0;transition:border-color .14s ease,box-shadow .14s ease}textarea{min-height:94px;resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#8a9cad}input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #063b751a}input[readonly],textarea[readonly]{color:#496075;background:#f3f7fa}.result-count{justify-self:end;color:var(--muted);font-family:var(--utility-font);font-size:11px;font-weight:650;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 16px;background:var(--surface-subtle);border-top:1px solid var(--border)}.pagination-bar>span{min-width:66px;color:var(--muted);font-family:var(--utility-font);font-size:11px;font-weight:700;text-align:center}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid #e5edf4}.data-table th{color:#63788c;background:#fbfdff;font-family:var(--utility-font);font-size:10px;font-weight:720;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.data-table td{color:#294057;font-size:13px}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f7fbfe}.data-table tbody tr:last-child td{border-bottom:0}.compact-table td{padding-block:12px}.actions-column{width:116px;text-align:right!important}.product-cell,.store-cell{display:flex;min-width:210px;align-items:center;gap:11px}.product-thumb,.store-cell>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--navy);background:var(--navy-soft);border:1px solid #cfdeeb;border-radius:6px}.avatar-thumb{border-radius:50%}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-cell>div,.store-cell>div,.price-cell{display:grid;gap:3px}.product-cell strong,.store-cell strong,.price-cell strong{color:var(--ink);font-weight:680}.product-cell span,.store-cell small,.price-cell span{color:var(--muted);font-size:11px}.utility-text,.utility-input,.order-code{font-family:var(--utility-font)!important}.order-code{color:var(--navy);font-size:12px;letter-spacing:.02em}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;padding:0;color:var(--navy);background:transparent;border:1px solid transparent;border-radius:5px}.icon-button:hover{background:var(--navy-soft);border-color:#c7d9e8}.icon-danger{color:var(--red)}.icon-danger:hover{background:var(--red-soft);border-color:#f0caca}.status{display:inline-flex;min-height:25px;align-items:center;padding:4px 8px;border-radius:4px;font-family:var(--utility-font);font-size:10px;font-weight:720;white-space:nowrap}.status-active{color:var(--green);background:var(--green-soft)}.status-warning{color:var(--amber);background:var(--amber-soft)}.status-danger{color:var(--red);background:var(--red-soft)}.status-muted{color:#657788;background:#edf2f6}.integration-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px;background:var(--white);border:1px solid var(--border);border-left-width:4px;border-radius:9px;box-shadow:var(--shadow-sm)}.integration-ready{border-left-color:var(--green)}.integration-not-ready{border-left-color:var(--orange)}.integration-summary-icon{display:grid;width:44px;height:44px;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:8px}.integration-ready .integration-summary-icon{color:var(--green);background:var(--green-soft)}.integration-summary>div{display:grid;gap:4px;min-width:0}.integration-summary strong{color:var(--ink);font-size:15px}.integration-summary span,.integration-summary small{color:var(--muted);font-size:12px;line-height:1.5}.integration-summary>small{white-space:nowrap}.tiha-event-cell{display:grid;min-width:220px;gap:3px}.tiha-event-cell strong{color:var(--ink)}.tiha-event-cell small{color:var(--muted);font-family:var(--utility-font);font-size:10px;overflow-wrap:anywhere}.tiha-empty-state{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;padding:28px;color:var(--muted);text-align:center}.tiha-empty-state svg{color:var(--navy)}.tiha-empty-state strong{color:var(--ink);font-size:14px}.tiha-empty-state span{font-size:12px}.empty-state{display:grid;min-height:300px;place-items:center;align-content:center;gap:8px;padding:36px;text-align:center}.empty-icon{display:grid;width:48px;height:48px;place-items:center;color:var(--navy);background:var(--navy-soft);border:1px solid #ccdeed;border-radius:8px}.empty-state h3{margin:6px 0 0;color:var(--ink);font-size:16px}.empty-state p{max-width:440px;margin:0 0 9px;color:var(--muted);font-size:13px;line-height:1.55}.loading-state{display:flex;min-height:280px;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px;font-weight:620}.loading-mark{width:18px;height:18px;border:2px solid #cad8e4;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.screen-loader{display:grid;min-height:100vh;place-items:center;background:var(--canvas)}.error-state{padding:22px;color:var(--red);background:var(--red-soft);border:1px solid #f0caca;border-radius:7px;font-size:13px}.query-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 16px;padding:13px 14px;color:var(--red);background:var(--red-soft);border:1px solid #f0caca;border-radius:6px}.query-error>div{display:grid;gap:3px}.query-error strong{font-size:13px}.query-error span{font-size:12px;line-height:1.45}.drawer-layer,.dialog-layer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end}.drawer-backdrop,.dialog-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#04192e80;border:0}.drawer{position:relative;z-index:1;display:flex;width:min(650px,100%);height:100%;flex-direction:column;background:var(--white);box-shadow:-18px 0 45px #042b552e}.drawer-header{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px 14px 23px;border-bottom:1px solid var(--border);border-left:4px solid var(--orange)}.drawer-header>div{display:grid;gap:4px}.drawer-header h2{margin:0;color:var(--ink);font-size:19px;font-weight:740}.drawer-body{flex:1;overflow-y:auto;padding:22px}.drawer-footer{display:flex;min-height:68px;align-items:center;justify-content:flex-end;gap:9px;padding:12px 20px;background:var(--surface-subtle);border-top:1px solid var(--border)}.dialog-layer{align-items:center;justify-content:center;padding:20px}.confirm-dialog{position:relative;z-index:1;width:min(420px,100%);padding:25px;background:var(--white);border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:8px;box-shadow:var(--shadow-md)}.dialog-warning{display:grid;width:43px;height:43px;place-items:center;color:var(--amber);background:var(--amber-soft);border-radius:7px}.confirm-dialog h2{margin:16px 0 7px;color:var(--ink);font-size:19px}.confirm-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px}.form-stack{display:grid;gap:17px}.form-grid{display:grid;gap:12px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:620}.field>span:first-child,.field-label{color:#344c63;font-size:12px;font-weight:680}.field b{color:var(--orange)}.field-error{color:var(--red);font-size:11px;font-weight:550}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix input{padding-right:38px}.input-suffix em{position:absolute;right:12px;color:var(--muted);font-style:normal;font-weight:650}.password-toggle{position:absolute;right:4px;display:grid;width:34px;height:34px;place-items:center;padding:0;color:var(--muted);background:transparent;border:0;border-radius:4px}.password-toggle:hover{color:var(--navy);background:var(--navy-soft)}.input-with-icon input{padding-right:42px}.image-field{display:grid;gap:8px}.image-editor{display:flex;gap:16px;padding:14px;background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:7px}.image-preview{display:grid;width:116px;height:116px;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--navy);background:var(--white);border:1px solid var(--border);border-radius:7px}.image-preview img{width:100%;height:100%;object-fit:cover}.category-preview{border-radius:50%}.image-actions{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:8px}.image-actions small{flex-basis:100%;color:var(--muted);font-size:11px}.switch-list{display:grid;overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px}.switch-row{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border)}.switch-row:last-child{border-bottom:0}.switch-row>span{display:grid;gap:3px}.switch-row strong{color:var(--ink);font-size:13px}.switch-row small{color:var(--muted);font-size:11px;font-weight:500}.switch-row input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0}.switch-row i{position:relative;width:40px;height:22px;flex:0 0 auto;background:#b9c7d3;border-radius:12px;transition:background .15s ease}.switch-row i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;content:"";background:var(--white);border-radius:50%;box-shadow:0 1px 3px #10243a40;transition:transform .15s ease}.switch-row input:checked+i{background:var(--navy)}.switch-row input:checked+i:after{transform:translate(18px)}.switch-row input:focus-visible+i{outline:3px solid rgba(240,90,24,.3);outline-offset:2px}.inline-progress{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:12px;font-weight:650}.settings-hint{display:grid;gap:4px;padding:13px 14px;color:#456078;background:var(--navy-soft);border-left:3px solid var(--navy);border-radius:4px}.settings-hint strong{color:var(--ink);font-size:13px}.settings-hint span{font-size:12px;line-height:1.55}.total-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--navy-dark);border-radius:7px;color:var(--white)}.total-row span{font-size:12px}.total-row strong{font-family:var(--utility-font);font-size:18px}.order-timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:11px;min-height:62px}.timeline-item>i{position:relative;z-index:1;width:9px;height:9px;margin-top:5px;background:var(--orange);border:2px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px #ffd2bd}.timeline-item:not(:last-child):before{position:absolute;top:13px;bottom:-2px;left:4px;width:1px;content:"";background:var(--border-strong)}.timeline-item>div{display:grid;align-content:start;gap:3px}.timeline-item strong{color:var(--ink);font-size:13px}.timeline-item span,.timeline-item small{color:var(--muted);font-size:11px}.business-profile-panel{overflow:hidden}.business-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px}.business-fact{display:flex;min-width:0;gap:10px;padding:13px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px}.business-fact>svg{flex:0 0 auto;color:var(--orange)}.business-fact>span{display:grid;min-width:0;gap:4px}.business-fact small{color:var(--muted);font-size:10px;font-weight:680;text-transform:uppercase;letter-spacing:.04em}.business-fact strong{color:var(--ink);font-size:12px;line-height:1.45}.business-fact em{color:var(--muted);font-size:11px;font-style:normal}.business-area-row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;padding:0 20px 20px}.business-area-row>strong{padding-top:5px;color:var(--ink);font-size:12px}.business-area-row>div{display:flex;flex-wrap:wrap;gap:6px}.business-area-row span{padding:5px 8px;color:var(--navy);background:var(--navy-soft);border-radius:4px;font-size:11px;font-weight:650}.settings-grid{display:grid;grid-template-columns:minmax(0,720px)}.settings-card{padding-bottom:22px}.settings-form{padding:20px}.settings-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:7px}.platform-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;color:var(--white);background:linear-gradient(118deg,var(--navy-dark),#075392 64%,#0b6aa8);border:1px solid #0b548c;border-left:4px solid var(--orange);border-radius:9px;box-shadow:var(--shadow-md)}.platform-hero-brand{display:flex;min-width:0;align-items:center;gap:15px}.platform-logo{display:grid;width:60px;height:60px;flex:0 0 auto;place-items:center;overflow:hidden;background:var(--white);border-radius:8px}.platform-logo img{width:54px;height:54px;object-fit:contain}.platform-hero h2{margin:3px 0 4px;color:var(--white);font-size:22px;letter-spacing:-.02em}.platform-hero p{margin:0;color:#c8dced;font-size:12px;line-height:1.5}.platform-hero .panel-kicker{color:#ffab83}.platform-hero-meta{display:grid;justify-items:end;gap:9px;text-align:right}.platform-hero-meta .utility-text{color:#c8dced;font-size:10px}.platform-hero .status-active{color:#d9f9e8;background:#21b87d33;border:1px solid rgba(173,244,210,.28)}.platform-hero .status-danger{color:#ffe1df;background:#bd383840;border:1px solid rgba(255,198,195,.28)}.platform-hero .status-muted{color:#dce9f5;background:#ffffff1f}.platform-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.platform-columns>.content-panel{min-width:0;overflow:hidden}.platform-definition-list{display:grid;gap:0;padding:4px 20px 16px}.platform-definition-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5edf4}.platform-definition-list>div:last-child{border-bottom:0}.platform-definition-list span{color:var(--muted);font-size:12px}.platform-definition-list strong{color:var(--ink);font-size:12px;text-align:right}.platform-note{margin:0 20px 20px}.platform-link-list{display:grid;gap:8px;padding:16px 20px 20px}.platform-link-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;color:var(--ink);background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;transition:border-color .14s ease,background .14s ease,transform .14s ease}.platform-link-card:hover{background:var(--navy-soft);border-color:#a9bfd2;transform:translate(2px)}.platform-link-card>svg{color:var(--muted)}.platform-link-card>span:nth-child(2){display:grid;min-width:0;gap:3px}.platform-link-card strong{color:var(--ink);font-size:12px}.platform-link-card small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.platform-link-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--navy);background:var(--white);border:1px solid var(--border);border-radius:6px}.platform-check-list{display:grid;padding:6px 20px 8px}.platform-check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:65px;border-bottom:1px solid #e5edf4}.platform-check-row:last-child{border-bottom:0}.platform-check-row>div{display:grid;min-width:0;gap:3px}.platform-check-row strong{color:var(--ink);font-size:13px}.platform-check-row small{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.platform-check-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--navy);background:var(--navy-soft);border-radius:6px}.platform-check-row .status{display:inline-flex;align-items:center;gap:5px}.platform-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 20px 4px}.platform-stat-card{display:grid;min-height:74px;align-content:space-between;gap:8px;padding:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px}.platform-stat-card span{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.platform-stat-card strong{overflow:hidden;color:var(--ink);font-family:var(--utility-font);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.panel-subheading{display:grid;gap:3px;padding:4px 20px 0}.panel-subheading .panel-kicker{color:var(--muted)}.panel-subheading strong{color:var(--ink);font-size:13px}.platform-internal-links{padding-top:10px}.platform-updated{padding:11px 20px 15px;color:var(--muted);font-family:var(--utility-font);font-size:10px}.platform-capability-list{display:grid;gap:0;padding:8px 20px 18px}.platform-capability-list>div{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #e5edf4}.platform-capability-list>div:last-child{border-bottom:0}.platform-capability-list>div>svg{flex:0 0 auto;margin-top:1px;color:var(--green)}.platform-capability-list span{display:grid;gap:3px}.platform-capability-list strong{color:var(--ink);font-size:12px}.platform-capability-list small{color:var(--muted);font-size:11px;line-height:1.5}.platform-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px;color:var(--navy);font-size:11px;font-weight:700}.platform-flow span{padding:8px 9px;background:var(--navy-soft);border:1px solid #cbddea;border-radius:5px}.platform-flow i{color:var(--orange);font-size:16px;font-style:normal;font-weight:800}.platform-columns .settings-hint{margin:0 20px 20px}.customer-profile-card{display:flex;align-items:center;gap:13px;padding:14px;background:var(--navy-dark);border-left:4px solid var(--orange);border-radius:7px}.profile-avatar{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--navy);background:var(--white);border-radius:50%}.profile-avatar img{width:100%;height:100%;object-fit:cover}.customer-profile-card>div{display:grid;gap:3px;color:#c9dced}.customer-profile-card strong{color:var(--white)}.customer-profile-card span,.customer-profile-card small{font-size:11px}.address-list,.customer-order-list{display:grid;gap:8px}.address-card,.customer-order-card{padding:12px;background:var(--white);border:1px solid var(--border);border-radius:6px}.address-card>div{display:grid;gap:4px}.address-card strong{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px}.address-card strong em{padding:2px 5px;color:var(--orange-dark);background:var(--orange-soft);border-radius:3px;font-size:9px;font-style:normal;text-transform:uppercase}.address-card span,.address-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.customer-order-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-order-card>div{display:grid;gap:4px}.customer-order-card small{color:var(--muted);font-size:11px}.customer-order-card>strong{color:var(--ink);font-family:var(--utility-font);font-size:12px}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,46%) 1fr;background:var(--white)}.login-panel{display:flex;width:min(470px,100%);min-height:100vh;flex-direction:column;justify-content:center;justify-self:center;padding:44px 48px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:54px}.login-logo{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm)}.login-logo img{width:54px;height:54px;object-fit:contain}.login-brand>div{display:grid;gap:2px}.login-brand strong{color:var(--navy);font-family:Segoe UI Variable Display,Arial Narrow,sans-serif;font-size:16px;font-weight:780;letter-spacing:.035em}.login-brand span{color:var(--muted);font-size:11px}.login-heading{display:grid;gap:8px;margin-bottom:24px}.login-heading h1{margin:0;color:var(--ink);font-size:31px;font-weight:760;letter-spacing:-.025em}.login-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.login-form{display:grid;gap:16px}.form-alert{padding:10px 12px;color:var(--red);background:var(--red-soft);border:1px solid #efcaca;border-radius:5px;font-size:12px}.login-security{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--muted);font-size:11px}.login-security svg{color:var(--green)}.login-aside{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:var(--navy-dark)}.login-aside:before,.login-aside:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.07);border-radius:50%}.login-aside:before{width:520px;height:520px;right:-210px;bottom:-210px}.login-aside:after{width:300px;height:300px;right:-100px;bottom:-100px}.login-heat-stripe{position:absolute;inset:0 auto 0 0;width:5px;background:#ffffff14}.login-heat-stripe i{position:absolute;left:0;width:5px;background:var(--orange)}.login-heat-stripe i:nth-child(1){top:0;height:32%}.login-heat-stripe i:nth-child(2){top:33%;height:40px;opacity:.65}.login-heat-stripe i:nth-child(3){top:calc(33% + 48px);height:10px;opacity:.35}.login-aside-content{position:relative;z-index:1;display:grid;width:min(460px,72%);justify-items:start;gap:16px}.login-aside-content img{width:240px;max-height:126px;padding:14px 18px;object-fit:contain;background:var(--white);border-radius:8px}.login-aside-content>span{color:#ff9e73}.login-aside-content p{max-width:430px;margin:0;color:var(--white);font-family:Segoe UI Variable Display,Arial Narrow,sans-serif;font-size:clamp(28px,3.4vw,45px);font-weight:690;letter-spacing:-.035em;line-height:1.18}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-summary-grid{grid-template-columns:1fr 1fr}.business-fact:last-child{grid-column:1 / -1}.page-content{padding-inline:24px}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .18s ease}.sidebar-open{transform:translate(0);box-shadow:18px 0 45px #042b5538}.sidebar-close{display:grid!important}.sidebar-backdrop{position:fixed;inset:0;z-index:25;display:block;width:100%;height:100%;background:#04192e7a;border:0}.app-main{margin-left:0}.mobile-menu{display:grid!important}.topbar{padding-inline:18px}.topbar-heatline{left:18px}.system-state,.new-orders-button span{display:none}.new-orders-button{width:38px;padding:0}.page-content{padding:24px 18px 40px}.login-page{grid-template-columns:1fr}.login-panel{width:min(500px,100%);padding:34px 30px}.login-aside{display:none}}@media(max-width:700px){.integration-summary{grid-template-columns:auto minmax(0,1fr)}.integration-summary>small{grid-column:2}.page-header{align-items:stretch;flex-direction:column}.page-actions{width:100%}.page-actions .button{flex:1}.new-orders-panel .panel-header{align-items:stretch;flex-direction:column}.new-orders-panel-actions{justify-content:space-between;padding-top:0}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-card{min-height:88px;padding:15px}.filter-bar,.two-item-filter,.order-filter{grid-template-columns:1fr}.result-count{justify-self:start}.query-error{align-items:stretch;flex-direction:column}.pagination-bar{justify-content:stretch}.pagination-bar .button{flex:1}.business-summary-grid{grid-template-columns:1fr;padding:14px}.business-fact:last-child{grid-column:auto}.business-area-row{grid-template-columns:1fr;padding-inline:14px}.two-columns,.platform-columns{grid-template-columns:1fr}.platform-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-hero{align-items:flex-start;flex-direction:column}.platform-hero-meta{justify-items:start;text-align:left}.platform-definition-list>div{align-items:flex-start;flex-direction:column;gap:4px}.platform-definition-list strong{text-align:left}.platform-check-row{grid-template-columns:auto minmax(0,1fr);padding:9px 0}.platform-check-row>.status{grid-column:2;justify-self:start}.platform-check-row small{white-space:normal}.user-name{display:none}.user-chip{padding-left:10px}.notification-popover{position:fixed;top:76px;right:12px}.topbar-title span{display:none}.drawer-body{padding:16px}.image-editor{align-items:flex-start;flex-direction:column}.image-preview{width:100%;height:180px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tbody{display:grid;gap:10px;padding:12px}.data-table tr{overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:7px}.data-table tbody tr:hover{background:var(--white)}.data-table td{display:grid;grid-template-columns:minmax(90px,34%) 1fr;gap:12px;align-items:center;padding:10px 12px;text-align:right;border-bottom:1px solid var(--border)}.data-table td:before{content:attr(data-label);color:var(--muted);font-family:var(--utility-font);font-size:9px;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table td:last-child{border-bottom:0}.product-cell,.store-cell{min-width:0;text-align:left}.price-cell{justify-items:end}.row-actions{justify-content:flex-end}}@media(max-width:460px){.page-content,.topbar{padding-inline:12px}.topbar-heatline{left:12px;width:72px}.page-header h1{font-size:25px}.page-actions{display:grid;grid-template-columns:1fr}.drawer-footer{flex-wrap:wrap}.drawer-footer .button{flex:1}.login-panel{padding:26px 20px}.login-brand{margin-bottom:38px}.login-heading h1{font-size:27px}.business-area-row{padding-bottom:14px}}