@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0a0b10;--bg-secondary:#111319;--bg-tertiary:#171a22;--surface:#1b1e27;--surface-hover:#21252f;--surface-active:#272c37;--border:#ffffff12;--border-hover:#ffffff26;--primary:#7c6cff;--primary-light:#9d92ff;--primary-dark:#6355e6;--primary-glow:#7c6cff59;--accent:#7c6cff;--success:#34d399;--success-bg:#34d39921;--warning:#fbbf24;--warning-bg:#fbbf2421;--danger:#f87171;--danger-bg:#f8717121;--info:#60a5fa;--info-bg:#60a5fa21;--text-primary:#f3f4f8;--text-secondary:#a8b0be;--text-muted:#6a7180;--sidebar-width:264px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 24px 60px #00000080;--shadow-glow:0 8px 30px var(--primary-glow);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--app-bg:radial-gradient(900px 600px at 80% -10%, #7c6cff1f, transparent 60%), radial-gradient(700px 500px at -10% 20%, #60a5fa14, transparent 55%), var(--bg-primary)}:root.light-mode{--bg-primary:#f5f6f9;--bg-secondary:#fff;--bg-tertiary:#eef1f6;--surface:#fff;--surface-hover:#f3f5f9;--surface-active:#eaeef5;--border:#0f172a17;--border-hover:#0f172a2e;--primary:#6d5cf0;--primary-light:#8b7bff;--primary-dark:#574ac9;--primary-glow:#6d5cf040;--success:#059669;--success-bg:#0596691a;--warning:#d97706;--warning-bg:#d977061a;--danger:#dc2626;--danger-bg:#dc26261a;--info:#2563eb;--info-bg:#2563eb1a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f;--app-bg:radial-gradient(900px 600px at 85% -10%, #6d5cf01a, transparent 60%), var(--bg-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:700}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}a{color:inherit;text-decoration:none}::selection{background:var(--primary-glow);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-active);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover);background-clip:padding-box}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;max-width:1600px;padding:32px 36px 56px}.page-header{margin-bottom:28px}.page-header h1{margin-bottom:6px}.page-header p{color:var(--text-muted);font-size:14px}.page-enter{animation:.4s cubic-bezier(.22,1,.36,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.sidebar{width:var(--sidebar-width);background:color-mix(in srgb, var(--bg-secondary) 82%, transparent);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;padding:8px 10px 20px;display:flex}.sidebar-logo{object-fit:cover;background:linear-gradient(135deg, var(--primary), var(--primary-light));width:40px;height:40px;box-shadow:var(--shadow-glow);border-radius:11px}.brand-text h2{letter-spacing:-.03em;font-size:18px;font-weight:800}.brand-text span{color:var(--text-muted);font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:22px;padding-top:8px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:3px;display:flex}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 12px 8px;font-size:10.5px;font-weight:700}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-link.active{background:linear-gradient(90deg, var(--primary-glow), transparent);color:var(--text-primary);font-weight:600}.sidebar-link.active:before{content:"";background:var(--primary);width:3px;box-shadow:0 0 12px var(--primary);border-radius:999px;position:absolute;top:8px;bottom:8px;left:0}.link-icon{text-align:center;width:22px;font-size:17px}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.sidebar-user-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);align-items:center;gap:10px;padding:10px;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-name:hover{color:var(--primary-light)}.sidebar-user-role{color:var(--text-muted);font-size:11px}.sidebar-user-status{color:var(--success);font-size:10px}.sidebar-logout{flex-shrink:0}.sidebar-menu-toggle{z-index:200;border:1px solid var(--border);background:var(--bg-secondary);width:44px;height:44px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);border-radius:12px;font-size:18px;display:none;position:fixed;top:16px;left:16px}.sidebar-overlay{display:none}.glass-card{background:color-mix(in srgb, var(--bg-secondary) 70%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;transition:border-color .2s,transform .2s}.glass-card:hover{border-color:var(--border-hover)}.btn{border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 36px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{padding:8px 14px;font-size:13px}.btn-icon{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:9px;place-items:center;font-size:15px;transition:all .15s;display:inline-grid}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-hover)}.input-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.input-group label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.input,input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])),select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font);padding:11px 14px;font-size:14px;transition:all .15s}input::placeholder,textarea::placeholder{color:var(--text-muted)}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a7180' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:start;gap:16px;display:grid}.form-row>.input-group{margin-bottom:0}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary);background:var(--surface-hover)}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.filters-row-search{margin-bottom:10px}.search-bar{flex:1;min-width:220px;position:relative}.search-icon{pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b93a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 50%/18px 18px no-repeat;width:18px;height:18px;font-size:0;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-hint{color:var(--text-muted);margin:-4px 0 14px 4px;font-size:12px}.data-table-wrapper{background:color-mix(in srgb, var(--bg-secondary) 70%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:14px 18px;font-size:11px;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--border);padding:14px 18px;font-size:13.5px}.data-table tbody tr{cursor:pointer;transition:background .12s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.pagination-info{color:var(--text-muted);font-size:12.5px}.pagination-pages{align-items:center;gap:6px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;padding:0 10px;font-size:12.5px;font-weight:600;transition:all .12s}.pagination button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-limit{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.pagination-limit select{width:auto;padding:6px 10px;font-size:12.5px}.photo-status-badges{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.photo-status-badges .status-badge{padding:3px 8px;font-size:10.5px}.status-badge,.badge-primary,.badge-secondary,.section-badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.status-badge{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.status-badge.fulfilled,.status-badge.paid,.status-badge.success{background:var(--success-bg);color:var(--success);border:none}.status-badge.pending,.status-badge.unfulfilled{background:var(--warning-bg);color:var(--warning);border:none}.status-badge.refunded,.status-badge.error,.status-badge.cancelled{background:var(--danger-bg);color:var(--danger);border:none}.badge-primary{background:var(--primary-glow);color:var(--primary-light)}.badge-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.section-badge{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.section-badge.danger{background:var(--danger-bg);color:var(--danger)}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 20px;display:flex}.empty-icon{opacity:.7;font-size:44px}.avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.avatar-lg{border-radius:16px;width:64px;height:64px;font-size:24px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0000008c;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{z-index:301;background:var(--bg-secondary);border-left:1px solid var(--border);width:min(520px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;animation:.32s cubic-bezier(.22,1,.36,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-body{flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.drawer-footer{padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-secondary);gap:10px;margin-top:auto;display:flex}.drawer-footer .btn{flex:1;justify-content:center}.mk-items{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.mk-item-row{align-items:flex-end;gap:10px;width:100%;display:flex}.mk-item-row>.btn-icon{margin-bottom:6px}.mk-item-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--text-muted);flex:none;place-items:center;margin-bottom:2px;font-size:12px;display:grid;overflow:hidden}.mk-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.timeline{flex-direction:column;gap:4px;display:flex}.timeline-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-type{background:var(--surface);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.timeline-content{flex:1;font-size:13.5px}.timeline-meta{color:var(--text-muted);margin-top:3px;font-size:11.5px}.stat-icon{background:var(--surface);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.stat-value{letter-spacing:-.02em;font-size:22px;font-weight:700}.dash-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.dash-toolbar>:last-child:not(:first-child){margin-left:auto}.date-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-filter input[type=date]{width:auto;padding:9px 12px;font-size:13px}.drf{display:inline-block;position:relative}.drf-trigger{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.drf-trigger:hover{border-color:var(--border-hover);background:var(--surface-hover)}.drf-panel{z-index:60;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.drf-sidebar{border-right:1px solid var(--border);flex-shrink:0;width:180px;max-height:480px;padding:10px 0;overflow-y:auto}.drf-preset{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:9px 18px;font-size:13px;display:block}.drf-preset:hover{background:var(--surface-hover);color:var(--text-primary)}.drf-preset.active{background:var(--primary-glow);color:var(--primary-light);font-weight:700}.drf-divider{background:var(--border);height:1px;margin:8px 0}.drf-main{padding:18px 22px}.drf-fields{align-items:center;gap:12px;margin-bottom:16px;display:flex}.drf-field{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-width:150px;color:var(--text-primary);padding:9px 14px;font-size:13px;font-weight:600}.drf-arrow{color:var(--text-muted)}.drf-calendars{gap:28px;display:flex;position:relative}.drf-nav{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:6px}.drf-nav:hover{background:var(--surface-hover);color:var(--text-primary)}.drf-nav-prev{left:-14px}.drf-nav-next{right:-14px}.cal-month{width:240px}.cal-month-title{text-align:center;margin-bottom:12px;font-size:13.5px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-grid-head{margin-bottom:4px}.cal-weekday{text-align:center;color:var(--text-muted);font-size:11px;font-weight:700}.cal-cell{aspect-ratio:1;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12.5px;display:flex}.cal-cell:hover:not(.cal-cell-empty):not(.cal-cell-edge){background:var(--surface-hover)}.cal-cell-empty{cursor:default}.cal-cell-inrange{background:var(--primary-glow);border-radius:0}.cal-cell-edge{background:var(--primary);color:#fff;font-weight:700}.drf-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;display:flex}.drf-summary{color:var(--text-muted);font-size:12.5px}.drf-scrim{display:none}@keyframes drfSheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (width<=720px),(height<=560px){.drf-scrim{z-index:205;background:#0000008c;animation:.15s fadeIn;display:block;position:fixed;inset:0}.drf-panel{z-index:206;position:fixed}.drf-main{flex-direction:column;flex:1;min-height:0;display:flex}.drf-calendars{flex:1;min-height:0;overflow-y:auto}.drf-footer{flex-shrink:0}}@media (width<=720px){.drf-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;flex-direction:column;max-width:none;max-height:min(92vh,720px);animation:.22s cubic-bezier(.22,1,.36,1) drfSheetUp;inset:auto 0 0}.drf-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;width:100%;max-height:168px;padding:12px;display:flex}.drf-preset{border:1px solid var(--border);border-radius:999px;width:auto;padding:7px 13px;font-size:12.5px;line-height:1.2}.drf-divider{display:none}.drf-main{padding:14px 14px 0}.drf-fields{gap:8px;margin-bottom:12px}.drf-field{text-align:center;flex:1;min-width:0;padding:9px 6px;font-size:12.5px}.drf-calendars{flex-direction:column;gap:20px}.cal-month{width:100%;max-width:340px;margin:0 auto}.drf-nav{top:0}.drf-nav-prev{left:0}.drf-nav-next{right:0}.cal-cell{font-size:13.5px}.drf-footer{padding:12px 0 max(14px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;margin-top:0}.drf-summary{flex:1 0 100%}.drf-footer .btn-sm{flex:1;min-height:40px}.drf-footer>span:last-child{flex:1}}@media (width>=721px) and (height<=560px){.drf-panel{inset:12px auto 12px 50%;transform:translate(-50%)}.drf-sidebar{max-height:none}.drf-main{padding:14px 18px}.drf-footer{margin-top:12px;padding-top:12px}}.tab-badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.scan-tabs button.active .tab-badge{background:#00000047}.nav-badge{background:var(--danger);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:grid}.link-icon{position:relative}.link-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-secondary);border-radius:50%;display:none;position:absolute;top:-1px;right:-2px}.app-layout.sidebar-collapsed .link-dot{display:block}.app-layout.sidebar-collapsed .nav-badge{display:none}.ss{position:relative}.ss-input{width:100%}.ss-clear{background:var(--surface-hover);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ss-clear:hover{color:var(--text-primary)}.ss-menu{z-index:30;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:260px;box-shadow:var(--shadow-lg);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ss-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;display:flex}.ss-option-active{background:var(--surface-hover)}.ss-option-selected{color:var(--primary-light);font-weight:700}.ss-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ss-option-hint{color:var(--text-muted);flex-shrink:0;font-size:11.5px}.ss-empty{color:var(--text-muted);text-align:center;padding:10px;font-size:12px}.ss-disabled .ss-input{opacity:.55}.kpi-note{color:var(--warning);margin-top:5px;font-size:11px}.rto-alert{border-color:color-mix(in srgb, var(--warning) 45%, var(--border))}.rto-lines{flex-direction:column;gap:6px;max-height:260px;margin:12px 0;display:flex;overflow-y:auto}.rto-line{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.rto-line input[type=checkbox]{flex-shrink:0;width:16px;height:16px}.rto-line input[type=number]{padding:5px 8px;font-size:12.5px}.rto-line-done{opacity:.55;cursor:default}.rto-pill{background:var(--primary-glow);color:var(--primary-light);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:700}.rto-pill-warn{background:color-mix(in srgb, var(--warning) 22%, transparent);color:var(--warning)}.rto-suggest{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.rto-tag{background:color-mix(in srgb, var(--warning) 20%, transparent);color:var(--warning);white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10.5px;font-weight:800}.rto-scan-alert{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--warning) 55%, var(--border));background:color-mix(in srgb, var(--warning) 12%, var(--bg-secondary));align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 18px;font-size:13.5px;display:flex}.rto-scan-icon{color:var(--warning);font-size:22px;line-height:1}.rto-scan-line{color:var(--text-secondary);margin-top:6px}.rto-scan-hint{color:var(--text-muted);margin-top:8px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.kpi-card{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-secondary) 72%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:22px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.kpi-card:after{content:"";background:linear-gradient(90deg, var(--primary), transparent);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.kpi-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-icon{background:var(--surface);border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.kpi-trend{border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.kpi-trend.up{background:var(--success-bg);color:var(--success)}.kpi-trend.neutral{background:var(--info-bg);color:var(--info)}.kpi-value{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.1}.kpi-sub{letter-spacing:0;color:var(--text-muted);white-space:nowrap;margin-left:8px;font-size:13px;font-weight:600}.kpi-label{color:var(--text-muted);margin-top:5px;font-size:13px}.dash-row{gap:20px;margin-bottom:22px;display:grid}.dash-row.charts{grid-template-columns:1.9fr 1fr}.dash-row.tables{grid-template-columns:1fr 1fr}.panel{background:color-mix(in srgb, var(--bg-secondary) 70%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel-title{font-size:15px;font-weight:700}.panel-sub{color:var(--text-muted);font-size:12px}.panel-body{padding:22px}.panel .data-table thead th{background:0 0}.chart{align-items:flex-end;gap:3px;height:220px;padding-top:10px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--primary-light), var(--primary));cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-height:3px;transition:opacity .15s}.chart-bar:hover{opacity:.7}.chart-empty{height:220px;color:var(--text-muted);place-items:center;display:grid}.chart-axis{color:var(--text-muted);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.area-chart{position:relative}.chart-ymax{color:var(--text-muted);font-size:11px;font-weight:700;position:absolute;top:-2px;left:0}.area-chart svg circle{cursor:pointer}.area-chart svg circle:hover{fill:var(--primary)}.status-list{flex-direction:column;gap:16px;display:flex}.status-row{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;display:flex}.status-name{text-transform:capitalize;align-items:center;gap:8px;font-weight:500;display:flex}.status-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.status-track{background:var(--surface);border-radius:999px;height:8px;overflow:hidden}.status-fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.status-count{color:var(--text-muted);font-size:12px}.rank-bar-list{flex-direction:column;gap:18px;display:flex}.rank-bar-row{align-items:flex-start;gap:12px;display:flex}.rank-badge{background:var(--surface);border:1px solid var(--border);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:800;display:flex}.rank-1 .rank-badge{color:#f4b942;background:#f4b94238;border-color:#f4b942}.rank-2 .rank-badge{color:#b8c0cc;background:#b8c0cc38;border-color:#b8c0cc}.rank-3 .rank-badge{color:#c9884f;background:#c9884f38;border-color:#c9884f}.rank-bar-main{flex:1;min-width:0}.rank-bar-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.rank-bar-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.rank-bar-value{color:var(--success);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.rank-bar-track{background:var(--surface);border-radius:999px;height:8px;overflow:hidden}.rank-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.rank-bar-sub{color:var(--text-muted);margin-top:5px;font-size:11px}.scan-container{flex-direction:column;gap:16px;display:flex}.scan-container.scan-compact{gap:8px}.main-content:has(.scan-compact){padding-top:18px;padding-bottom:20px}.scan-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.scan-bar-title h1{font-size:24px;line-height:1.2}.scan-compact .scan-bar-title h1{font-size:19px}.scan-bar-title p{color:var(--text-muted);margin-top:4px;font-size:14px}.scan-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;width:fit-content;padding:4px;display:inline-flex}.scan-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s}.scan-tabs button.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.scan-compact .scan-tabs button{padding:7px 14px;font-size:12.5px}.scan-listen{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.scan-listen-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px var(--success-bg);border-radius:50%;animation:2s infinite payPulse}.scan-listen.loading .scan-listen-dot{background:var(--warning);box-shadow:0 0 0 4px var(--warning-bg)}.scan-listen-hint{color:var(--text-muted);font-weight:400}.scan-listen .mini-btn{margin-left:auto}.manual-lookup-form{align-items:stretch;gap:12px;display:flex}.manual-lookup-form .input{flex:1}.scan-error-msg{border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);padding:12px 16px;font-size:13.5px;font-weight:500}.scan-tip{background:var(--warning-bg);max-width:400px;color:var(--warning);border-radius:12px;margin:20px auto 0;padding:16px;font-size:13px}.admin-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-header-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));width:56px;height:56px;box-shadow:var(--shadow-glow);border-radius:15px;place-items:center;font-size:26px;display:grid}.admin-header-content h1{margin-bottom:4px}.admin-header-content p{color:var(--text-muted);font-size:14px}.permission-item{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.permission-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.permission-label{font-size:14px;font-weight:500}.user-list{flex-direction:column;gap:12px;display:flex}.user-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:16px;transition:border-color .2s;display:flex}.user-card:hover{border-color:var(--border-hover)}.user-card-info{align-items:center;gap:13px;display:flex}.user-card-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:11px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.user-card-details h4{font-size:14px}.user-card-status{font-size:11px}.user-card-actions{gap:8px;display:flex}.profile-header-advanced{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-secondary);margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.profile-header-blur{background:radial-gradient(600px 300px at 10% -40%, var(--primary-glow), transparent 60%);pointer-events:none;position:absolute;inset:0}.profile-header-content{align-items:center;gap:22px;display:flex;position:relative}.profile-avatar-advanced{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));width:84px;height:84px;box-shadow:var(--shadow-glow);border-radius:22px;place-items:center;font-size:34px;font-weight:800;display:grid}.profile-header-info h1{font-size:26px}.profile-badges{gap:8px;margin-top:12px;display:flex}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.profile-stat-card{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border);align-items:center;gap:15px;padding:22px;display:flex}.profile-section{margin-bottom:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.account-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.account-info-item{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:14px 16px}.account-info-item>span:first-child{color:var(--text-muted);margin-bottom:4px;font-size:11.5px;display:block}.info-value{font-size:14px;font-weight:600}.permissions-grid-advanced{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.permission-card-advanced{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:18px}.permission-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.permission-card-icon-large{font-size:24px}.permission-badge-enabled{background:var(--success-bg);color:var(--success);text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.permission-card-name{margin-bottom:4px;font-size:14px;font-weight:600}.permission-card-description{color:var(--text-muted);font-size:12px}.permission-indicator-bar{background:var(--success);opacity:.8;border-radius:999px;height:4px;margin-top:12px}.security-info{flex-direction:column;gap:10px;display:flex}.danger-zone{border-color:var(--danger-bg)}.scan-order-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow-md);overflow:hidden}.scan-order-head{border-bottom:1px solid var(--border);background:radial-gradient(680px 200px at 0% 0%, var(--primary-glow), transparent 70%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:9px 20px;display:flex}.scan-order-id h2{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.15}.scan-order-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:12.5px;display:flex}.scan-order-meta>span+span:before{content:"·";margin-right:8px}.scan-order-customer{color:var(--text-secondary);font-weight:600}.scan-order-badges{flex-shrink:0;align-items:center;gap:10px;display:flex}.scan-total-pill{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:var(--shadow-glow);color:#fff;align-items:center;gap:8px;padding:7px 16px;display:flex}.scan-total-value{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.scan-total-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffffd9;font-size:9.5px;font-weight:700;line-height:1.25}.scan-items{flex-direction:column;display:flex}.scan-item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 20px;display:flex}.scan-item:last-child{border-bottom:none}.scan-item-body{flex-direction:column;flex:0 0 220px;gap:6px;min-width:0;display:flex}.scan-item-title{letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.3}.scan-item-specs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.scan-spec{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:baseline;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.scan-spec-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.scan-spec-value{font-weight:700}.scan-item-sku{color:var(--text-muted);font-size:11px}.scan-item-qty{border-radius:var(--radius-md);background:var(--primary-glow);flex-direction:column;flex-shrink:0;align-items:center;gap:1px;min-width:78px;padding:8px 14px;display:flex}.scan-item-qty-value{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.scan-item-qty-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9.5px;font-weight:600}.scan-item-gallery{scrollbar-width:thin;flex:1;gap:10px;min-width:0;display:flex;overflow-x:auto}.scan-item-shot{cursor:zoom-in;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);flex:none;place-items:center;width:140px;height:140px;padding:0;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.scan-item-shot img{object-fit:cover;width:100%;height:100%;display:block}.scan-item-shot:hover{border-color:var(--primary);transform:translateY(-2px)}.scan-item-shot-empty{color:var(--text-muted);cursor:default;font-size:12px}.scan-item-shot-empty:hover{border-color:var(--border);transform:none}.scan-item-empty{text-align:center;color:var(--text-muted);padding:28px 20px;font-size:13.5px}.image-modal-overlay{z-index:400;background:#000000e6;place-items:center;padding:40px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.image-modal-content{max-width:90vw;max-height:90vh;position:relative}.full-image{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh}.image-modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;position:absolute;top:-44px;right:0}.modal-carousel-nav-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:48px;height:48px;font-size:22px;position:absolute;top:50%;transform:translateY(-50%)}.modal-carousel-prev{left:-64px}.modal-carousel-next{right:-64px}.modal-carousel-counter{color:#fff;font-size:13px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.login-page{background:radial-gradient(700px 500px at 30% 10%, #7c6cff2e, transparent 55%), radial-gradient(600px 500px at 80% 90%, #60a5fa1f, transparent 55%), var(--bg-primary);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:color-mix(in srgb, var(--bg-secondary) 80%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;padding:40px 36px}.login-logo{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));width:60px;height:60px;box-shadow:var(--shadow-glow);border-radius:17px;place-items:center;margin:0 auto 22px;font-size:28px;font-weight:800;display:grid}.login-card h1{margin-bottom:6px;font-size:24px}.login-card>p{color:var(--text-muted);margin-bottom:28px;font-size:14px}.login-card form{text-align:left}.login-card .btn-primary{width:100%;margin-top:8px}.login-error{border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);text-align:left;margin-bottom:20px;padding:12px 16px;font-size:13.5px}.app-layout.brand-crewfit,.login-page.brand-crewfit{--primary:#14b8a6;--primary-light:#2dd4bf;--primary-dark:#0f9e8e;--primary-glow:#14b8a659;--accent:#14b8a6}.brand-logo-normless{background:linear-gradient(135deg,#7c6cff,#9d92ff)!important}.brand-logo-crewfit{background:linear-gradient(135deg,#14b8a6,#2dd4bf)!important}.cf-logo,.n-logo{background-position:50%;background-repeat:no-repeat;background-size:contain}.cf-logo{background-image:url(/logo/cf_white.png)}.n-logo{background-image:url(/logo/n_white.png)}:root.light-mode .cf-logo{background-image:url(/logo/cf_black.png)}:root.light-mode .n-logo{background-image:url(/logo/n_black.png)}.login-logo.cf-logo,.login-logo.n-logo{box-shadow:none;border-radius:0;margin-bottom:18px;background-color:#0000!important}.login-logo.cf-logo{width:92px;height:92px}.login-logo.n-logo{width:68px;height:68px}.brand-mark.cf-logo,.brand-mark.n-logo{box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;background-color:#0000!important}.brand-mark.cf-logo{background-image:url(/logo/cf_white.png);width:46px;height:46px}.brand-mark.n-logo{background-image:url(/logo/n_white.png);width:34px;height:34px}:root.light-mode .brand-mark.cf-logo{background-image:url(/logo/cf_black.png)}:root.light-mode .brand-mark.n-logo{background-image:url(/logo/n_black.png)}.brand-toggle,.brand-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.brand-toggle{margin-bottom:26px}.brand-switch{margin-bottom:18px}.brand-toggle button,.brand-switch button{color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.brand-toggle button.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.brand-switch button.active{background:var(--primary);color:#fff}.brand-mark{color:#fff;width:40px;height:40px;box-shadow:var(--shadow-glow);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.brand-mark-normless{background:linear-gradient(135deg,#7c6cff,#9d92ff)}.brand-mark-crewfit{background:linear-gradient(135deg,#0f9e8e,#2dd4bf)}.theme-toggle-row{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--font);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:4px;padding:9px 12px;display:flex}.theme-toggle-row:hover{background:var(--surface-hover)}.reminders-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.reminder-panel{border-top:3px solid var(--tone)}.reminder-head{padding:16px 20px}.reminder-title{align-items:center;gap:10px;display:flex}.reminder-ico{font-size:18px}.reminder-count{color:#fff;background:var(--tone);border-radius:999px;place-items:center;min-width:26px;height:24px;padding:0 8px;font-size:13px;font-weight:800;display:grid}.reminder-body{flex-direction:column;padding:8px 12px 12px;display:flex}.reminder-empty{text-align:center;color:var(--success);padding:20px;font-size:13px;font-weight:600}.reminder-row{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px;transition:background .12s;display:flex}.reminder-row:hover{background:var(--surface-hover)}.reminder-name{font-size:13.5px;font-weight:600}.reminder-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.reminder-meta{text-align:right;flex-shrink:0}.reminder-amt{font-size:13px;font-weight:700}.reminder-chip{border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.reminder-action{border-color:color-mix(in srgb, var(--success) 40%, transparent);color:var(--success);margin-top:5px}.reminder-action:hover:not(:disabled){background:color-mix(in srgb, var(--success) 12%, transparent);border-color:var(--success);color:var(--success)}.reminder-action:disabled{opacity:.6;cursor:default}.reminder-more{text-align:center;color:var(--primary-light);cursor:pointer;padding:10px;font-size:12.5px;font-weight:600}.inline-select{background-color:var(--surface);background-position:right 8px center;border-radius:8px;width:auto;min-width:120px;padding:6px 26px 6px 10px;font-size:12.5px;font-weight:600}.inline-select.sb-fulfilled{background-color:var(--success-bg);color:var(--success);border-color:#0000}.inline-select.sb-pending{background-color:var(--warning-bg);color:var(--warning);border-color:#0000}.inline-select.sb-refunded{background-color:var(--danger-bg);color:var(--danger);border-color:#0000}.order-block{white-space:pre-wrap;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;min-height:160px;max-height:320px;padding:14px;font-size:12.5px;line-height:1.6;overflow-y:auto}.cat-chips{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.cat-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.cat-chip.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.product-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-head{color:#fff;padding:22px;position:relative}.product-head h3{color:#fff;margin:10px 0 4px;font-size:19px}.product-cat{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:10.5px;font-weight:800}.product-gsm{background:#00000038;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:18px;right:18px}.product-actions{gap:6px;display:flex;position:absolute;top:14px;right:14px}.product-actions button{color:#fff;cursor:pointer;background:#00000040;border:none;border-radius:8px;width:30px;height:30px;font-size:13px}.product-actions button:hover{background:#0000006b}.product-fit{opacity:.92;font-size:12px}.product-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.product-blurb{color:var(--text-secondary);font-size:13px;line-height:1.5}.product-material{color:var(--text-muted);font-size:12.5px}.product-features{flex-wrap:wrap;gap:6px;display:flex}.feature-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.product-colors{flex-direction:column;gap:6px;display:flex}.mini-label{color:var(--text-muted);font-size:11px;font-weight:600}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:1px solid #0000;border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff0f}.product-price{border-top:1px solid var(--border);align-items:baseline;gap:6px;padding-top:4px;display:flex}.price-from{color:var(--text-muted);font-size:12px}.price-val{letter-spacing:-.02em;color:var(--primary-light);font-size:26px;font-weight:800}.price-unit{color:var(--text-muted);font-size:12px}.tier-table{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:auto;overflow:hidden}.tier-head,.tier-row{justify-content:space-between;padding:8px 12px;font-size:12.5px;display:flex}.tier-head{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.tier-row{border-top:1px solid var(--border)}.tier-row span:last-child{font-weight:700}.catalog-contact{flex-direction:column;gap:8px;display:flex}.catalog-contact .contact-row{color:var(--text-secondary);flex-wrap:wrap;gap:18px;font-size:12.5px;display:flex}.drawer-wide{width:min(1080px,96vw)}.form-section{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-light);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:20px 0 12px;padding-bottom:6px;font-size:12px;font-weight:800;display:flex}.unit-hint{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.totals-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:12px;padding:14px 16px;display:flex}.totals-bar>div{flex-direction:column;flex:1;gap:3px;display:flex}.totals-bar span{color:var(--text-muted);font-size:11px}.totals-bar strong{letter-spacing:-.02em;font-size:18px}.mini-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.mini-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.mini-btn-active{background:var(--primary);border-color:var(--primary);color:#fff}.mini-btn-active:hover{color:#fff}.mini-btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.mini-btn-danger:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.size-grid{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;display:grid}.size-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.size-cell label{color:var(--text-secondary);font-size:11px;font-weight:700}.size-cell input{text-align:center;padding:8px 4px}.line-item-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:14px;padding:14px 16px 4px}.line-item-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.line-item-header .btn-icon{width:26px;height:26px;font-size:12px}.dispatch-banner{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid var(--success);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.dispatch-banner .btn{white-space:nowrap}.img-upload-block{border-top:1px solid var(--border);margin:12px 0 14px;padding-top:12px}.img-upload-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.img-upload-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.img-count-badge{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.img-upload-hint{color:var(--text-muted);margin-bottom:8px;font-size:11.5px}.img-thumb-grid{flex-wrap:wrap;gap:10px;display:flex}.img-thumb{border-radius:var(--radius-md);border:1px solid var(--border);cursor:zoom-in;background:var(--surface);width:76px;height:76px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.img-thumb:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.img-thumb img{object-fit:cover;width:100%;height:100%;display:block}.img-thumb-add{border:1.5px dashed var(--border-hover);cursor:pointer;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;display:flex}.img-thumb-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.img-thumb-add-icon{font-size:24px;font-weight:300}.img-thumb-busy{cursor:wait}.img-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.img-thumb-pending{border:1.5px dashed var(--warning)}.img-pending-badge{background:var(--warning);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:4px;right:4px}.image-modal-pending-tag{color:var(--warning);background:color-mix(in srgb, var(--warning) 16%, transparent);border:1px solid var(--warning);border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.img-confirm-check{color:var(--text-secondary);cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px 6px 10px;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.img-confirm-check input{width:auto;accent-color:var(--success);cursor:pointer}.img-confirm-check:has(input:checked){border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.image-modal-toolbar{gap:8px;display:flex;position:absolute;top:-44px;left:0}.image-modal-action{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:none;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.image-modal-action:hover{background:#ffffff4d}.image-modal-action-danger:hover{background:var(--danger)}.invoice-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.invoice-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.invoice-card-issued{border-color:color-mix(in srgb, var(--success) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 12%, transparent)}.invoice-card-head{align-items:flex-start;gap:12px;display:flex}.invoice-card-icon{background:color-mix(in srgb, var(--primary) 16%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.invoice-card-heading{min-width:0}.invoice-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.invoice-card-amount{letter-spacing:-.02em;margin-top:3px;font-size:21px;font-weight:800}.invoice-card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.invoice-note{color:var(--text-muted);margin-top:10px;font-size:11.5px;line-height:1.5}.invoice-status-pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:800}.invoice-status-issued{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success)}.invoice-status-ready{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary-light)}.invoice-status-locked{background:var(--bg-secondary);color:var(--text-muted)}.invoice-card-meta{color:var(--text-muted);border-top:1px dashed var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;padding-top:10px;font-size:11.5px;font-weight:600;display:flex}.invoice-card-btn{width:100%}.search-bar input{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);padding:12px 16px 12px 48px;font-size:14px}.search-bar input:hover{border-color:var(--border-hover)}.search-bar input:focus{background:var(--bg-secondary);box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary)}.calc-item-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.calc-item-row:last-of-type{border-bottom:0}.calc-item-row select{flex:1}.calc-breakdown{flex-direction:column;gap:10px;display:flex}.calc-line{border-bottom:1px dashed var(--border);justify-content:space-between;padding-bottom:10px;font-size:13.5px;display:flex}.calc-line.calc-total{border-bottom:none;padding-top:4px;font-size:16px;font-weight:800}.calc-warning{border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning);margin-top:14px;padding:10px 14px;font-size:12.5px}.quote-result{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);margin-top:16px;padding:16px}.quote-result-head{color:var(--success);align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.quote-result-link{color:var(--text-secondary);word-break:break-all;font-size:13px}.calc-price-estimated{border-color:var(--warning)!important}.calc-estimated-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--warning);background:color-mix(in srgb, var(--warning) 16%, transparent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:700}.access-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.access-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);opacity:.55;padding:18px;transition:all .2s}.access-card.on{opacity:1;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-glow)}.access-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.access-brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.access-pages{flex-direction:column;gap:8px;display:flex}.page-check{background:var(--bg-secondary);cursor:pointer;color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.page-check:hover{background:var(--surface-hover);color:var(--text-primary)}.page-check.disabled{opacity:.4;cursor:not-allowed}.page-check input{width:auto;accent-color:var(--primary)}.toggle{background:var(--surface-active);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .2s;position:relative}.toggle.on{background:var(--primary)}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on span{transform:translate(18px)}.admin-note{border-radius:var(--radius-md);background:var(--primary-glow);color:var(--primary-light);align-items:center;gap:8px;padding:14px 16px;font-size:13.5px;font-weight:500;display:flex}.user-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.brand-badge{border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.brand-badge.nb{color:#9d92ff;background:#7c6cff29}.brand-badge.cb{color:#2dd4bf;background:#14b8a629}.chart-tip{pointer-events:none;background:var(--bg-tertiary);border:1px solid var(--border-hover);box-shadow:var(--shadow-md);white-space:nowrap;z-index:5;border-radius:10px;flex-direction:column;gap:1px;padding:8px 12px;display:flex;position:absolute;transform:translate(-50%,-115%)}.chart-tip b{font-size:14px}.chart-crosshair{stroke:var(--border-hover);stroke-dasharray:3 3}html,body{max-width:100%;overflow-x:hidden}@media (width<=1024px){.grid-3,.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-row.charts,.dash-row.tables{grid-template-columns:1fr}}@media (width<=900px){.sidebar{width:min(86vw,300px);padding-top:max(20px, env(safe-area-inset-top));transition:transform .3s cubic-bezier(.22,1,.36,1);transform:translate(-100%)}.sidebar.mobile-menu-open{transform:none}.main-content{max-width:100%;padding:72px 18px calc(48px + env(safe-area-inset-bottom));margin-left:0}.sidebar-menu-toggle{top:max(16px, env(safe-area-inset-top));place-items:center;display:grid}.sidebar.mobile-menu-open~.sidebar-menu-toggle{background:var(--surface);box-shadow:none;left:calc(min(86vw,300px) - 56px)}.sidebar-overlay.visible{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.grid-2,.grid-3,.form-row,.account-info-grid,.profile-stats-grid,.invoice-grid,.access-grid,.dash-row.charts,.dash-row.tables{grid-template-columns:1fr}.reminders-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.drawer,.drawer-wide{border-left:none;width:100%}}@media (width<=720px){input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])),select,textarea,.input{font-size:16px}.data-table-wrapper{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;overflow:visible}.data-table-wrapper>div[style*=overflow]{overflow:visible!important}.data-table,.data-table tbody{width:100%;display:block}.data-table thead{display:none}.data-table tbody tr{background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;margin-bottom:12px;padding:14px;display:grid}.data-table tbody tr:hover{background:color-mix(in srgb, var(--bg-secondary) 88%, transparent)}.data-table tbody td{overflow-wrap:anywhere;border-bottom:none;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font-size:13.5px;display:flex;text-align:left!important;white-space:normal!important;text-overflow:clip!important;max-width:none!important;padding:0!important;overflow:visible!important}.data-table tbody td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700;line-height:1.4}.data-table tbody td:not([data-label]):before,.data-table tbody td[data-label=""]:before{display:none}.data-table tbody td.cell-primary{border-bottom:1px dashed var(--border);order:-1;grid-column:1/-1;font-size:15px;font-weight:700;display:block;padding:0 0 11px!important}.data-table tbody td.cell-primary:before{display:none}.data-table tbody td.cell-actions{border-top:1px dashed var(--border);flex-flow:wrap;order:99;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding:11px 0 0!important}.data-table tbody td.cell-actions:before{margin-right:auto}.data-table tbody td[colspan]{grid-column:1/-1;display:block;padding:4px 0!important}.data-table tbody td[colspan]:before{display:none}.data-table tbody td>.inline-select{width:100%;min-width:0}.photo-status-badges{flex-flow:wrap}.filters-row{gap:10px;margin-bottom:16px}.filters-row .search-bar{flex:1 0 100%;min-width:0}.filters-row>select{flex:calc(50% - 5px);min-width:0;width:auto!important}.search-hint{font-size:11.5px}.dash-toolbar{flex-direction:column;align-items:stretch;gap:12px}.dash-toolbar>div{width:100%}.dash-toolbar>div:last-child:not(:first-child){flex-wrap:wrap;gap:10px;display:flex}.dash-toolbar>div:last-child:not(:first-child)>*{flex:auto}.drf,.drf-trigger{justify-content:center;width:100%}.dash-toolbar .drf{flex:1 0 100%}.drf-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-header{margin-bottom:20px}.section-header{flex-wrap:wrap;gap:10px}.pagination{justify-content:center;gap:10px}.pagination-info{text-align:center;flex:1 0 100%;order:-1}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination button{min-width:36px;height:36px}.drawer-header{padding:16px 18px;padding-top:max(16px, env(safe-area-inset-top))}.drawer-body{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.drawer-body .form-row{gap:12px}.drawer-body .input-group>label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-body .input-group>label>span{flex-wrap:wrap;gap:6px;display:flex;margin-left:0!important}.drawer-body .input-group>label .mini-btn{margin-left:0!important}.image-modal-overlay{padding:16px}.image-modal-content{max-width:100%}.image-modal-close{z-index:2;background:#0009;position:fixed;top:8px;right:8px}.image-modal-toolbar{flex-wrap:wrap;justify-content:center;margin-bottom:12px;position:static}.modal-carousel-nav-btn{background:#0000008c;width:40px;height:40px}.modal-carousel-prev{left:4px}.modal-carousel-next{right:4px}.modal-carousel-counter{bottom:-30px}.full-image{max-width:100%;max-height:70vh}.dispatch-banner{flex-direction:column;align-items:stretch}.dispatch-banner>span:last-child{flex-direction:column}.dispatch-banner .btn,.dispatch-banner .mini-btn{justify-content:center;width:100%}.totals-bar{flex-wrap:wrap;gap:14px 12px}.totals-bar>div{flex:calc(50% - 6px);min-width:0}.totals-bar strong{font-size:16px}.form-section{flex-wrap:wrap;gap:8px}.order-block{max-height:240px;font-size:12px}.img-thumb{width:68px;height:68px}.invoice-card-amount{font-size:19px}.calc-item-row{flex-wrap:wrap;gap:8px}.calc-item-row select{flex:1 0 100%}.calc-item-row input{flex:1 1 0;min-width:0;width:auto!important}.calc-item-row .btn-icon{flex:none}.scan-tabs{width:100%}.scan-tabs button{flex:1;padding:10px 8px}.mk-item-row{flex-wrap:wrap}.mk-item-row .input-group{flex:100%!important;width:auto!important}.mk-item-thumb{width:44px;height:44px}.manual-lookup-form{flex-direction:column}.user-card{flex-direction:column;align-items:stretch;gap:12px}.user-card-actions{justify-content:flex-end}.admin-header{gap:12px;margin-bottom:20px}.admin-header-icon{width:46px;height:46px;font-size:21px}.chart,.chart-empty{height:170px}.cal-month{width:100%;max-width:300px;margin:0 auto}.reminder-row{padding:10px 8px}.scan-order-head,.scan-item{padding-left:14px;padding-right:14px}.scan-order-id h2{font-size:20px}.scan-total-value{font-size:26px}.scan-item{flex-wrap:wrap;align-items:center;gap:10px}.scan-item-body{flex:auto}.scan-item-title{font-size:14.5px}.scan-item-gallery{flex:100%;order:3}.scan-item-shot{width:128px;height:128px}.scan-item-qty{min-width:64px;padding:7px 11px}.scan-item-qty-value{font-size:20px}.scan-item-gallery{margin-right:-14px;padding-right:14px}.login-card{padding:30px 22px}.login-page{padding:18px}}@media (width<=560px){.main-content{padding:68px 14px calc(40px + env(safe-area-inset-bottom))}h1{font-size:22px}h2{font-size:18px}.page-header p{font-size:13px}.grid-3,.profile-stats-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px}.kpi-icon{width:36px;height:36px;font-size:17px}.kpi-head{flex-wrap:wrap;gap:6px;margin-bottom:10px}.kpi-trend{padding:3px 7px;font-size:10.5px}.kpi-value{font-size:22px}.kpi-label{font-size:11.5px}.panel-head{padding:14px 16px}.panel-body,.glass-card{padding:16px}.profile-header-advanced{padding:22px 18px}.profile-header-content{text-align:center;flex-direction:column}.profile-header-info{width:100%;min-width:0}.profile-header-info h1{overflow-wrap:anywhere;font-size:19px}.profile-avatar-advanced{border-radius:18px;width:68px;height:68px;font-size:27px}.profile-badges{flex-wrap:wrap;justify-content:center}.btn{padding:11px 16px}.cat-chip{padding:7px 13px;font-size:12.5px}}@media (width<=380px){.kpi-grid{grid-template-columns:1fr}.totals-bar>div{flex:100%}.main-content{padding-left:11px;padding-right:11px}.data-table tbody td{gap:10px;font-size:13px}}@media (hover:none){.kpi-card:hover,.product-card:hover,.btn-primary:hover:not(:disabled){transform:none}.btn-icon{width:38px;height:38px}.mini-btn{padding:6px 11px}}.pay-link{color:var(--primary-light);word-break:break-all;font-weight:600}.pay-link:hover{text-decoration:underline}.track-link{color:var(--primary-light);margin-top:6px;font-size:12.5px;font-weight:600;display:inline-block}.track-link:hover{text-decoration:underline}.data-access-card{margin-bottom:14px}.data-access-card .page-check{align-items:flex-start}.data-access-card .page-check span{flex-direction:column;gap:3px;display:flex}.data-access-card .page-check em{color:var(--text-muted);font-size:11.5px;font-style:normal;line-height:1.45}.drawer-sections{display:contents}.drawer-section{flex-direction:column;display:flex}.drawer-section-body{flex-direction:column;gap:18px;display:flex}.section-toggle{all:unset;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:default;flex:1;align-items:center;gap:8px;display:flex}.section-chevron{font-size:15px;line-height:1;transition:transform .18s;display:none}.item-media-row{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:start;gap:14px;display:grid}.item-media-col{flex-direction:column;gap:8px;display:flex}.field-error{color:var(--danger);margin-top:6px;font-size:11.5px;font-weight:600;line-height:1.4}.cust-hint{color:var(--text-muted);margin-top:6px;font-size:11.5px;line-height:1.4}.cust-hint.returning{color:var(--success);font-weight:600}.cust-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cust-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.cust-stat span{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.cust-stat b{font-size:17px;font-weight:800}.cust-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 18px;display:grid}.cust-meta span{color:var(--text-muted);margin-bottom:3px;font-size:11px;display:block}.cust-meta b{font-size:13.5px;font-weight:600}.cust-address{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.cust-address span{color:var(--text-muted);font-size:11px}.cust-address p{margin-top:4px;font-size:13px;line-height:1.5}.cust-history{flex-direction:column;gap:8px;display:flex}.cust-order{text-align:left;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:100%;padding:12px 14px;transition:border-color .15s,transform .15s}.cust-order:hover{border-color:var(--primary);transform:translate(2px)}.cust-order-top{align-items:center;gap:10px;font-size:13.5px;display:flex}.cust-order-date{color:var(--text-muted);font-size:11.5px}.cust-order-mid{color:var(--text-muted);margin:5px 0 7px;font-size:12.5px}.cust-order-badges{flex-wrap:wrap;gap:6px;display:flex}@media (width<=560px){.cust-stat-row{grid-template-columns:repeat(2,1fr)}}.pay-card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pay-mode-pill{text-transform:uppercase;letter-spacing:.06em;background:var(--warning-bg);color:var(--warning);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800}.pay-mode-pill.pay-mode-live{background:var(--success-bg);color:var(--success)}.pay-live-dot{color:var(--success);vertical-align:middle;align-items:center;gap:6px;margin-left:8px;font-size:11px;font-weight:600;display:inline-flex}.pay-live-dot i{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite payPulse}@keyframes payPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.toast-stack{z-index:500;bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;right:20px}.toast{pointer-events:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-secondary) 96%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md);align-items:flex-start;gap:11px;padding:13px 14px;animation:.26s cubic-bezier(.22,1,.36,1) toastIn;display:flex;position:relative;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translate(18px)scale(.97)}to{opacity:1;transform:none}}.toast-leaving{animation:.18s forwards toastOut}@keyframes toastOut{to{opacity:0;transform:translate(18px)scale(.97)}}.toast:before{content:"";background:var(--tone);width:3px;position:absolute;top:0;bottom:0;left:0}.toast-success{--tone:var(--success)}.toast-error{--tone:var(--danger)}.toast-warning{--tone:var(--warning)}.toast-info{--tone:var(--info)}.toast-icon{width:26px;height:26px;color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.toast-body{flex:1;min-width:0}.toast-title{margin-bottom:2px;font-size:13px;font-weight:700}.toast-msg{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.toast-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.toast-close:hover{background:var(--surface-hover);color:var(--text-primary)}.toast-progress{background:var(--tone);opacity:.5;transform-origin:0;width:100%;height:2px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.confirm-overlay{z-index:520;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:safe center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.confirm-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(430px,100%);box-shadow:var(--shadow-lg);padding:26px 24px 20px;animation:.22s cubic-bezier(.22,1,.36,1) confirmIn}@keyframes confirmIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.confirm-icon{width:48px;height:48px;color:var(--primary-light);background:color-mix(in srgb, var(--primary) 16%, transparent);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.confirm-icon-danger{color:var(--danger);background:var(--danger-bg)}.confirm-title{margin-bottom:8px;font-size:17px}.confirm-message{color:var(--text-secondary);white-space:pre-line;font-size:13.5px;line-height:1.55}.confirm-details{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:10px;margin:14px 0 0;padding:10px 12px}.confirm-detail{align-items:baseline;gap:10px;padding:3px 0;display:flex}.confirm-detail+.confirm-detail{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.confirm-detail dt{min-width:88px;color:var(--text-muted);flex:none;font-size:11.5px}.confirm-detail dd{text-align:right;word-break:break-word;flex:1;margin:0;font-size:13px;font-weight:600}.confirm-input{text-align:left;margin:18px 0 4px}.confirm-input label{font-weight:500}.confirm-actions{gap:10px;margin-top:20px;display:flex}.confirm-actions .btn{flex:1}@media (width<=720px){.toast-stack{width:auto;left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom))}.confirm-card{padding:22px 18px 18px}.confirm-actions{flex-direction:column-reverse}}@media (width<=900px){.section-toggle{cursor:pointer;justify-content:space-between;width:100%}.section-chevron{color:var(--text-muted);display:inline-block}.drawer-section.open .section-chevron{transform:rotate(180deg)}.drawer-section:not(.open)>.drawer-section-body{height:0;margin:0;overflow:hidden}.drawer-section:not(.open)>.form-section{margin:0;padding-bottom:10px}.drawer-section:not(.open)>.form-section>:not(.section-toggle):not(.section-count){display:none!important}}.section-count{letter-spacing:.02em;white-space:nowrap;color:#fff;background:var(--primary);height:21px;box-shadow:var(--shadow-glow);border-radius:11px;align-items:center;margin-left:4px;padding:0 10px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.line-item-card.just-added{animation:1.8s itemAdded}@keyframes itemAdded{0%{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent)}60%{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}to{border-color:var(--border);box-shadow:none}}@media (prefers-reduced-motion:reduce){.line-item-card.just-added{border-color:var(--primary);animation:none}}.add-item-btn{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;padding:11px;font-size:13px;font-weight:600;transition:all .15s}.add-item-btn:hover{border-color:var(--primary);color:var(--primary-light);background:color-mix(in srgb, var(--primary) 7%, transparent)}.gst-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.gst-tabs button{color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.gst-tabs button:hover{color:var(--text-primary)}.gst-tabs button.active{background:var(--primary);color:#fff}.gst-derived input{font-variant-numeric:tabular-nums}.gst-hint{color:var(--text-muted);margin-top:4px;font-size:11.5px}.gst-hint.warn{color:var(--warning,#d97706)}.order-no{align-items:center;gap:6px;display:inline-flex}.note-flag{width:20px;height:20px;color:var(--warning,#d97706);background:color-mix(in srgb, var(--warning,#d97706) 16%, transparent);cursor:help;border-radius:6px;flex-shrink:0;place-items:center;display:inline-grid}.note-preview{border-left:2px solid color-mix(in srgb, var(--warning,#d97706) 55%, transparent);max-width:230px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;padding-left:7px;font-size:11px;line-height:1.4;overflow:hidden}.data-table tbody tr.has-note>td:first-child{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--warning,#d97706) 65%, transparent)}@media (width<=900px){.note-preview{white-space:normal;max-width:none}}.vo-color{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 60%, transparent);margin-top:12px;padding:12px}.vo-color-head{align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.vo-color-qty{color:var(--text-secondary);white-space:nowrap;padding-bottom:9px;font-size:12px;font-weight:700}.sort-th{cursor:pointer;width:100%;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.sort-th:hover{color:var(--text-primary)}.sort-arrow{opacity:.35;font-size:9px;transition:opacity .15s}.sort-th:hover .sort-arrow{opacity:.7}.sort-th.active{color:var(--primary-light)}.sort-th.active .sort-arrow{opacity:1}.gap-list{flex-wrap:wrap;gap:8px;display:flex}.gap-chip{background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.page-check-sub{padding-left:18px}.page-check-sub>span{font-size:12.5px}.drawer-fieldset{border:0;min-width:0;margin:0;padding:0}.readonly-note{color:var(--text-muted);align-self:center;font-size:12.5px}.inventory-grid td,.inventory-grid th{padding:8px 10px}.inv-cell{border:1px solid var(--border);background:var(--surface);min-width:52px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:13.5px;font-weight:700}.inv-cell:hover{border-color:var(--border-hover)}.inv-ok{background:var(--success-bg);color:var(--success);border-color:#0000}.inv-low{background:var(--warning-bg);color:var(--warning);border-color:#0000}.inv-out{background:var(--danger-bg);color:var(--danger);border-color:#0000}.inv-negative{background:var(--danger);color:#fff;border-color:#0000}.inv-empty{color:var(--text-muted)}.inv-modes{justify-content:center;gap:8px;margin-top:14px;display:flex}.inv-ledger{text-align:left;max-height:320px;margin-top:12px;overflow-y:auto}.review-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.review-row:first-child{border-top:0}.review-row-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-md);background:0 0;border-bottom:0;border-left:0;border-right:0;padding:9px 8px;transition:background .12s}.review-row-btn:hover{background:var(--surface-hover)}.review-row-on{background:var(--primary-glow)}.rto-notice{border-radius:var(--radius-md);gap:10px;padding:9px 8px}.rto-notice-main{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.inv-input{text-align:center;border:1px solid var(--border);background:var(--surface);width:68px;color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:13px;font-weight:700}.inv-input:focus{border-color:var(--primary);outline:none}.inv-input-dirty{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.bulk-bar{z-index:5;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 20px #0000002e}.bulk-modes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-hint{color:var(--text-muted);font-size:12px}.kpi-clickable{cursor:pointer}.kpi-clickable:hover{border-color:var(--border-hover)}.kpi-active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.focus-bar{background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;display:flex}.inv-dimmed{opacity:.28}.status-runs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.run-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:11.5px}.run-open{border-color:var(--primary);color:var(--primary)}.history-list{max-height:320px;overflow-y:auto}.link-name{font:inherit;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.link-name:hover{color:var(--primary);text-decoration:underline}.approve-btn{border-color:color-mix(in srgb, var(--success) 40%, transparent);color:var(--success);margin-top:5px;display:block}.approve-btn:hover{background:color-mix(in srgb, var(--success) 12%, transparent);border-color:var(--success)}.sidebar-collapse-btn{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.app-layout.sidebar-collapsed{--sidebar-width:76px}.sidebar-collapsed .sidebar{padding:20px 12px}.sidebar-collapsed .brand-text,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .sidebar-link>span:not(.link-icon),.sidebar-collapsed .brand-switch button span,.sidebar-collapsed .theme-toggle-row span,.sidebar-collapsed .sidebar-user-info{display:none}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:8px 0 16px;position:relative}.sidebar-collapsed .sidebar-link,.sidebar-collapsed .theme-toggle-row{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .brand-switch{flex-direction:column;gap:6px}.sidebar-collapsed .brand-switch button{justify-content:center;padding:8px 0}.sidebar-collapsed .sidebar-user-card{flex-direction:column;align-items:center;gap:8px;padding:10px 0}.sidebar-collapsed .sidebar-brand{flex-direction:column;gap:10px;padding:8px 0 14px}.sidebar-collapsed .sidebar-collapse-btn{margin-left:0}.sidebar-collapsed .sidebar-nav,.sidebar-collapsed .brand-switch,.sidebar-collapsed .sidebar-bottom{min-width:0}.sidebar-collapsed .brand-switch button{min-width:0;overflow:hidden}.calc-print{flex:220px;min-width:0;padding:7px 10px;font-size:12.5px}.label-hint{color:var(--text-muted);font-size:11px;font-weight:400}.form-item-row{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.form-item-row>.form-row{flex:1;min-width:0}.form-item-row>.btn-icon{flex:none;margin-bottom:6px}.item-cols-4>.form-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) minmax(0,.6fr) minmax(0,.9fr)}.item-cols-3>.form-row{grid-template-columns:minmax(0,2.4fr) minmax(0,1.8fr) minmax(0,.6fr)}.form-item-add{margin-top:2px}@media (width<=900px){.form-item-row{flex-direction:column;align-items:stretch}.item-cols-4>.form-row,.item-cols-3>.form-row{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.form-item-row>.btn-icon{align-self:flex-end;margin-bottom:0}}.os-link-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.os-link-actions .btn{flex:140px;padding:10px 14px}.os-link-actions .os-link-open{flex:0 auto}.os-row-link{align-items:center;gap:6px;margin-top:5px;display:flex}.os-row-link .pay-link{white-space:nowrap;font-size:11.5px}.os-row-link .btn-icon{flex:none;width:26px;height:26px}