:root{--bg: #f3f5f9;--surface: #ffffff;--surface-2: #eef2f7;--text: #0f172a;--text-soft: #475569;--border: #d8dee9;--accent: #0f766e;--accent-2: #0b5f57;--danger: #b91c1c;--danger-soft: #fee2e2;--ok: #15803d;--warn: #b45309;--radius: 14px;--mobile-bottom-nav-height: 104px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overscroll-behavior-x:none}body{min-width:320px;font-family:Segoe UI,Tahoma,Arial,sans-serif;color:var(--text);overflow-x:hidden;background:radial-gradient(circle at 0% 0%,#d6f1eb 0,transparent 36%),radial-gradient(circle at 100% 0%,#d6e7f8 0,transparent 34%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{width:min(900px,100%);margin:0 auto;padding:10px 10px calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));display:grid;gap:10px}.topbar{position:fixed;top:calc(env(safe-area-inset-top,0) + 8px);left:50%;transform:translate(-50%);width:min(900px,calc(100% - 20px));z-index:30;display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-wrap{min-width:0;display:grid;gap:2px}.brand-title{margin:0;font-size:1.04rem;font-weight:700}.brand-subtitle{margin:0;font-size:.8rem;color:var(--text-soft)}.topbar-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap}.logout-btn,.btn{border:1px solid #94a3b8;border-radius:10px;background:linear-gradient(180deg,#fff,#e2e8f0);color:#0f172a;font-weight:700;padding:10px 12px;cursor:pointer;transition:.18s ease}.logout-btn:hover,.btn:hover{transform:translateY(-1px);border-color:#64748b;box-shadow:0 6px 16px #0f172a1f}.logout-btn:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.zoom-panel{display:inline-flex;align-items:center;gap:4px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:3px}.zoom-btn{min-width:42px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#0f172a;font-weight:700;padding:7px 8px;cursor:pointer}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-btn-reset{min-width:56px;border-color:#0f766e;color:#0f766e}.btn-primary{border-color:#0f766e;background:linear-gradient(180deg,#14b8a6,#0f766e);color:#fff}.btn-primary:hover{border-color:#0b5f57;background:linear-gradient(180deg,#0fb7a0,#0b5f57)}.btn-danger{border-color:#dc2626;background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}.btn-copy{border-color:#1d4ed8;background:linear-gradient(180deg,#60a5fa,#1d4ed8);color:#fff}.btn-new{border-color:#2563eb;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.btn-packing{border-color:#7c3aed;background:linear-gradient(180deg,#a78bfa,#7c3aed);color:#fff}.btn-assembled{border-color:#6d28d9;background:linear-gradient(180deg,#8b5cf6,#6d28d9);color:#fff}.btn-courier{border-color:#ea580c;background:linear-gradient(180deg,#fb923c,#ea580c);color:#fff}.btn-handover{border-color:#b45309;background:linear-gradient(180deg,#fbbf24,#b45309);color:#fff}.btn-ready{border-color:#0891b2;background:linear-gradient(180deg,#22d3ee,#0891b2);color:#fff}.btn-issued{border-color:#15803d;background:linear-gradient(180deg,#4ade80,#15803d);color:#fff}.btn-delivered{border-color:#166534;background:linear-gradient(180deg,#4ade80,#166534);color:#fff}.btn-cancelled{border-color:#b91c1c;background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff}.btn-default{border-color:#475569;background:linear-gradient(180deg,#64748b,#475569);color:#fff}.section-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:6px;overflow-x:auto;padding-bottom:calc(2px + env(safe-area-inset-bottom))}.section-link{display:grid;justify-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:12px;padding:8px;background:linear-gradient(180deg,#fff,#f1f5f9);font-size:.8rem;color:#1e293b;white-space:normal;transition:.18s ease;cursor:pointer}.section-link:hover{transform:translateY(-1px);border-color:#94a3b8;box-shadow:0 6px 14px #0f172a1f}.nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#fff}.nav-label{font-weight:700;letter-spacing:.01em;text-align:center;line-height:1.05}.section-link.active{border-color:#334155;box-shadow:0 8px 16px #0f172a24}.section-tool{border-color:#94a3b8}.section-tool:disabled{opacity:.5;cursor:not-allowed}.section-tool-muted{border-color:#94a3b8}.section-tool-danger{border-color:#ef4444;background:linear-gradient(180deg,#fff1f2,#ffe4e6)}.nav-icon-tool{background:linear-gradient(180deg,#334155,#1e293b)}.nav-icon-danger{background:linear-gradient(180deg,#ef4444,#b91c1c)}.section-link-dashboard .nav-icon{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.section-link-products .nav-icon{background:linear-gradient(180deg,#16a34a,#15803d)}.section-link-orders .nav-icon{background:linear-gradient(180deg,#f97316,#ea580c)}.section-link-qr .nav-icon{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.section-link-stock .nav-icon{background:linear-gradient(180deg,#7c3aed,#6d28d9)}.section-link-inventory .nav-icon{background:linear-gradient(180deg,#059669,#047857)}.section-link-access .nav-icon{background:linear-gradient(180deg,#64748b,#475569)}.section-link-clients .nav-icon{background:linear-gradient(180deg,#0f766e 0% 100%)}.section-nav-mobile{position:fixed;left:0;right:0;bottom:0;z-index:25;min-height:var(--mobile-bottom-nav-height);padding:6px 8px calc(8px + env(safe-area-inset-bottom));display:grid;gap:6px;background:linear-gradient(180deg,#f3f5f9eb,#e9eef7f5);border-top:1px solid #cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-nav-mobile.collapsed .section-nav-buttons{display:none}.section-nav-mobile.collapsed{left:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:0;width:auto;padding:0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.section-nav-buttons{width:100%}.nav-collapse-toggle{justify-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid #94a3b8;border-radius:999px;background:linear-gradient(180deg,#fff,#e2e8f0);color:#0f172a;font-weight:700;padding:6px 12px;box-shadow:0 8px 16px #0f172a29}.nav-collapse-icon{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:.62rem;background:#0f766e;color:#fff;font-weight:800}.nav-collapse-label{font-size:.76rem}.content-shell{min-height:calc(100vh - var(--mobile-bottom-nav-height) - env(safe-area-inset-bottom) - 24px)}.page{margin-top:0;display:grid;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.card-title{margin:0 0 6px;font-size:1rem}.muted{margin:0;color:var(--text-soft);font-size:.9rem}.grid{display:grid;gap:10px}.grid-2{grid-template-columns:repeat(1,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:10px}.metric.metric-danger{border-color:#ef4444;background:linear-gradient(180deg,#fee2e2,#fff1f2)}.metric-label{margin:0;color:var(--text-soft);font-size:.8rem}.metric-value{margin:4px 0 0;font-weight:800;font-size:1.3rem}.metric.metric-summary-new{border-color:#14532d;background:linear-gradient(180deg,#ecfdf5,#f7fff9)}.metric.metric-summary-issued{border-color:#9a3412;background:linear-gradient(180deg,#fff7ed,#fffdfa)}.metric.metric-summary-total-orders{border-color:#1d4ed8;background:linear-gradient(180deg,#eff6ff,#f8fbff)}.metric.metric-summary-low{background:linear-gradient(180deg,#fff1f2,#fff8f8)}.metric-emphasis-new{color:#14532d;font-weight:800}.metric-emphasis-issued{color:#9a3412;font-weight:800}.orders-found-count{font-weight:700}.orders-found-count-ok{color:#14532d}.orders-found-count-empty{color:#9a3412}.orders-found-count-value{font-weight:800}.orders-not-found{color:#9a3412;font-weight:700}.stock-low-value{color:#b91c1c;font-weight:800}.stock-medium-value{color:#9a3412;font-weight:700}.stock-ok-value{color:#166534;font-weight:700}.product-price-value{color:#1d4ed8;font-weight:700}.metric-caption{margin-top:6px;font-size:.78rem}.metric-date-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.metric.metric-with-action{position:relative;display:flex;flex-direction:column;min-height:172px}.metric-action-row{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end}.metric-action-btn{width:170px;max-width:100%;min-height:42px;justify-content:center;font-size:.95rem;padding:8px 12px}.low-stock-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.dashboard-control-row{display:grid;gap:10px;align-items:center}.dashboard-cta{height:48px;font-size:.95rem}.panel-modal-overlay{position:fixed;inset:0;z-index:40;background:#0f172a8c;display:grid;place-items:center;padding:14px}.panel-modal{width:min(960px,100%);max-height:92vh;overflow:auto;display:grid;gap:10px}.panel-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.journal-entry{border-left:6px solid #94a3b8}.journal-entry-order{border-left-color:#2563eb}.journal-entry-movement{border-left-color:#7c3aed}.field{display:grid;gap:6px}.field label{font-size:.84rem;color:var(--text-soft)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.status-filter-dropdown{position:relative}.status-filter-trigger{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.status-filter-trigger:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.status-filter-caret{color:#334155;font-size:.82rem}.status-filter-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:grid;gap:4px;padding:6px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 12px 30px #0f172a2e;max-height:320px;overflow:auto}.status-filter-option{width:100%;border:1px solid transparent;border-radius:10px;background:#fff;color:#0f172a;cursor:pointer;text-align:left;padding:8px 10px}.status-filter-option:hover{background:#f8fafc;border-color:#e2e8f0}.status-filter-option-active{background:#eff6ff;border-color:#bfdbfe}.status-filter-option-content{display:inline-flex;align-items:center;gap:8px}.status-filter-count{min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;font-size:.72rem;font-weight:700;line-height:1}.status-filter-count-placeholder{background:transparent;color:transparent}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex:1 1 150px}.row.row-compact>*{flex:0 0 auto}.inventory-head-row{align-items:flex-end}.inventory-head-row>.field{min-width:0;flex:1 1 260px}.inventory-head-refresh-btn{height:42px;flex:0 0 220px;align-self:flex-end}.list{display:grid;gap:10px}.orders-grid{display:grid;gap:12px}.order-status-section{padding:14px;background:linear-gradient(180deg,#fff,#f9fbff)}.order-status-section.order-section-new{background:linear-gradient(180deg,#eff6ff,#fff)}.order-status-section.order-section-packing{background:linear-gradient(180deg,#f5f3ff,#fff)}.order-status-section.order-section-assembled{background:linear-gradient(180deg,#f3e8ff,#fff)}.order-status-section.order-section-courier{background:linear-gradient(180deg,#fff7ed,#fff)}.order-status-section.order-section-handover{background:linear-gradient(180deg,#fef3c7,#fff)}.order-status-section.order-section-ready{background:linear-gradient(180deg,#ecfeff,#fff)}.order-status-section.order-section-issued{background:linear-gradient(180deg,#f0fdf4,#fff)}.order-status-section.order-section-delivered{background:linear-gradient(180deg,#dcfce7,#fff)}.order-status-section.order-section-cancelled{background:linear-gradient(180deg,#fef2f2,#fff)}.order-status-section.order-section-default{background:linear-gradient(180deg,#f1f5f9,#fff)}.order-status-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-stack{display:grid;gap:12px}.order-filters{display:grid;gap:8px;align-items:end}.order-filters .field{min-width:0}.order-filters>.btn{height:44px;align-self:end}.order-delivery-global{display:grid;gap:8px;align-items:end;margin-top:8px;padding:10px;border:1px solid #d7e3ff;border-radius:12px;background:#f8fbff}.order-delivery-global .field{min-width:0}.order-delivery-global>.btn{height:44px;align-self:end}.clients-filters{display:grid;gap:8px;align-items:end}.clients-filters>.btn{height:44px;align-self:end}.clients-summary{margin-top:8px;padding:10px 12px;border:1px solid #dbe7f5;border-radius:12px;background:#f8fbff;display:flex;flex-wrap:wrap;gap:12px}.clients-summary-item strong{color:#0f3d6b}.clients-grid{display:grid;gap:12px}.client-card{display:grid;gap:10px;border:1px solid #d7e5f7;background:linear-gradient(180deg,#fff,#f9fcff)}.client-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.client-title-wrap{display:grid;gap:2px}.client-name{margin:0;font-size:1rem}.client-meta{font-size:.82rem}.client-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.client-kpi-row{display:grid;gap:8px}.client-kpi{background:#fff}.client-kpi strong{font-size:1.05rem}.client-kpi small{margin-top:2px;display:block}.client-products-block{display:grid;gap:6px}.client-products-title{margin:0;font-size:.95rem}.client-products-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.client-product-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border:1px solid #e7edf7;background:#fff;border-radius:10px;padding:8px 10px}.client-product-name{font-weight:600}.client-product-meta{color:#475569;font-size:.84rem}.client-products-details{border-top:1px dashed #d8e2ef;padding-top:8px}.client-products-details>summary{cursor:pointer;font-weight:700;color:#0f172a}.client-products-list-all{margin-top:8px}.order-cart-metric{margin-top:8px;padding:10px 12px;border:1px solid #d8e3d1;border-radius:12px;background:#f6fbf4;display:flex;align-items:center;justify-content:space-between;gap:10px}.order-cart-metric-label{color:#36511d;font-weight:600}.order-cart-metric-value{min-width:42px;text-align:center;font-size:18px;font-weight:800;color:#244b16}.order-cart-metric-value-alert{color:#b42318}.order-card{border:2px solid var(--border);border-left-width:8px;border-radius:12px;padding:12px;background:#fff;display:grid;gap:10px}.order-accent-0{border-left-color:#0369a1}.order-accent-1{border-left-color:#0f766e}.order-accent-2{border-left-color:#b45309}.order-accent-3{border-left-color:#7c3aed}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-identity{display:grid;gap:4px}.order-id-badge{margin:0;display:inline-flex;width:fit-content;border-radius:999px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;font-size:.78rem;font-weight:700;padding:3px 10px}.order-isolation-note{margin:0;font-size:.84rem;color:#334155;font-weight:700}.order-address-ok{color:#0f172a;font-weight:600}.order-delivery-time{color:#b91c1c;font-weight:800}.order-address-missing{color:#c2410c;font-weight:700}.order-payment-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.order-customer-phone-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.order-phone-copy-btn{border:1px dashed #1d4ed8;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:700;padding:2px 10px;cursor:pointer}.order-phone-copy-btn:hover{background:#dbeafe}.order-phone-copied-note{color:#166534;font-size:.78rem;font-weight:700}.order-payment-label{color:#111;font-weight:800}.order-payment-value{color:#6d28d9;font-weight:800}.order-payment-total{color:#0f766e;font-weight:900}.order-payment-paid{color:#166534;font-weight:800}.order-payment-unpaid{color:#b91c1c;font-weight:800}.order-lines{display:grid;gap:8px}.order-line{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px}.order-line-index{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.78rem;font-weight:700}.order-actions{display:grid;gap:8px;align-items:end}.order-actions .field{min-width:0}.order-actions>.btn{height:44px;align-self:end}.order-archive-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-archive-note{color:#334155;font-weight:600}.order-self-pickup-note{color:#b91c1c;font-weight:800}.order-courier-code-confirmed{color:#166534;font-weight:800}.order-cancel-confirm-note{color:#b91c1c;font-weight:800}.qr-generate-row,.qr-verify-row{display:grid;gap:8px;align-items:end}.qr-action-btn{height:44px;min-width:220px;align-self:end}.inventory-empty{color:#9a3412;font-weight:700}.inventory-delta-up{color:#166534;font-weight:800}.inventory-delta-down{color:#b91c1c;font-weight:800}.inventory-delta-zero{color:#475569;font-weight:700}.inventory-balance-low{color:#b91c1c;font-weight:800}.inventory-balance-medium{color:#9a3412;font-weight:700}.inventory-balance-ok{color:#166534;font-weight:700}.qr-verify-valid{color:#166534;font-weight:800}.qr-verify-invalid{color:#b91c1c;font-weight:800}.qr-verify-reason-ok{color:#166534;font-weight:600}.qr-verify-reason-bad{color:#9a3412;font-weight:700}.item{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px}.item-title{margin:0;font-size:.95rem}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:700}.pill-ok{background:#dcfce7;color:var(--ok)}.pill-warn{background:#fef3c7;color:var(--warn)}.pill-off{background:#e2e8f0;color:#475569}.pill-new{background:#dbeafe;color:#1d4ed8}.pill-packing{background:#ede9fe;color:#6d28d9}.pill-assembled{background:#e9d5ff;color:#6d28d9}.pill-courier{background:#ffedd5;color:#c2410c}.pill-handover{background:#fef3c7;color:#b45309}.pill-ready{background:#cffafe;color:#0e7490}.pill-issued{background:#dcfce7;color:#166534}.pill-delivered{background:#bbf7d0;color:#166534}.pill-cancelled{background:#fee2e2;color:#b91c1c}.pill-default{background:#e2e8f0;color:#334155}.product-state-active,.product-state-off{letter-spacing:.01em}.error{margin:0;padding:8px 10px;border-radius:10px;border:1px solid #fca5a5;background:var(--danger-soft);color:var(--danger);font-size:.9rem}.success{margin:0;padding:8px 10px;border-radius:10px;border:1px solid #86efac;background:#dcfce7;color:var(--ok);font-size:.9rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(460px,100%)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;background:#f1f5f9;border-radius:8px;padding:2px 6px}.training-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.training-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.training-progress-bar{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#dbeafe}.training-progress-fill{height:100%;background:linear-gradient(90deg,#0f766e,#14b8a6);transition:width .2s ease}.training-grid{display:grid;gap:10px}.training-stage{border:1px solid var(--border);border-radius:12px;padding:10px;background:#f8fafc;display:grid;gap:8px}.training-task{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:8px;cursor:pointer}.training-task input{margin-top:2px}.training-task-done{border-color:#86efac;background:#f0fdf4}.qr-token-box{width:100%;border:1px solid #93c5fd;background:#eff6ff;color:#0f172a;border-radius:10px;padding:10px;resize:vertical;word-break:break-all;white-space:pre-wrap}.category-overview{display:flex;flex-wrap:wrap;gap:8px}.category-chip{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#334155;padding:6px 12px;font-size:.82rem;font-weight:700;cursor:pointer}.category-chip.active{border-color:#2563eb;background:#dbeafe;color:#1d4ed8}.category-toolbar{display:grid;gap:8px;align-items:end}.category-toggle{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff}.product-category-group{border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#f8fafc;display:grid;gap:10px}.product-category-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-preview{flex:0 0 auto;width:130px;height:130px;border:1px dashed var(--border);border-radius:14px;display:grid;place-items:center;background:#f8fafc;overflow:hidden;padding:6px}.product-preview-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.product-item{display:grid;gap:10px}.product-thumb-wrap{width:100%;max-width:140px;height:140px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#f8fafc}.product-thumb-image{width:100%;height:100%;object-fit:cover}.product-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--text-soft);font-size:.8rem}.product-body{display:grid;gap:6px}.product-actions{display:flex;flex-wrap:wrap;gap:8px}.crop-modal-overlay{position:fixed;inset:0;z-index:30;background:#0f172a8c;display:grid;place-items:center;padding:14px}.crop-modal{width:min(560px,100%);max-height:92vh;overflow:auto}.crop-frame{margin:4px auto;width:min(92vw,360px);aspect-ratio:1 / 1;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#0f172a;cursor:grab;touch-action:none}.crop-frame:active{cursor:grabbing}.crop-image{position:absolute;left:50%;top:50%;transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-mask{position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 2px #fffffff2;pointer-events:none}@media(max-width:740px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}.logout-btn{white-space:nowrap}.brand-subtitle{font-size:.76rem}.section-nav{grid-auto-columns:minmax(80px,1fr)}.inventory-head-refresh-btn{flex:1 1 100%;width:100%}.section-link{padding:8px 6px;border-radius:10px;font-size:.74rem}.nav-icon{width:24px;height:24px;font-size:.62rem}.panel-modal-overlay,.crop-modal-overlay{padding:8px}}@media(min-width:741px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.training-grid,.dashboard-control-row{grid-template-columns:repeat(2,minmax(0,1fr))}.order-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 220px}.clients-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 220px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.order-delivery-global{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 220px}.order-actions{grid-template-columns:minmax(0,1fr) 220px}.qr-generate-row{grid-template-columns:minmax(0,1fr) 220px 220px}.qr-verify-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 220px}.category-toolbar{grid-template-columns:minmax(0,1fr) 220px 180px}.product-item{grid-template-columns:140px 1fr auto;align-items:start}}@media(min-width:1100px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.training-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}