:root{--ink:#182033;--muted:#697386;--line:#e2e7f0;--bg:#f5f7fb;--panel:#fff;--green:#315bea;--lime:#dce6ff;--danger:#d84b4b;--shadow:0 14px 38px rgba(32,52,91,.09)}
body{background:#f5f7fb;color:var(--ink)}
.login-page{background:#f5f7fb}.login-art,.hero{background:linear-gradient(145deg,#416ff3 0%,#315bea 55%,#2547bf 100%);color:#fff}.login-art p,.hero p{color:#e8eeff;opacity:.9}.login-art:after,.hero:after{background:#85a4ff;opacity:.24}.brand i{background:#fff;color:#315bea;box-shadow:none}.sidebar{border-right:0;background:#182033;color:#fff;box-shadow:8px 0 30px rgba(20,30,52,.14)}.sidebar .brand{color:#fff}.nav button{border:1px solid transparent;color:#c7d0e2}.nav button .icon{color:#92a2be}.nav button:hover{border-color:#3c465c;background:#242e43;color:#fff}.nav button.active{border-color:#52627e;background:#2d3950;color:#fff;box-shadow:none}.nav button.active .icon{color:#8facff}.nav svg,.mobile-bottom-nav svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav svg{margin:auto}.user-box{border-color:#364157}.user-box b{color:#fff}.user-box small{color:#aebbd0}.logout{color:#c7d0e2}.btn{background:#315bea;color:#fff;box-shadow:0 5px 14px rgba(49,91,234,.18)}.btn:hover{background:#254bc9;filter:none}.btn.lime{background:#fff;color:#2448bd}.btn.ghost{background:#eef2fa;color:#35405a;box-shadow:none}.topbar{background:rgba(245,247,251,.94)}.card{border-color:#e2e7f0;background:#fff;box-shadow:0 5px 20px rgba(32,52,91,.055)}th{background:#f8f9fc}th,td{border-bottom-color:#e8ecf3}.status{background:#edf0f5;color:#5f6879}.status.completed{background:#e6f6ec;color:#267344}.status.shipping{background:#e8efff;color:#3156bd}.status.cancelled,.status.returned{background:#fceaea;color:#ae3838}.bar-track{background:#e9edf5}.bar-fill{background:linear-gradient(90deg,#7797f4,#315bea)}.total-box{background:#edf2ff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6485ed;box-shadow:0 0 0 3px #e7edff}.mobile-logo,.mobile-bottom-nav button.active{background:#e7edff;color:#315bea}.install-button{border-color:#ccd7f5;background:#f3f6ff;color:#315bea}.install-guide{background:#fff}.kpi .value{color:#202a40}.stock-low{color:#c63e3e}.remove{background:#fcecec}.close{background:#eef1f6}.line-item{background:#f7f9fc}.modal-backdrop{background:rgba(18,27,45,.52)}
.product-cell{display:flex;align-items:center;gap:11px;min-width:220px}.product-thumbnail{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border:1px solid #dfe5f0;border-radius:11px;background:#eef2fa;color:#8390a6;font-size:20px}.product-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.product-thumbnail.large{width:104px;height:104px;border-radius:18px;font-size:34px}.product-image-field{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8f9fc}.product-image-field p{margin:5px 0 12px;color:var(--muted);font-size:12px}.file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.variant-section{margin-top:6px;padding-top:18px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.variant-row{margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8f9fc}.variant-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.variant-row-head .remove{height:32px}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}.variant-grid .field{margin-bottom:10px}.variant-stock{grid-column:1/-1;color:var(--muted);font-size:12px}
.variant-image-control{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.variant-image-control .product-thumbnail{flex-basis:52px;width:52px;height:52px}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.row-actions .btn{min-height:36px;padding:7px 12px}
.product-picker{position:relative}.product-picker-control{position:relative}.product-picker .product-search{padding-right:38px;background:#fff}.product-picker-control:after{position:absolute;top:14px;right:14px;color:var(--muted);font-size:13px;pointer-events:none;content:"⌕"}.product-picker-options{position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;max-height:292px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(24,32,51,.18);overscroll-behavior:contain}.product-picker-options[hidden]{display:none}.product-picker-option{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left}.product-picker-option:hover,.product-picker-option:focus{background:#eef2fa;outline:0}.product-picker-option>span:first-child{min-width:0}.product-picker-option b,.product-picker-option small{display:block}.product-picker-option>span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-option small{margin-top:3px;color:var(--muted);font-size:11px}.product-picker-meta{flex:0 0 auto;text-align:right}.product-picker-meta b{color:#315bea;font-size:13px}.product-picker-meta small.stock-low{color:var(--danger)}.product-picker-empty{padding:24px 12px;color:var(--muted);text-align:center}.line-item:has(.product-picker-options:not([hidden])){position:relative;z-index:5}
.cod-scope{display:flex;align-items:end;gap:16px;margin-bottom:18px;padding:16px}.cod-scope .field{min-width:260px;margin:0}.cod-scope small{padding-bottom:13px;color:var(--muted)}.cod-kpis{grid-template-columns:repeat(3,1fr)}