:root{--nav:#0f1f3d;--nav-hover:#1a3260;--accent:#4f46e5;--accent2:#f59e0b;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--radius:10px;--shadow:0 1px 8px #00000014;--shadow-md:0 4px 20px #0000001a}.admin-login-page{align-items:center;background:linear-gradient(145deg,#0f1f3d,#1e3a6e 50%,#312e81);display:flex;justify-content:center;min-height:100vh;padding:24px}.admin-login-card{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 24px 64px #0000004d;max-width:400px;padding:48px 40px;width:100%}.admin-login-logo{margin-bottom:32px;text-align:center}.admin-login-logo .logo-icon{align-items:center;background:#4f46e5;background:var(--accent);border-radius:14px;display:flex;font-size:26px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.admin-login-logo h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.admin-login-logo p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin:0}.admin-field{margin-bottom:18px}.admin-field label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.admin-field input{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.9375rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-field input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.admin-login-btn{background:#4f46e5;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:8px;padding:12px;transition:background .2s,transform .15s;width:100%}.admin-login-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6}.admin-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:.875rem;margin-bottom:16px;padding:10px 14px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:240px;z-index:100}.sidebar-brand{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-brand-name{color:#0f172a;color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.sidebar-brand-name span{color:#818cf8}.sidebar-brand-sub{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:16px 12px}.sidebar-section-label{color:#94a3b8;font-size:.6875rem;font-weight:700;letter-spacing:.1em;margin:16px 0 6px;padding:0 8px;text-transform:uppercase}.sidebar-link{background:none;border:none;border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:3px;padding:7px 10px;text-align:left;text-decoration:none;transition:color .18s,background .18s;width:100%}.sidebar-link,.snav-icon{align-items:center;display:flex}.snav-icon{background:#e8edf2;border-radius:8px;color:#475569;flex-shrink:0;height:32px;justify-content:center;transition:background .18s,color .18s,box-shadow .18s;width:32px}.snav-label{transition:color .18s}.sidebar-link:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.sidebar-link:hover .snav-icon{background:color-mix(in srgb,#818cf8 18%,#e8edf2);background:color-mix(in srgb,var(--c,#818cf8) 18%,#e8edf2);color:#818cf8;color:var(--c,#818cf8)}.sidebar-link.active{background:#f1f5f9;background:var(--bg);border-radius:10px;color:#0f172a;color:var(--text)}.sidebar-link.active .snav-icon{background:#4f46e5;background:var(--c,var(--accent));box-shadow:0 3px 12px color-mix(in srgb,#4f46e5 55%,#0000);box-shadow:0 3px 12px color-mix(in srgb,var(--c,var(--accent)) 55%,#0000);color:#fff}.sidebar-link.active .snav-label{color:#0f172a;color:var(--text);font-weight:600}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:16px 12px}.admin-content{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:100vh;min-width:0}.admin-topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #e2e8f0,0 4px 16px #6366f10f;box-shadow:0 1px 0 var(--border),0 4px 16px #6366f10f;display:flex;height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-topbar-title{color:#0f172a;color:var(--text);font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.admin-user-chip{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:8px}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #6366f159;color:#fff;display:flex;font-size:.8rem;font-weight:800;height:34px;justify-content:center;width:34px}.admin-page{padding:28px 32px}.dash-page{display:flex;flex-direction:column;gap:6px}.dash-section-label{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:700;letter-spacing:.08em;margin:12px 0 8px;text-transform:uppercase}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border-left:4px solid #4f46e5;border:1px solid var(--border);border-left:4px solid var(--sc,var(--accent));border-radius:14px;box-shadow:0 2px 12px #0000000d;display:flex;gap:16px;padding:22px;transition:box-shadow .18s,transform .18s}.stat-card:hover{box-shadow:0 6px 24px #00000017;transform:translateY(-2px)}.stat-icon-box{align-items:center;background:#dbeafe;background:var(--sb,#dbeafe);border-radius:13px;color:#4f46e5;color:var(--sc,var(--accent));display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{color:#0f172a;color:var(--text);font-size:1.25rem;font-weight:700;line-height:1}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:500}.stat-change{color:#10b981;color:var(--success);font-size:.75rem;font-weight:600}.admin-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.admin-card-header{align-items:center;background:#fafbff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 24px}.admin-card-header h3{color:#0f172a;color:var(--text);font-size:1rem;font-weight:700;margin:0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table th{background:#f8fafc;color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.admin-table td{color:#475569;color:var(--text-secondary);padding:13px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.admin-table .bold{color:#0f172a;color:var(--text);font-weight:600}.cat-parent-row td{background:#fff}.cat-sub-row td{background:#fafbff;border-bottom-color:#f1f5f9}.cat-sub-row:hover td{background:#f0f4ff}.cat-sub-count{align-items:center;background:#eef2ff;border-radius:10px;color:#6366f1;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 7px}.cat-parent-label{background:#f1f5f9;border-radius:6px;color:#94a3b8;color:var(--text-muted);font-size:.72rem;font-weight:500;padding:2px 7px;white-space:nowrap}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-default{background:#f1f5f9;color:#475569}.btn-admin{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .18s}.btn-admin-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 10px #6366f14d;color:#fff}.btn-admin-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.btn-admin-danger{background:#fee2e2;color:#991b1b}.btn-admin-danger:hover{background:#fecaca}.btn-admin-ghost{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary)}.btn-admin-ghost:hover{border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.btn-admin-outline{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text)}.btn-admin-outline:hover{border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.btn-admin-sm{font-size:.8125rem;padding:5px 12px}.btn-admin:disabled{cursor:not-allowed;opacity:.5}.dash-welcome-header{background:linear-gradient(135deg,#0f1f3d,#1e3a6e 55%,#2d2a7a);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:22px 28px 18px}.dash-welcome-title{color:#fff;font-size:1.125rem;font-weight:800}.dash-welcome-sub{color:#ffffff80;font-size:.875rem;margin-top:4px}.dash-welcome-body{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.8;padding:20px 28px}.dash-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.dash-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#475569;color:var(--text-secondary);display:inline-flex;font-size:.8125rem;gap:6px;padding:6px 12px}.dash-chip code{background:#e2e8f0;border-radius:5px;color:#4f46e5;color:var(--accent);font-size:.8rem;padding:2px 6px}.admin-search{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;display:flex;gap:8px;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.admin-search:focus-within{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.admin-search input{background:#0000;border:none;color:#0f172a;color:var(--text);flex:1 1;font-family:inherit;font-size:.875rem;outline:none}.admin-search input::placeholder{color:#94a3b8;color:var(--text-muted)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1f3d8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 32px 80px #00000038;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fafbff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#0f172a;color:var(--text);font-size:1rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#f1f5f9;background:var(--bg);border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#fee2e2;color:#ef4444;color:var(--error)}.modal-body{display:flex;flex-direction:column;gap:14px;padding:24px}.modal-footer{background:#fafbff;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.admin-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group label{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.admin-form-group textarea{min-height:80px;resize:vertical}.admin-form-group input[type=checkbox]{width:auto}.admin-empty{font-size:.9rem;padding:56px 20px}.admin-empty,.admin-loading{color:#94a3b8;color:var(--text-muted);text-align:center}.admin-loading{padding:48px}.admin-spinner{animation:a-spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#4f46e5;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;margin:0 auto 12px;width:36px}@keyframes a-spin{to{transform:rotate(1turn)}}.product-thumb{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.prod-filter-tabs{display:flex;gap:4px}.prod-filter-tab{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:7px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s}.prod-filter-tab.active{background:#4f46e5;background:var(--accent);border-color:#4f46e5;border-color:var(--accent);color:#fff}.prod-filter-count{background:#00000014;border-radius:10px;color:inherit;font-size:.72rem;font-weight:700;padding:1px 6px}.prod-filter-tab.active .prod-filter-count{background:#ffffff40}.prod-status-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px;transition:all .15s}.prod-status-active{background:#d1fae5;color:#065f46}.prod-status-active:hover{background:#a7f3d0}.prod-status-inactive{background:#f1f5f9;color:#64748b}.prod-status-inactive:hover{background:#e2e8f0}.cat-picker-wrap{position:relative}.cat-picker-trigger{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;justify-content:space-between;padding:9px 12px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.cat-picker-trigger:focus,.cat-picker-trigger:hover{border-color:#4f46e5;border-color:var(--accent)}.cat-picker-chevron,.cat-picker-trigger .placeholder{color:#94a3b8;color:var(--text-muted)}.cat-picker-chevron{flex-shrink:0;transition:transform .2s}.cat-picker-chevron.open{transform:rotate(180deg)}.cat-picker-dropdown{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.cat-picker-item{align-items:center;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:8px 12px;transition:background .12s,color .12s}.cat-picker-item:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.cat-picker-item.selected{background:#eef2ff;color:#4f46e5;color:var(--accent);font-weight:600}.cat-picker-item.has-children{color:#0f172a;color:var(--text);cursor:pointer;font-weight:600}.cat-picker-item.has-children:hover{background:#f8fafc}.cat-picker-hint{font-size:.72rem;font-weight:400;margin-left:auto}.cat-picker-arrow,.cat-picker-hint{color:#94a3b8;color:var(--text-muted)}.cat-picker-arrow{align-items:center;border-radius:4px;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.cat-picker-arrow:hover{background:#e2e8f0;background:var(--border);color:#0f172a;color:var(--text)}.prod-modal-toggle{display:flex;gap:8px}.prod-modal-toggle-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:9px;transition:all .15s}.prod-modal-toggle-btn.active{background:#d1fae5;border-color:#10b981;color:#065f46}.prod-modal-toggle-btn.inactive{background:#f1f5f9;border-color:#94a3b8;color:#475569}.select-sm{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-family:inherit;font-size:.8rem;padding:5px 10px}.track-btn{align-items:center;background:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;white-space:nowrap}.track-btn:hover{background:#bfdbfe}.track-btn-print{background:#f3e8ff;color:#7c3aed}.track-btn-print:hover{background:#ede9fe}.track-btn-dup{background:#f0fdf4;color:#16a34a}.track-btn-dup:hover{background:#dcfce7}.row-menu-wrap{position:relative}.row-dots-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;padding:4px 6px}.row-dots-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.row-dots-menu{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #0000001f;min-width:160px;padding:4px;position:fixed;z-index:200}.track-na{color:#cbd5e1;font-size:.9rem}.order-action-btns{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.col-actions{white-space:nowrap}.track-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.track-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;width:440px}.track-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.track-modal-title{color:#0f172a;color:var(--text);font-size:1rem;font-weight:700;margin:0}.track-modal-cn{font-family:monospace;font-size:.78rem;margin:3px 0 0}.track-modal-close,.track-modal-cn{color:#475569;color:var(--text-secondary)}.track-modal-close{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.track-modal-close:hover{color:#0f172a;color:var(--text)}.track-modal-body{overflow-y:auto;padding:16px 24px}.track-modal-empty{color:#475569;color:var(--text-secondary);font-size:.85rem;margin:0;padding:16px 0;text-align:center}.track-flow{display:flex;flex-direction:column;gap:0;padding:4px 0}.track-flow-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:12px 0;position:relative}.track-flow-item:not(:last-child):after{bottom:-1px;color:#cbd5e1;content:"↓";font-size:.7rem;left:0;line-height:1;position:absolute;text-align:center;transform:translateY(50%);width:8px}.track-flow-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.track-flow-dot.dot-latest{background:#22c55e}.track-flow-content{flex:1 1}.track-flow-desc{color:#0f172a;color:var(--text);font-size:.875rem;font-weight:600;margin:0}.track-flow-loc{color:#94a3b8;color:var(--text-muted);font-size:.82rem;font-weight:400}.track-flow-reason{color:#dc2626;font-size:.78rem;font-weight:600;margin:3px 0 0}.track-flow-time{color:#94a3b8;color:var(--text-muted);font-size:.75rem;margin:2px 0 0}.orders-wrap{background:#f1f5f9;background:var(--bg);position:relative}.orders-card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 24px #00000012;overflow:hidden}.orders-card,.orders-card-header{background:#fff;background:var(--surface)}.orders-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.orders-card-title{color:#0f172a;color:var(--text);font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.orders-card-subtitle{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin-top:3px}.orders-add-btn{align-items:center;background:#4f46e5;background:var(--accent);border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:700;gap:6px;padding:9px 18px;transition:background .18s;white-space:nowrap}.orders-add-btn:hover{background:#4338ca}.orders-track-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:9px 16px;transition:all .18s;white-space:nowrap}.orders-track-btn:hover{background:#eef2ff;border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.orders-track-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite;display:inline-block}.tracking-status-pill{color:#ea580c;font-size:.7rem;font-weight:600;margin-top:3px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-input-modal{max-width:420px!important}.track-input-form{display:flex;gap:10px;padding:20px 24px}.track-cn-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);flex:1 1;font-family:inherit;font-size:.9375rem;outline:none;padding:9px 14px;transition:border-color .2s,box-shadow .2s}.track-cn-input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.orders-tabs-row{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.orders-tabs-row .orders-tabs{border-bottom:none}.orders-search-row{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:14px 24px}.orders-search-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.orders-search-row .orders-search-box{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;display:flex;flex:1 1;gap:8px;max-width:400px;padding:9px 14px;transition:border-color .18s,box-shadow .18s}.orders-search-row .orders-search-box:focus-within{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.orders-search-row .orders-search-box input{background:none;border:none;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;width:100%}.orders-bulk-bar{align-items:center;background:#f0f4ff;border-bottom:1px solid #dde5ff;display:flex;flex-wrap:wrap;gap:10px;padding:10px 24px}.bulk-sel-count{color:#475569;color:var(--text-secondary);font-size:.8125rem;font-weight:600;margin-right:4px}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bulk-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:6px;padding:7px 14px;transition:opacity .15s,filter .15s}.bulk-btn:hover{filter:brightness(.93)}.bulk-btn-print{background:#dbeafe;color:#1d4ed8}.bulk-btn-mark{background:#d1fae5;color:#065f46}.bulk-btn-cn{background:#ede9fe;color:#6d28d9}.bulk-btn-more{background:#f1f5f9;color:#0f172a;color:var(--text);padding:7px 10px}.new-order-toast{animation:toast-in .3s ease;background:#16a34a;border-radius:10px;bottom:28px;box-shadow:0 4px 16px #0000002e;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:12px 20px;position:fixed;right:28px;z-index:999}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.thead-actions th{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:10px 14px}.thead-action-row{align-items:center;display:flex;gap:8px}.sel-count{font-size:.8125rem;font-weight:600;margin-right:4px}.sel-count,.tbl-action-btn{color:#0f172a;color:var(--text)}.tbl-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:5px;padding:5px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.tbl-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.btn-chevron{font-size:.65rem;opacity:.6}.dots-wrap{position:relative}.dots-btn{padding:5px 8px}.dots-menu{animation:dots-in .12s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:190px;overflow:hidden;position:fixed;z-index:9999}@keyframes dots-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dots-item{align-items:center;background:none;border:none;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:9px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.dots-item:hover{background:#f8fafc}.dots-item-danger{color:#ef4444;color:var(--error)}.dots-item-danger:hover{background:#fff1f2}.dots-item-green{color:#16a34a}.dots-item-green:hover{background:#f0fdf4}.dots-item:disabled{cursor:not-allowed;opacity:.5}.modal-box{animation:dots-in .15s ease;background:#fff;border-radius:12px;box-shadow:0 24px 64px #0003;max-width:480px;width:100%}.booking-result-row{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:12px;justify-content:space-between;padding:10px 14px}.result-ok{background:#f0fdf4;border:1px solid #bbf7d0}.result-fail{background:#fff1f2;border:1px solid #fecdd3}.result-order{color:#0f172a;color:var(--text);font-weight:700}.result-tracking{align-items:center;color:#166534;display:flex;gap:6px}.result-error{color:#ef4444;color:var(--error)}.cn-slip-link{color:#4f46e5;font-size:.8rem;text-decoration:underline}.cn-slip-link:hover{color:#3730a3}.cc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.cc-label{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600}.cc-req{color:#ef4444;color:var(--error)}.cc-select{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:7px;color:#0f172a;color:var(--text);font-size:.875rem;outline:none;padding:8px 10px}.cc-select:focus{border-color:#4f46e5;border-color:var(--accent)}.cc-info{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;margin:0}.orders-toolbar{display:none}.orders-tabs{display:flex;flex:1 1;overflow-x:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.orders-tabs::-webkit-scrollbar{height:4px}.orders-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.orders-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;gap:12px;min-width:172px;padding:16px 20px;text-align:left;transition:background .15s,border-color .15s}.orders-tab:hover{background:color-mix(in srgb,#6366f1 5%,#fff);background:color-mix(in srgb,var(--tc,#6366f1) 5%,#fff)}.orders-tab.active{background:color-mix(in srgb,#4f46e5 8%,#fff);background:color-mix(in srgb,var(--tc,var(--accent)) 8%,#fff);border-bottom-color:#4f46e5;border-bottom-color:var(--tc,var(--accent))}.otab-icon-box{align-items:center;background:color-mix(in srgb,#6366f1 12%,#fff);background:color-mix(in srgb,var(--tc,#6366f1) 12%,#fff);border-radius:10px;color:#6366f1;color:var(--tc,#6366f1);display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .18s;width:38px}.orders-tab:hover .otab-icon-box{background:color-mix(in srgb,#6366f1 20%,#fff);background:color-mix(in srgb,var(--tc,#6366f1) 20%,#fff)}.orders-tab.active .otab-icon-box{background:#4f46e5;background:var(--tc,var(--accent));box-shadow:0 3px 12px color-mix(in srgb,#4f46e5 50%,#0000);box-shadow:0 3px 12px color-mix(in srgb,var(--tc,var(--accent)) 50%,#0000);color:#fff}.otab-body{display:flex;flex-direction:column;gap:3px}.otab-top{align-items:center;display:flex;gap:7px}.otab-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:500}.orders-tab.active .otab-label{color:#0f172a;color:var(--text);font-weight:600}.otab-desc{color:#94a3b8;color:var(--text-muted);font-size:.72rem;line-height:1.35;max-width:138px;white-space:normal}.otab-count{align-items:center;background:#e2e8f0;border-radius:10px;color:#475569;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.otab-count-active{background:#4f46e5;background:var(--tc,var(--accent));color:#fff}.tab-count{display:none}.orders-toolbar-right{align-items:center;display:flex;gap:10px;margin-left:auto;padding:8px 0}.sync-msg{color:#475569;color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.orders-table{border-collapse:collapse;font-size:.8125rem;width:100%}.orders-table th{background:#f8fafc;color:#94a3b8;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table td,.orders-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.orders-table td{color:#475569;color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:#fafbff}.orders-table tr.row-selected td{background:#eff6ff}.orders-table tr.row-selected .col-chk input{accent-color:#2563eb}.col-chk{width:40px}.col-chk input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--accent);cursor:pointer;height:15px;width:15px}.order-link{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;color:var(--text);cursor:pointer;display:inline-block;font-size:.8125rem;font-weight:700;padding:3px 9px}.order-link:hover{background:#e2e8f0;text-decoration:none}.order-comment-badge{align-items:center;background:#eef2ff;border-radius:100px;color:#6366f1;display:inline-flex;font-size:.68rem;font-weight:600;gap:3px;padding:2px 6px}.col-date{color:#475569;color:var(--text-secondary);white-space:nowrap}.col-amount,.col-name{color:#0f172a;color:var(--text);font-weight:500}.col-amount{white-space:nowrap}.col-items{color:#475569;color:var(--text-secondary);white-space:nowrap}.channel-pill{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.72rem;font-weight:500;padding:3px 8px;white-space:nowrap}.pay-type-badge{border-radius:100px;display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.04em;padding:5px 14px;white-space:nowrap}.pay-type-cod{background:#fff1e6;border:2px solid #f97316;color:#b84500}.pay-type-paid{background:#e8faf1;border:2px solid #22c55e;color:#0d6f3d}.obadge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:500;gap:5px;padding:4px 10px;white-space:nowrap}.obadge-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.obadge-yellow{background:#fef9c3;color:#854d0e}.obadge-yellow .obadge-dot{background:#eab308}.obadge-green{background:#dcfce7;color:#166534}.obadge-green .obadge-dot{background:#22c55e}.obadge-blue{background:#dbeafe;color:#1e40af}.obadge-blue .obadge-dot{background:#3b82f6}.obadge-grey{background:#f1f5f9;color:#475569}.obadge-grey .obadge-dot{background:#94a3b8}.obadge-red{background:#fff1f2;color:#991b1b}.obadge-red .obadge-dot{background:#ef4444}.obadge-orange{background:#fff7ed;color:#c2410c}.obadge-orange .obadge-dot{background:#f97316}.obadge-purple{background:#f5f3ff;color:#6d28d9}.obadge-purple .obadge-dot{background:#8b5cf6}.obadge-cyan{background:#ecfeff;color:#0e7490}.obadge-cyan .obadge-dot{background:#0891b2}.order-row{cursor:pointer}.order-row:hover td{background:#f1f5f9}.od-page{padding:0}.od-page-header{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:20px 24px 0}.od-back-btn{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:6px;margin-bottom:16px;padding:0;transition:color .15s}.od-back-btn:hover{color:#0f172a;color:var(--text)}.od-page-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:20px}.od-page-title h2{color:#0f172a;color:var(--text);font-size:1.4rem;font-weight:800;margin:0 0 4px}.od-page-title h2 span{color:#4f46e5;color:var(--accent)}.od-date{color:#94a3b8;color:var(--text-muted);font-size:.8rem}.od-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.od-status-wrap{align-items:center;display:flex;gap:8px}.od-status-pill{align-items:center;border-radius:100px;display:inline-flex;font-size:.8rem;font-weight:600;padding:5px 12px}.od-status-locked{cursor:default;font-size:1rem;opacity:.6}.od-page-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;padding:24px}.od-main,.od-sidebar{display:flex;flex-direction:column;gap:16px}.od-card-title{color:#94a3b8;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.07em;margin-bottom:14px;text-transform:uppercase}.od-info-card{padding:18px 20px}.od-track-refresh{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;padding:2px}.od-track-refresh:hover{color:#4f46e5;color:var(--accent)}.od-track-refresh:disabled{cursor:default;opacity:.4}.od-track-list{display:flex;flex-direction:column;gap:0}.od-track-event{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:8px 0}.od-track-event:last-child{border-bottom:none}.od-track-dot{background:#4f46e5;background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.od-track-info{flex:1 1;min-width:0}.od-track-desc{color:#0f172a;color:var(--text);font-size:.82rem;font-weight:500;margin:0}.od-track-time{font-size:.75rem;margin:2px 0 0}.od-track-empty,.od-track-time{color:#475569;color:var(--text-secondary)}.od-track-empty{font-size:.82rem;margin:0}.od-ch-table-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.od-ch-count{background:#e2e8f0;border-radius:100px;font-weight:700;padding:3px 10px}.od-ch-count,.od-ch-email{color:#475569;font-size:.75rem}.od-ch-email{color:var(--text-secondary);margin:0}.od-ch-table{border-collapse:collapse;font-size:.8125rem;width:100%}.od-ch-table th{background:#f8fafc;color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:10px 16px;text-align:left}.od-ch-table td,.od-ch-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.od-ch-table td{color:#475569;color:var(--text-secondary);padding:12px 16px;vertical-align:middle}.od-ch-table tr:last-child td{border-bottom:none}.od-ch-tr-link{cursor:pointer}.od-ch-tr-link:hover td{background:#f8fafc}.od-ch-tr-current td{background:#eff6ff}.od-ch-order-num{color:#0f172a;color:var(--text);font-weight:700;margin-right:6px}.od-ch-current-tag{background:#2563eb;border-radius:4px;color:#fff;font-size:.68rem;font-weight:600;padding:1px 6px;vertical-align:middle}.od-ch-amount{color:#0f172a;color:var(--text);font-weight:600}.od-ch-date{color:#94a3b8;color:var(--text-muted);font-size:.78rem}.od-ch-status{border-radius:100px;font-size:.72rem;font-weight:600;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.od-ch-s-pending{background:#fef9c3;color:#854d0e}.od-ch-s-confirmed,.od-ch-s-shipped{background:#dbeafe;color:#1e40af}.od-ch-s-delivered{background:#dcfce7;color:#166534}.od-ch-s-cancelled{background:#f1f5f9;color:#475569}.od-ch-s-return{background:#fee2e2;color:#991b1b}.od-comments-card{padding:20px}.od-comments-empty{color:#94a3b8;color:var(--text-muted);font-size:.83rem;margin:0 0 16px}.od-comments-list{border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:0;margin-bottom:20px;padding-left:16px}.od-comment{display:flex;gap:12px;padding:10px 0;position:relative}.od-comment-dot{background:#cbd5e1;border:2px solid #fff;border-radius:50%;flex-shrink:0;height:10px;margin-left:-21px;margin-top:4px;width:10px}.od-comment-body{flex:1 1}.od-comment-meta{align-items:center;display:flex;gap:10px;margin-bottom:4px}.od-comment-author{color:#0f172a;color:var(--text);font-size:.78rem;font-weight:700}.od-comment-time{color:#94a3b8;color:var(--text-muted);font-size:.72rem}.od-comment-text{color:#475569;color:var(--text-secondary);font-size:.83rem;line-height:1.55;margin:0;white-space:pre-wrap}.od-comment-actions{display:flex;gap:4px;margin-left:auto;opacity:0;transition:opacity .15s}.od-comment:hover .od-comment-actions{opacity:1}.od-comment-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;padding:3px 5px}.od-comment-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.od-comment-btn-del:hover{background:#fee2e2;color:#dc2626}.od-comment-edit-row{display:flex;flex-direction:column;gap:8px;margin-top:4px}.od-comment-edit-btns{display:flex;gap:8px}.od-comment-input-row{align-items:flex-end;display:flex;gap:10px}.od-comment-input{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);flex:1 1;font-family:inherit;font-size:.83rem;padding:8px 12px;resize:vertical}.od-comment-input:focus{border-color:#4f46e5;border-color:var(--accent);outline:none}.od-items-list{padding:0 20px}.od-item-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:14px 0}.od-item-row:last-child{border-bottom:none}.od-item-img-wrap{flex-shrink:0;position:relative}.od-item-img{background:#f8fafc;object-fit:cover}.od-item-img,.od-item-img-placeholder{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;height:58px;width:58px}.od-item-img-placeholder{background:#e2e8f0;color:#94a3b8;font-size:1.2rem}.od-item-img-placeholder,.od-item-qty-badge{align-items:center;display:flex;font-weight:700;justify-content:center}.od-item-qty-badge{background:#475569;border-radius:50%;color:#fff;font-size:.65rem;height:18px;position:absolute;right:-6px;top:-6px;width:18px}.od-item-details{flex:1 1;min-width:0}.od-item-name{color:#0f172a;color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:3px}.od-item-unit{color:#94a3b8;color:var(--text-muted);font-size:.78rem}.od-item-line-total{color:#0f172a;color:var(--text);font-size:.9rem;font-weight:600;white-space:nowrap}.od-item-edit-fields{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.od-item-edit-field{display:flex;flex-direction:column;gap:3px}.od-item-edit-field label{color:#94a3b8;color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase}.od-item-num-input{width:80px}.od-item-qty-input{text-align:center;width:44px}.od-qty-ctrl{align-items:center;display:flex;gap:0}.od-qty-ctrl button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text);cursor:pointer;display:flex;height:30px;justify-content:center;width:26px}.od-qty-ctrl button:first-child{border-radius:6px 0 0 6px;border-right:none}.od-qty-ctrl button:last-child{border-left:none;border-radius:0 6px 6px 0}.od-qty-ctrl button:hover{background:#e2e8f0}.od-item-edit-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.od-item-remove-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;padding:4px}.od-item-remove-btn:hover{background:#fee2e2;color:#dc2626}.od-add-product-wrap{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:12px 20px;position:relative}.od-add-product-btn{align-items:center;background:none;border:1.5px dashed #e2e8f0;border:1.5px dashed var(--border);border-radius:8px;color:#4f46e5;color:var(--accent);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:7px 14px;transition:background .12s;width:100%}.od-add-product-btn:hover{background:#f0f4ff}.od-product-picker{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;bottom:calc(100% + 4px);box-shadow:0 8px 24px #0000001f;left:20px;overflow:hidden;position:absolute;right:20px;z-index:50}.od-picker-search,.od-product-picker{background:#fff;background:var(--surface)}.od-picker-search{border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:.83rem;outline:none;padding:10px 14px;width:100%}.od-picker-list{max-height:240px;overflow-y:auto}.od-picker-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:9px 14px;transition:background .1s}.od-picker-item:hover{background:#f8fafc}.od-picker-img{border-radius:6px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.od-picker-info{display:flex;flex-direction:column;gap:1px}.od-picker-name{color:#0f172a;color:var(--text);font-size:.82rem;font-weight:600}.od-picker-price{color:#94a3b8;color:var(--text-muted);font-size:.74rem}.od-summary-block{background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:16px 20px}.od-summary-row{color:#475569;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.od-summary-total{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);font-size:1rem;margin-top:2px;padding-top:10px}.od-customer-name,.od-summary-total{color:#0f172a;color:var(--text);font-weight:700}.od-customer-name{font-size:.95rem;margin-bottom:10px}.od-info-row{color:#475569;color:var(--text-secondary);display:flex;font-size:.83rem;gap:8px;line-height:1.5;margin-bottom:7px}.od-addr-text,.od-info-row{align-items:flex-start}.link-btn{background:none;border:none;color:#4f46e5;color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline}.btn-fulfill{background:#4f46e5;color:#fff}.btn-fulfill:hover{background:#4338ca}.btn-fulfill:disabled{cursor:not-allowed;opacity:.6}.fulfill-banner{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:12px 24px}.fulfill-ok{background:#f0fdf4;border-bottom:1px solid #bbf7d0;color:#166534}.fulfill-fail{background:#fff1f2;border-bottom:1px solid #fecdd3;color:#991b1b}.fulfill-banner-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;margin-left:auto;opacity:.6}.fulfill-banner-close:hover{opacity:1}.od-edit-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.od-edit-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.od-edit-input{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:7px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:7px 10px;transition:border-color .15s}.od-edit-input:focus{border-color:#4f46e5;border-color:var(--accent)}.od-edit-textarea{min-height:72px;resize:vertical}.od-edit-inline-num{background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:4px 8px;text-align:right;width:100px}.od-edit-inline-num:focus{border-color:#4f46e5;border-color:var(--accent)}@media (max-width:900px){.od-page-body{grid-template-columns:1fr}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-page{padding:20px 16px}.stats-grid,.stats-grid-4{grid-template-columns:1fr 1fr}.admin-form-row{grid-template-columns:1fr}}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;inset:0;position:fixed;z-index:99}.admin-mobile-menu-btn{align-items:center;background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:none;flex-shrink:0;height:38px;justify-content:center;transition:background .15s;width:38px}.admin-mobile-menu-btn:hover{background:#e2e8f0;background:var(--border)}.sidebar-close-btn{align-items:center;background:#f1f5f9;background:var(--bg);border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:none;height:30px;justify-content:center;position:absolute;right:14px;top:16px;transition:background .15s,color .15s;width:30px}.sidebar-close-btn:hover{background:#e2e8f0;background:var(--border);color:#0f172a;color:var(--text)}@media (max-width:900px){.admin-sidebar{box-shadow:4px 0 24px #0000001f;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:100}.admin-sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:flex}.sidebar-brand{padding-right:52px;position:relative}.admin-content{margin-left:0}.admin-mobile-menu-btn{display:flex}.admin-topbar{gap:10px;padding:0 16px}.admin-topbar-title{font-size:1rem}.admin-page{padding:18px 16px}.stats-grid,.stats-grid-4{gap:12px;grid-template-columns:1fr 1fr}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:600px}.orders-table{min-width:700px}.admin-form-row{grid-template-columns:1fr}.modal{margin:0 12px;max-width:100%}.modal-overlay{padding:16px}.od-page-body{gap:16px;grid-template-columns:1fr;padding:16px}.od-page-title-row{flex-direction:column;gap:12px}.od-page-actions{flex-wrap:wrap}.oc-page{padding:18px 16px}.oc-body{grid-template-columns:1fr}.oc-header{flex-wrap:wrap;gap:10px}.admin-card-header{padding:14px 16px}.orders-card-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.orders-search-row{align-items:stretch;flex-direction:column;gap:10px;padding:12px 16px}.orders-search-row .orders-search-box{max-width:100%}.orders-bulk-bar{padding:10px 16px}.bulk-actions{flex-wrap:wrap}.book-table-wrap{padding:12px 16px}}@media (max-width:600px){.stats-grid,.stats-grid-4{grid-template-columns:1fr}.admin-page{padding:14px 12px}.admin-topbar{height:56px;padding:0 12px}.admin-topbar-title{font-size:.9rem}.stat-card{gap:12px;padding:16px 14px}.stat-icon-box{height:42px;width:42px}.stat-value{font-size:1.1rem}.dash-welcome-header{padding:16px 16px 12px}.dash-welcome-title{font-size:1rem}.dash-welcome-body{font-size:.85rem;padding:14px 16px}.dash-links,.modal-footer{flex-direction:column;gap:8px}.modal-footer>a,.modal-footer>button{width:100%}.admin-user-chip{font-size:0;gap:0}.admin-user-avatar{font-size:.72rem;height:30px;width:30px}.od-page-header{padding:14px 14px 0}.od-page-body{padding:12px}.od-info-card{padding:14px}.od-items-list{padding:0 14px}.od-summary-block{padding:12px 14px}.od-add-product-wrap{padding:10px 14px}.od-page-title h2{font-size:1.15rem}.orders-card-header{padding:12px 14px}.orders-card-title{font-size:1rem}}.book-page{display:flex;flex-direction:column;height:100%}.book-page-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.book-page-title{flex:1 1;font-size:1rem;font-weight:700;margin:0}.back-btn{align-items:center;display:flex;gap:6px;white-space:nowrap}.book-table-wrap{flex:1 1;overflow:auto;padding:20px 24px}.book-table{border-collapse:collapse;font-size:.8125rem;min-width:1200px;width:100%}.book-table thead tr{background:#f1f5f9;background:var(--bg)}.book-table th{color:#475569;color:var(--text-secondary);font-size:.75rem;font-weight:700;padding:8px 10px;text-align:left;white-space:nowrap}.book-table td,.book-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.book-table td{padding:6px 8px;vertical-align:top}.book-table tbody tr:hover{background:#f1f5f9;background:var(--bg)}.book-row-selected td{background:#f0f4ff}.book-cell-id{color:#4f46e5;color:var(--accent);font-weight:600;padding-top:10px;white-space:nowrap}.book-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:.8125rem;min-width:110px;outline:none;padding:5px 8px;width:100%}.book-input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 2px #4f46e51a}.book-input-num{min-width:80px}.book-input-xs{min-width:56px;width:56px}.book-input-error{background:#fff5f5;border-color:#ef4444!important}.book-input-error:focus{box-shadow:0 0 0 2px #ef444426!important}.book-input-hint{color:#ef4444;font-size:11px;margin-top:3px}.book-prepaid-badge{background:#dcfce7;border-radius:5px;color:#166534;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.book-textarea{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:.8125rem;min-width:130px;outline:none;padding:5px 8px;resize:vertical;width:100%}.book-textarea:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 2px #4f46e51a}.book-select{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-size:.8125rem;min-width:150px;outline:none;padding:5px 8px;width:100%}.book-select:focus{border-color:#4f46e5;border-color:var(--accent)}.book-results-list{display:flex;flex-direction:column;gap:10px;padding:20px 24px}.oc-page{background:#f1f5f9;background:var(--bg);min-height:100%;padding:28px 32px}.oc-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.oc-back-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s}.oc-back-btn:hover{background:#f1f5f9;background:var(--bg);color:#0f172a;color:var(--text)}.oc-header-title{color:#0f172a;color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.oc-body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:360px 1fr}.oc-left,.oc-right{display:flex;flex-direction:column;gap:16px}.oc-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 6px #0000000d;padding:20px 22px}.oc-card-title{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.oc-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.oc-field:last-child{margin-bottom:0}.oc-field label{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600}.oc-req{color:#ef4444;color:var(--error)}.oc-field input,.oc-field select,.oc-field textarea{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:9px 12px;resize:none;transition:border-color .18s,box-shadow .18s}.oc-field input:focus,.oc-field select:focus,.oc-field textarea:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.oc-pay-toggle{display:flex;gap:8px}.oc-pay-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.8125rem;font-weight:600;padding:9px;transition:all .15s}.oc-pay-btn.active{background:#4f46e5;background:var(--accent);border-color:#4f46e5;border-color:var(--accent);color:#fff}.oc-search-wrap{margin-bottom:16px;position:relative}.oc-search-box{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;display:flex;gap:8px;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.oc-search-box:focus-within{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.oc-search-box input{background:none;border:none;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;width:100%}.oc-product-dropdown{animation:dots-in .12s ease;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.oc-product-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.oc-product-item:hover{background:#f5f7ff}.oc-product-img{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:7px;object-fit:cover}.oc-product-img,.oc-product-img-ph{flex-shrink:0;height:36px;width:36px}.oc-product-img-ph{background:#e2e8f0;border-radius:7px}.oc-product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.oc-product-name{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-product-price{color:#475569;color:var(--text-secondary);font-size:.75rem}.oc-empty{font-size:.875rem;padding:32px 0;text-align:center}.oc-empty,.oc-items-header{color:#94a3b8;color:var(--text-muted)}.oc-items-header{grid-gap:8px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:grid;font-size:.72rem;font-weight:700;gap:8px;grid-template-columns:1fr 70px 90px 80px 32px;letter-spacing:.05em;margin-bottom:8px;padding:0 4px 8px;text-transform:uppercase}.oc-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.oc-item-row{grid-gap:8px;align-items:center;background:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 70px 90px 80px 32px;padding:10px 12px}.oc-item-name-cell{align-items:center;display:flex;gap:8px;overflow:hidden}.oc-item-img{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;object-fit:cover}.oc-item-img,.oc-item-img-ph{flex-shrink:0;height:32px;width:32px}.oc-item-img-ph{background:#e2e8f0;border-radius:6px}.oc-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-item-name,.oc-price-input,.oc-qty-input{color:#0f172a;color:var(--text);font-size:.8125rem}.oc-price-input,.oc-qty-input{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:7px;font-family:inherit;outline:none;padding:6px 8px;text-align:center;width:100%}.oc-price-input:focus,.oc-qty-input:focus{border-color:#4f46e5;border-color:var(--accent)}.oc-item-total{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600;text-align:right;white-space:nowrap}.oc-remove-btn{align-items:center;background:none;border:none;border-radius:5px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:color .15s,background .15s}.oc-remove-btn:hover{background:#fff1f2;color:#ef4444;color:var(--error)}.oc-totals{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding-top:14px}.oc-total-row{color:#475569;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between}.oc-total-grand{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#0f172a;color:var(--text);font-size:1rem;font-weight:700;margin-top:4px;padding-top:8px}.oc-error{background:#fff1f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:.875rem;padding:10px 14px}.oc-actions{display:flex;gap:10px;justify-content:flex-end}.oc-cancel-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:10px 20px;transition:background .15s}.oc-cancel-btn:hover{background:#f1f5f9;background:var(--bg)}.oc-submit-btn{background:#4f46e5;background:var(--accent);border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:10px 28px;transition:background .15s,opacity .15s}.oc-submit-btn:hover:not(:disabled){background:#4338ca}.oc-submit-btn:disabled{cursor:not-allowed;opacity:.6}.cr-page{display:flex;flex:1 1;gap:0;min-height:0;overflow:hidden}.cr-sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:20px 12px;width:220px}.cr-sidebar-title{color:#94a3b8;color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.08em;padding:0 8px 12px;text-transform:uppercase}.cr-tab{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;text-align:left;transition:background .15s;width:100%}.cr-tab:hover{background:#f1f5f9;background:var(--bg)}.cr-tab-active{background:#eef2ff!important}.cr-tab-logo{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:34px;justify-content:center;width:34px}.cr-tab-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cr-tab-name{color:#0f172a;color:var(--text);font-size:.875rem;font-weight:600}.cr-tab-status{align-items:center;display:flex;font-size:.72rem;font-weight:500;gap:4px}.cr-status-on{color:#059669}.cr-status-idle{color:#d97706}.cr-status-off{color:#94a3b8;color:var(--text-muted)}.cr-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.cr-main{background:#f1f5f9;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cr-header{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:22px 28px}.cr-header,.cr-header-left{align-items:center;display:flex}.cr-header-left{gap:14px}.cr-header-logo{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;font-weight:800;height:46px;justify-content:center;width:46px}.cr-header-name{color:#0f172a;color:var(--text);font-size:1rem;font-weight:700}.cr-header-tagline{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;margin-top:2px}.cr-toggle{align-items:center;cursor:pointer;display:flex;gap:10px}.cr-toggle input{display:none}.cr-toggle-track{background:#cbd5e1;border-radius:12px;height:24px;position:relative;transition:background .2s;width:44px}.cr-toggle input:checked~.cr-toggle-track{background:#4f46e5;background:var(--accent)}.cr-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.cr-toggle input:checked~.cr-toggle-track .cr-toggle-thumb{transform:translateX(20px)}.cr-toggle-label{color:#0f172a;color:var(--text);font-size:.875rem;font-weight:500;min-width:56px}.cr-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px 28px}.cr-group-title{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.07em;margin-bottom:12px;text-transform:uppercase}.cr-fields{grid-gap:14px 20px;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:grid;gap:14px 20px;grid-template-columns:1fr 1fr;padding:20px}.cr-field{display:flex;flex-direction:column;gap:6px}.cr-field-wide{grid-column:1/-1}.cr-field label{color:#0f172a;color:var(--text);font-size:.8125rem;font-weight:600}.cr-req{color:#ef4444;color:var(--error);margin-left:2px}.cr-field input{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:9px 13px;transition:border-color .15s,box-shadow .15s}.cr-field input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.cr-field input::placeholder{color:#94a3b8;color:var(--text-muted)}.cr-footer{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px 28px}.cr-footer-left{flex:1 1}.cr-footer-btns{align-items:center;display:flex;gap:10px}.cr-test-result{align-items:center;border-radius:8px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:8px;padding:7px 14px}.cr-test-ok{background:#d1fae5;color:#065f46}.cr-test-fail{background:#fee2e2;color:#991b1b}.cr-test-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}.cr-btn-test{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;font-size:.875rem;font-weight:600;padding:9px 18px;transition:border-color .15s,background .15s}.cr-btn-test:hover:not(:disabled){background:#eef2ff;border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.cr-btn-test:disabled{cursor:not-allowed;opacity:.5}.cr-btn-save{background:#4f46e5;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-width:80px;padding:9px 22px;transition:background .15s,opacity .15s}.cr-btn-save:hover:not(:disabled){background:#4338ca}.cr-btn-save:disabled{cursor:not-allowed;opacity:.5}.cr-btn-saved{background:#e2e8f0!important;color:#94a3b8!important;color:var(--text-muted)!important}.cr-select-wrap{position:relative}.cr-select-box{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:9px 13px;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.cr-select-box:hover:not(.cr-select-disabled){border-color:#94a3b8}.cr-select-open{border-color:#4f46e5!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #4f46e51a}.cr-select-disabled{cursor:not-allowed;opacity:.5}.cr-select-arrow,.cr-select-placeholder{color:#94a3b8;color:var(--text-muted)}.cr-select-arrow{flex-shrink:0;font-size:.65rem;margin-left:6px}.cr-dropdown{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.cr-dropdown-search{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:8px 10px}.cr-dropdown-search input{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:.8125rem;outline:none;padding:7px 10px;width:100%}.cr-dropdown-search input:focus{border-color:#4f46e5;border-color:var(--accent)}.cr-dropdown-list{max-height:220px;overflow-y:auto}.cr-dropdown-item{cursor:pointer;font-size:.875rem;padding:9px 14px;transition:background .1s}.cr-dropdown-item:hover{background:#f1f5f9}.cr-dropdown-selected{background:#eef2ff;color:#4f46e5;color:var(--accent);font-weight:600}.cr-dropdown-empty{color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:12px 14px}.vs-editor{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.vs-toolbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-shrink:0;gap:16px;justify-content:space-between;padding:10px 20px;z-index:10}.vs-toolbar,.vs-toolbar-left{align-items:center;display:flex}.vs-toolbar-left{gap:10px}.vs-toolbar-center{align-items:center;display:flex;gap:4px}.vs-toolbar-right{align-items:center;display:flex;gap:8px}.vs-toolbar-title{color:var(--text);font-size:.9375rem;font-weight:700}.vs-unsaved-dot{background:var(--warning);border-radius:50%;display:inline-block;height:8px;width:8px}.vs-viewport-btn{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;display:flex;padding:7px 10px;transition:all .18s}.vs-viewport-btn:hover{border-color:var(--accent);color:var(--accent)}.vs-viewport-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.vs-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.vs-sections-panel{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;min-height:0;overflow-y:auto;padding:12px;width:220px}.vs-sections-label{color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.1em;margin:8px 0 6px;padding:0 8px;text-transform:uppercase}.vs-section-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:10px;margin-bottom:2px;padding:10px;text-align:left;transition:all .18s;width:100%}.vs-section-btn:hover{background:var(--bg)}.vs-section-btn.active{background:#ede9fe}.vs-section-icon{align-items:center;background:var(--bg);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .18s;width:32px}.vs-section-btn.active .vs-section-icon{background:var(--accent);color:#fff}.vs-section-text{flex:1 1;min-width:0}.vs-section-name{color:var(--text);display:block;font-size:.875rem;font-weight:600}.vs-section-desc{color:var(--text-muted);display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-section-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity .15s}.vs-section-btn:hover .vs-section-arrow{opacity:1}.vs-section-btn.active .vs-section-arrow{color:var(--accent);opacity:1}.vs-tip{background:#f8fafc;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.78rem;line-height:1.5;padding:10px}.vs-preview-wrap{background:#e8edf3;min-width:0;overflow:auto;padding:14px}.vs-iframe-container,.vs-preview-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0}.vs-iframe-container{border-radius:12px;box-shadow:0 8px 40px #0000002e;overflow:hidden;position:relative}.vs-iframe-container.mobile{align-self:center;flex:none;height:812px;width:390px}.vs-browser-chrome{align-items:center;background:#dde1e7;border-bottom:1px solid #c8cdd5;display:flex;flex-shrink:0;gap:10px;padding:8px 12px}.vs-chrome-dots{display:flex;gap:5px}.vs-chrome-dots span{border-radius:50%;display:block;height:10px;width:10px}.vs-chrome-dots span:first-child{background:#ef4444}.vs-chrome-dots span:nth-child(2){background:#f59e0b}.vs-chrome-dots span:nth-child(3){background:#10b981}.vs-chrome-url{background:#fff;border:1px solid #c8cdd5;border-radius:5px;color:var(--text-muted);flex:1 1;font-family:monospace;font-size:.78rem;padding:3px 10px}.vs-edit-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1);width:0}.vs-edit-panel.open{width:320px}.vs-edit-panel-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;flex-shrink:0;font-size:.9375rem;font-weight:700;justify-content:space-between;padding:14px 18px}.vs-edit-panel-body{flex:1 1;overflow-y:auto;padding:18px}.edit-panel-section-title{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:.8125rem;gap:7px;margin-bottom:16px;padding-bottom:10px}.edit-panel-section-title,.edit-panel-sub-title{color:var(--text-muted);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.edit-panel-sub-title{border-top:1px solid var(--border);font-size:.8rem;margin:16px 0 8px;padding-top:12px}.edit-panel-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px 20px;text-align:center}.edit-panel-empty p{margin:0 0 6px}.edit-panel-empty p:first-of-type{color:var(--text);font-size:.9375rem;font-weight:600}.banner-list-item{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;display:flex;gap:10px;overflow:hidden;transition:box-shadow .15s}.banner-list-item:hover{box-shadow:var(--shadow)}.banner-list-thumb{align-items:center;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;position:relative;width:72px}.banner-list-thumb img{height:100%;object-fit:cover;width:100%}.banner-list-num{background:#0000008c;border-radius:3px;bottom:3px;color:#fff;font-size:.65rem;font-weight:700;left:4px;padding:1px 5px;position:absolute}.banner-list-info{flex:1 1;min-width:0;padding:6px 0}.banner-list-title{color:var(--text);font-size:.8125rem;font-weight:600}.banner-list-title,.banner-list-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-list-url{color:var(--text-muted);font-size:.72rem;margin-top:2px}.banner-list-actions{display:flex;gap:2px;padding-right:6px}.banner-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.banner-icon-btn:hover{background:var(--bg);color:var(--accent)}.banner-icon-btn.danger:hover{background:#fee2e2;color:#991b1b}.store-toggle{cursor:pointer;display:inline-block;height:22px;position:relative;width:40px}.store-toggle input{height:0;opacity:0;width:0}.store-toggle-track{background:var(--border);border-radius:100px;inset:0;position:absolute;transition:background .2s}.store-toggle-track:before{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.store-toggle input:checked+.store-toggle-track{background:var(--accent)}.store-toggle input:checked+.store-toggle-track:before{transform:translateX(18px)}@media (max-width:900px){.vs-body{flex-direction:column;overflow:auto}.vs-sections-panel{border-bottom:1px solid var(--border);border-right:none;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:4px;min-height:0;overflow-x:auto;overflow-y:visible;padding:10px 12px;width:100%}.vs-sections-label,.vs-tip{display:none}.vs-section-btn{align-items:center;flex-direction:column;flex-shrink:0;gap:4px;min-width:80px;padding:8px 10px;text-align:center}.vs-section-text{display:none}.vs-section-btn .vs-section-icon{height:28px;width:28px}.vs-section-btn .vs-section-name{display:block;font-size:.65rem;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-preview-wrap,.vs-section-arrow{display:none}.vs-edit-panel{border-left:none;border-top:1px solid var(--border);flex:1 1;overflow:visible}.vs-edit-panel,.vs-edit-panel.open{width:100%!important}.vs-edit-panel-body{overflow-y:visible}.vs-toolbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.vs-toolbar-center{display:none}.vs-toolbar-title{font-size:.875rem}.vs-toolbar-right{margin-left:auto}}@media (max-width:600px){.vs-toolbar{padding:8px 10px}.vs-toolbar-left{flex:1 1;min-width:0}.vs-toolbar-title{font-size:.8rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-edit-panel-header{font-size:.875rem;padding:12px 14px}.vs-edit-panel-body{padding:14px}.vs-sections-panel{padding:8px 10px}}.as-page{display:flex;flex-direction:column;height:100%}.as-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:22px 28px 18px}.as-header,.as-header-left{align-items:center;display:flex}.as-header-left{gap:14px}.as-header-icon{align-items:center;background:linear-gradient(135deg,#f0b4292e,#f0b4290f);border:1.5px solid #f0b4294d;border-radius:12px;color:#f0b429;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.as-header-title{color:var(--text);font-size:1.15rem;font-weight:800;margin:0 0 2px}.as-header-sub{color:var(--text-muted);font-size:.8rem;margin:0}.as-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.as-nav{background:#fafbfc;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;overflow-y:auto;padding:16px 10px;width:220px}.as-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;padding:11px 12px;text-align:left;transition:background .15s,color .15s;width:100%}.as-nav-item:hover{background:#f1f5f9}.as-nav-item.active{background:#f0b4291f;color:var(--text)}.as-nav-item.active .as-nav-icon{color:#f0b429}.as-nav-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.as-nav-text{display:flex;flex-direction:column;gap:1px}.as-nav-label{font-size:.875rem;font-weight:700;line-height:1.3}.as-nav-desc{color:var(--text-muted);font-size:.72rem;line-height:1.3}.as-content{flex:1 1;overflow-y:auto;padding:24px 28px}.as-section-body{max-width:680px}.as-section-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0 0 20px}.as-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-bottom:16px;padding:18px 20px}.as-card-header{justify-content:space-between;margin-bottom:16px}.as-card-header,.as-card-title{align-items:center;display:flex}.as-card-title{color:var(--text);font-size:.9rem;font-weight:700;gap:9px}.as-card-icon{align-items:center;background:linear-gradient(135deg,#f0b4292e,#f0b4290f);border:1px solid #f0b42940;border-radius:8px;color:#f0b429;display:flex;height:28px;justify-content:center;width:28px}.as-name-input{background:#0000;border:none;border-radius:6px;color:var(--text);font-family:inherit;font-size:.9rem;font-weight:700;min-width:120px;outline:none;padding:2px 6px;transition:background .15s,box-shadow .15s}.as-name-input:hover{background:#f1f5f9}.as-name-input:focus{background:#f1f5f9;box-shadow:0 0 0 2px #f0b4294d}.as-name-input::placeholder{color:var(--text-muted);font-weight:600}.as-remove-btn{align-items:center;background:none;border:1.5px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s}.as-remove-btn:hover{background:#fef2f2}.as-grid-2{grid-gap:0 16px;display:grid;gap:0 16px;grid-template-columns:1fr 1fr}.as-field{margin-bottom:14px}.as-field:last-child{margin-bottom:0}.as-field label{color:var(--text-secondary);display:block;font-size:.78rem;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.as-hint{color:var(--text-muted);font-size:.72rem;font-weight:400;letter-spacing:0;margin-left:4px}.as-field input{background:#fafbfc;border:1.5px solid var(--border);border-radius:9px;box-sizing:border-box;color:var(--text);font-family:inherit;font-size:.875rem;outline:none;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.as-field input:focus{background:#fff;border-color:#f0b429;box-shadow:0 0 0 3px #f0b42924}.as-field input::placeholder{color:#b0bcd4}.as-card-disabled{opacity:.55}.as-toggle-btn{align-items:center;background:none;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.as-toggle-btn.on{background:#f0fdf4;border-color:#86efac;color:#16a34a}.as-toggle-btn.off{color:var(--text-muted)}.as-toggle-btn.on svg{color:#16a34a}.as-add-row{align-items:center;display:flex;gap:10px}.as-type-select{background:#fafbfc;border:1.5px solid var(--border);border-radius:9px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.875rem;outline:none;padding:10px 12px}.as-type-select:focus{border-color:#f0b429}.as-add-btn{align-items:center;background:none;border:2px dashed var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:11px;transition:border-color .2s,color .2s,background .2s}.as-add-btn:hover{background:#f0b4290a;border-color:#f0b429;color:#f0b429}@media (max-width:900px){.as-body{flex-direction:column;overflow:auto}.as-nav{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:10px 12px;width:100%}.as-nav,.as-nav-item{flex-shrink:0;gap:4px}.as-nav-item{border-radius:8px;flex-direction:column;min-width:72px;padding:8px 12px;text-align:center}.as-nav-text{display:none}.as-nav-item .as-nav-icon{margin:0 auto}.as-content{overflow-y:auto;padding:18px 16px}.as-section-body{max-width:100%}.as-grid-2{grid-template-columns:1fr}.as-header{flex-wrap:wrap;gap:12px;padding:16px 16px 14px}.as-header-title{font-size:1rem}}@media (max-width:600px){.as-header{padding:12px 14px}.as-card{border-radius:12px;padding:14px}.as-content{padding:14px 12px}.as-nav{padding:8px 10px}.as-nav-item{min-width:60px;padding:6px 8px}.as-add-row{align-items:stretch;flex-direction:column}.as-type-select{width:100%}}.ar-page{padding:0}.ar-header{margin-bottom:24px}.ar-title{color:#0f172a;font-size:1.4rem;font-weight:900;margin:0 0 4px}.ar-sub{color:#94a3b8;font-size:.83rem;margin:0}.ar-tabs{border-bottom:1.5px solid #f1f5f9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.ar-tab{background:none;border:none;border-bottom:2.5px solid #0000;border-radius:0;color:#94a3b8;cursor:pointer;font-size:.85rem;font-weight:700;margin-bottom:-1.5px;padding:8px 20px;transition:color .2s,border-color .2s}.ar-tab.active{border-bottom-color:#f0b429;border-bottom-color:var(--tc,#f0b429);color:#f0b429;color:var(--tc,#f0b429)}.ar-loading{display:flex;flex-direction:column;gap:14px}.ar-skeleton{animation:ar-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:14px;height:110px}@keyframes ar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ar-empty{color:#94a3b8;padding:60px 20px;text-align:center}.ar-empty svg{margin-bottom:12px;opacity:.4}.ar-empty p{font-size:.88rem;margin:0}.ar-list{display:flex;flex-direction:column;gap:14px}.ar-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 6px #0000000a;padding:20px 22px}.ar-card-pending{border-left:4px solid #f59e0b}.ar-card-approved{border-left:4px solid #22c55e}.ar-card-top{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.ar-avatar{align-items:center;background:linear-gradient(135deg,#fbbf24,#fcd34d);border-radius:50%;color:#0f1f3d;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:38px;justify-content:center;width:38px}.ar-meta{flex:1 1;min-width:0}.ar-name{color:#1e293b;display:block;font-size:.88rem;font-weight:700;margin-bottom:3px}.ar-stars{align-items:center;display:flex;gap:2px}.ar-stars svg.ar-star-on{fill:#fbbf24;color:#fbbf24}.ar-stars svg.ar-star-off{color:#e2e8f0}.ar-rating-label{color:#94a3b8;font-size:.72rem;font-weight:600;margin-left:5px}.ar-date{color:#94a3b8;font-size:.74rem;white-space:nowrap}.ar-badge{border-radius:20px;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.ar-badge-pending{background:#fef3c7;color:#92400e}.ar-badge-approved{background:#dcfce7;color:#15803d}.ar-comment{color:#475569;font-size:.87rem;line-height:1.75;margin:0 0 14px}.ar-review-img{border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:block;height:80px;margin-bottom:14px;object-fit:cover;transition:transform .2s;width:80px}.ar-review-img:hover{transform:scale(1.05)}.ar-actions{display:flex;flex-wrap:wrap;gap:8px}.ar-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:5px;padding:6px 14px;transition:transform .18s,box-shadow .18s}.ar-btn:hover{transform:translateY(-1px)}.ar-btn-approve{background:#dcfce7;color:#15803d}.ar-btn-approve:hover{background:#bbf7d0;box-shadow:0 2px 8px #22c55e40}.ar-btn-reject{background:#fef3c7;color:#92400e}.ar-btn-reject:hover{background:#fde68a;box-shadow:0 2px 8px #f59e0b40}.ar-btn-delete{background:#fee2e2;color:#991b1b}.ar-btn-delete:hover{background:#fca5a5;box-shadow:0 2px 8px #ef444440}.ar-lightbox{align-items:center;background:#000000d1;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ar-lightbox img{border-radius:12px;max-height:88vh;max-width:90vw;object-fit:contain}@media (max-width:768px){.ar-title{font-size:1.2rem}.ar-header{margin-bottom:18px}.ar-tabs{gap:4px;overflow-x:auto;padding-bottom:1px}.ar-tab{flex-shrink:0;font-size:.8rem;padding:8px 14px}.ar-card{border-radius:14px;padding:16px}.ar-card-top{gap:10px}.ar-actions{flex-wrap:wrap;gap:8px}.ar-btn{flex:1 1;justify-content:center;min-height:40px;min-width:80px}.ar-date{font-size:.7rem}.ar-comment,.ar-name{font-size:.84rem}}@media (max-width:480px){.ar-card{border-radius:12px;padding:14px}.ar-btn{font-size:.76rem;padding:8px 10px}.ar-review-img{height:70px;width:70px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}
/*# sourceMappingURL=main.2e189427.css.map*/