@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #E8741A;--primary-light: #F5A623;--primary-dark: #C85A10;--primary-bg: rgba(232, 116, 26, .08);--primary-bg-hover: rgba(232, 116, 26, .15);--accent: #f59e0b;--accent-light: #fbbf24;--danger: #ef4444;--danger-light: #fca5a5;--danger-bg: rgba(239, 68, 68, .08);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08);--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1e2130;--bg-card-hover: #252839;--bg-elevated: #282b3a;--bg-input: #252839;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-focus: rgba(232, 116, 26, .5);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f1117;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(232, 116, 26, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--bg-primary: #f5f6fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fc;--bg-elevated: #f0f1f5;--bg-input: #f5f6fa;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--border-focus: rgba(232, 116, 26, .5);--text-primary: #1a1d2e;--text-secondary: #5b6178;--text-muted: #8b91a8;--text-inverse: #f1f5f9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(232, 116, 26, .12);--primary-bg: rgba(232, 116, 26, .06);--primary-bg-hover: rgba(232, 116, 26, .12);--danger-bg: rgba(239, 68, 68, .06);--info-bg: rgba(59, 130, 246, .06)}[data-theme=light] .top-header{background:#f5f6fae0}[data-theme=light] .chart-type-select option,[data-theme=light] .chart-period-select option,[data-theme=light] .rows-select option{background:#fff}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .summary-card,[data-theme=light] .data-table-section,[data-theme=light] .chart-section,[data-theme=light] .top-items-card{box-shadow:var(--shadow-sm)}.theme-toggle-btn{position:relative;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base);overflow:hidden;flex-shrink:0}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle-btn:active{transform:translateY(0)}.theme-toggle-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover svg{transform:rotate(15deg)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;box-shadow:var(--shadow-glow)}.sidebar-brand-text h1{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-brand-text span{font-size:11px;color:var(--text-muted);font-weight:400}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:8px 12px 6px}.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:600;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.nav-group-header:hover{background:var(--bg-card)}.nav-group-left{display:flex;align-items:center;gap:10px}.nav-group-left svg{width:18px;height:18px;flex-shrink:0;color:var(--primary)}.nav-group-chevron{color:var(--text-muted);transition:transform .2s ease}.nav-group-chevron.open{transform:rotate(90deg)}.nav-group-items{margin-top:2px;padding-left:12px}.nav-sub-item{display:flex;align-items:center;padding:9px 12px 9px 28px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none}.nav-sub-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-sub-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.nav-sub-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 3px 3px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--primary-bg);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 3px 3px 0}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #aaa);padding:8px 12px 4px;margin-top:4px}.nav-notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:10px;font-size:10px;font-weight:700;margin-left:auto;animation:notifPulse 2s ease-in-out infinite}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.main-content{flex:1;margin-left:260px;min-height:100vh}.top-header{position:sticky;top:0;z-index:50;background:#0f1117d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 28px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:10px}.date-navigator{display:flex;align-items:center;gap:4px}.date-nav-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.date-nav-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}.date-display{font-size:13px;font-weight:500;color:var(--text-primary);min-width:160px;text-align:center}.date-input-hidden{position:absolute;opacity:0;width:0;height:0}.view-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.view-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary);color:#fff}.drp-wrapper{position:relative}.drp-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.drp-trigger:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.drp-trigger-arrow{opacity:.5;transform:rotate(90deg);transition:transform var(--transition-fast)}.drp-trigger:hover .drp-trigger-arrow{opacity:.8}.drp-dropdown{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;animation:drpSlideIn .2s ease;width:520px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);overflow:auto}@keyframes drpSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drp-body{display:flex}.drp-calendar{flex:1;min-width:0;padding:20px;border-right:1px solid var(--border)}.drp-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drp-cal-title{font-size:15px;font-weight:600;color:var(--text-primary)}.drp-cal-nav{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;transition:all var(--transition-fast)}.drp-cal-nav:hover{background:var(--bg-elevated);color:var(--text-primary)}.drp-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.drp-cal-day-name{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:6px 0;text-transform:uppercase}.drp-cal-cell{text-align:center;padding:8px 4px;font-size:13px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.drp-cal-cell.empty{cursor:default}.drp-cal-cell:not(.empty):hover{background:var(--primary-bg-hover)}.drp-cal-cell.today{border:1px dashed var(--text-muted)}.drp-cal-cell.in-range{background:var(--primary-bg);border-radius:0}.drp-cal-cell.start{background:var(--primary);color:#fff;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-weight:600}.drp-cal-cell.end{background:var(--primary);color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-weight:600}.drp-cal-cell.start.end{border-radius:var(--radius-sm)}.drp-cal-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.drp-date-display{display:flex;gap:20px}.drp-date-display>div{display:flex;flex-direction:column;gap:4px}.drp-date-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.drp-date-value{font-size:14px;font-weight:600;color:var(--text-primary);padding-bottom:4px;border-bottom:2px solid var(--primary)}.drp-presets{display:flex;flex-direction:column;width:160px;flex-shrink:0;padding:12px 0;overflow-y:auto;max-height:360px}.drp-preset-btn{background:none;border:none;text-align:left;padding:10px 20px;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.drp-preset-btn:hover{background:var(--primary-bg);color:var(--primary)}.drp-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.drp-action-btn{background:none;border:none;padding:8px 16px;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);letter-spacing:.5px}.drp-action-btn.cancel{color:var(--text-secondary)}.drp-action-btn.cancel:hover{color:var(--text-primary);background:var(--bg-card-hover)}.drp-action-btn.done{color:var(--primary)}.drp-action-btn.done:hover{background:var(--primary-bg)}.drp-action-btn.done:disabled{opacity:.4;cursor:not-allowed}.sync-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #10b9814d}.sync-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.sync-btn:active{transform:translateY(0)}.sync-btn.syncing{opacity:.8;cursor:not-allowed}.sync-btn.syncing svg{animation:spin 1s linear infinite}.dashboard-content{padding:24px 28px}.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity var(--transition-base)}.summary-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.summary-card:hover:before{opacity:1}.summary-card-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.summary-card-value{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px}.summary-card-change{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:2px}.summary-card-change.positive{color:var(--primary)}.summary-card-change.negative{color:var(--danger)}.summary-card-change.neutral{color:var(--text-muted)}.change-pct{font-size:11px;opacity:.85}.summary-card-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.cell-with-change{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cell-change{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:1px 5px;border-radius:4px;white-space:nowrap}.cell-change.up{color:var(--primary);background:var(--primary-bg)}.cell-change.down{color:var(--danger);background:var(--danger-bg)}.chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-title{font-size:16px;font-weight:600;color:var(--text-primary)}.chart-controls{display:flex;align-items:center;gap:10px}.chart-type-select,.chart-period-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-family:var(--font-sans);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.chart-type-select:focus,.chart-period-select:focus{border-color:var(--border-focus)}.chart-type-select option,.chart-period-select option{background:var(--bg-card)}.data-table-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.table-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-elevated)}.data-table th{text-align:right;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th:first-child{text-align:left}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast),background var(--transition-fast)}.sortable-th:hover{color:var(--text-primary);background:var(--bg-card-hover)}.col-toggle-wrapper{position:relative}.col-toggle-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px;transition:all var(--transition-fast)}.col-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-light)}.col-toggle-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;padding:8px 0;animation:drpSlideIn .15s ease}.col-toggle-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.col-toggle-item:hover{background:var(--bg-card-hover)}.col-toggle-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-light);border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:all var(--transition-fast)}.col-toggle-checkbox:checked{background:#e8741a;border-color:#e8741a}.col-toggle-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.customer-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.sync-customer-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e8741a;color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sync-customer-btn:hover{background:#d4590f}.sync-customer-btn:disabled{opacity:.7;cursor:not-allowed}.customer-search{flex:1;max-width:320px}.customer-search-input{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:border-color var(--transition-fast)}.customer-search-input:focus{outline:none;border-color:var(--primary)}.customer-search-input::placeholder{color:var(--text-muted)}.data-table td{text-align:right;padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td:first-child{text-align:left;color:var(--text-secondary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border)}.pagination-info{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.pagination-ellipsis{color:var(--text-muted);font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}.pagination-separator{color:var(--border-light);margin:0 4px;-webkit-user-select:none;user-select:none}.rows-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-family:var(--font-sans);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.rows-select:focus{border-color:var(--border-focus)}.rows-select option{background:var(--bg-card)}.items-view-layout{display:grid;grid-template-columns:300px 1fr;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.items-list-card{border-right:1px solid var(--border)}.items-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.items-list-title{font-size:14px;font-weight:600;color:var(--text-primary)}.items-list-subtitle{font-size:12px;font-weight:500;color:var(--text-muted)}.items-list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.items-list-row:last-child{border-bottom:none}.items-list-row:hover{background:var(--bg-card-hover)}.items-list-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.items-list-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.items-list-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-list-value{font-size:13px;font-weight:600;color:var(--text-primary);flex-shrink:0;margin-left:12px}.items-chart-card{padding:16px 20px}.items-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.items-chart-title{font-size:14px;font-weight:600;color:var(--text-primary)}.payment-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 20px}.payment-item{background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px}.payment-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-icon.cash{background:#10b98126;color:var(--primary)}.payment-icon.qris{background:#3b82f626;color:var(--info)}.payment-info{flex:1}.payment-name{font-size:12px;color:var(--text-muted);font-weight:500}.payment-amount{font-size:15px;font-weight:700;color:var(--text-primary)}.payment-count{font-size:11px;color:var(--text-muted)}.receipt-row{cursor:pointer}.receipt-number{font-weight:600;color:var(--primary)!important}.receipt-cancelled{background:var(--danger-bg)}.receipt-refund{background:#f59e0b0d}.badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-sale{background:var(--primary-bg);color:var(--primary)}.badge-refund{background:#f59e0b26;color:var(--accent)}.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-dinein{background:var(--info-bg);color:var(--info)}.toast{position:fixed;bottom:20px;right:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 2.7s;max-width:400px}.toast.success{border-left:3px solid var(--primary)}.toast.error{border-left:3px solid var(--danger)}.toast-text{font-size:13px;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:14px;font-weight:500}@media (max-width: 1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}.items-view-layout{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.summary-cards{grid-template-columns:repeat(2,1fr)}.top-header{padding:12px 16px;flex-wrap:wrap;gap:10px}}.recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important;font-size:11px!important}.recharts-tooltip-wrapper{outline:none!important}.custom-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;padding:12px 16px!important;box-shadow:var(--shadow-lg)!important}.custom-tooltip-label{font-size:12px;color:var(--text-muted);margin-bottom:6px}.custom-tooltip-value{font-size:15px;font-weight:700;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:20px 24px}.sync-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--border-focus)}.sync-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);margin-top:8px}.sync-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.sync-submit-btn:disabled{opacity:.6;cursor:not-allowed}.receipt-detail-items{margin-top:12px}.receipt-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.receipt-detail-item:last-child{border-bottom:none}.receipt-detail-item-name{font-size:13px;font-weight:500}.receipt-detail-item-qty{font-size:11px;color:var(--text-muted)}.receipt-detail-item-total{font-size:13px;font-weight:600}.receipt-detail-total{margin-top:12px;padding-top:12px;border-top:2px solid var(--border);display:flex;justify-content:space-between;align-items:center}.receipt-detail-total-label{font-size:14px;font-weight:700}.receipt-detail-total-value{font-size:18px;font-weight:800;color:var(--primary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--primary);box-shadow:0 0 6px var(--primary)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-footer-text{font-size:11px;color:var(--text-muted);flex:1}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-left:auto}.sidebar-toggle-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-muted)}.sidebar{transition:width .25s ease}.main-content{transition:margin-left .25s ease}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-header{padding:16px 14px}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .sidebar-logo{width:36px;height:36px;font-size:15px}.sidebar.collapsed .sidebar-nav{padding:8px 6px;overflow:visible}.sidebar.collapsed .sidebar-footer{padding:12px 6px;justify-content:center}.sidebar.collapsed .sidebar-toggle-btn{margin-left:0}.nav-item.collapsed-icon{justify-content:center;padding:10px;border-radius:var(--radius-sm)}.nav-item.collapsed-icon svg{width:20px;height:20px}.main-content.sidebar-collapsed{margin-left:68px}.nav-flyout-wrapper{position:relative}.nav-flyout-menu{display:none;position:absolute;left:100%;top:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000040;padding:6px 0;z-index:200;margin-left:4px}.nav-flyout-wrapper:hover .nav-flyout-menu{display:block}.nav-flyout-wrapper:hover>.nav-item.collapsed-icon{background:var(--bg-card);color:var(--text-primary)}.nav-flyout-item{padding:10px 20px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-flyout-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-flyout-item.active{color:var(--primary);font-weight:600}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#070a13;position:relative;overflow:hidden;font-family:Inter,-apple-system,sans-serif}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbFloat 20s ease-in-out infinite}.login-bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.15),transparent 70%);top:-10%;left:-10%;animation-delay:0s}.login-bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);bottom:-10%;right:-5%;animation-delay:-7s}.login-bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 70%);top:40%;left:50%;animation-delay:-14s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.03)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:20px;padding:40px;border-radius:20px;background:#1a1d27b3;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d;transition:transform .3s ease}.login-card:hover{transform:translateY(-2px)}.login-card.shake{animation:shakeCard .5s ease-in-out}@keyframes shakeCard{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.login-brand{text-align:center;margin-bottom:32px}.login-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#e8741a,#d4590f);margin-bottom:16px;box-shadow:0 8px 24px #10b9814d}.login-logo-text{font-size:24px;font-weight:800;color:#fff;letter-spacing:-1px}.login-logo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;background:radial-gradient(circle,rgba(16,185,129,.2),transparent);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 4px;letter-spacing:-.5px}.login-subtitle{font-size:14px;color:#64748b;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:13px;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13px;font-weight:500;color:#94a3b8}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:#64748b;pointer-events:none;z-index:1}.login-input{width:100%;height:48px;padding:0 44px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#25283999;color:#f1f5f9;font-size:14px;transition:all .2s ease;outline:none}.login-input:focus{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a;background:#252839e6}.login-input::placeholder{color:#4b5563}.login-password-toggle{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s}.login-password-toggle:hover{background:#ffffff0f;color:#94a3b8}.login-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#e8741a,#d4590f);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #10b9814d}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #10b98166}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.04)}.login-footer p{font-size:12px;color:#4b5563;margin:0}.user-profile-dropdown{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:13px}.user-profile-trigger:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.user-profile-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.user-profile-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-chevron{color:var(--text-muted);transition:transform .2s}.user-profile-chevron.open{transform:rotate(180deg)}.user-profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-profile-menu-header{display:flex;align-items:center;gap:10px;padding:14px 16px}.user-profile-menu-divider{height:1px;background:var(--border);margin:0}.user-profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.user-profile-menu-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.user-profile-menu-item.logout{color:#ef4444}.user-profile-menu-item.logout:hover{background:#ef444414;color:#ef4444}.user-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.user-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.user-stat-card:hover{background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-stat-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.user-stat-info{display:flex;flex-direction:column}.user-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.user-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #0003}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.active{color:#e8741a;background:#10b9811a}.status-badge.inactive{color:#64748b;background:#64748b1a}.status-dot-sm{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot-sm.online{background:#e8741a;box-shadow:0 0 6px #10b98180}.status-dot-sm.offline{background:#64748b}.user-you-badge{display:inline-flex;align-items:center;padding:1px 6px;margin-left:6px;border-radius:4px;font-size:10px;font-weight:600;color:#6366f1;background:#6366f11f;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.user-inactive-row{opacity:.5}.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.user-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s;color:var(--text-muted)}.user-action-btn:hover{background:var(--bg-elevated)}.user-action-btn.edit:hover{color:#3b82f6;background:#3b82f61a}.user-action-btn.reset:hover{color:#f59e0b;background:#f59e0b1a}.user-action-btn.activate:hover{color:#e8741a;background:#10b9811a}.user-action-btn.deactivate:hover{color:#64748b;background:#64748b1a}.user-action-btn.delete:hover{color:#ef4444;background:#ef44441a}.user-modal{max-width:480px}.user-form{display:flex;flex-direction:column;gap:18px}.user-form-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:13px}.user-form-success{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7;font-size:13px}.role-selector{display:flex;gap:10px}.role-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.role-option:hover{border-color:var(--border-light);background:var(--bg-elevated)}.role-option.selected{color:var(--text-primary);font-weight:600}.role-check{position:absolute;top:4px;right:4px}.role-description{font-size:12px;color:var(--text-muted);line-height:1.5;margin-top:4px}.user-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:10px;background:linear-gradient(135deg,#e8741a,#d4590f);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b98133}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.btn-sm{padding:6px 14px;font-size:12px;border-radius:8px}.btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef444433}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.btn-danger:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .login-page{background:#f0f4f8}[data-theme=light] .login-card{background:#ffffffd9;border-color:#0000000f;box-shadow:0 20px 60px #0000001a,inset 0 1px #fffc}[data-theme=light] .login-title{color:#1e293b}[data-theme=light] .login-subtitle{color:#64748b}[data-theme=light] .login-input{background:#f1f5f9cc;border-color:#00000014;color:#1e293b}[data-theme=light] .login-input:focus{background:#fff}[data-theme=light] .login-bg-orb-1{background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%)}[data-theme=light] .login-bg-orb-2{background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%)}[data-theme=light] .login-bg-orb-3{background:radial-gradient(circle,rgba(245,158,11,.06),transparent 70%)}[data-theme=light] .login-bg-grid{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px)}@media (max-width: 480px){.login-card{padding:28px 24px;margin:12px}.login-logo{width:52px;height:52px;border-radius:14px}.login-logo-text,.login-title{font-size:20px}.role-selector{flex-direction:column}.user-profile-name{display:none}.user-stats-row{grid-template-columns:1fr}}.menu-management-view{display:flex;flex-direction:column;gap:0}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;flex-wrap:wrap}.menu-toolbar-left{display:flex;align-items:center;gap:12px}.menu-toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.menu-add-btn{display:flex;align-items:center;gap:6px;padding:0 20px;height:40px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #e8741a4d;white-space:nowrap}.menu-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8741a66}.menu-sync-btn{display:flex;align-items:center;gap:8px;padding:0 20px;height:40px;background:transparent;color:#c85a10;border:1.5px solid #E8741A;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.menu-sync-btn:hover:not(:disabled){background:#e8741a14}.menu-sync-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.menu-filter label{font-size:12px;color:var(--text-secondary, #666);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.menu-filter-select{padding:10px 32px 10px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--card-bg, white);color:var(--text-primary, #333);font-size:13px;cursor:pointer;min-width:150px;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.menu-search-form{display:flex}.menu-search-input-wrapper{display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--card-bg, white);min-width:220px;height:40px;transition:border-color .2s}.menu-search-input-wrapper:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.menu-search-input-wrapper svg{color:var(--text-secondary, #999);flex-shrink:0}.menu-search-input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary, #333);width:100%}.menu-table-container{background:var(--card-bg, white);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e8e8e8)}.menu-table{width:100%;border-collapse:collapse}.menu-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color, #e8e8e8);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.menu-table thead th:hover{color:var(--text-primary, #333)}.menu-th-name{min-width:200px}.menu-th-num{text-align:right!important;min-width:100px}.menu-table tbody tr{border-bottom:1px solid var(--border-color, #f0f0f0);transition:background-color .15s}.menu-table tbody tr:hover{background-color:var(--hover-bg, #fafafa)}.menu-table tbody td{padding:12px 16px;font-size:13px;color:var(--text-primary, #333)}.menu-td-name{font-weight:500}.menu-td-num{text-align:right!important;font-variant-numeric:tabular-nums}.menu-item-name-cell{display:flex;align-items:center;gap:12px}.menu-item-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.menu-item-color-dot{width:36px;height:36px;border-radius:6px;flex-shrink:0}.menu-item-color-dot.color-grey{background:#e0e0e0}.menu-item-color-dot.color-red{background:#ef5350}.menu-item-color-dot.color-pink{background:#ec407a}.menu-item-color-dot.color-orange{background:#ffa726}.menu-item-color-dot.color-yellow{background:#ffee58}.menu-item-color-dot.color-green{background:#66bb6a}.menu-item-color-dot.color-blue{background:#42a5f5}.menu-item-color-dot.color-purple{background:#ab47bc}.menu-category-badge{display:inline-block;padding:4px 10px;background:var(--badge-bg, #f5f5f5);border-radius:4px;font-size:12px;font-weight:500;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.3px}.menu-empty{text-align:center;padding:48px 16px!important;color:var(--text-secondary, #999);font-size:14px}.menu-table-footer{padding:12px 16px;font-size:12px;color:var(--text-secondary, #888);border-top:1px solid var(--border-color, #f0f0f0)}.menu-categories-list{background:var(--card-bg, white);border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e8e8e8);overflow:hidden}.menu-categories-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color, #e8e8e8)}.menu-category-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #f0f0f0);transition:background-color .15s}.menu-category-item:last-child{border-bottom:none}.menu-category-item:hover{background-color:var(--hover-bg, #fafafa)}.menu-category-info{display:flex;align-items:center;gap:16px}.menu-category-color-circle{width:42px;height:42px;border-radius:50%;flex-shrink:0;opacity:.25}.menu-category-text{display:flex;flex-direction:column;gap:3px}.menu-category-name{font-size:14px;font-weight:600;color:var(--text-primary, #333)}.menu-category-count{font-size:12px;color:var(--text-secondary, #888)}.menu-modifiers-list{background:var(--card-bg, white);border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e8e8e8);overflow:hidden}.menu-modifiers-header{padding:14px 20px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color, #e8e8e8)}.menu-modifier-card{border-bottom:1px solid var(--border-color, #f0f0f0)}.menu-modifier-card:last-child{border-bottom:none}.menu-modifier-main{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background-color .15s}.menu-modifier-main:hover{background-color:var(--hover-bg, #fafafa)}.menu-modifier-info{display:flex;align-items:center;gap:14px}.menu-modifier-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e8741a22,#c85a1022);display:flex;align-items:center;justify-content:center;color:#c85a10;flex-shrink:0}.menu-modifier-text{display:flex;flex-direction:column;gap:3px}.menu-modifier-name{font-size:14px;font-weight:600;color:var(--text-primary, #333)}.menu-modifier-options-summary{font-size:12px;color:var(--text-secondary, #888);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-modifier-toggle{color:var(--text-secondary, #ccc)}.menu-modifier-options-detail{padding:0 20px 16px 74px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-modifier-options-table{width:100%;border-collapse:collapse;background:var(--hover-bg, #f9f9f9);border-radius:8px;overflow:hidden}.menu-modifier-options-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e8e8e8)}.menu-modifier-options-table td{padding:10px 14px;font-size:13px;color:var(--text-primary, #555);border-bottom:1px solid var(--border-color, #f0f0f0)}.menu-modifier-options-table tr:last-child td{border-bottom:none}.menu-discounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.menu-discount-card{background:var(--card-bg, white);border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e8e8e8);padding:20px;display:flex;align-items:flex-start;gap:16px;transition:transform .15s,box-shadow .15s}.menu-discount-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.menu-discount-icon-wrapper{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e91e63,#c2185b);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.menu-discount-details{display:flex;flex-direction:column;gap:8px;flex:1}.menu-discount-name{font-size:15px;font-weight:600;color:var(--text-primary, #333)}.menu-discount-meta{display:flex;align-items:center;gap:10px}.menu-discount-type-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.menu-discount-type-badge.fixed-percent{background:#e8f5e9;color:#2e7d32}.menu-discount-type-badge.fixed-amount{background:#e3f2fd;color:#1565c0}.menu-discount-type-badge.variable-percent,.menu-discount-type-badge.variable-amount{background:#fff3e0;color:#e65100}.menu-discount-type-badge.discount-by-points{background:#f3e5f5;color:#7b1fa2}.menu-discount-value{font-size:14px;font-weight:600;color:var(--text-primary, #333)}.menu-discount-restricted{display:flex;align-items:center;gap:6px;font-size:12px;color:#e65100;margin-top:4px}.menu-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary, #999);text-align:center;gap:16px}.menu-empty-state svg{opacity:.3}.menu-empty-state p{font-size:14px;max-width:300px;line-height:1.5}[data-theme=dark] .menu-sync-btn{background:linear-gradient(135deg,#c85a10,#558b2f)}[data-theme=dark] .menu-item-color-dot.color-grey{background:#616161}[data-theme=dark] .menu-category-badge{background:#ffffff14;color:var(--text-secondary)}[data-theme=dark] .menu-modifier-icon{background:linear-gradient(135deg,#e8741a26,#689f3826)}[data-theme=dark] .menu-modifier-options-table{background:#ffffff08}[data-theme=dark] .menu-discount-type-badge.fixed-percent{background:#2e7d3226;color:#81c784}[data-theme=dark] .menu-discount-type-badge.fixed-amount{background:#1565c026;color:#64b5f6}[data-theme=dark] .menu-discount-type-badge.variable-percent,[data-theme=dark] .menu-discount-type-badge.variable-amount{background:#e6510026;color:#ffb74d}[data-theme=dark] .menu-discount-type-badge.discount-by-points{background:#7b1fa226;color:#ce93d8}@media (max-width: 768px){.menu-toolbar{flex-direction:column;align-items:stretch}.menu-toolbar-right{flex-direction:column}.menu-search-input-wrapper{min-width:100%}.menu-discounts-grid{grid-template-columns:1fr}.menu-modifier-options-detail{padding-left:20px}.menu-table{font-size:12px}.menu-table thead th,.menu-table tbody td{padding:10px}}.edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease}.edit-overlay.visible{background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-drawer{position:fixed;top:0;right:-520px;width:500px;max-width:100vw;height:100vh;background:var(--card-bg, #fff);display:flex;flex-direction:column;transition:right .35s cubic-bezier(.22,.61,.36,1);box-shadow:-8px 0 30px #00000026}.edit-drawer.open{right:0}.edit-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--border-color, #e8e8e8)}.edit-drawer-title{display:flex;align-items:center;gap:14px}.edit-drawer-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.edit-drawer-icon.color-grey{background:#9e9e9e}.edit-drawer-icon.color-red{background:#ef5350}.edit-drawer-icon.color-pink{background:#ec407a}.edit-drawer-icon.color-orange{background:#ffa726}.edit-drawer-icon.color-yellow{background:#ffee58;color:#333}.edit-drawer-icon.color-green{background:#66bb6a}.edit-drawer-icon.color-blue{background:#42a5f5}.edit-drawer-icon.color-purple{background:#ab47bc}.edit-drawer-title h2{font-size:18px;font-weight:700;margin:0;color:var(--text-primary, #1a1a1a)}.edit-drawer-subtitle{font-size:13px;color:var(--text-secondary, #888)}.edit-close-btn{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:8px;border-radius:8px;transition:all .15s;display:flex;align-items:center}.edit-close-btn:hover{background:var(--hover-bg, #f5f5f5);color:var(--text-primary, #333)}.edit-drawer-body{flex:1;overflow-y:auto;padding:0}.edit-section{padding:24px 28px;border-bottom:1px solid var(--border-color, #f0f0f0)}.edit-section:last-child{border-bottom:none}.edit-section-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--text-primary, #1a1a1a);margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.edit-section-header svg{color:var(--text-secondary, #999)}.edit-field{margin-bottom:16px}.edit-field:last-child{margin-bottom:0}.edit-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary, #777);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.edit-field input,.edit-field select,.edit-field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;font-size:14px;color:var(--text-primary, #333);background:var(--card-bg, #fff);transition:all .2s;font-family:inherit;box-sizing:border-box}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:none;border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1f}.edit-field textarea{resize:vertical;min-height:80px}.edit-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.edit-input-prefix,.edit-input-suffix{display:flex;align-items:center;border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;overflow:hidden;transition:all .2s}.edit-input-prefix:focus-within,.edit-input-suffix:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1f}.edit-input-prefix>span,.edit-input-suffix>span{padding:11px 12px;font-size:13px;font-weight:600;color:var(--text-secondary, #888);background:var(--hover-bg, #f5f5f5);flex-shrink:0}.edit-input-prefix>input,.edit-input-suffix>input{border:none!important;border-radius:0!important;box-shadow:none!important}.edit-margin-indicator{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#e8741a14,#689f3814);border-radius:8px;margin-bottom:16px}.edit-margin-indicator span:first-child{font-size:12px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase}.edit-margin-value{font-size:16px;font-weight:700;color:#c85a10}.edit-toggle-field{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-toggle-field span{font-size:14px;font-weight:500;color:var(--text-primary, #333)}.edit-toggle-desc{font-size:12px!important;color:var(--text-secondary, #999)!important;font-weight:400!important;margin:4px 0 0}.edit-toggle{width:48px;height:26px;border-radius:13px;background:var(--border-color, #ddd);position:relative;transition:background .25s;flex-shrink:0}.edit-toggle.active{background:#e8741a}.edit-toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0003}.edit-toggle.active .edit-toggle-knob{transform:translate(22px)}.edit-color-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.edit-color-swatch{width:38px;height:38px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s;position:relative}.edit-color-swatch:hover{transform:scale(1.1)}.edit-color-swatch.selected{border-color:var(--text-primary, #333);box-shadow:0 0 0 2px var(--card-bg, white),0 0 0 4px var(--text-primary, #333)}.edit-drawer-footer,.edit-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--border-color, #e8e8e8);background:var(--card-bg, #fff)}.edit-footer-left,.edit-footer-right{display:flex;align-items:center;gap:10px}.edit-btn-cancel{padding:10px 20px;border:1.5px solid var(--border-color, #ddd);background:transparent;color:var(--text-primary, #555);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.edit-btn-cancel:hover{background:var(--hover-bg, #f5f5f5)}.edit-btn-save{padding:10px 24px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #e8741a4d}.edit-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e8741a66}.edit-btn-save:disabled{opacity:.5;cursor:not-allowed}.edit-btn-delete{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;color:#e53935;border:1.5px solid #e5393533;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.edit-btn-delete:hover{background:#e539350f;border-color:#e53935}.edit-confirm-delete{display:flex;align-items:center;gap:8px;font-size:13px;color:#e53935}.edit-btn-confirm-yes{padding:6px 14px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.edit-btn-confirm-no{padding:6px 14px;background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:12px;cursor:pointer}.edit-modal{background:var(--card-bg, #fff);border-radius:20px;width:480px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;transform:scale(.92) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.22,.61,.36,1)}.edit-modal.open{transform:scale(1) translateY(0);opacity:1}.edit-modal-lg{width:560px}.edit-modal-header{display:flex;align-items:center;gap:14px;padding:24px 28px 20px;border-bottom:1px solid var(--border-color, #e8e8e8)}.edit-modal-header h2{flex:1;font-size:18px;font-weight:700;margin:0;color:var(--text-primary, #1a1a1a)}.edit-modal-header-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s}.edit-modal-body{padding:24px 28px;overflow-y:auto;flex:1}.edit-modal-footer{border-radius:0 0 20px 20px}.edit-field-info{padding:10px 14px;background:var(--hover-bg, #f9f9f9);border-radius:8px;font-size:12px;color:var(--text-secondary, #999)}.edit-modal-modifier{width:560px;max-height:90vh}.mod-body{padding:0!important}.mod-name-section{padding:24px 28px 20px;border-bottom:1px solid var(--border-color, #f0f0f0)}.mod-name-input{font-size:16px!important;font-weight:500;padding:14px 16px!important}.mod-options-section{padding:20px 28px 24px}.mod-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mod-options-title{font-size:13px;font-weight:700;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.mod-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1.5px solid #E8741A;border-radius:8px;color:#c85a10;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.mod-add-btn:hover{background:#e8741a14}.mod-add-icon{font-size:18px;font-weight:700;line-height:1}.mod-options-list{display:flex;flex-direction:column;gap:10px}.mod-option-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--hover-bg, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #eee);transition:all .15s}.mod-option-card:hover{border-color:var(--border-color, #ddd);box-shadow:0 2px 8px #0000000a}.mod-option-drag{color:var(--text-secondary, #ccc);cursor:grab;flex-shrink:0;padding:4px 0}.mod-option-drag:active{cursor:grabbing}.mod-option-fields{display:flex;gap:12px;flex:1;min-width:0}.mod-option-name-field{flex:1;min-width:0}.mod-option-price-field{width:140px;flex-shrink:0}.mod-option-name-field label,.mod-option-price-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.mod-option-name-field input,.mod-option-price-field input{width:100%;padding:8px 10px;border:1.5px solid var(--border-color, #ddd);border-radius:8px;font-size:13px;color:var(--text-primary, #333);background:var(--card-bg, white);box-sizing:border-box;transition:border-color .2s}.mod-option-name-field input:focus,.mod-option-price-field input:focus{outline:none;border-color:#e8741a;box-shadow:0 0 0 2px #e8741a1a}.mod-price-input{display:flex;align-items:center;border:1.5px solid var(--border-color, #ddd);border-radius:8px;overflow:hidden;transition:all .2s}.mod-price-input:focus-within{border-color:#e8741a;box-shadow:0 0 0 2px #e8741a1a}.mod-price-prefix{padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-secondary, #999);background:var(--hover-bg, #f0f0f0);flex-shrink:0}.mod-price-input input{border:none!important;border-radius:0!important;box-shadow:none!important;padding:8px 10px!important}.mod-option-delete{background:none;border:none;color:var(--text-secondary, #ccc);cursor:pointer;padding:8px;border-radius:8px;transition:all .15s;flex-shrink:0;display:flex;align-items:center}.mod-option-delete:hover:not(:disabled){background:#e5393514;color:#e53935}.mod-option-delete:disabled{opacity:.3;cursor:not-allowed}.edit-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-type-card{padding:12px;border:2px solid var(--border-color, #e0e0e0);border-radius:10px;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s;text-align:center}.edit-type-card:hover{border-color:#e8741a;color:var(--text-primary, #333)}.edit-type-card.active{border-color:#e8741a;background:#e8741a14;color:#c85a10;font-weight:700}.edit-inline-btn{padding:6px 14px;background:transparent;border:1.5px solid var(--border-color, #ddd);border-radius:6px;font-size:12px;font-weight:600;color:#e8741a;cursor:pointer;transition:all .15s;margin-right:8px}.edit-inline-btn:hover{background:#e8741a14;border-color:#e8741a}[data-theme=dark] .edit-drawer,[data-theme=dark] .edit-modal{box-shadow:0 20px 60px #00000080}[data-theme=dark] .edit-drawer-icon.color-yellow{color:#fff}[data-theme=dark] .edit-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px #fff}@media (max-width: 768px){.edit-drawer{width:100vw;right:-100vw}.edit-modal{width:95vw;max-height:85vh}.edit-drawer-header,.edit-modal-header,.edit-section,.edit-modal-body{padding-left:20px;padding-right:20px}.edit-drawer-footer,.edit-modal-footer{padding:14px 20px;flex-direction:column-reverse;gap:12px}.edit-footer-left,.edit-footer-right{width:100%;justify-content:center}.edit-field-grid,.edit-type-cards{grid-template-columns:1fr}}.aff-search-wrap{position:relative;display:flex;align-items:center}.aff-search-icon{position:absolute;left:12px;color:var(--text-muted, #888);pointer-events:none}.aff-search-input{padding:9px 36px;border:1.5px solid var(--border-light, #ddd);border-radius:10px;font-size:13px;font-family:Inter,sans-serif;background:var(--bg-card, white);color:var(--text-primary, #333);width:240px;height:40px;box-sizing:border-box;outline:none;transition:all .2s}.aff-search-input:focus{border-color:var(--primary, #E8741A);box-shadow:0 0 0 3px #e8741a1a}.aff-search-input::placeholder{color:var(--text-muted, #aaa)}.aff-search-clear{position:absolute;right:8px;width:24px;height:24px;border:none;background:var(--bg-elevated, #f0f0f0);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #666);transition:all .15s}.aff-search-clear:hover{background:var(--danger, #ef4444);color:#fff}.menu-toolbar-right{display:flex;align-items:center;gap:8px}.aff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:16px}.aff-card{background:var(--card-bg, white);border:1px solid var(--border-color, #e8e8e8);border-radius:14px;padding:20px;transition:all .2s}.aff-card:hover{box-shadow:0 4px 16px #00000014;border-color:#e8741a}.aff-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.aff-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}.aff-card-info h3{font-size:16px;font-weight:700;color:var(--text-primary, #333);margin:0}.aff-status{font-size:12px;font-weight:600}.aff-status.active{color:#4caf50}.aff-status.inactive{color:#999}.aff-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.aff-stat{text-align:center;background:var(--bg-secondary, #f8f9fa);border-radius:10px;padding:10px 6px}.aff-stat-value{display:block;font-size:14px;font-weight:700;color:var(--text-primary, #333)}.aff-stat-label{display:block;font-size:11px;color:var(--text-secondary, #888);margin-top:2px}.aff-card-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #666);margin-bottom:6px}.aff-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;padding:10px 14px;background:var(--bg-secondary, #FFF3E0);border-radius:10px;border:1px dashed #E8741A}.aff-link-url{font-size:13px;font-weight:600;color:#c85a10;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aff-copy-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;background:#fff;border:1.5px solid #E8741A;border-radius:8px;font-size:12px;font-weight:600;color:#c85a10;cursor:pointer;white-space:nowrap;transition:all .2s}.aff-copy-btn:hover{background:#e8741a;color:#fff}.aff-card-actions{display:flex;gap:8px;margin-top:8px}.aff-edit-btn,.aff-delete-btn{flex:1;padding:8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.aff-edit-btn{background:var(--bg-secondary, #f0f0f0);border:1px solid var(--border-color, #ddd);color:var(--text-primary, #555)}.aff-edit-btn:hover{border-color:#e8741a;color:#c85a10}.aff-delete-btn{background:transparent;border:1px solid #f44336;color:#f44336}.aff-delete-btn:hover{background:#f44336;color:#fff}.aff-redeem-btn{flex:1;padding:7px 6px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.aff-redeem-btn:hover{box-shadow:0 3px 10px #f59e0b4d;transform:translateY(-1px)}.aff-links-section{display:flex;flex-direction:column;gap:4px;margin:8px 0 10px;padding:8px 10px;background:var(--bg-secondary, #f8f9fa);border-radius:10px}.aff-link-row{display:flex;align-items:center;gap:6px}.aff-link-label{font-size:10px;font-weight:700;color:#999;min-width:56px;flex-shrink:0}.aff-link-row .aff-link-url{flex:1;font-size:11px;color:var(--text-secondary, #666);font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aff-link-copy{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--border-color, #ddd);border-radius:6px;cursor:pointer;color:var(--text-secondary, #888);transition:all .15s;flex-shrink:0}.aff-link-copy:hover{border-color:#e8741a;color:#e8741a;background:#e8741a0d}.rdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;animation:fadeIn .2s}.rdm-drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--bg-primary, white);box-shadow:-8px 0 40px #0000001f;display:flex;flex-direction:column;animation:slideInRight .25s ease-out;z-index:1001}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.rdm-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-color, #eee)}.rdm-drawer-header h3{font-size:18px;font-weight:800;margin:0;color:var(--text-primary, #1a1a2e)}.rdm-drawer-sub{font-size:12px;color:var(--text-secondary, #999);font-weight:500}.rdm-drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f0f0f0);border:none;border-radius:8px;font-size:16px;cursor:pointer;color:var(--text-secondary, #888);transition:all .15s}.rdm-drawer-close:hover{background:var(--border-color, #ddd)}.rdm-balance{margin:16px 24px 0;padding:20px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:16px;border:1.5px solid rgba(245,158,11,.15);text-align:center}.rdm-balance-top{display:flex;flex-direction:column;gap:4px}.rdm-balance-label{font-size:11px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:1px}.rdm-balance-value{font-size:40px;font-weight:800;color:#d97706;line-height:1.1}.rdm-balance-preview{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(217,119,6,.2);font-size:12px;color:#92400e}.rdm-balance-preview strong{color:#d97706}.rdm-tabs{display:flex;margin:16px 24px 0;background:var(--bg-secondary, #f5f5f5);border-radius:10px;padding:3px}.rdm-tab{flex:1;padding:8px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:700;color:var(--text-secondary, #999);cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.rdm-tab.active{background:var(--bg-primary, white);color:var(--text-primary, #333);box-shadow:0 1px 4px #00000014}.rdm-tab-badge{background:#f59e0b;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.rdm-drawer-body{flex:1;overflow-y:auto;padding:16px 24px 24px}.rdm-form{display:flex;flex-direction:column;gap:14px}.rdm-field label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.rdm-field input{width:100%;padding:11px 14px;border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-primary, white);color:var(--text-primary, #333);transition:border-color .15s;outline:none}.rdm-field input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770614}.rdm-quick-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;margin-top:8px}.rdm-quick-btns button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;background:var(--bg-primary, white);cursor:pointer;transition:all .15s;font-family:inherit}.rdm-quick-btns button:hover{border-color:#d97706;background:#fffbeb}.rdm-quick-btns button.rdm-qb-active{border-color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 2px 8px #d977061f}.rdm-qb-label{font-size:12px;font-weight:700;color:var(--text-primary, #555)}.rdm-qb-rp{font-size:10px;font-weight:600;color:#d97706}.rdm-balance-rp{font-size:13px;font-weight:600;color:#b45309;margin-top:4px}.rdm-cash-display{display:flex;align-items:center;gap:4px;padding:12px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid rgba(16,185,129,.2);border-radius:10px}.rdm-cash-prefix{font-size:14px;font-weight:700;color:#059669}.rdm-cash-value{font-size:20px;font-weight:800;color:#047857;flex:1}.rdm-cash-badge{font-size:10px;font-weight:700;color:#059669;background:#10b9811a;padding:3px 8px;border-radius:20px;white-space:nowrap}.rdm-submit-btn{width:100%;padding:14px;margin-top:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;font-family:inherit}.rdm-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b59;transform:translateY(-1px)}.rdm-submit-btn:disabled{opacity:.4;cursor:not-allowed}.rdm-history-list{display:flex;flex-direction:column;gap:10px}.rdm-history-empty{text-align:center;padding:48px 0;color:#ccc}.rdm-history-empty span{font-size:40px;display:block;margin-bottom:12px}.rdm-history-empty p{font-size:14px;color:#bbb}.rdm-history-card{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #eee);border-radius:12px;padding:12px 14px}.rdm-hc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rdm-hc-pts{font-size:16px;font-weight:800;color:#e53935}.rdm-hc-cash{font-size:13px;font-weight:700;color:#4caf50}.rdm-hc-mid{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #888);margin-bottom:6px}.rdm-hc-arrow{color:#ccc}.rdm-hc-after{font-weight:700;color:var(--text-primary, #555)}.rdm-hc-note{font-size:12px;color:var(--text-secondary, #999);font-style:italic;margin-bottom:6px}.rdm-hc-footer{display:flex;justify-content:space-between;font-size:11px;color:#bbb}.aff-checkbox-wrap{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.aff-checkbox{width:18px;height:18px;accent-color:var(--primary, #E8741A);cursor:pointer;border-radius:4px}.aff-card-selected{border-color:var(--primary, #E8741A)!important;box-shadow:0 0 0 2px #e8741a26!important;background:#e8741a05!important}.aff-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:var(--bg-card, white);border:1.5px solid var(--primary, #E8741A);border-radius:14px;box-shadow:0 8px 32px #00000026,0 2px 8px #e8741a1a;z-index:1000;min-width:420px;max-width:90vw;animation:bulkBarSlideUp .25s ease-out}@keyframes bulkBarSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.aff-bulk-left{display:flex;align-items:center;gap:12px}.aff-bulk-select-all{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary, #333);cursor:pointer;white-space:nowrap}.aff-bulk-select-all input{accent-color:var(--primary, #E8741A);width:16px;height:16px;cursor:pointer}.aff-bulk-count{font-size:13px;font-weight:700;color:var(--primary, #E8741A);background:#e8741a14;padding:4px 10px;border-radius:8px;white-space:nowrap}.aff-bulk-actions{display:flex;gap:8px}.aff-bulk-cancel{padding:8px 16px;border:1.5px solid var(--border-light, #ddd);background:transparent;color:var(--text-secondary, #666);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.aff-bulk-cancel:hover{border-color:var(--text-muted)}.aff-bulk-delete{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;background:#ef4444;color:#fff;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.aff-bulk-delete:hover{background:#dc2626}.aff-bulk-delete:disabled{opacity:.6;cursor:not-allowed}.po-orders-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.po-order-card{background:var(--card-bg, white);border:1px solid var(--border-color, #e8e8e8);border-radius:12px;padding:18px;transition:all .2s}.po-order-card:hover{box-shadow:0 2px 12px #0000000f}.po-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.po-order-id{display:flex;flex-direction:column}.po-order-num{font-size:15px;font-weight:700;color:var(--text-primary, #333)}.po-order-time{font-size:12px;color:var(--text-secondary, #888)}.po-order-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.po-order-customer{font-size:14px;color:var(--text-primary, #555);margin-bottom:10px}.po-order-aff{display:inline-block;margin-left:8px;font-size:12px;color:#c85a10;font-weight:600;background:#e8741a1a;padding:2px 8px;border-radius:12px}.po-order-items{border-top:1px solid var(--border-color, #f0f0f0);padding-top:8px;margin-bottom:10px}.po-order-item-line{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary, #666)}.po-order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color, #f0f0f0)}.po-order-total{font-size:14px;color:var(--text-primary, #555)}.po-order-total strong{color:#c85a10;font-size:16px}.po-order-actions{display:flex;gap:6px}.po-status-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.po-status-btn.confirm{background:#e3f2fd;color:#1976d2}.po-status-btn.confirm:hover{background:#1976d2;color:#fff}.po-status-btn.cancel{background:#fce4ec;color:#c62828}.po-status-btn.cancel:hover{background:#c62828;color:#fff}.po-status-btn.prepare{background:#f3e5f5;color:#7b1fa2}.po-status-btn.prepare:hover{background:#7b1fa2;color:#fff}.po-status-btn.ready{background:#e8f5e9;color:#2e7d32}.po-status-btn.ready:hover{background:#2e7d32;color:#fff}.po-status-btn.complete{background:#e8f5e9;color:#1b5e20}.po-status-btn.complete:hover{background:#1b5e20;color:#fff}.po-order-notes{margin-top:8px;padding:8px 12px;background:var(--bg-secondary, #fffde7);border-radius:8px;font-size:13px;color:var(--text-secondary, #666)}.po-item-note{font-size:11px;color:#888;font-style:italic;padding:0 0 4px 16px}.po-ongkir-section{margin-top:8px;padding:8px 12px;background:#f8f4f0;border-radius:8px;border:1px dashed #e0d5cc}.po-ongkir-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.po-ongkir-label{font-size:13px;font-weight:600;color:#555}.po-ongkir-input-wrap{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:2px 8px}.po-ongkir-rp{font-size:12px;color:#999;font-weight:600}.po-ongkir-input{border:none;outline:none;width:70px;font-size:13px;font-weight:600;text-align:right;font-family:inherit;padding:4px 0}.po-ongkir-input:focus{color:#e8741a}.po-ongkir-presets{display:flex;gap:4px;margin-top:6px}.po-ongkir-preset{padding:3px 10px;border:1px solid #ddd;border-radius:12px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;color:#666}.po-ongkir-preset:hover{border-color:#e8741a;color:#e8741a}.po-ongkir-preset.active{background:#e8741a;color:#fff;border-color:#e8741a}.po-ongkir-preset.clear{border-color:#f44336;color:#f44336;font-size:10px}.po-ongkir-preset.clear:hover{background:#f44336;color:#fff}.po-ongkir-display{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888;padding:6px 0;border-top:1px dashed #eee;margin-top:6px}.rcpt-item-note{font-size:11px;color:#888;font-style:italic;display:block}.po-order-totals{display:flex;flex-direction:column;gap:2px}.po-order-subtotal{font-size:12px;color:#888}.po-status-btn.receipt{background:#f0f0f0;color:#555;padding:4px 8px;font-size:14px}.po-status-btn.receipt:hover{background:#e0e0e0}.po-status-btn.print-all{background:linear-gradient(135deg,#333,#555);color:#fff;padding:4px 12px;font-size:11px;margin-left:4px}.po-status-btn.print-all:hover{background:linear-gradient(135deg,#222,#444);box-shadow:0 2px 8px #0003}.po-receipt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.po-receipt-modal{background:#fff;border-radius:16px;width:360px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.po-receipt-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.po-receipt-header h3{font-size:16px;margin:0}.po-receipt-print-btn{padding:6px 14px;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.po-receipt-print-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #e8741a4d}.po-receipt-close{border:none;background:#f0f0f0;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.po-receipt-body{flex:1;overflow-y:auto;padding:20px}.po-receipt-brand{text-align:center;margin-bottom:4px}.po-receipt-brand h2{font-size:18px;color:#e8741a;margin:0}.po-receipt-brand p{font-size:12px;color:#888;margin:2px 0 0}.po-receipt-divider{border:none;border-top:1px dashed #ddd;margin:12px 0}.po-receipt-info{display:flex;flex-direction:column;gap:4px}.po-receipt-info-row{display:flex;justify-content:space-between;font-size:12px;color:#666}.po-receipt-info-row strong{color:#333}.po-receipt-items{display:flex;flex-direction:column;gap:6px}.po-receipt-item-main{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#333}.po-receipt-item-sub{font-size:11px;color:#999}.po-receipt-item-note{font-size:11px;color:#888;font-style:italic;padding-left:8px}.po-receipt-totals{display:flex;flex-direction:column;gap:4px}.po-receipt-total-row{display:flex;justify-content:space-between;font-size:13px;color:#555}.po-receipt-grand{font-size:16px;font-weight:800;color:#e8741a;margin-top:4px}.po-receipt-notes{font-size:12px;color:#888;font-style:italic}.po-receipt-loyverse{font-size:11px;color:#aaa}.po-receipt-footer{text-align:center}.po-receipt-footer p{font-size:12px;color:#888;margin:2px 0}.po-receipt-footer-brand{font-weight:700;color:#e8741a}.menu-filter{display:flex;align-items:center;gap:8px}.menu-filter label{font-size:13px;font-weight:600;color:var(--text-secondary, #888)}.menu-filter-select{padding:8px 12px;border:1.5px solid var(--border-color, #ddd);border-radius:8px;font-size:13px;background:var(--card-bg, white);color:var(--text-primary, #333);height:40px;cursor:pointer}.po-filters-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px 0}.po-filter-group{display:flex;flex-direction:column;gap:4px}.po-filter-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888)}.po-filter-input,.po-filter-select{padding:8px 12px;border:1.5px solid var(--border-light, #ddd);border-radius:8px;font-size:13px;font-family:Inter,sans-serif;background:var(--bg-card, white);color:var(--text-primary, #333);height:38px;box-sizing:border-box;outline:none;transition:border-color .2s}.po-filter-input:focus,.po-filter-select:focus{border-color:var(--primary, #E8741A)}.po-filter-search{flex:1;min-width:180px}.po-filter-search .aff-search-input{width:100%}.po-filter-clear{display:flex;align-items:center;gap:4px;padding:8px 14px;height:38px;border:1.5px solid var(--danger, #ef4444);background:transparent;color:var(--danger, #ef4444);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.po-filter-clear:hover{background:var(--danger, #ef4444);color:#fff}.po-summary-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card, white);border:1px solid var(--border, #eee);border-radius:10px;font-size:13px;color:var(--text-secondary, #666);margin-bottom:16px}.po-summary-bar strong{color:var(--primary, #E8741A)}.po-summary-sep{color:var(--text-muted, #ccc)}.po-grouped-list{display:flex;flex-direction:column;gap:12px}.po-group{border:1px solid var(--border, #eee);border-radius:12px;overflow:hidden;background:var(--bg-card, white)}.po-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;gap:12px}.po-group-header:hover{background:var(--bg-card-hover, #f9f9f9)}.po-group-left{display:flex;align-items:center;gap:12px}.po-group-chevron{color:var(--text-muted, #999);transition:transform .2s;flex-shrink:0}.po-group-chevron.expanded{transform:rotate(90deg)}.po-group-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #E8741A),var(--primary-dark, #C85A10));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0}.po-group-info{display:flex;flex-direction:column}.po-group-name{font-size:15px;font-weight:700;color:var(--text-primary, #333)}.po-group-meta{font-size:12px;color:var(--text-secondary, #888)}.po-group-statuses{display:flex;gap:6px;flex-wrap:wrap}.po-group-status-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.po-group-orders{border-top:1px solid var(--border, #eee);padding:12px 18px 14px;display:flex;flex-direction:column;gap:10px;background:var(--bg-primary, #f8f9fa)}.po-group-orders .po-order-card{border-radius:10px}@media (max-width: 768px){.po-filters-bar{flex-direction:column;align-items:stretch}.po-filter-group{width:100%}.po-group-header{flex-direction:column;align-items:flex-start}.po-group-statuses{margin-top:8px}}.rcpt-split-layout{height:100%}.rcpt-list-pane{flex:1;overflow-y:auto;padding:0;transition:all .3s ease;min-width:0}.rcpt-list-pane .data-table-section{margin:0;border-radius:0;box-shadow:none;border:none}.receipt-row.receipt-selected{background:var(--accent-subtle, #FFF8F0)!important}.receipt-row.receipt-selected td{border-bottom-color:#e8741a26}.rcpt-detail-pane{position:fixed;top:0;right:0;bottom:0;width:380px;border-left:1px solid var(--border-color, #e8e8e8);background:#fff;overflow-y:auto;display:flex;flex-direction:column;animation:rcptSlideIn .25s ease-out;z-index:200;box-shadow:-2px 0 12px #00000014}@keyframes rcptSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.rcpt-detail-header{display:flex;justify-content:flex-end;padding:12px 16px 0;position:sticky;top:0;background:#fff;z-index:1}.rcpt-detail-close{width:32px;height:32px;border:none;background:transparent;font-size:18px;color:#999;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.rcpt-detail-close:hover{background:#f5f5f5;color:#333}.rcpt-status-banner{margin:8px 16px 0;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:8px}.rcpt-status-banner.cancelled{background:#ef444414}.rcpt-status-date{font-size:12px;color:#ef4444;font-weight:500}.rcpt-detail-total{text-align:center;padding:24px 16px 20px}.rcpt-detail-total-amount{display:block;font-size:32px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px}.rcpt-detail-total-label{display:block;font-size:12px;color:#999;margin-top:2px}.rcpt-detail-meta{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #f0f0f0}.rcpt-detail-meta-item,.rcpt-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.rcpt-meta-label{font-size:12px;color:#999;font-weight:500;flex-shrink:0;min-width:80px}.rcpt-meta-value{font-size:13px;font-weight:600;color:#333;text-align:right}.rcpt-detail-items{padding:16px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #f0f0f0}.rcpt-items-header{font-size:10px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #f5f5f5}.rcpt-detail-item,.rcpt-item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rcpt-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rcpt-item-name{font-size:13px;font-weight:600;color:#333}.rcpt-item-qty{font-size:11px;color:#999}.rcpt-item-total{font-size:13px;font-weight:700;color:#333;white-space:nowrap;flex-shrink:0}.rcpt-item-sub{font-size:12px;color:#999}.rcpt-item-note{font-size:11px;color:#e8741a;font-style:italic}.rcpt-detail-summary{padding:16px 20px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #f0f0f0}.rcpt-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.rcpt-summary-total{font-size:16px;color:#e8741a;padding-top:8px;margin-top:4px;border-top:2px solid #f0f0f0}.rcpt-summary-total strong{font-weight:800}.rcpt-detail-grand{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #f0f0f0;font-size:15px;color:#1a1a1a;margin-top:auto}.rcpt-detail-grand strong{font-weight:800;font-size:16px;color:var(--accent, #E8741A)}@media (max-width: 768px){.rcpt-detail-pane{width:100%;max-width:380px}}html,body{overflow-x:hidden;max-width:100vw}.op-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;font-family:Plus Jakarta Sans,sans-serif}.op-loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#e8741a;border-radius:50%;animation:opSpin .8s linear infinite}@keyframes opSpin{to{transform:rotate(360deg)}}.op-loading p{margin-top:16px;color:#666;font-size:15px}.op-error,.op-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff3e0);font-family:Plus Jakarta Sans,sans-serif;padding:24px;text-align:center}.op-error-icon,.op-success-icon{font-size:64px;margin-bottom:16px}.op-error h2,.op-success h2{font-size:24px;color:#333;margin-bottom:8px}.op-error p,.op-success p{color:#666;font-size:15px}.op-success-details{background:#fff;border-radius:16px;padding:20px 28px;margin:24px 0;min-width:280px;box-shadow:0 4px 20px #0000000f}.op-success-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#555;border-bottom:1px solid #f0f0f0}.op-success-row:last-child{border-bottom:none}.op-success-total{font-weight:700;color:#c85a10;font-size:18px}.op-success-note{font-size:13px;color:#888;margin-top:12px;max-width:360px}.op-success-btn{margin-top:24px;padding:14px 40px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s}.op-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8741a66}.op-container{font-family:Plus Jakarta Sans,sans-serif;background:#f2f2f7;min-height:100vh;padding-bottom:100px;overflow-x:hidden;width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.op-loading,.op-error,.op-success,.op-container{overflow-x:hidden}.op-header{background:#fff;color:#1a1a1a;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 1px #0000000f}.op-header-inner{padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.op-brand{display:flex;align-items:center;gap:10px}.op-logo-img{width:36px;height:36px;border-radius:10px;object-fit:cover}.op-brand-name{font-size:15px;font-weight:800;color:#1a1a1a;line-height:1.2}.op-brand-sub{font-size:9px;color:#e8741a;font-weight:600}.op-affiliator-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.op-aff-label{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.5px}.op-aff-name{font-size:12px;font-weight:700;color:#e8741a;background:#fff3e0;padding:4px 12px;border-radius:20px}.op-hero{background:linear-gradient(135deg,#e8741a,#f5943a);padding:0}.op-hero-inner{padding:14px 16px;color:#fff}.op-hero h2{font-size:15px;font-weight:800;margin-bottom:3px}.op-hero p{font-size:11px;opacity:.85;margin-bottom:10px}.op-categories{background:#fff;position:sticky;top:60px;z-index:90;box-shadow:0 1px 4px #0000000a}.op-categories-scroll{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.op-categories-scroll::-webkit-scrollbar{display:none}.op-cat-btn{padding:6px 14px;border:none;border-radius:18px;background:#f0ece8;font-size:11px;font-weight:700;color:#888;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:Plus Jakarta Sans,sans-serif}.op-cat-btn:hover{background:#ece5dd;color:#555}.op-cat-btn.active{background:#e8741a;color:#fff;box-shadow:0 3px 10px #e8741a4d}.op-search-bar{margin:10px 0 0;padding:0 16px;position:relative}.op-search-input{width:100%;padding:9px 38px 9px 14px;border:none;border-radius:10px;font-size:12px;font-family:Plus Jakarta Sans,sans-serif;background:#fff;outline:none;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s;box-sizing:border-box;-webkit-appearance:none}.op-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.op-search-input:focus{box-shadow:0 2px 8px #e8741a1f}.op-search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:#ddd;border:none;border-radius:50%;width:22px;height:22px;font-size:11px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background .15s;line-height:1;padding:0}.op-search-clear:hover{background:#ccc}.op-menu-grid{margin:10px 0 0;padding:0 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.op-empty{grid-column:1 / -1;text-align:center;padding:48px 16px;color:#888;font-size:15px}.op-menu-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a;transition:all .15s;position:relative}.op-menu-card:active{transform:scale(.97)}.op-menu-img-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5f0eb}.op-menu-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.op-menu-card:hover .op-menu-img{transform:scale(1.04)}.op-menu-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.op-menu-cat-tag{position:absolute;top:6px;left:6px;padding:2px 8px;background:#e8741ae0;color:#fff;border-radius:6px;font-size:8px;font-weight:700;letter-spacing:.3px}.op-menu-info{padding:8px 10px 10px}.op-menu-name{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-menu-desc{font-size:9px;color:#999;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px}.op-menu-price{font-size:12px;font-weight:800;color:#c85a10}.op-add-btn{width:28px;height:28px;padding:0;background:#e8741a;color:#fff;border:none;border-radius:50%;font-size:18px;font-weight:400;line-height:1;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #e8741a4d}.op-add-btn:hover{transform:scale(1.1);background:#c85a10}.op-add-btn:active{transform:scale(.9)}.op-cart-fab{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;border:none;border-radius:28px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #e8741a66;z-index:80;animation:opFabIn .3s ease-out;font-family:Plus Jakarta Sans,sans-serif;max-width:85%}@keyframes opFabIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.op-cart-fab:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 8px 28px #e8741a80}.op-cart-fab:active{transform:translate(-50%) scale(.97)}.op-cart-fab-icon{font-size:18px}.op-cart-fab-text{font-size:14px}.op-cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:opFadeIn .2s ease-out}@keyframes opFadeIn{0%{opacity:0}to{opacity:1}}.op-cart-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;max-height:80vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:opCartSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes opCartSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:.5}to{transform:translate(-50%) translateY(0);opacity:1}}.op-cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.op-cart-header h3{font-size:18px;font-weight:700;color:#333}.op-cart-close{width:36px;height:36px;border:none;background:#f0f0f0;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.op-cart-items{flex:1;overflow-y:auto;padding:12px 24px}.op-cart-empty{text-align:center;color:#888;padding:32px 0}.op-cart-item{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid #f0f0f0}.op-cart-item-top{display:flex;align-items:center;gap:10px}.op-cart-item-img{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f5f0eb;display:flex;align-items:center;justify-content:center}.op-cart-item-img img{width:100%;height:100%;object-fit:cover}.op-cart-item-img span{font-size:20px}.op-cart-item-info{flex:1;min-width:0}.op-cart-item-name{display:block;font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.3}.op-cart-item-price{display:block;font-size:11px;color:#999;font-weight:500;margin-top:1px}.op-cart-item-remove{border:none;background:none;font-size:14px;cursor:pointer;padding:4px;opacity:.4;flex-shrink:0}.op-cart-item-remove:hover{opacity:1}.op-cart-item-bottom{display:flex;align-items:center;justify-content:space-between;padding-left:54px}.op-cart-item-qty{display:flex;align-items:center;gap:2px}.op-cart-item-qty button{width:28px;height:28px;border:1.5px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:all .15s}.op-cart-item-qty button:active{background:#f5f5f5;transform:scale(.95)}.op-cart-item-qty span{width:26px;text-align:center;font-size:14px;font-weight:800;color:#333}.op-cart-item-subtotal{font-size:13px;font-weight:700;color:#c85a10}.op-cart-item-note{padding-left:54px}.op-cart-item-note input{width:100%;border:none;border-bottom:1px dashed #ddd;padding:4px 0;font-size:11px;color:#666;font-family:Plus Jakarta Sans,sans-serif;background:transparent;outline:none;transition:border-color .2s}.op-cart-item-note input::placeholder{color:#bbb;font-size:11px}.op-cart-item-note input:focus{border-bottom-color:#e8741a}.op-cart-footer{padding:16px 24px 24px;border-top:1px solid #f0f0f0}.op-cart-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;color:#333;margin-bottom:16px}.op-cart-total-price{color:#c85a10;font-size:20px}.op-checkout-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s}.op-checkout-btn:hover{box-shadow:0 6px 20px #e8741a66}.op-checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:opOverlayIn .25s ease-out}@keyframes opOverlayIn{0%{opacity:0}to{opacity:1}}.op-checkout-modal{width:100%;max-width:480px;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:opModalSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes opModalSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.op-checkout-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px 20px 0 0}.op-checkout-header h3{font-size:17px;font-weight:700;color:#fff;margin:0}.op-checkout-header .op-cart-close{width:32px;height:32px;border:none;background:#fff3;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.op-checkout-header .op-cart-close:hover{background:#ffffff59}.op-checkout-body{flex:1;overflow-y:auto;padding:20px 24px}.op-checkout-summary{background:#fff8f0;border:1.5px solid #FFE0B2;border-radius:14px;padding:16px;margin-bottom:20px}.op-checkout-summary h4{font-size:12px;font-weight:700;color:#c85a10;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.op-checkout-line{display:flex;justify-content:space-between;font-size:14px;color:#555;padding:6px 0}.op-checkout-total-line{font-weight:700;color:#333;font-size:16px;border-top:1.5px solid #FFE0B2;margin-top:8px;padding-top:12px}.op-checkout-total-line span:last-child{color:#c85a10}.op-checkout-form{display:flex;flex-direction:column;gap:16px}.op-form-field label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.op-form-field input,.op-form-field textarea{width:100%;padding:12px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:14px;font-family:Plus Jakarta Sans,sans-serif;outline:none;box-sizing:border-box;transition:border-color .2s}.op-form-field input:focus,.op-form-field textarea:focus{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.op-form-field textarea{resize:vertical}.op-checkout-footer{padding:16px 24px 28px}.op-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s;box-shadow:0 4px 16px #e8741a4d}.op-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #e8741a73}.op-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.op-footer{max-width:480px;margin:40px auto 0;text-align:center;padding:24px 16px;color:#888;font-size:13px}.op-footer-powered{font-size:11px;margin-top:4px;opacity:.6}@media (min-width: 640px){.op-menu-grid{grid-template-columns:repeat(3,1fr)}.op-hero-inner{padding:32px 20px}.op-hero h2{font-size:28px}}.op-myorder-btn{display:inline-block;margin-top:12px;padding:10px 20px;border:2px solid rgba(255,255,255,.4);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;font-family:Plus Jakarta Sans,sans-serif}.op-myorder-btn:hover{background:#ffffff40;border-color:#fff9}.op-myorders-modal{max-height:80vh}.op-myorders-list{margin-top:8px}.op-lookup-section{margin-bottom:16px}.op-lookup-desc{font-size:13px;color:#888;margin-bottom:12px;line-height:1.5}.op-lookup-row{display:flex;gap:8px;align-items:stretch}.op-lookup-input-wrap{flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.op-lookup-input-wrap:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.op-lookup-prefix{padding:0 4px 0 12px;font-size:18px;-webkit-user-select:none;user-select:none}.op-lookup-input{flex:1;border:none!important;outline:none!important;padding:12px 12px 12px 4px;font-size:15px;font-family:Plus Jakarta Sans,sans-serif;background:transparent!important;box-shadow:none!important}.op-lookup-btn{padding:12px 18px;border:none;flex-shrink:0;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.op-lookup-btn:hover{opacity:.9;transform:scale(1.02)}.op-lookup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.op-myorders-count{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.op-myorder-card{background:#fff;border:1.5px solid #f0ebe5;border-radius:14px;padding:14px;margin-bottom:10px;transition:box-shadow .15s}.op-myorder-card:hover{box-shadow:0 4px 16px #0000000f}.op-myorder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.op-myorder-id{display:flex;align-items:center;gap:8px}.op-myorder-num{font-size:14px;font-weight:800;color:#333}.op-myorder-date{font-size:11px;color:#aaa;font-weight:500}.op-myorder-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.op-myorder-items{padding:8px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee;margin-bottom:8px}.op-myorder-item-row{display:flex;justify-content:space-between;font-size:13px;color:#555;padding:2px 0}.op-myorder-item-row span:last-child{font-weight:600;color:#333;white-space:nowrap;margin-left:8px}.op-myorder-notes{font-size:12px;color:#999;font-style:italic;margin-bottom:8px}.op-myorder-footer{display:flex;justify-content:space-between;align-items:flex-end}.op-myorder-totals{flex:1}.op-myorder-ongkir{display:flex;justify-content:space-between;font-size:11px;color:#aaa;max-width:180px}.op-myorder-total{display:flex;justify-content:space-between;font-size:13px;color:#333;max-width:180px}.op-myorder-total strong{color:#e8741a;font-size:15px}.op-edit-order-btn{padding:7px 16px;border:none;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap;flex-shrink:0}.op-edit-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8741a4d}.op-required{color:#e53935;font-weight:700}.op-field-error input{border-color:#e53935!important;box-shadow:0 0 0 3px #e539351a!important}.op-error-msg{display:block;font-size:12px;color:#e53935;font-weight:600;margin-top:6px;animation:opShake .3s}@keyframes opShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.op-edit-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fef3c7;border-bottom:2px solid #F59E0B;font-size:12px;font-weight:600;color:#92400e;gap:8px;flex-wrap:wrap}.op-edit-banner button{padding:5px 12px;border:1.5px solid #92400e;background:transparent;color:#92400e;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif}.op-edit-banner button:hover{background:#92400e;color:#fff}.op-live-feed{margin:10px 0 0;background:#fff;border-radius:0;overflow:hidden}.op-feed-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border-bottom:1px solid #f0f0f0}.op-feed-header:active{background:#fafafa}.op-feed-title{display:flex;align-items:center;gap:8px}.op-feed-pulse{width:8px;height:8px;background:#ef4444;border-radius:50%;display:inline-block;position:relative;flex-shrink:0}.op-feed-pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid #ef4444;animation:opPulseRing 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes opPulseRing{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}.op-feed-title-text{font-size:14px;font-weight:800;color:#1a1a1a}.op-feed-count{font-size:10px;font-weight:700;color:#e8741a;background:#fff3e0;padding:2px 8px;border-radius:10px}.op-feed-toggle{font-size:16px;color:#aaa;transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1}.op-feed-toggle.open{transform:rotate(0)}.op-feed-toggle:not(.open){transform:rotate(-90deg)}.op-feed-scroll-wrap{position:relative}.op-feed-scroll-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,white);pointer-events:none;z-index:1}.op-feed-scroll{display:flex;gap:10px;padding:12px 16px 14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.op-feed-scroll::-webkit-scrollbar{display:none}.op-feed-card{flex:0 0 220px;min-width:220px;background:linear-gradient(145deg,#fff,#faf8f5);border:1.5px solid #f0ebe5;border-radius:14px;padding:12px;scroll-snap-align:start;transition:all .2s ease;animation:opFeedCardIn .4s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.op-feed-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e8741a,#f5943a,#ffb74d);opacity:0;transition:opacity .2s}.op-feed-card:hover:before{opacity:1}.op-feed-card:hover{border-color:#e8741a30;box-shadow:0 4px 16px #e8741a1a;transform:translateY(-2px)}@keyframes opFeedCardIn{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.op-feed-card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.op-feed-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;box-shadow:0 2px 8px #e8741a40}.op-feed-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.op-feed-name{font-size:12px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-feed-time{font-size:9px;color:#aaa;font-weight:500}.op-feed-status{font-size:9px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap;flex-shrink:0}.op-feed-status-pending{color:#f59e0b;background:#fffbeb;border:1px solid #FEF3C7}.op-feed-status-submitted{color:#e8741a;background:#fff7ed;border:1px solid #FFEDD5}.op-feed-status-confirmed{color:#16a34a;background:#f0fdf4;border:1px solid #DCFCE7}.op-feed-items{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;min-height:22px}.op-feed-item-tag{font-size:9px;font-weight:600;color:#666;background:#f5f0eb;padding:3px 7px;border-radius:6px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:1.3}.op-feed-item-more{font-size:9px;font-weight:600;color:#e8741a;padding:3px 0;font-style:italic}.op-feed-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed #eee}.op-feed-qty{font-size:10px;color:#999;font-weight:500}.op-feed-total{font-size:13px;font-weight:800;color:#c85a10}@media (min-width: 640px){.op-feed-card{flex:0 0 250px;min-width:250px;padding:14px 16px}.op-feed-avatar{width:36px;height:36px;font-size:14px}.op-feed-name{font-size:13px}.op-feed-total{font-size:14px}}.op-feed-card{cursor:pointer}.op-feed-tap-hint{text-align:center;font-size:9px;color:#ccc;font-weight:600;margin-top:6px;letter-spacing:.2px;transition:color .15s}.op-feed-card:hover .op-feed-tap-hint{color:#e8741a}.op-feed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:400;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:opOverlayIn .2s ease-out}.op-feed-popup{width:100%;max-width:480px;max-height:70vh;background:#fff;border-radius:20px 20px 0 0;padding:0;position:relative;animation:opFeedPopupIn .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes opFeedPopupIn{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.op-feed-popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;z-index:2;transition:all .15s}.op-feed-popup-close:hover{background:#e0e0e0;color:#333}.op-feed-popup-header{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.op-feed-popup-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;box-shadow:0 2px 10px #e8741a4d}.op-feed-popup-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:36px}.op-feed-popup-name{font-size:15px;font-weight:800;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-feed-popup-time{font-size:11px;color:#aaa;font-weight:500}.op-feed-popup-items{padding:16px 20px}.op-feed-popup-items-title{font-size:11px;font-weight:700;color:#c85a10;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.op-feed-popup-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8f5f2;gap:8px}.op-feed-popup-item-row:last-child{border-bottom:none}.op-feed-popup-item-name{font-size:13px;color:#444;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-feed-popup-item-price{font-size:13px;font-weight:700;color:#333;white-space:nowrap;flex-shrink:0}.op-feed-popup-total{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 24px;border-top:1.5px solid #f0ebe5;font-size:15px;font-weight:700;color:#333}.op-feed-popup-total-price{font-size:18px;font-weight:800;color:#c85a10}.op-feed-cta-card{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;border-color:#ffd49e!important;display:flex;align-items:center;justify-content:center;min-height:150px}.op-feed-cta-card:before{display:none!important}.op-feed-cta-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px 0}.op-feed-cta-count{font-size:28px;font-weight:900;color:#e8741a;line-height:1}.op-feed-cta-text{font-size:12px;font-weight:600;color:#a0633a}.op-feed-cta-btn{margin-top:6px;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e8741a,#c85a10);padding:7px 18px;border-radius:20px;box-shadow:0 3px 10px #e8741a4d;transition:all .15s}.op-feed-cta-card:hover .op-feed-cta-btn{transform:translateY(-1px);box-shadow:0 5px 16px #e8741a66}.op-feed-all-modal{width:100%;max-width:480px;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:opFeedPopupIn .3s cubic-bezier(.16,1,.3,1)}.op-feed-all-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px 20px 0 0;flex-shrink:0}.op-feed-all-header h3{font-size:16px;font-weight:700;color:#fff;margin:0}.op-feed-all-header .op-cart-close{background:#fff3;color:#fff;border:none}.op-feed-all-header .op-cart-close:hover{background:#ffffff59}.op-feed-all-list{flex:1;overflow-y:auto;padding:8px 0}.op-feed-all-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f5f0eb;cursor:pointer;transition:background .12s;gap:10px}.op-feed-all-item:active{background:#fff8f0}.op-feed-all-item:last-child{border-bottom:none}.op-feed-all-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.op-feed-all-item-left .op-feed-avatar{width:36px;height:36px;font-size:14px;flex-shrink:0}.op-feed-all-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.op-feed-all-item-name{font-size:13px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-feed-all-item-summary{font-size:11px;color:#888;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.op-feed-all-item-time{font-size:10px;color:#bbb;font-weight:500}.op-feed-all-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.op-feed-all-item-total{font-size:13px;font-weight:800;color:#c85a10;white-space:nowrap}*,*:before,*:after{box-sizing:border-box}.am-page{min-height:100vh;background:#f2f2f7;font-family:Plus Jakarta Sans,sans-serif;padding-bottom:40px;overflow-x:hidden;width:100%;max-width:600px;margin:0 auto}.am-content{padding:0 16px;display:flex;flex-direction:column;gap:20px}.am-loading,.am-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:#888}.am-header{background:linear-gradient(135deg,#e8741a,#d4590f);padding:20px 16px 40px;position:relative}.am-header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.am-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.am-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.am-brand h1{font-size:18px;font-weight:800;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-subtitle{font-size:11px;color:#ffffffb3;font-weight:500}.am-header-actions{flex-shrink:0}.am-reward-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 20px #00000014;overflow:hidden;margin-top:-24px;position:relative;z-index:2}.am-reward-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#fff8e1,#fff3e0)}.am-reward-points-wrap{display:flex;align-items:center;gap:10px}.am-reward-star{font-size:28px}.am-reward-points{display:block;font-size:26px;font-weight:800;color:#c85a10;line-height:1}.am-reward-label{display:block;font-size:9px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.am-reward-orders{text-align:center}.am-reward-orders-val{display:block;font-size:18px;font-weight:800;color:#333;line-height:1}.am-reward-orders-lbl{display:block;font-size:9px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.am-reward-divider{height:1px;background:#f0ebe5}.am-reward-info{padding:12px 20px 14px}.am-reward-eq{margin-bottom:6px}.am-reward-eq-badge{display:inline-block;padding:4px 14px;background:linear-gradient(135deg,#e8741a,#c85a10);color:#fff;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.am-reward-desc{font-size:12px;color:#777;margin:0;line-height:1.5}.am-po-control>div{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.am-po-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0;gap:8px}.am-po-header h2{font-size:14px;font-weight:700;margin:0;color:#333}.am-po-badge{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.3px;white-space:nowrap}.am-po-badge.open{background:#dcfce7;color:#15803d}.am-po-badge.closed{background:#fee2e2;color:#dc2626}.am-po-body{padding:14px 16px 16px}.am-po-link-section{margin-bottom:12px}.am-po-link-section label{font-size:11px;font-weight:600;color:#999;display:block;margin-bottom:5px}.am-po-link-row{display:flex;gap:8px}.am-po-link-input{flex:1;min-width:0;padding:9px 10px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:12px;background:#fafafa;color:#555}.am-btn-copy{padding:9px 14px;border:none;background:#e8741a;color:#fff;border-radius:8px;font-weight:700;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.am-btn-copy:hover{background:#d4690f}.am-po-deadline-section{margin-bottom:14px}.am-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:#666;margin-bottom:6px}.am-checkbox-label input{accent-color:#E8741A;width:16px;height:16px}.am-input{width:100%;padding:9px 10px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:13px;background:#fff}.am-po-deadline-info{background:#fff7ed;padding:10px 12px;border-radius:8px;font-size:12px;color:#92400e;margin-bottom:14px}.am-po-actions{display:flex;flex-direction:column;gap:10px}.am-btn-open-po{width:100%;padding:16px 20px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .2s;font-family:inherit;box-shadow:0 4px 16px #22c55e59;position:relative;overflow:hidden}.am-btn-open-po:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.am-btn-open-po:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e73}.am-btn-open-po:active{transform:scale(.98)}.am-btn-open-icon{font-size:24px}.am-btn-open-po>span:nth-child(2){font-size:16px;font-weight:800;letter-spacing:.3px}.am-btn-open-sub{font-size:11px;opacity:.85;font-weight:500}.am-btn-primary{padding:11px 20px;border:none;background:#e8741a;color:#fff;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .15s}.am-btn-primary:hover{background:#d4690f}.am-btn-primary:disabled{opacity:.5;cursor:not-allowed}.am-btn-lg{width:100%;padding:13px}.am-btn-danger{padding:11px 20px;border:none;background:#ef4444;color:#fff;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;width:100%;transition:all .15s;font-family:inherit}.am-btn-danger:hover{background:#dc2626}.am-po-pulse{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:4px;vertical-align:middle;animation:amPulse 1.5s ease-in-out infinite}@keyframes amPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.am-share-card{margin-top:14px;padding:16px;background:linear-gradient(135deg,#fefce8,#fef9c3,#fef3c7);border-radius:16px;border:1.5px solid rgba(234,179,8,.25);box-shadow:0 2px 12px #eab3081a;animation:amSlideUp .3s ease-out}@keyframes amSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.am-share-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.am-share-icon{font-size:28px;flex-shrink:0}.am-share-header strong{font-size:14px;color:#92400e;display:block}.am-share-header p{font-size:11px;color:#a16207;margin:3px 0 0;line-height:1.4}.am-share-link-box{margin-bottom:12px}.am-share-link-input{width:100%;padding:10px 12px;border:1.5px solid rgba(234,179,8,.3);border-radius:10px;background:#fff;font-size:12px;color:#555;font-family:Plus Jakarta Sans,monospace;outline:none;transition:all .15s}.am-share-link-input:focus{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.am-share-buttons{display:flex;gap:8px;margin-bottom:10px}.am-share-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:none;border-radius:12px;font-family:inherit;cursor:pointer;transition:all .2s;font-weight:700;font-size:11px}.am-share-btn:hover{transform:translateY(-2px)}.am-share-btn:active{transform:scale(.95)}.am-share-btn-icon{font-size:22px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:28px}.am-share-btn-icon svg{width:22px;height:22px;display:block}.am-share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 3px 12px #25d36659}.am-share-btn.copy{background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;box-shadow:0 3px 12px #e8741a4d}.am-share-btn.native{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 3px 12px #6366f14d}.am-share-tip{font-size:11px;color:#92400e;line-height:1.4;padding:8px 10px;background:#fff9;border-radius:8px}.am-po-closed-info{text-align:center;padding:20px 16px;margin-top:10px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:12px}.am-po-closed-icon{font-size:36px;margin-bottom:8px}.am-po-closed-info p{font-size:12px;color:#999;margin:0;line-height:1.5}.am-btn-ghost{padding:7px 12px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:8px;font-weight:600;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.am-btn-ghost:hover{background:#ffffff1a}.am-submit-summary{background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:16px;padding:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.am-submit-section h3{margin:0;font-size:13px;font-weight:700}.am-submit-section p{margin:3px 0 0;font-size:12px;opacity:.9}.am-btn-submit{padding:10px 18px;border:none;background:#fff;color:#e8741a;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.am-btn-submit:hover{transform:scale(1.02)}.am-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.am-submit-note{font-size:10px;color:#999;text-align:center;margin-top:6px}.am-result-card{background:#fff;border:2px solid #22c55e;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f}.am-result-card h3{margin:0 0 6px;font-size:16px;color:#15803d}.am-result-card p{margin:3px 0;font-size:12px;color:#666}.am-receipt-num{color:#e8741a!important;font-weight:600}.am-result-card .am-btn-ghost{color:#888;border-color:#ddd;margin-top:12px}.am-tabs-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.am-tabs{flex:1;display:flex;gap:0;background:#e8e8e8;border-radius:10px;padding:3px}.am-btn-refresh{width:36px;height:36px;border:none;background:#fff;border-radius:10px;font-size:16px;cursor:pointer;box-shadow:0 1px 4px #00000014;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-btn-refresh:hover{background:#fff3e0}.am-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.am-btn-refresh.spinning{animation:amSpin .8s linear infinite}@keyframes amSpin{to{transform:rotate(360deg)}}.am-tab{flex:1;padding:9px 8px;text-align:center;background:transparent;border:none;font-size:12px;font-weight:600;color:#888;cursor:pointer;transition:all .2s;border-radius:8px}.am-tab.active{background:#fff;color:#e8741a;box-shadow:0 1px 4px #00000014}.am-order-list{display:flex;flex-direction:column;gap:14px}.am-order-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000a;border-left:3px solid #fbbf24}.am-order-card.confirmed{border-left-color:#22c55e}.am-order-card.cancelled{border-left-color:#ef4444;opacity:.5}.am-order-card.completed{border-left-color:#3b82f6}.am-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.am-order-header strong{font-size:13px;color:#333}.am-order-phone{display:block;font-size:11px;color:#aaa}.am-order-meta{text-align:right;flex-shrink:0}.am-order-status{display:inline-block;padding:2px 7px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.am-order-status.pending{background:#fef3c7;color:#92400e}.am-order-status.confirmed{background:#dcfce7;color:#15803d}.am-order-status.cancelled{background:#fee2e2;color:#dc2626}.am-order-status.completed{background:#dbeafe;color:#1d4ed8}.am-order-time{display:block;font-size:10px;color:#bbb;margin-top:2px}.am-order-items{border-top:1px solid #f5f5f5;padding-top:6px;margin-bottom:6px}.am-order-item{display:flex;justify-content:space-between;font-size:12px;color:#777;padding:2px 0;gap:8px}.am-order-item span:last-child{white-space:nowrap;flex-shrink:0}.am-order-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#e8741a;font-weight:700;gap:4px;flex-wrap:wrap}.am-order-subtotal{font-size:11px;color:#999;font-weight:500;width:100%}.am-order-notes{font-size:10px;color:#aaa;font-weight:400}.am-ongkir-section{margin:10px 0 6px;padding:10px 12px 8px;background:linear-gradient(135deg,#fffaf6,#fef3e8);border-radius:10px;border:1px solid rgba(232,116,26,.15)}.am-ongkir-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.am-ongkir-label{font-size:12px;font-weight:700;color:#666;letter-spacing:.2px}.am-ongkir-input-wrap{display:flex;align-items:center;gap:0;background:#fff;border:1.5px solid #e0d5cc;border-radius:8px;overflow:hidden;transition:border-color .15s}.am-ongkir-input-wrap:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a14}.am-ongkir-input-wrap span{padding:5px 0 5px 10px;font-size:12px;color:#aaa;font-weight:700;-webkit-user-select:none;user-select:none}.am-ongkir-input-wrap input{border:none;outline:none;width:65px;font-size:14px;font-weight:700;text-align:right;font-family:inherit;padding:5px 10px 5px 2px;color:#333;background:transparent}.am-ongkir-input-wrap input::placeholder{color:#ccc}.am-ongkir-input-wrap input:focus{color:#e8741a}.am-ongkir-presets{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.am-ongkir-chip{padding:4px 14px;border:1.5px solid #e8ddd5;border-radius:20px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;color:#777;transition:all .15s;letter-spacing:.3px}.am-ongkir-chip:hover{border-color:#e8741a;color:#e8741a;background:#fff8f3;transform:translateY(-1px)}.am-ongkir-chip.active{background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;border-color:#e8741a;box-shadow:0 2px 8px #e8741a40}.am-ongkir-chip.clear{border-color:#f0b0b0;color:#e53935;font-size:11px;padding:4px 10px}.am-ongkir-chip.clear:hover{background:#fef2f2;border-color:#e53935}.am-ongkir-display{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;padding:6px 0 2px;border-top:1px dashed #eee;margin-top:8px}.am-bulk-ongkir{margin-top:14px;padding:14px 16px;background:linear-gradient(135deg,#fffaf6,#fef3e8);border-radius:14px;border:1.5px solid rgba(232,116,26,.15);box-shadow:0 2px 8px #e8741a0f}.am-bulk-ongkir-header{display:flex;flex-direction:column;gap:10px}.am-bulk-ongkir-title{font-size:13px;font-weight:800;color:#555;letter-spacing:.2px}.am-bulk-ongkir-input-row{display:flex;align-items:center;gap:8px}.am-bulk-ongkir-input-row .am-ongkir-input-wrap{flex:1}.am-bulk-ongkir-input-row .am-ongkir-input-wrap input{width:100%;text-align:left;font-size:15px}.am-bulk-ongkir-apply{padding:8px 20px;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #e8741a33;letter-spacing:.3px}.am-bulk-ongkir-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #e8741a59}.am-bulk-ongkir-apply:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.am-btn-bulk-print{width:100%;margin-top:10px;padding:10px 16px;background:linear-gradient(135deg,#333,#555);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;letter-spacing:.3px}.am-btn-bulk-print:hover{background:linear-gradient(135deg,#222,#444);box-shadow:0 4px 12px #0003}.am-tabs-3{gap:0}.am-tabs-3 .am-tab{font-size:11px;padding:8px 4px}.am-order-group{margin-bottom:6px;display:flex;flex-direction:column;gap:14px}.am-order-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;margin-bottom:6px}.am-order-group-header.submitted{background:linear-gradient(135deg,#fff3e0,#ffe8cc);color:#e8741a}.am-order-group-header.pending{background:linear-gradient(135deg,#fef9c3,#fef3c7);color:#92400e}.am-order-group-badge{font-size:9px;font-weight:700;padding:3px 8px;background:#e8741a26;border-radius:6px;color:#e8741a;letter-spacing:.2px}.am-waiting-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:10px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border-radius:12px;border:1.5px solid rgba(245,158,11,.2)}.am-waiting-icon{font-size:28px;flex-shrink:0}.am-waiting-banner strong{font-size:13px;color:#92400e;display:block}.am-waiting-banner p{font-size:11px;color:#b45309;margin:4px 0 0;line-height:1.5}.am-history-section{margin-bottom:10px}.am-date-chips{display:flex;gap:6px;overflow-x:auto;padding:0 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.am-date-chips::-webkit-scrollbar{display:none}.am-date-chip{padding:6px 14px;border:1.5px solid #e5e5e5;border-radius:20px;background:#fff;font-size:11px;font-weight:700;color:#777;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.am-date-chip:hover,.am-date-chip:active{border-color:#e8741a;color:#e8741a;background:#fff8f3}.am-date-chip.active{background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;border-color:#e8741a}.am-history-filters{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 4px #0000000a;margin-top:8px;display:flex;flex-direction:column;gap:8px;animation:amSlideDown .2s ease-out}@keyframes amSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.am-hf-row{display:flex;gap:8px}.am-hf-group{flex:1;display:flex;flex-direction:column;gap:3px}.am-hf-group label{font-size:9px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.3px}.am-hf-group input,.am-hf-group select{padding:8px 10px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:12px;font-family:inherit;background:#fafafa;outline:none;transition:border .15s;color:#333}.am-hf-group input:focus,.am-hf-group select:focus{border-color:#e8741a;background:#fff}.am-history-stats{display:flex;align-items:center;justify-content:center;gap:0;padding:10px 0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a}.am-hs-item{flex:1;text-align:center;padding:4px 8px}.am-hs-val{display:block;font-size:16px;font-weight:800;color:#333;line-height:1}.am-hs-label{display:block;font-size:9px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.3px;margin-top:3px}.am-hs-divider{width:1px;height:28px;background:#eee;flex-shrink:0}.am-item-note{font-size:10px;color:#999;margin-top:1px;padding-left:4px;font-style:italic}.am-reward-stats{display:flex;gap:16px;text-align:center}.am-reward-stat{display:flex;flex-direction:column;align-items:center}.am-empty{text-align:center;padding:40px 16px;color:#bbb;font-size:13px;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a}.am-empty-icon{font-size:40px;margin-bottom:10px}.am-empty p{margin:0 0 4px;font-size:14px;font-weight:700;color:#999}.am-empty span{font-size:11px;color:#ccc}@media (max-width: 400px){.am-po-link-row{flex-direction:column}.am-btn-copy{width:100%;text-align:center}.am-submit-summary{flex-direction:column;text-align:center}.am-btn-submit{width:100%}.am-tabs-3 .am-tab{font-size:10px}.am-hs-val{font-size:13px}}.am-pin-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff7ed,#f5f5f5);padding:20px}.am-pin-card{background:#fff;border-radius:20px;padding:36px 28px;box-shadow:0 8px 32px #00000014;text-align:center;max-width:320px;width:100%}.am-pin-icon{font-size:44px;margin-bottom:12px}.am-pin-card h2{font-size:20px;margin:0 0 6px;color:#333;font-weight:800}.am-pin-card>p{font-size:13px;color:#999;margin:0 0 20px}.am-pin-input-wrap input{width:140px;padding:12px;font-size:22px;text-align:center;letter-spacing:8px;border:2px solid #e5e5e5;border-radius:12px;outline:none;transition:border .2s}.am-pin-input-wrap input:focus{border-color:#e8741a}.am-pin-error{color:#ef4444;font-size:12px;margin:8px 0 0}.am-pin-card .am-btn-primary{width:100%;margin-top:16px;padding:13px;font-size:14px;border-radius:12px}.am-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.am-modal{background:#fff;border-radius:20px;padding:28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 12px 40px #0000001f}.am-modal h3{margin:0 0 6px;font-size:17px;color:#333}.am-modal p{font-size:12px;color:#999;margin:0 0 16px}.am-modal input{width:100%;padding:12px;font-size:18px;text-align:center;letter-spacing:6px;border:2px solid #e5e5e5;border-radius:12px;outline:none;margin-bottom:14px}.am-modal input:focus{border-color:#e8741a}.am-modal-actions{display:flex;gap:10px}.am-modal-actions .am-btn-ghost{flex:1;color:#888;border-color:#ddd}.am-modal-actions .am-btn-primary{flex:1}.am-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:10px;font-size:12px;font-weight:600;z-index:2000;animation:amToastIn .3s ease-out;max-width:90vw;text-align:center;box-shadow:0 4px 16px #00000026}.am-toast.success{background:#15803d;color:#fff}.am-toast.error{background:#dc2626;color:#fff}@keyframes amToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}.am-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:amFadeIn .2s ease-out}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}.am-confirm-modal{background:#fff;border-radius:20px;padding:28px 24px 24px;width:100%;max-width:340px;text-align:center;box-shadow:0 20px 60px #0003;animation:amModalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes amModalIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.am-confirm-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fff3e0,#ffe0b2);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;box-shadow:0 4px 12px #e8741a26}.am-confirm-title{font-size:18px;font-weight:800;color:#1a1a1a;margin:0 0 8px}.am-confirm-msg{font-size:13px;color:#666;line-height:1.5;margin:0 0 24px}.am-confirm-actions{display:flex;gap:10px}.am-confirm-cancel{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;color:#666;font-size:13px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .15s}.am-confirm-cancel:hover{background:#f5f5f5;border-color:#ccc}.am-confirm-cancel:active{transform:scale(.97)}.am-confirm-ok{flex:1;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#e8741a,#f5943a);color:#fff;font-size:13px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px #e8741a4d}.am-confirm-ok:hover{box-shadow:0 6px 20px #e8741a66;transform:translateY(-1px)}.am-confirm-ok:active{transform:scale(.97)}.am-tabs-4{gap:0}.am-tabs-4 .am-tab{font-size:10px;padding:8px 2px;letter-spacing:0}.am-rekap-section{display:flex;flex-direction:column;gap:12px}.am-rekap-date-inputs{display:flex;gap:8px}.am-rekap-date-inputs .am-hf-group{flex:1}.am-rekap-date-inputs input[type=date]{width:100%;padding:8px 10px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:13px;font-family:inherit;background:#fff;color:#333;transition:border-color .2s}.am-rekap-date-inputs input[type=date]:focus{border-color:#e8741a;outline:none}.am-rekap-date-inputs label{font-size:11px;font-weight:600;color:#888;margin-bottom:4px;display:block}.am-rekap-grand{background:linear-gradient(135deg,#fff8f0,#fff3e0);border:1.5px solid #ffd9a6;border-radius:14px;padding:16px}.am-rekap-grand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.am-rekap-grand-title{font-size:15px;font-weight:800;color:#d4590f}.am-rekap-grand-count{font-size:11px;font-weight:700;padding:4px 10px;background:#e8741a1f;border-radius:20px;color:#e8741a}.am-rekap-grand-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.am-rekap-grand-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#555;font-weight:500}.am-rekap-grand-row.total{font-size:16px;font-weight:800;color:#d4590f;padding-top:8px;border-top:1.5px dashed #ffc78a;margin-top:4px}.am-rekap-actions{display:flex;gap:8px}.am-rekap-btn{flex:1;padding:10px 12px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.am-rekap-btn.copy{background:linear-gradient(135deg,#f5f5f5,#eee);color:#333}.am-rekap-btn.copy:hover{background:linear-gradient(135deg,#eee,#e0e0e0)}.am-rekap-btn.wa{background:linear-gradient(135deg,#25d366,#128c4e);color:#fff}.am-rekap-btn.wa:hover{background:linear-gradient(135deg,#22bf5b,#0f7a42);box-shadow:0 3px 10px #25d3664d}.am-rekap-btn:active{transform:scale(.97)}.am-rekap-day{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.am-rekap-day-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #eee}.am-rekap-day-date{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#333}.am-rekap-day-icon{font-size:14px}.am-rekap-day-badge{font-size:10px;font-weight:700;padding:3px 8px;background:#e8741a1a;border-radius:12px;color:#e8741a}.am-rekap-day-orders{display:flex;flex-direction:column}.am-rekap-order{padding:10px 14px;border-bottom:1px solid #f5f5f5}.am-rekap-order:last-child{border-bottom:none}.am-rekap-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.am-rekap-order-name{font-size:13px;font-weight:700;color:#333}.am-rekap-order-total{font-size:13px;font-weight:800;color:#e8741a}.am-rekap-order-items{display:flex;flex-direction:column;gap:2px;padding-left:4px}.am-rekap-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;line-height:1.5}.am-rekap-item.ongkir{color:#888;font-style:italic;padding-top:2px;margin-top:2px;border-top:1px dotted #e8e8e8}.am-rekap-day-footer{padding:10px 14px;background:#fafafa;border-top:1.5px solid #f0f0f0;display:flex;flex-direction:column;gap:3px}.am-rekap-day-row{display:flex;justify-content:space-between;font-size:12px;color:#777;font-weight:500}.am-rekap-day-row.total{font-size:14px;font-weight:800;color:#d4590f;padding-top:4px;border-top:1px dashed #ddd;margin-top:2px}