@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.st-trigger{color:#fff;cursor:pointer;z-index:997;background:linear-gradient(135deg,#e8741a,#f5a623);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:fixed;bottom:80px;right:14px;box-shadow:0 3px 12px #e8741a59}.st-trigger:hover{transform:scale(1.1);box-shadow:0 4px 16px #e8741a73}.st-overlay{z-index:9998;pointer-events:auto;animation:.3s st-fade-in;position:fixed;inset:0}.st-overlay.st-exiting{animation:.3s forwards st-fade-out}.st-svg{width:100%;height:100%;position:absolute;top:0;left:0}.st-overlay-solid{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:absolute;inset:0}.st-glow{animation:2s ease-in-out infinite st-pulse-glow}@keyframes st-pulse-glow{0%,to{stroke-opacity:.5}50%{stroke-opacity:1;stroke-width:3px}}@keyframes st-fade-in{0%{opacity:0}to{opacity:1}}@keyframes st-fade-out{0%{opacity:1}to{opacity:0}}.st-tooltip{z-index:9999;background:#fff;border-radius:16px;animation:.3s st-tooltip-in;overflow:hidden;box-shadow:0 16px 48px #0003,0 0 0 1px #0000000d}.st-tooltip.st-exiting{animation:.25s forwards st-tooltip-out}@keyframes st-tooltip-in{0%{opacity:0}to{opacity:1}}@keyframes st-tooltip-out{0%{opacity:1}to{opacity:0}}.st-progress{background:#f0f0f0;height:3px}.st-progress-fill{background:linear-gradient(90deg,#e8741a,#f5a623);border-radius:0 3px 3px 0;height:100%;transition:width .4s}.st-content{padding:16px 20px 18px}.st-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.st-step-badge{color:#e8741a;letter-spacing:.5px;background:#fff3e8;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.st-close{color:#bbb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex}.st-close:hover{color:#666;background:#f5f5f5}.st-icon{margin-bottom:8px;font-size:32px;line-height:1}.st-title{color:#1a1a1a;margin:0 0 6px;font-size:17px;font-weight:700}.st-desc{color:#666;margin:0 0 10px;font-size:13px;line-height:1.55}.st-tip{color:#b86a18;background:#fff8f0;border:1px solid #f5d5b0;border-radius:10px;margin-bottom:12px;padding:8px 12px;font-size:12px;line-height:1.4}.st-dots{justify-content:center;gap:5px;margin:0 0 14px;display:flex}.st-dot{background:#e0e0e0;border-radius:50%;width:6px;height:6px;transition:all .3s}.st-dot.active{background:#e8741a;border-radius:3px;width:18px}.st-dot.done{background:#f5a623}.st-nav{gap:8px;display:flex}.st-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.st-btn-prev,.st-btn-skip{color:#666;background:#f5f5f5}.st-btn-prev:hover,.st-btn-skip:hover{background:#eaeaea}.st-btn-next{color:#fff;background:linear-gradient(135deg,#e8741a,#f5a623);box-shadow:0 3px 10px #e8741a40}.st-btn-next:hover{transform:translateY(-1px);box-shadow:0 5px 14px #e8741a59}@media (width<=480px){.st-trigger{width:32px;height:32px;bottom:74px;right:12px}.st-tooltip{max-width:calc(100vw - 24px)!important}.st-content{padding:14px 16px 16px}}:root{--primary:#e8741a;--primary-light:#f5a623;--primary-dark:#c85a10;--primary-bg:#e8741a14;--primary-bg-hover:#e8741a26;--accent:#f59e0b;--accent-light:#fbbf24;--danger:#ef4444;--danger-light:#fca5a5;--danger-bg:#ef444414;--info:#3b82f6;--info-bg:#3b82f614;--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-card-hover:#252839;--bg-elevated:#282b3a;--bg-input:#252839;--border:#ffffff0f;--border-light:#ffffff1a;--border-focus:#e8741a80;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f1117;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-glow:0 0 20px #e8741a26;--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:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-elevated:#f0f1f5;--bg-input:#f5f6fa;--border:#00000014;--border-light:#0000001f;--border-focus:#e8741a80;--text-primary:#1a1d2e;--text-secondary:#5b6178;--text-muted:#8b91a8;--text-inverse:#f1f5f9;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #e8741a1f;--primary-bg:#e8741a0f;--primary-bg-hover:#e8741a1f;--danger-bg:#ef44440f;--info-bg:#3b82f60f}[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{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.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{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}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:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;width:260px;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-md);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.sidebar-brand-text h1{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.sidebar-brand-text span{color:var(--text-muted);font-size:11px;font-weight:400}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#0000001a transparent;flex:1;padding:12px 10px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.nav-section{margin-bottom:8px}.nav-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:8px 12px 6px;font-size:10px;font-weight:600}.nav-group-header{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.nav-group-header:hover{background:var(--bg-card)}.nav-group-left{align-items:center;gap:10px;display:flex}.nav-group-left svg{flex-shrink:0;width:18px;height:18px}.nav-group-chevron{color:var(--text-muted);transition:transform .2s}.nav-group-chevron.open{transform:rotate(90deg)}.nav-group-items{margin-top:2px;padding-left:12px}.nav-group-right{align-items:center;gap:6px;display:flex}.nav-group-badge{background:var(--primary,#e8741a);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.nav-group-header.group-active,.nav-group-header.group-active .nav-group-left svg{color:var(--primary)}.nav-flyout-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 16px 6px;font-size:10px;font-weight:700}.nav-flyout-badge{background:var(--primary,#e8741a);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:auto;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.nav-notif-dot{background:var(--primary,#e8741a);border:1.5px solid var(--bg-secondary);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.nav-sub-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;padding:9px 12px 9px 28px;font-size:13px;font-weight:500;display:flex;position:relative}.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:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.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:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted,#aaa);margin-top:4px;padding:8px 12px 4px;font-size:10px;font-weight:700}.nav-notif-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite notifPulse;display:inline-flex}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.main-content{flex:1;min-height:100vh;margin-left:260px}.top-header{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0f1117d9;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-title{letter-spacing:-.3px;font-size:18px;font-weight:700}.header-right{align-items:center;gap:10px;display:flex}.date-navigator{align-items:center;gap:4px;display:flex}.date-nav-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:flex}.date-nav-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}.date-display{color:var(--text-primary);text-align:center;min-width:160px;font-size:13px;font-weight:500}.date-input-hidden{opacity:0;width:0;height:0;position:absolute}.view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle-btn{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 14px}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary);color:#fff}.drp-wrapper{position:relative}.drp-trigger{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);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;align-items:center;gap:8px;padding:8px 12px;display:flex}.drp-trigger:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.drp-trigger-arrow{opacity:.5;transition:transform var(--transition-fast);transform:rotate(90deg)}.drp-trigger:hover .drp-trigger-arrow{opacity:.8}.drp-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;width:520px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);animation:.2s drpSlideIn;position:fixed;overflow:auto}@keyframes drpSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drp-body{display:flex}.drp-calendar{border-right:1px solid var(--border);flex:1;min-width:0;padding:20px}.drp-cal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drp-cal-title{color:var(--text-primary);font-size:15px;font-weight:600}.drp-cal-nav{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;display:flex}.drp-cal-nav:hover{background:var(--bg-elevated);color:var(--text-primary)}.drp-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.drp-cal-day-name{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:6px 0;font-size:11px;font-weight:600}.drp-cal-cell{text-align:center;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;padding:8px 4px;font-size:13px}.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{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.drp-date-display{gap:20px;display:flex}.drp-date-display>div{flex-direction:column;gap:4px;display:flex}.drp-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.drp-date-value{color:var(--text-primary);border-bottom:2px solid var(--primary);padding-bottom:4px;font-size:14px;font-weight:600}.drp-presets{flex-direction:column;flex-shrink:0;width:160px;max-height:360px;padding:12px 0;display:flex;overflow-y:auto}.drp-preset-btn{text-align:left;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 20px}.drp-preset-btn:hover{background:var(--primary-bg);color:var(--primary)}.drp-actions{border-top:1px solid var(--border);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.drp-action-btn{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;background:0 0;border:none;padding:8px 16px}.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{background:linear-gradient(135deg, var(--primary), var(--primary-dark));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);border:none;align-items:center;gap:8px;padding:8px 16px;display:flex;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:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-content{padding:24px 28px}.summary-cards{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:20px;position:relative;overflow:hidden}.summary-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.summary-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-card:hover:before{opacity:1}.summary-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.summary-card-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:700}.summary-card-change{align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:500;display:flex}.summary-card-change.positive{color:var(--primary)}.summary-card-change.negative{color:var(--danger)}.summary-card-change.neutral{color:var(--text-muted)}.change-pct{opacity:.85;font-size:11px}.summary-card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.cell-with-change{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cell-change{white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:500;display:inline-flex}.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);margin-bottom:24px;padding:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{color:var(--text-primary);font-size:16px;font-weight:600}.chart-controls{align-items:center;gap:10px;display:flex}.chart-type-select,.chart-period-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:6px 12px}.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)}.view-section{padding:0}.view-header{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:20px;display:flex}.view-header h2{display:none}.view-header .btn-primary{white-space:nowrap}.data-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table-wrap .data-table{border:none}.loading-state{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:48px 24px;font-size:14px;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.form-grid label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.form-grid input,.form-grid select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:8px 12px;font-size:14px;transition:border-color .2s}.form-grid input:focus,.form-grid select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c47e371f}.data-table-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-title{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--bg-elevated)}.data-table th{text-align:right;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.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{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:6px;display:flex}.col-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-light)}.col-toggle-dropdown{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:.15s drpSlideIn;position:absolute;top:calc(100% + 6px);right:0}.col-toggle-item{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.col-toggle-item:hover{background:var(--bg-card-hover)}.col-toggle-checkbox{appearance:none;border:2px solid var(--border-light);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:0 0;border-radius:4px;flex-shrink:0;position:relative}.col-toggle-checkbox:checked{background:#e8741a;border-color:#e8741a}.col-toggle-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.customer-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.sync-customer-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#e8741a;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.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{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:10px 14px;font-size:13px}.customer-search-input:focus{border-color:var(--primary);outline:none}.customer-search-input::placeholder{color:var(--text-muted)}.data-table td{text-align:right;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:13px}.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{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pagination-info{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-sans);transition:all var(--transition-fast);padding:6px 10px}.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);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:14px}.pagination-separator{color:var(--border-light);-webkit-user-select:none;user-select:none;margin:0 4px}.rows-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:4px 8px}.rows-select:focus{border-color:var(--border-focus)}.rows-select option{background:var(--bg-card)}.items-view-layout{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:300px 1fr;gap:0;margin-bottom:24px;display:grid;overflow:hidden}.items-list-card{border-right:1px solid var(--border)}.items-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.items-list-title{color:var(--text-primary);font-size:14px;font-weight:600}.items-list-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.items-list-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.items-list-row:last-child{border-bottom:none}.items-list-row:hover{background:var(--bg-card-hover)}.items-list-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.items-list-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.items-list-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.items-list-value{color:var(--text-primary);flex-shrink:0;margin-left:12px;font-size:13px;font-weight:600}.items-chart-card{padding:16px 20px}.items-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.items-chart-title{color:var(--text-primary);font-size:14px;font-weight:600}.payment-breakdown{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 20px;display:grid}.payment-item{background:var(--bg-elevated);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 16px;display:flex}.payment-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.payment-icon.cash{color:var(--primary);background:#10b98126}.payment-icon.qris{color:var(--info);background:#3b82f626}.payment-info{flex:1}.payment-name{color:var(--text-muted);font-size:12px;font-weight:500}.payment-amount{color:var(--text-primary);font-size:15px;font-weight:700}.payment-count{color:var(--text-muted);font-size:11px}.receipt-row{cursor:pointer}.receipt-number{font-weight:600;color:var(--primary)!important}.receipt-cancelled{background:var(--danger-bg)}.receipt-refund{background:#f59e0b0d}.badge{text-transform:uppercase;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-sale{background:var(--primary-bg);color:var(--primary)}.badge-refund{color:var(--accent);background:#f59e0b26}.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-dinein{background:var(--info-bg);color:var(--info)}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;align-items:center;gap:10px;max-width:400px;padding:14px 20px;animation:.3s slideIn,.3s 2.7s fadeOut;display:flex;position:fixed;bottom:20px;right:20px}.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%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-overlay{justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:12px}.empty-state-text{font-size:14px;font-weight:500}@media (width<=1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}.items-view-layout{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.summary-cards{grid-template-columns:repeat(2,1fr)}.top-header{flex-wrap:wrap;gap:10px;padding:12px 16px}}.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;box-shadow:var(--shadow-lg)!important;padding:12px 16px!important}.custom-tooltip-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.custom-tooltip-value{color:var(--text-primary);font-size:15px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@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;box-shadow:var(--shadow-lg);animation:.3s modalSlideUp;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;display:flex}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:20px 24px}.sync-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.form-input:focus{border-color:var(--border-focus)}.sync-submit-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));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);border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;display:flex}.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{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.receipt-detail-item:last-child{border-bottom:none}.receipt-detail-item-name{font-size:13px;font-weight:500}.receipt-detail-item-qty{color:var(--text-muted);font-size:11px}.receipt-detail-item-total{font-size:13px;font-weight:600}.receipt-detail-total{border-top:2px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.receipt-detail-total-label{font-size:14px;font-weight:700}.receipt-detail-total-value{color:var(--primary);font-size:18px;font-weight:800}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--primary);box-shadow:0 0 6px var(--primary)}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:16px 20px;display:flex}.sidebar-footer-text{color:var(--text-muted);flex:1;font-size:11px}.sidebar-toggle-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-muted)}.sidebar{transition:width .25s}.main-content{transition:margin-left .25s}.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:hidden auto}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:12px 6px}.sidebar.collapsed .sidebar-toggle-btn{justify-content:center;width:100%;margin-left:0;display:flex}.nav-item.collapsed-icon{border-radius:var(--radius-sm);justify-content:center;padding:10px}.nav-item.collapsed-icon svg{width:20px;height:20px}.main-content.sidebar-collapsed{margin-left:68px}.nav-flyout-wrapper{position:relative}.nav-flyout-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;min-width:200px;margin-left:4px;padding:6px 0;display:none;position:absolute;top:0;left:100%;box-shadow:0 8px 32px #00000040}.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{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:10px 20px;font-size:14px}.nav-flyout-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-flyout-item.active{color:var(--primary);font-weight:600}.auth-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page{background:#070a13;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.login-bg-orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.login-bg-orb-1{background:radial-gradient(circle,#10b98126,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.login-bg-orb-2{background:radial-gradient(circle,#6366f11f,#0000 70%);width:400px;height:400px;animation-delay:-7s;bottom:-10%;right:-5%}.login-bg-orb-3{background:radial-gradient(circle,#f59e0b14,#0000 70%);width:300px;height:300px;animation-delay:-14s;top:40%;left:50%}@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{z-index:1;-webkit-backdrop-filter:blur(40px);background:#1a1d27b3;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:420px;margin:20px;padding:40px;transition:transform .3s;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d}.login-card:hover{transform:translateY(-2px)}.login-card.shake{animation:.5s ease-in-out shakeCard}@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{background:linear-gradient(135deg,#e8741a,#d4590f);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex;position:relative;box-shadow:0 8px 24px #10b9814d}.login-logo-text{color:#fff;letter-spacing:-1px;font-size:24px;font-weight:800}.login-logo-glow{background:radial-gradient(circle,#10b98133,#0000);border-radius:24px;animation:3s ease-in-out infinite logoGlow;position:absolute;inset:-8px}@keyframes logoGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-title{color:#f1f5f9;letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.3s fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#94a3b8;font-size:13px;font-weight:500}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#64748b;pointer-events:none;z-index:1;position:absolute;left:14px}.login-input{color:#f1f5f9;background:#25283999;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;height:48px;padding:0 44px;font-size:14px;transition:all .2s}.login-input:focus{background:#252839e6;border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}.login-input::placeholder{color:#4b5563}.login-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;right:8px}.login-password-toggle:hover{color:#94a3b8;background:#ffffff0f}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#d4590f);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:600;transition:all .2s;display:flex;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;border-top:1px solid #ffffff0a;margin-top:24px;padding-top:20px}.login-footer p{color:#4b5563;margin:0;font-size:12px}.user-profile-dropdown{position:relative}.user-profile-trigger{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;transition:all .2s;display:flex}.user-profile-trigger:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.user-profile-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.user-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.user-profile-chevron{color:var(--text-muted);transition:transform .2s}.user-profile-chevron.open{transform:rotate(180deg)}.user-profile-menu{background:var(--bg-card);border:1px solid var(--border);min-width:240px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:14px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.user-profile-menu-header{align-items:center;gap:10px;padding:14px 16px;display:flex}.user-profile-menu-divider{background:var(--border);height:1px;margin:0}.user-profile-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.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{color:#ef4444;background:#ef444414}.user-stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.user-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.user-stat-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-stat-info{flex-direction:column;display:flex}.user-stat-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.user-stat-label{color:var(--text-muted);margin-top:2px;font-size:12px}.user-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.role-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active,.status-badge.success{color:#16a34a;background:#16a34a1a}.status-badge.inactive,.status-badge.muted{color:#64748b;background:#64748b1a}.status-badge.info{color:#2563eb;background:#2563eb1a}.status-badge.warning{color:#d97706;background:#d977061a}.status-badge.danger{color:#dc2626;background:#dc26261a}.status-dot-sm{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot-sm.online{background:#e8741a;box-shadow:0 0 6px #10b98180}.status-dot-sm.offline{background:#64748b}.user-you-badge{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:#6366f11f;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.user-inactive-row{opacity:.5}.user-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.user-action-btn{cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.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{flex-direction:column;gap:18px;display:flex}.user-form-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.user-form-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.role-selector{gap:10px;display:flex}.role-option{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;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{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.5}.user-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#d4590f);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98133}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.btn-primary.btn-sm{border-radius:8px;padding:6px 14px;font-size:12px}.btn-cancel{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-cancel:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;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{color:#1e293b;background:#f1f5f9cc;border-color:#00000014}[data-theme=light] .login-input:focus{background:#fff}[data-theme=light] .login-bg-orb-1{background:radial-gradient(circle,#10b98114,#0000 70%)}[data-theme=light] .login-bg-orb-2{background:radial-gradient(circle,#6366f114,#0000 70%)}[data-theme=light] .login-bg-orb-3{background:radial-gradient(circle,#f59e0b0f,#0000 70%)}[data-theme=light] .login-bg-grid{background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px)}@media (width<=480px){.login-card{margin:12px;padding:28px 24px}.login-logo{border-radius:14px;width:52px;height:52px}.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{flex-direction:column;gap:0;display:flex}.menu-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.menu-toolbar-left{align-items:center;gap:12px;display:flex}.menu-toolbar-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.menu-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #e8741a4d}.menu-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8741a66}.menu-sync-btn{color:#c85a10;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e8741a;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.menu-sync-btn:hover:not(:disabled){background:#e8741a14}.menu-sync-btn:disabled{opacity:.7;cursor:not-allowed}.menu-filter label{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600}.menu-filter-select{border:1px solid var(--border-color,#e0e0e0);background:var(--card-bg,white);color:var(--text-primary,#333);cursor:pointer;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-position:right 12px center;background-repeat:no-repeat;border-radius:6px;min-width:150px;height:40px;padding:10px 32px 10px 12px;font-size:13px}.menu-search-form{display:flex}.menu-search-input-wrapper{border:1px solid var(--border-color,#e0e0e0);background:var(--card-bg,white);border-radius:6px;align-items:center;gap:8px;min-width:220px;height:40px;padding:0 14px;transition:border-color .2s;display:flex}.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{color:var(--text-primary,#333);background:0 0;border:none;outline:none;width:100%;font-size:13px}.menu-table-container{background:var(--card-bg,white);border:1px solid var(--border-color,#e8e8e8);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.menu-table{border-collapse:collapse;width:100%}.menu-table thead th{text-align:left;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;padding:14px 16px;font-size:12px;font-weight:600;transition:color .15s}.menu-table thead th:hover{color:var(--text-primary,#333)}.menu-th-name{min-width:200px}.menu-th-num{min-width:100px;text-align:right!important}.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{color:var(--text-primary,#333);padding:12px 16px;font-size:13px}.menu-td-name{font-weight:500}.menu-td-num{font-variant-numeric:tabular-nums;text-align:right!important}.menu-item-name-cell{align-items:center;gap:12px;display:flex}.menu-item-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:36px;height:36px}.menu-item-color-dot{border-radius:6px;flex-shrink:0;width:36px;height:36px}.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{background:var(--badge-bg,#f5f5f5);color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.menu-empty{text-align:center;color:var(--text-secondary,#999);font-size:14px;padding:48px 16px!important}.menu-table-footer{color:var(--text-secondary,#888);border-top:1px solid var(--border-color,#f0f0f0);padding:12px 16px;font-size:12px}.menu-categories-list{background:var(--card-bg,white);border:1px solid var(--border-color,#e8e8e8);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.menu-categories-header{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color,#e8e8e8);justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;font-weight:600;display:flex}.menu-category-item{border-bottom:1px solid var(--border-color,#f0f0f0);justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .15s;display:flex}.menu-category-item:last-child{border-bottom:none}.menu-category-item:hover{background-color:var(--hover-bg,#fafafa)}.menu-category-info{align-items:center;gap:16px;display:flex}.menu-category-color-circle{opacity:.25;border-radius:50%;flex-shrink:0;width:42px;height:42px}.menu-category-text{flex-direction:column;gap:3px;display:flex}.menu-category-name{color:var(--text-primary,#333);font-size:14px;font-weight:600}.menu-category-count{color:var(--text-secondary,#888);font-size:12px}.menu-modifiers-list{background:var(--card-bg,white);border:1px solid var(--border-color,#e8e8e8);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.menu-modifiers-header{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color,#e8e8e8);padding:14px 20px;font-size:12px;font-weight:600}.menu-modifier-card{border-bottom:1px solid var(--border-color,#f0f0f0)}.menu-modifier-card:last-child{border-bottom:none}.menu-modifier-main{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .15s;display:flex}.menu-modifier-main:hover{background-color:var(--hover-bg,#fafafa)}.menu-modifier-info{align-items:center;gap:14px;display:flex}.menu-modifier-icon{color:#c85a10;background:linear-gradient(135deg,#e8741a22,#c85a1022);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-modifier-text{flex-direction:column;gap:3px;display:flex}.menu-modifier-name{color:var(--text-primary,#333);font-size:14px;font-weight:600}.menu-modifier-options-summary{color:var(--text-secondary,#888);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:12px;overflow:hidden}.menu-modifier-toggle{color:var(--text-secondary,#ccc)}.menu-modifier-options-detail{padding:0 20px 16px 74px;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-modifier-options-table{border-collapse:collapse;background:var(--hover-bg,#f9f9f9);border-radius:8px;width:100%;overflow:hidden}.menu-modifier-options-table th{text-align:left;color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color,#e8e8e8);padding:10px 14px;font-size:11px;font-weight:600}.menu-modifier-options-table td{color:var(--text-primary,#555);border-bottom:1px solid var(--border-color,#f0f0f0);padding:10px 14px;font-size:13px}.menu-modifier-options-table tr:last-child td{border-bottom:none}.menu-discounts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.menu-discount-card{background:var(--card-bg,white);border:1px solid var(--border-color,#e8e8e8);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000014}.menu-discount-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.menu-discount-icon-wrapper{color:#fff;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.menu-discount-details{flex-direction:column;flex:1;gap:8px;display:flex}.menu-discount-name{color:var(--text-primary,#333);font-size:15px;font-weight:600}.menu-discount-meta{align-items:center;gap:10px;display:flex}.menu-discount-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.menu-discount-type-badge.fixed-percent{color:#2e7d32;background:#e8f5e9}.menu-discount-type-badge.fixed-amount{color:#1565c0;background:#e3f2fd}.menu-discount-type-badge.variable-percent,.menu-discount-type-badge.variable-amount{color:#e65100;background:#fff3e0}.menu-discount-type-badge.discount-by-points{color:#7b1fa2;background:#f3e5f5}.menu-discount-value{color:var(--text-primary,#333);font-size:14px;font-weight:600}.menu-discount-restricted{color:#e65100;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.menu-empty-state{color:var(--text-secondary,#999);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.menu-empty-state svg{opacity:.3}.menu-empty-state p{max-width:300px;font-size:14px;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{color:var(--text-secondary);background:#ffffff14}[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{color:#81c784;background:#2e7d3226}[data-theme=dark] .menu-discount-type-badge.fixed-amount{color:#64b5f6;background:#1565c026}[data-theme=dark] .menu-discount-type-badge.variable-percent,[data-theme=dark] .menu-discount-type-badge.variable-amount{color:#ffb74d;background:#e6510026}[data-theme=dark] .menu-discount-type-badge.discount-by-points{color:#ce93d8;background:#7b1fa226}@media (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{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.edit-overlay.visible{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073}.edit-drawer{background:var(--card-bg,#fff);flex-direction:column;width:500px;max-width:100vw;height:100vh;transition:right .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;right:-520px;box-shadow:-8px 0 30px #00000026}.edit-drawer.open{right:0}.edit-drawer-header{border-bottom:1px solid var(--border-color,#e8e8e8);justify-content:space-between;align-items:center;padding:24px 28px 20px;display:flex}.edit-drawer-title{align-items:center;gap:14px;display:flex}.edit-drawer-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.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{color:#333;background:#ffee58}.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{color:var(--text-primary,#1a1a1a);margin:0;font-size:18px;font-weight:700}.edit-drawer-subtitle{color:var(--text-secondary,#888);font-size:13px}.edit-close-btn{color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px;transition:all .15s;display:flex}.edit-close-btn:hover{background:var(--hover-bg,#f5f5f5);color:var(--text-primary,#333)}.edit-drawer-body{flex:1;padding:0;overflow-y:auto}.edit-image-upload{border:2px dashed var(--border-color,#e0e0e0);cursor:pointer;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.edit-image-upload:hover,.edit-image-upload.dragover{background:#e8741a0a;border-color:#e8741a}.edit-image-upload.uploading{cursor:wait;opacity:.8}.edit-image-preview{aspect-ratio:16/10;width:100%;position:relative}.edit-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.edit-image-overlay{color:#fff;opacity:0;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-image-upload:hover .edit-image-overlay{opacity:1}.edit-image-placeholder{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.edit-image-placeholder span{font-size:13px;font-weight:500}.edit-image-hint{color:#bbb!important;font-size:11px!important}.edit-upload-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spinning}.edit-section{border-bottom:1px solid var(--border-color,#f0f0f0);padding:24px 28px}.edit-section:last-child{border-bottom:none}.edit-section-header{color:var(--text-primary,#1a1a1a);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:700;display:flex}.edit-section-header svg{color:var(--text-secondary,#999)}.edit-field{margin-bottom:16px}.edit-field:last-child{margin-bottom:0}.edit-field label{color:var(--text-secondary,#777);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.edit-field input,.edit-field select,.edit-field textarea{border:1.5px solid var(--border-color,#e0e0e0);width:100%;color:var(--text-primary,#333);background:var(--card-bg,#fff);box-sizing:border-box;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:all .2s}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#e8741a;outline:none;box-shadow:0 0 0 3px #e8741a1f}.edit-field textarea{resize:vertical;min-height:80px}.edit-field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.edit-input-prefix,.edit-input-suffix{border:1.5px solid var(--border-color,#e0e0e0);border-radius:10px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.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{color:var(--text-secondary,#888);background:var(--hover-bg,#f5f5f5);flex-shrink:0;padding:11px 12px;font-size:13px;font-weight:600}.edit-input-prefix>input,.edit-input-suffix>input{box-shadow:none!important;border:none!important;border-radius:0!important}.edit-margin-indicator{background:linear-gradient(135deg,#e8741a14,#689f3814);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.edit-margin-indicator span:first-child{color:var(--text-secondary,#888);text-transform:uppercase;font-size:12px;font-weight:600}.edit-margin-value{color:#c85a10;font-size:16px;font-weight:700}.edit-toggle-field{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.edit-toggle-field span{color:var(--text-primary,#333);font-size:14px;font-weight:500}.edit-toggle-desc{margin:4px 0 0;color:var(--text-secondary,#999)!important;font-size:12px!important;font-weight:400!important}.edit-toggle{background:var(--border-color,#ddd);border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .25s;position:relative}.edit-toggle.active{background:#e8741a}.edit-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.edit-toggle.active .edit-toggle-knob{transform:translate(22px)}.edit-color-swatches{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.edit-color-swatch{cursor:pointer;border:3px solid #0000;border-radius:10px;width:38px;height:38px;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{border-top:1px solid var(--border-color,#e8e8e8);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.edit-footer-left,.edit-footer-right{align-items:center;gap:10px;display:flex}.edit-btn-cancel{border:1.5px solid var(--border-color,#ddd);color:var(--text-primary,#555);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s}.edit-btn-cancel:hover{background:var(--hover-bg,#f5f5f5)}.edit-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:700;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{color:#e53935;cursor:pointer;background:0 0;border:1.5px solid #e5393533;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.edit-btn-delete:hover{background:#e539350f;border-color:#e53935}.edit-confirm-delete{color:#e53935;align-items:center;gap:8px;font-size:13px;display:flex}.edit-btn-confirm-yes{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.edit-btn-confirm-no{color:var(--text-secondary,#888);border:1px solid var(--border-color,#ddd);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:12px}.edit-modal{background:var(--card-bg,#fff);opacity:0;border-radius:20px;flex-direction:column;width:480px;max-width:95vw;max-height:90vh;transition:all .3s cubic-bezier(.22,.61,.36,1);display:flex;transform:scale(.92)translateY(20px);box-shadow:0 20px 60px #0003}.edit-modal.open{opacity:1;transform:scale(1)translateY(0)}.edit-modal-lg{width:560px}.edit-modal-header{border-bottom:1px solid var(--border-color,#e8e8e8);align-items:center;gap:14px;padding:24px 28px 20px;display:flex}.edit-modal-header h2{color:var(--text-primary,#1a1a1a);flex:1;margin:0;font-size:18px;font-weight:700}.edit-modal-header-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .3s;display:flex}.edit-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.edit-modal-footer{border-radius:0 0 20px 20px}.edit-field-info{color:var(--text-secondary,#999);margin-top:6px;padding:0 2px;font-size:11.5px;font-style:italic;line-height:1.4}.edit-modal-modifier{width:560px;max-height:90vh}.mod-body{padding:0!important}.mod-name-section{border-bottom:1px solid var(--border-color,#f0f0f0);padding:24px 28px 20px}.mod-name-input{font-weight:500;padding:14px 16px!important;font-size:16px!important}.mod-options-section{padding:20px 28px 24px}.mod-options-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mod-options-title{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.mod-add-btn{color:#c85a10;cursor:pointer;background:0 0;border:1.5px solid #e8741a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.mod-add-btn:hover{background:#e8741a14}.mod-add-icon{font-size:18px;font-weight:700;line-height:1}.mod-options-list{flex-direction:column;gap:10px;display:flex}.mod-option-card{background:var(--hover-bg,#f8f9fa);border:1px solid var(--border-color,#eee);border-radius:12px;align-items:center;gap:10px;padding:14px 16px;transition:all .15s;display:flex}.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{flex:1;gap:12px;min-width:0;display:flex}.mod-option-name-field{flex:1;min-width:0}.mod-option-price-field{flex-shrink:0;width:140px}.mod-option-name-field label,.mod-option-price-field label{color:var(--text-secondary,#999);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.mod-option-name-field input,.mod-option-price-field input{border:1.5px solid var(--border-color,#ddd);width:100%;color:var(--text-primary,#333);background:var(--card-bg,white);box-sizing:border-box;border-radius:8px;padding:8px 10px;font-size:13px;transition:border-color .2s}.mod-option-name-field input:focus,.mod-option-price-field input:focus{border-color:#e8741a;outline:none;box-shadow:0 0 0 2px #e8741a1a}.mod-price-input{border:1.5px solid var(--border-color,#ddd);border-radius:8px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.mod-price-input:focus-within{border-color:#e8741a;box-shadow:0 0 0 2px #e8741a1a}.mod-price-prefix{color:var(--text-secondary,#999);background:var(--hover-bg,#f0f0f0);flex-shrink:0;padding:8px 10px;font-size:12px;font-weight:600}.mod-price-input input{box-shadow:none!important;border:none!important;border-radius:0!important;padding:8px 10px!important}.mod-option-delete{color:var(--text-secondary,#ccc);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:8px;transition:all .15s;display:flex}.mod-option-delete:hover:not(:disabled){color:#e53935;background:#e5393514}.mod-option-delete:disabled{opacity:.3;cursor:not-allowed}.edit-type-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.edit-type-card{border:2px solid var(--border-color,#e0e0e0);color:var(--text-secondary,#666);cursor:pointer;text-align:center;background:0 0;border-radius:10px;padding:12px;font-size:13px;font-weight:500;transition:all .2s}.edit-type-card:hover{color:var(--text-primary,#333);border-color:#e8741a}.edit-type-card.active{color:#c85a10;background:#e8741a14;border-color:#e8741a;font-weight:700}.edit-inline-btn{border:1.5px solid var(--border-color,#ddd);color:#e8741a;cursor:pointer;background:0 0;border-radius:6px;margin-right:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.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{box-shadow:0 0 0 2px var(--card-bg), 0 0 0 4px #fff;border-color:#fff}@media (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{flex-direction:column-reverse;gap:12px;padding:14px 20px}.edit-footer-left,.edit-footer-right{justify-content:center;width:100%}.edit-field-grid,.edit-type-cards{grid-template-columns:1fr}}.aff-search-wrap{align-items:center;display:flex;position:relative}.aff-search-icon{color:var(--text-muted,#888);pointer-events:none;position:absolute;left:12px}.aff-search-input{border:1.5px solid var(--border-light,#ddd);background:var(--bg-card,white);color:var(--text-primary,#333);box-sizing:border-box;border-radius:10px;outline:none;width:240px;height:40px;padding:9px 36px;font-family:Inter,sans-serif;font-size:13px;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{background:var(--bg-elevated,#f0f0f0);cursor:pointer;width:24px;height:24px;color:var(--text-secondary,#666);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:8px}.aff-search-clear:hover{background:var(--danger,#ef4444);color:#fff}.menu-toolbar-right{align-items:center;gap:8px;display:flex}.aff-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:16px;display:grid}.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{border-color:#e8741a;box-shadow:0 4px 16px #00000014}.aff-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.aff-avatar{color:#fff;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.aff-card-info h3{color:var(--text-primary,#333);margin:0;font-size:16px;font-weight:700}.aff-status{font-size:12px;font-weight:600}.aff-status.active{color:#4caf50}.aff-status.inactive{color:#999}.aff-card-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.aff-stat{text-align:center;background:var(--bg-secondary,#f8f9fa);border-radius:10px;padding:10px 6px}.aff-stat-value{color:var(--text-primary,#333);font-size:14px;font-weight:700;display:block}.aff-stat-label{color:var(--text-secondary,#888);margin-top:2px;font-size:11px;display:block}.aff-card-detail{color:var(--text-secondary,#666);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.aff-card-link{background:var(--bg-secondary,#fff3e0);border:1px dashed #e8741a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;display:flex}.aff-link-url{color:#c85a10;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:13px;font-weight:600;overflow:hidden}.aff-copy-btn{color:#c85a10;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e8741a;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.aff-copy-btn:hover{color:#fff;background:#e8741a}.aff-card-actions{gap:8px;margin-top:8px;display:flex}.aff-edit-btn,.aff-delete-btn{cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.aff-edit-btn{background:var(--bg-secondary,#f0f0f0);border:1px solid var(--border-color,#ddd);color:var(--text-primary,#555)}.aff-edit-btn:hover{color:#c85a10;border-color:#e8741a}.aff-delete-btn{color:#f44336;background:0 0;border:1px solid #f44336}.aff-delete-btn:hover{color:#fff;background:#f44336}.aff-redeem-btn{cursor:pointer;text-align:center;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;flex:1;padding:7px 6px;font-size:12px;font-weight:700;transition:all .2s}.aff-redeem-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d}.aff-links-section{background:var(--bg-secondary,#f8f9fa);border-radius:10px;flex-direction:column;gap:4px;margin:8px 0 10px;padding:8px 10px;display:flex}.aff-link-row{align-items:center;gap:6px;display:flex}.aff-link-label{color:#999;flex-shrink:0;min-width:56px;font-size:10px;font-weight:700}.aff-link-row .aff-link-url{color:var(--text-secondary,#666);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:11px;overflow:hidden}.aff-link-copy{border:1.5px solid var(--border-color,#ddd);cursor:pointer;width:28px;height:28px;color:var(--text-secondary,#888);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.aff-link-copy:hover{color:#e8741a;background:#e8741a0d;border-color:#e8741a}.rdm-overlay{z-index:1000;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}.rdm-drawer{background:var(--bg-primary,white);z-index:1001;flex-direction:column;width:420px;max-width:100vw;height:100vh;animation:.25s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 40px #0000001f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.rdm-drawer-header{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.rdm-drawer-header h3{color:var(--text-primary,#1a1a2e);margin:0;font-size:18px;font-weight:800}.rdm-drawer-sub{color:var(--text-secondary,#999);font-size:12px;font-weight:500}.rdm-drawer-close{background:var(--bg-secondary,#f0f0f0);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#888);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.rdm-drawer-close:hover{background:var(--border-color,#ddd)}.rdm-balance{text-align:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #f59e0b26;border-radius:16px;margin:16px 24px 0;padding:20px}.rdm-balance-top{flex-direction:column;gap:4px;display:flex}.rdm-balance-label{color:#92400e;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.rdm-balance-value{color:#d97706;font-size:40px;font-weight:800;line-height:1.1}.rdm-balance-preview{color:#92400e;border-top:1px dashed #d9770633;margin-top:8px;padding-top:8px;font-size:12px}.rdm-balance-preview strong{color:#d97706}.rdm-tabs{background:var(--bg-secondary,#f5f5f5);border-radius:10px;margin:16px 24px 0;padding:3px;display:flex}.rdm-tab{color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex}.rdm-tab.active{background:var(--bg-primary,white);color:var(--text-primary,#333);box-shadow:0 1px 4px #00000014}.rdm-tab-badge{color:#fff;text-align:center;background:#f59e0b;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:800}.rdm-drawer-body{flex:1;padding:16px 24px 24px;overflow-y:auto}.rdm-form{flex-direction:column;gap:14px;display:flex}.rdm-field label{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.rdm-field input{border:1.5px solid var(--border-color,#e0e0e0);background:var(--bg-primary,white);width:100%;color:var(--text-primary,#333);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.rdm-field input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770614}.rdm-quick-btns{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;margin-top:8px;display:grid}.rdm-quick-btns button{border:1.5px solid var(--border-color,#e0e0e0);background:var(--bg-primary,white);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-family:inherit;transition:all .15s;display:flex}.rdm-quick-btns button:hover{background:#fffbeb;border-color:#d97706}.rdm-quick-btns button.rdm-qb-active{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706;box-shadow:0 2px 8px #d977061f}.rdm-qb-label{color:var(--text-primary,#555);font-size:12px;font-weight:700}.rdm-qb-rp{color:#d97706;font-size:10px;font-weight:600}.rdm-balance-rp{color:#b45309;margin-top:4px;font-size:13px;font-weight:600}.rdm-cash-display{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #10b98133;border-radius:10px;align-items:center;gap:4px;padding:12px 14px;display:flex}.rdm-cash-prefix{color:#059669;font-size:14px;font-weight:700}.rdm-cash-value{color:#047857;flex:1;font-size:20px;font-weight:800}.rdm-cash-badge{color:#059669;white-space:nowrap;background:#10b9811a;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.rdm-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s}.rdm-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.rdm-submit-btn:disabled{opacity:.4;cursor:not-allowed}.rdm-history-list{flex-direction:column;gap:10px;display:flex}.rdm-history-empty{text-align:center;color:#ccc;padding:48px 0}.rdm-history-empty span{margin-bottom:12px;font-size:40px;display:block}.rdm-history-empty p{color:#bbb;font-size:14px}.rdm-history-card{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#eee);border-radius:12px;padding:12px 14px}.rdm-hc-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rdm-hc-pts{color:#e53935;font-size:16px;font-weight:800}.rdm-hc-cash{color:#4caf50;font-size:13px;font-weight:700}.rdm-hc-mid{color:var(--text-secondary,#888);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.rdm-hc-arrow{color:#ccc}.rdm-hc-after{color:var(--text-primary,#555);font-weight:700}.rdm-hc-note{color:var(--text-secondary,#999);margin-bottom:6px;font-size:12px;font-style:italic}.rdm-hc-footer{color:#bbb;justify-content:space-between;font-size:11px;display:flex}.aff-checkbox-wrap{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.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;background:#e8741a05!important;box-shadow:0 0 0 2px #e8741a26!important}.aff-bulk-bar{background:var(--bg-card,white);border:1.5px solid var(--primary,#e8741a);z-index:1000;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-width:420px;max-width:90vw;padding:12px 24px;animation:.25s ease-out bulkBarSlideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026,0 2px 8px #e8741a1a}@keyframes bulkBarSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.aff-bulk-left{align-items:center;gap:12px;display:flex}.aff-bulk-select-all{color:var(--text-primary,#333);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.aff-bulk-select-all input{accent-color:var(--primary,#e8741a);cursor:pointer;width:16px;height:16px}.aff-bulk-count{color:var(--primary,#e8741a);white-space:nowrap;background:#e8741a14;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.aff-bulk-actions{gap:8px;display:flex}.aff-bulk-cancel{border:1.5px solid var(--border-light,#ddd);color:var(--text-secondary,#666);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.aff-bulk-cancel:hover{border-color:var(--text-muted)}.aff-bulk-delete{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.aff-bulk-delete:hover{background:#dc2626}.aff-bulk-delete:disabled{opacity:.6;cursor:not-allowed}.po-orders-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.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{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.po-order-id{flex-direction:column;display:flex}.po-order-num{color:var(--text-primary,#333);font-size:15px;font-weight:700}.po-order-time{color:var(--text-secondary,#888);font-size:12px}.po-order-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.po-order-customer{color:var(--text-primary,#555);margin-bottom:10px;font-size:14px}.po-order-aff{color:#c85a10;background:#e8741a1a;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.po-order-items{border-top:1px solid var(--border-color,#f0f0f0);margin-bottom:10px;padding-top:8px}.po-order-item-line{color:var(--text-secondary,#666);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.po-order-footer{border-top:1px solid var(--border-color,#f0f0f0);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.po-order-total{color:var(--text-primary,#555);font-size:14px}.po-order-total strong{color:#c85a10;font-size:16px}.po-order-actions{gap:6px;display:flex}.po-status-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.po-status-btn.confirm{color:#1976d2;background:#e3f2fd}.po-status-btn.confirm:hover{color:#fff;background:#1976d2}.po-status-btn.cancel{color:#c62828;background:#fce4ec}.po-status-btn.cancel:hover{color:#fff;background:#c62828}.po-status-btn.prepare{color:#7b1fa2;background:#f3e5f5}.po-status-btn.prepare:hover{color:#fff;background:#7b1fa2}.po-status-btn.ready{color:#2e7d32;background:#e8f5e9}.po-status-btn.ready:hover{color:#fff;background:#2e7d32}.po-status-btn.complete{color:#1b5e20;background:#e8f5e9}.po-status-btn.complete:hover{color:#fff;background:#1b5e20}.po-order-notes{background:var(--bg-secondary,#fffde7);color:var(--text-secondary,#666);border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px}.po-item-note{color:#888;padding:0 0 4px 16px;font-size:11px;font-style:italic}.po-ongkir-section{background:#f8f4f0;border:1px dashed #e0d5cc;border-radius:8px;margin-top:8px;padding:8px 12px}.po-ongkir-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.po-ongkir-label{color:#555;font-size:13px;font-weight:600}.po-ongkir-input-wrap{background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:2px;padding:2px 8px;display:flex}.po-ongkir-rp{color:#999;font-size:12px;font-weight:600}.po-ongkir-input{text-align:right;border:none;outline:none;width:70px;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600}.po-ongkir-input:focus{color:#e8741a}.po-ongkir-presets{gap:4px;margin-top:6px;display:flex}.po-ongkir-preset{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s}.po-ongkir-preset:hover{color:#e8741a;border-color:#e8741a}.po-ongkir-preset.active{color:#fff;background:#e8741a;border-color:#e8741a}.po-ongkir-preset.clear{color:#f44336;border-color:#f44336;font-size:10px}.po-ongkir-preset.clear:hover{color:#fff;background:#f44336}.po-ongkir-display{color:#888;border-top:1px dashed #eee;justify-content:space-between;align-items:center;margin-top:6px;padding:6px 0;font-size:12px;display:flex}.rcpt-item-note{color:#888;font-size:11px;font-style:italic;display:block}.po-order-totals{flex-direction:column;gap:2px;display:flex}.po-order-subtotal{color:#888;font-size:12px}.po-status-btn.receipt{color:#555;background:#f0f0f0;padding:4px 8px;font-size:14px}.po-status-btn.receipt:hover{background:#e0e0e0}.po-status-btn.print-all{color:#fff;background:linear-gradient(135deg,#333,#555);margin-left:4px;padding:4px 12px;font-size:11px}.po-status-btn.print-all:hover{background:linear-gradient(135deg,#222,#444);box-shadow:0 2px 8px #0003}.po-receipt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.po-receipt-modal{background:#fff;border-radius:16px;flex-direction:column;width:360px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.po-receipt-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.po-receipt-header h3{margin:0;font-size:16px}.po-receipt-print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#f5943a);border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.po-receipt-print-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #e8741a4d}.po-receipt-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.po-receipt-body{flex:1;padding:20px;overflow-y:auto}.po-receipt-brand{text-align:center;margin-bottom:4px}.po-receipt-brand h2{color:#e8741a;margin:0;font-size:18px}.po-receipt-brand p{color:#888;margin:2px 0 0;font-size:12px}.po-receipt-divider{border:none;border-top:1px dashed #ddd;margin:12px 0}.po-receipt-info{flex-direction:column;gap:4px;display:flex}.po-receipt-info-row{color:#666;justify-content:space-between;font-size:12px;display:flex}.po-receipt-info-row strong{color:#333}.po-receipt-items{flex-direction:column;gap:6px;display:flex}.po-receipt-item-main{color:#333;justify-content:space-between;font-size:13px;font-weight:600;display:flex}.po-receipt-item-sub{color:#999;font-size:11px}.po-receipt-item-note{color:#888;padding-left:8px;font-size:11px;font-style:italic}.po-receipt-totals{flex-direction:column;gap:4px;display:flex}.po-receipt-total-row{color:#555;justify-content:space-between;font-size:13px;display:flex}.po-receipt-grand{color:#e8741a;margin-top:4px;font-size:16px;font-weight:800}.po-receipt-notes{color:#888;font-size:12px;font-style:italic}.po-receipt-loyverse{color:#aaa;font-size:11px}.po-receipt-footer{text-align:center}.po-receipt-footer p{color:#888;margin:2px 0;font-size:12px}.po-receipt-footer-brand{color:#e8741a;font-weight:700}.menu-filter{align-items:center;gap:8px;display:flex}.menu-filter label{color:var(--text-secondary,#888);font-size:13px;font-weight:600}.menu-filter-select{border:1.5px solid var(--border-color,#ddd);background:var(--card-bg,white);color:var(--text-primary,#333);cursor:pointer;border-radius:8px;height:40px;padding:8px 12px;font-size:13px}.po-filters-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 0;display:flex}.po-filter-group{flex-direction:column;gap:4px;display:flex}.po-filter-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#888);font-size:11px;font-weight:700}.po-filter-input,.po-filter-select{border:1.5px solid var(--border-light,#ddd);background:var(--bg-card,white);color:var(--text-primary,#333);box-sizing:border-box;border-radius:8px;outline:none;height:38px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;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{border:1.5px solid var(--danger,#ef4444);height:38px;color:var(--danger,#ef4444);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.po-filter-clear:hover{background:var(--danger,#ef4444);color:#fff}.po-summary-bar{background:var(--bg-card,white);border:1px solid var(--border,#eee);color:var(--text-secondary,#666);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.po-summary-bar strong{color:var(--primary,#e8741a)}.po-summary-sep{color:var(--text-muted,#ccc)}.po-grouped-list{flex-direction:column;gap:12px;display:flex}.po-group{border:1px solid var(--border,#eee);background:var(--bg-card,white);border-radius:12px;overflow:hidden}.po-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:background .15s;display:flex}.po-group-header:hover{background:var(--bg-card-hover,#f9f9f9)}.po-group-left{align-items:center;gap:12px;display:flex}.po-group-chevron{color:var(--text-muted,#999);flex-shrink:0;transition:transform .2s}.po-group-chevron.expanded{transform:rotate(90deg)}.po-group-avatar{background:linear-gradient(135deg, var(--primary,#e8741a), var(--primary-dark,#c85a10));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex}.po-group-info{flex-direction:column;display:flex}.po-group-name{color:var(--text-primary,#333);font-size:15px;font-weight:700}.po-group-meta{color:var(--text-secondary,#888);font-size:12px}.po-group-statuses{flex-wrap:wrap;gap:6px;display:flex}.po-group-status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.po-group-orders{border-top:1px solid var(--border,#eee);background:var(--bg-primary,#f8f9fa);flex-direction:column;gap:10px;padding:12px 18px 14px;display:flex}.po-group-orders .po-order-card{border-radius:10px}@media (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;min-width:0;padding:0;transition:all .3s;overflow-y:auto}.rcpt-summary-bar{gap:16px;padding:0 0 16px;display:flex}.rcpt-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex:1;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.rcpt-summary-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.rcpt-summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rcpt-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:500}.rcpt-summary-value{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1}.rcpt-list-pane .data-table-section{box-shadow:none;border:none;border-radius:0;margin:0}.receipt-row.receipt-selected{background:var(--accent-subtle,#fff8f0)!important}.receipt-row.receipt-selected td{border-bottom-color:#e8741a26}.rcpt-detail-pane{border-left:1px solid var(--border-color,#e8e8e8);z-index:200;background:#fff;flex-direction:column;width:380px;animation:.25s ease-out rcptSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-2px 0 12px #00000014}@keyframes rcptSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.rcpt-detail-header{z-index:1;background:#fff;justify-content:flex-end;padding:12px 16px 0;display:flex;position:sticky;top:0}.rcpt-detail-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.rcpt-detail-close:hover{color:#333;background:#f5f5f5}.rcpt-status-banner{border-radius:8px;align-items:center;gap:8px;margin:8px 16px 0;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.rcpt-status-banner.cancelled{background:#ef444414}.rcpt-status-date{color:#ef4444;font-size:12px;font-weight:500}.rcpt-detail-total{text-align:center;padding:24px 16px 20px}.rcpt-detail-total-amount{color:#1a1a1a;letter-spacing:-.5px;font-size:32px;font-weight:800;display:block}.rcpt-detail-total-label{color:#999;margin-top:2px;font-size:12px;display:block}.rcpt-detail-meta{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}.rcpt-detail-meta-item,.rcpt-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.rcpt-meta-label{color:#999;flex-shrink:0;min-width:80px;font-size:12px;font-weight:500}.rcpt-meta-value{color:#333;text-align:right;font-size:13px;font-weight:600}.rcpt-detail-items{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.rcpt-items-header{color:#bbb;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #f5f5f5;justify-content:space-between;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.rcpt-detail-item,.rcpt-item-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rcpt-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rcpt-item-name{color:#333;font-size:13px;font-weight:600}.rcpt-item-qty{color:#999;font-size:11px}.rcpt-item-total{color:#333;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.rcpt-item-sub{color:#999;font-size:12px}.rcpt-item-note{color:#e8741a;font-size:11px;font-style:italic}.rcpt-detail-summary{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.rcpt-summary-row{color:#666;justify-content:space-between;align-items:center;font-size:13px;display:flex}.rcpt-summary-total{color:#e8741a;border-top:2px solid #f0f0f0;margin-top:4px;padding-top:8px;font-size:16px}.rcpt-summary-total strong{font-weight:800}.rcpt-detail-grand{color:#1a1a1a;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 20px;font-size:15px;display:flex}.rcpt-detail-grand strong{color:var(--accent,#e8741a);font-size:16px;font-weight:800}@media (width<=768px){.rcpt-detail-pane{width:100%;max-width:380px}}.confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:99999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-modal{background:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) confirmSlideUp;box-shadow:0 24px 80px #00000080,inset 0 0 0 1px #ffffff0d}.confirm-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.5s confirmIconPulse;display:flex}@keyframes confirmIconPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.confirm-icon-danger{color:#ef4444;background:#ef44441f;box-shadow:0 0 0 8px #ef44440f}.confirm-icon-warning{color:#f59e0b;background:#f59e0b1f;box-shadow:0 0 0 8px #f59e0b0f}.confirm-icon-info{color:#3b82f6;background:#3b82f61f;box-shadow:0 0 0 8px #3b82f60f}.confirm-icon-success{color:#22c55e;background:#22c55e1f;box-shadow:0 0 0 8px #22c55e0f}.confirm-title{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.confirm-message{color:var(--text-secondary);white-space:pre-line;margin:0 0 28px;font-size:14px;line-height:1.6}.confirm-actions{gap:12px;display:flex}.confirm-btn-cancel{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn-cancel:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-focus)}.confirm-btn-ok{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn-ok:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.confirm-btn-ok:active{transform:translateY(0)}.confirm-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.confirm-btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b4d}.confirm-btn-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.confirm-btn-success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 2px 8px #22c55e4d}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.analytics-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s}.analytics-card:hover{border-color:var(--border-light);box-shadow:0 4px 20px #00000026}.analytics-wide{grid-column:span 2}.analytics-card-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;display:flex}.analytics-metric{align-items:center;gap:14px;display:flex}.analytics-metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.analytics-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.analytics-metric-value{color:var(--text-primary);font-size:20px;font-weight:800}.analytics-profit-section{align-items:center;gap:24px;display:flex}.analytics-gauge-wrap{flex-shrink:0;width:120px}.analytics-gauge{width:100%}.analytics-profit-details{flex:1}.analytics-profit-row{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.analytics-peak-hours{flex-direction:column;gap:12px;display:flex}.analytics-peak-item{align-items:center;gap:12px;display:flex}.analytics-peak-rank{text-align:center;flex-shrink:0;width:32px;font-size:20px}.analytics-peak-info{flex-shrink:0;width:180px}.analytics-peak-time{color:var(--text-primary);font-size:14px;font-weight:700}.analytics-peak-stats{color:var(--text-muted);font-size:12px}.analytics-peak-bar-wrap{background:var(--bg-elevated);border-radius:4px;flex:1;height:8px;overflow:hidden}.analytics-peak-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:4px;height:100%;transition:width .6s}.analytics-payment-list{flex-direction:column;gap:10px;display:flex}.analytics-payment-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.analytics-payment-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.analytics-payment-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.analytics-payment-count{color:var(--text-muted);font-size:12px}.analytics-payment-pct{color:var(--text-secondary);text-align:right;min-width:36px;font-size:12px;font-weight:700}.analytics-payment-bar-wrap{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.analytics-payment-bar{border-radius:3px;height:100%;transition:width .6s}.analytics-top-items{flex-direction:column;gap:8px;display:flex}.analytics-top-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.analytics-top-item:last-child{border-bottom:none}.analytics-top-rank{color:var(--primary);flex-shrink:0;width:28px;font-size:13px;font-weight:800}.analytics-top-info{flex:1;min-width:0}.analytics-top-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.analytics-top-qty{color:var(--text-muted);font-size:11px}.analytics-top-revenue{color:var(--primary);flex-shrink:0;font-size:14px;font-weight:700}.analytics-stat-mini{align-items:center;gap:12px;display:flex}.analytics-stat-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.analytics-stat-mini-value{color:var(--text-primary);font-size:18px;font-weight:800}@media (width<=900px){.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-wide{grid-column:span 2}}@media (width<=600px){.analytics-grid{grid-template-columns:1fr}.analytics-wide{grid-column:span 1}}.analytics-forecast{position:relative;overflow:hidden}.analytics-forecast:before{content:"FORECAST";letter-spacing:1.5px;color:var(--text-muted);opacity:.5;font-size:9px;font-weight:800;position:absolute;top:10px;right:14px}.analytics-forecast-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.analytics-forecast-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.analytics-forecast-bar-wrap{background:var(--bg-elevated);border-radius:5px;height:10px;position:relative;overflow:hidden}.analytics-forecast-bar-actual{background:linear-gradient(90deg,#e8741a 0%,#f59e0b 100%);border-radius:5px;height:100%;transition:width 1s;position:relative}.analytics-forecast-bar-actual:after{content:"";background:#fff9;border-radius:2px;width:3px;height:100%;position:absolute;top:0;right:0}.analytics-forecast-bar-profit{background:linear-gradient(90deg,#22c55e 0%,#4ade80 100%)}.analytics-forecast-legend{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.master-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.master-search-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:360px;padding:8px 14px;display:flex}.master-search{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.master-count{color:var(--text-muted);margin-bottom:12px;font-size:12px}.master-table{border-collapse:collapse;width:100%;font-size:13px}.master-table thead th{text-align:left;background:var(--bg-elevated);border-bottom:1.5px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:10px 12px;font-size:11px;font-weight:700}.master-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.master-table tbody tr:hover{background:var(--bg-elevated)}.master-table tbody td{color:var(--text-primary);padding:10px 12px}.master-badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.master-badge-owner{color:#e8741a;background:#e8741a1f}.master-badge-staff{color:#6b7280;background:#6b72801f}.master-stock{border-radius:8px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.master-stock-ok{color:#22c55e;background:#22c55e1a}.master-stock-low{color:#f59e0b;background:#f59e0b1a}.master-stock-out{color:#ef4444;background:#ef44441a}.master-form-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.master-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.master-form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.master-form-field input,.master-form-field textarea{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .2s}.master-form-field input:focus,.master-form-field textarea:focus{border-color:var(--primary);outline:none}.master-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.master-device-card{background:var(--bg-elevated);text-align:center;border:1.5px solid var(--border);border-radius:14px;padding:20px;transition:transform .2s,box-shadow .2s}.master-device-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.master-device-active{border-color:#22c55e4d}.master-device-inactive{opacity:.6}.master-device-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.master-device-name{margin-bottom:6px;font-size:14px;font-weight:700}.master-merchant-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:20px}.master-merchant-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.master-merchant-row:last-of-type{border-bottom:none}.master-merchant-row span{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.master-merchant-row strong{font-size:14px}.btn-sync{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-sync:hover:not(:disabled){background:var(--primary);color:#fff}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:opacity .2s;display:flex}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:600}.btn-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-icon-danger:hover{background:#ef4444;border-color:#ef4444}.spin{animation:1s linear infinite spin}@media (width<=768px){.master-form-grid{grid-template-columns:1fr}.master-card-grid{grid-template-columns:repeat(2,1fr)}.master-header{flex-direction:column;align-items:stretch}.master-search-wrap{max-width:100%}}html,body{max-width:100vw;overflow-x:hidden}.op-loading{background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex}.op-loading-spinner{border:4px solid #e0e0e0;border-top-color:#e8741a;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite opSpin}@keyframes opSpin{to{transform:rotate(360deg)}}.op-loading p{color:#666;margin-top:16px;font-size:15px}.op-error,.op-success{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#fff3e0 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.op-error-icon,.op-success-icon{margin-bottom:16px;font-size:64px}.op-error h2,.op-success h2{color:#333;margin-bottom:8px;font-size:24px}.op-error p,.op-success p{color:#666;font-size:15px}.op-success-details{background:#fff;border-radius:16px;min-width:280px;margin:24px 0;padding:20px 28px;box-shadow:0 4px 20px #0000000f}.op-success-row{color:#555;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:10px 0;font-size:15px;display:flex}.op-success-row:last-child{border-bottom:none}.op-success-total{color:#c85a10;font-size:18px;font-weight:700}.op-success-note{color:#888;max-width:360px;margin-top:12px;font-size:13px}.op-success-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:12px;margin-top:24px;padding:14px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.op-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8741a66}.op-container{box-sizing:border-box;background:#f2f2f7;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:100px;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.op-loading,.op-error,.op-success,.op-container{overflow-x:hidden}.op-header{color:#1a1a1a;z-index:100;background:#fff;padding:0;position:sticky;top:0;box-shadow:0 1px #0000000f}.op-header-inner{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.op-brand{align-items:center;gap:10px;display:flex}.op-logo-img{object-fit:cover;border-radius:10px;width:36px;height:36px}.op-brand-name{color:#1a1a1a;font-size:15px;font-weight:800;line-height:1.2}.op-brand-sub{color:#e8741a;font-size:9px;font-weight:600}.op-affiliator-badge{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.op-aff-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.op-aff-name{color:#e8741a;background:#fff3e0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.op-hero{background:linear-gradient(135deg,#e8741a 0%,#f5943a 100%);padding:0}.op-hero-inner{color:#fff;padding:14px 16px}.op-hero h2{margin-bottom:3px;font-size:15px;font-weight:800}.op-hero p{opacity:.85;margin-bottom:10px;font-size:11px}.op-categories{z-index:90;background:#fff;position:sticky;top:60px;box-shadow:0 1px 4px #0000000a}.op-categories-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.op-categories-scroll::-webkit-scrollbar{display:none}.op-cat-btn{color:#888;cursor:pointer;white-space:nowrap;background:#f0ece8;border:none;border-radius:18px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;transition:all .2s}.op-cat-btn:hover{color:#555;background:#ece5dd}.op-cat-btn.active{color:#fff;background:#e8741a;box-shadow:0 3px 10px #e8741a4d}.op-search-bar{margin:10px 0 0;padding:0 16px;position:relative}.op-search-input{box-sizing:border-box;-webkit-appearance:none;background:#fff;border:none;border-radius:10px;outline:none;width:100%;padding:9px 38px 9px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000a}.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{color:#555;cursor:pointer;background:#ddd;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:11px;font-weight:700;line-height:1;transition:background .15s;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.op-search-clear:hover{background:#ccc}.op-menu-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 0;padding:0 16px;display:grid}.op-empty{text-align:center;color:#888;grid-column:1/-1;padding:48px 16px;font-size:15px}.op-menu-card{background:#fff;border-radius:14px;flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.op-menu-card:active{transform:scale(.97)}.op-menu-img-wrap{aspect-ratio:4/3;background:#f5f0eb;width:100%;position:relative;overflow:hidden}.op-menu-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.op-menu-card:hover .op-menu-img{transform:scale(1.04)}.op-menu-img-placeholder{background:linear-gradient(135deg,#fff3e0,#ffe0b2);justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}.op-menu-cat-tag{color:#fff;letter-spacing:.3px;background:#e8741ae0;border-radius:6px;padding:2px 8px;font-size:8px;font-weight:700;position:absolute;top:6px;left:6px}.op-menu-info{flex-direction:column;flex:1;padding:8px 10px 10px;display:flex}.op-menu-name{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.op-menu-desc{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:9px;line-height:1.3;display:-webkit-box;overflow:hidden}.op-menu-bottom{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;display:flex}.op-menu-price{color:#c85a10;font-size:12px;font-weight:800}.op-add-btn{color:#fff;cursor:pointer;background:#e8741a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:400;line-height:1;transition:all .15s;display:flex;box-shadow:0 2px 8px #e8741a4d}.op-add-btn:hover{background:#c85a10;transform:scale(1.1)}.op-add-btn:active{transform:scale(.9)}.op-cart-fab{color:#fff;cursor:pointer;z-index:80;background:linear-gradient(135deg,#e8741a,#f5943a);border:none;border-radius:28px;align-items:center;gap:8px;max-width:85%;padding:12px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;animation:.3s ease-out opFabIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #e8741a66}@keyframes opFabIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.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{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s ease-out opFadeIn;position:fixed;inset:0}@keyframes opFadeIn{0%{opacity:0}to{opacity:1}}.op-cart-drawer{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.35s cubic-bezier(.16,1,.3,1) opCartSlideUp;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes opCartSlideUp{0%{opacity:.5;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.op-cart-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.op-cart-header h3{color:#333;font-size:18px;font-weight:700}.op-cart-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.op-cart-items{flex:1;padding:12px 24px;overflow-y:auto}.op-cart-empty{text-align:center;color:#888;padding:32px 0}.op-cart-item{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:8px;padding:12px 0;display:flex}.op-cart-item-top{align-items:center;gap:10px;display:flex}.op-cart-item-img{background:#f5f0eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.op-cart-item-img img{object-fit:cover;width:100%;height:100%}.op-cart-item-img span{font-size:20px}.op-cart-item-info{flex:1;min-width:0}.op-cart-item-name{color:#1a1a1a;font-size:13px;font-weight:700;line-height:1.3;display:block}.op-cart-item-price{color:#999;margin-top:1px;font-size:11px;font-weight:500;display:block}.op-cart-item-remove{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:14px}.op-cart-item-remove:hover{opacity:1}.op-cart-item-bottom{justify-content:space-between;align-items:center;padding-left:54px;display:flex}.op-cart-item-qty{align-items:center;gap:2px;display:flex}.op-cart-item-qty button{cursor:pointer;color:#555;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.op-cart-item-qty button:active{background:#f5f5f5;transform:scale(.95)}.op-cart-item-qty span{text-align:center;color:#333;width:26px;font-size:14px;font-weight:800}.op-cart-item-subtotal{color:#c85a10;font-size:13px;font-weight:700}.op-cart-item-note{padding-left:54px}.op-cart-item-note input{color:#666;background:0 0;border:none;border-bottom:1px dashed #ddd;outline:none;width:100%;padding:4px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;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{border-top:1px solid #f0f0f0;padding:16px 24px 24px}.op-cart-total{color:#333;justify-content:space-between;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.op-cart-total-price{color:#c85a10;font-size:20px}.op-checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:14px;width:100%;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.op-checkout-btn:hover{box-shadow:0 6px 20px #e8741a66}.op-checkout-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-end;animation:.25s ease-out opOverlayIn;display:flex;position:fixed;inset:0}@keyframes opOverlayIn{0%{opacity:0}to{opacity:1}}.op-checkout-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) opModalSlideUp;display:flex}@keyframes opModalSlideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.op-checkout-header{background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.op-checkout-header h3{color:#fff;margin:0;font-size:17px;font-weight:700}.op-checkout-header .op-cart-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex}.op-checkout-header .op-cart-close:hover{background:#ffffff59}.op-checkout-body{flex:1;padding:20px 24px;overflow-y:auto}.op-checkout-summary{background:#fff8f0;border:1.5px solid #ffe0b2;border-radius:14px;margin-bottom:20px;padding:16px}.op-checkout-summary h4{color:#c85a10;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.op-checkout-line{color:#555;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.op-checkout-total-line{color:#333;border-top:1.5px solid #ffe0b2;margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.op-checkout-total-line span:last-child{color:#c85a10}.op-checkout-form{flex-direction:column;gap:16px;display:flex}.op-form-field label{color:#555;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.op-form-field input,.op-form-field textarea{box-sizing:border-box;border:1.5px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:14px;width:100%;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;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;box-shadow:none;transform:none}.op-footer{text-align:center;color:#888;max-width:480px;margin:40px auto 0;padding:24px 16px;font-size:13px}.op-footer-powered{opacity:.6;margin-top:4px;font-size:11px}@media (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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff6;border-radius:10px;margin-top:12px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-block}.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{color:#888;margin-bottom:12px;font-size:13px;line-height:1.5}.op-lookup-row{align-items:stretch;gap:8px;display:flex}.op-lookup-input-wrap{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.op-lookup-input-wrap:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.op-lookup-prefix{-webkit-user-select:none;user-select:none;padding:0 4px 0 12px;font-size:18px}.op-lookup-input{flex:1;padding:12px 12px 12px 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.op-lookup-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:12px;flex-shrink:0;padding:12px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .15s}.op-lookup-btn:hover{opacity:.9;transform:scale(1.02)}.op-lookup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.op-myorders-count{color:#999;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:700}.op-myorder-card{background:#fff;border:1.5px solid #f0ebe5;border-radius:14px;margin-bottom:10px;padding:14px;transition:box-shadow .15s}.op-myorder-card:hover{box-shadow:0 4px 16px #0000000f}.op-myorder-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.op-myorder-id{align-items:center;gap:8px;display:flex}.op-myorder-num{color:#333;font-size:14px;font-weight:800}.op-myorder-date{color:#aaa;font-size:11px;font-weight:500}.op-myorder-status{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.op-myorder-items{border-top:1px dashed #eee;border-bottom:1px dashed #eee;margin-bottom:8px;padding:8px 0}.op-myorder-item-row{color:#555;justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.op-myorder-item-row span:last-child{color:#333;white-space:nowrap;margin-left:8px;font-weight:600}.op-myorder-notes{color:#999;margin-bottom:8px;font-size:12px;font-style:italic}.op-myorder-footer{justify-content:space-between;align-items:flex-end;display:flex}.op-myorder-totals{flex:1}.op-myorder-ongkir{color:#aaa;justify-content:space-between;max-width:180px;font-size:11px;display:flex}.op-myorder-total{color:#333;justify-content:space-between;max-width:180px;font-size:13px;display:flex}.op-myorder-total strong{color:#e8741a;font-size:15px}.op-edit-order-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e8741a,#c85a10);border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.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{color:#e53935;margin-top:6px;font-size:12px;font-weight:600;animation:.3s opShake;display:block}@keyframes opShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.op-edit-banner{color:#92400e;background:#fef3c7;border-bottom:2px solid #f59e0b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.op-edit-banner button{color:#92400e;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #92400e;border-radius:6px;padding:5px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700}.op-edit-banner button:hover{color:#fff;background:#92400e}.op-live-feed{background:#fff;border-radius:0;margin:10px 0 0;overflow:hidden}.op-feed-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.op-feed-header:active{background:#fafafa}.op-feed-title{align-items:center;gap:8px;display:flex}.op-feed-pulse{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.op-feed-pulse:after{content:"";border:2px solid #ef4444;border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite opPulseRing;position:absolute;inset:-3px}@keyframes opPulseRing{0%{opacity:.8;transform:scale(.8)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.op-feed-title-text{color:#1a1a1a;font-size:14px;font-weight:800}.op-feed-count{color:#e8741a;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.op-feed-toggle{color:#aaa;font-size:16px;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,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:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#fff);width:40px;position:absolute;top:0;bottom:0;right:0}.op-feed-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:12px 16px 14px;display:flex;overflow-x:auto}.op-feed-scroll::-webkit-scrollbar{display:none}.op-feed-card{scroll-snap-align:start;background:linear-gradient(145deg,#fff,#faf8f5);border:1.5px solid #f0ebe5;border-radius:14px;flex:0 0 220px;min-width:220px;padding:12px;transition:all .2s;animation:.4s cubic-bezier(.16,1,.3,1) both opFeedCardIn;position:relative;overflow:hidden}.op-feed-card:before{content:"";opacity:0;background:linear-gradient(90deg,#e8741a,#f5943a,#ffb74d);height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.op-feed-card:hover:before{opacity:1}.op-feed-card:hover{border-color:#e8741a30;transform:translateY(-2px);box-shadow:0 4px 16px #e8741a1a}@keyframes opFeedCardIn{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.op-feed-card-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.op-feed-avatar{color:#fff;background:linear-gradient(135deg,#e8741a,#f5943a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 8px #e8741a40}.op-feed-card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.op-feed-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.op-feed-time{color:#aaa;font-size:9px;font-weight:500}.op-feed-status{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:9px;font-weight:700}.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{flex-wrap:wrap;gap:4px;min-height:22px;margin-bottom:10px;display:flex}.op-feed-item-tag{color:#666;white-space:nowrap;text-overflow:ellipsis;background:#f5f0eb;border-radius:6px;max-width:120px;padding:3px 7px;font-size:9px;font-weight:600;line-height:1.3;display:inline-block;overflow:hidden}.op-feed-item-more{color:#e8741a;padding:3px 0;font-size:9px;font-style:italic;font-weight:600}.op-feed-card-bottom{border-top:1px dashed #eee;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.op-feed-qty{color:#999;font-size:10px;font-weight:500}.op-feed-total{color:#c85a10;font-size:13px;font-weight:800}@media (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;color:#ccc;letter-spacing:.2px;margin-top:6px;font-size:9px;font-weight:600;transition:color .15s}.op-feed-card:hover .op-feed-tap-hint{color:#e8741a}.op-feed-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out opOverlayIn;display:flex;position:fixed;inset:0}.op-feed-popup{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:70vh;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) opFeedPopupIn;position:relative;overflow-y:auto}@keyframes opFeedPopupIn{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.op-feed-popup-close{cursor:pointer;color:#666;z-index:2;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.op-feed-popup-close:hover{color:#333;background:#e0e0e0}.op-feed-popup-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.op-feed-popup-avatar{color:#fff;background:linear-gradient(135deg,#e8741a,#f5943a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 10px #e8741a4d}.op-feed-popup-info{flex-direction:column;flex:1;gap:2px;min-width:0;padding-right:36px;display:flex}.op-feed-popup-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.op-feed-popup-time{color:#aaa;font-size:11px;font-weight:500}.op-feed-popup-items{padding:16px 20px}.op-feed-popup-items-title{color:#c85a10;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}.op-feed-popup-item-row{border-bottom:1px solid #f8f5f2;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.op-feed-popup-item-row:last-child{border-bottom:none}.op-feed-popup-item-name{color:#444;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.op-feed-popup-item-price{color:#333;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.op-feed-popup-total{color:#333;border-top:1.5px solid #f0ebe5;justify-content:space-between;align-items:center;padding:14px 20px 24px;font-size:15px;font-weight:700;display:flex}.op-feed-popup-total-price{color:#c85a10;font-size:18px;font-weight:800}.op-feed-cta-card{justify-content:center;align-items:center;min-height:150px;display:flex;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%)!important;border-color:#ffd49e!important}.op-feed-cta-card:before{display:none!important}.op-feed-cta-inner{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.op-feed-cta-count{color:#e8741a;font-size:28px;font-weight:900;line-height:1}.op-feed-cta-text{color:#a0633a;font-size:12px;font-weight:600}.op-feed-cta-btn{color:#fff;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px;margin-top:6px;padding:7px 18px;font-size:12px;font-weight:800;transition:all .15s;box-shadow:0 3px 10px #e8741a4d}.op-feed-cta-card:hover .op-feed-cta-btn{transform:translateY(-1px);box-shadow:0 5px 16px #e8741a66}.op-feed-all-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) opFeedPopupIn;display:flex}.op-feed-all-header{background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.op-feed-all-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.op-feed-all-header .op-cart-close{color:#fff;background:#fff3;border:none}.op-feed-all-header .op-cart-close:hover{background:#ffffff59}.op-feed-all-list{flex:1;padding:8px 0;overflow-y:auto}.op-feed-all-item{cursor:pointer;border-bottom:1px solid #f5f0eb;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;transition:background .12s;display:flex}.op-feed-all-item:active{background:#fff8f0}.op-feed-all-item:last-child{border-bottom:none}.op-feed-all-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.op-feed-all-item-left .op-feed-avatar{flex-shrink:0;width:36px;height:36px;font-size:14px}.op-feed-all-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.op-feed-all-item-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.op-feed-all-item-summary{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}.op-feed-all-item-time{color:#bbb;font-size:10px;font-weight:500}.op-feed-all-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.op-feed-all-item-total{color:#c85a10;white-space:nowrap;font-size:13px;font-weight:800}*,:before,:after{box-sizing:border-box}.am-page{background:#f2f2f7;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:40px;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.am-content{flex-direction:column;gap:20px;padding:0 16px;display:flex}.am-loading,.am-error{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.am-header{background:linear-gradient(135deg,#e8741a,#d4590f);padding:20px 16px 40px;position:relative}.am-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.am-brand{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.am-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.am-brand h1{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:800;overflow:hidden}.am-subtitle{color:#ffffffb3;font-size:11px;font-weight:500}.am-header-actions{flex-shrink:0}.am-reward-card{z-index:2;background:#fff;border-radius:16px;margin-top:-24px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.am-reward-top{background:linear-gradient(135deg,#fff8e1 0%,#fff3e0 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.am-reward-points-wrap{align-items:center;gap:10px;display:flex}.am-reward-star{font-size:28px}.am-reward-points{color:#c85a10;font-size:26px;font-weight:800;line-height:1;display:block}.am-reward-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px;font-weight:700;display:block}.am-reward-orders{text-align:center}.am-reward-orders-val{color:#333;font-size:18px;font-weight:800;line-height:1;display:block}.am-reward-orders-lbl{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px;font-weight:700;display:block}.am-reward-divider{background:#f0ebe5;height:1px}.am-reward-info{padding:12px 20px 14px}.am-reward-eq{margin-bottom:6px}.am-reward-eq-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.am-reward-desc{color:#777;margin:0;font-size:12px;line-height:1.5}.am-po-control>div{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.am-po-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.am-po-header h2{color:#333;margin:0;font-size:14px;font-weight:700}.am-po-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.am-po-badge.open{color:#15803d;background:#dcfce7}.am-po-badge.closed{color:#dc2626;background:#fee2e2}.am-po-body{padding:14px 16px 16px}.am-po-link-section{margin-bottom:12px}.am-po-link-section label{color:#999;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.am-po-link-row{gap:8px;display:flex}.am-po-link-input{color:#555;background:#fafafa;border:1.5px solid #e5e5e5;border-radius:8px;flex:1;min-width:0;padding:9px 10px;font-size:12px}.am-btn-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#e8741a;border:none;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700;transition:all .15s}.am-btn-copy:hover{background:#d4690f}.am-po-deadline-section{margin-bottom:14px}.am-checkbox-label{cursor:pointer;color:#666;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.am-checkbox-label input{accent-color:#e8741a;width:16px;height:16px}.am-input{background:#fff;border:1.5px solid #e5e5e5;border-radius:8px;width:100%;padding:9px 10px;font-size:13px}.am-po-deadline-info{color:#92400e;background:#fff7ed;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12px}.am-po-actions{flex-direction:column;gap:10px;display:flex}.am-btn-open-po{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #22c55e59}.am-btn-open-po:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.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){letter-spacing:.3px;font-size:16px;font-weight:800}.am-btn-open-sub{opacity:.85;font-size:11px;font-weight:500}.am-btn-primary{color:#fff;cursor:pointer;background:#e8741a;border:none;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:700;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{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s}.am-btn-danger:hover{background:#dc2626}.am-po-pulse{vertical-align:middle;background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.5s ease-in-out infinite amPulse;display:inline-block}@keyframes amPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.am-share-card{background:linear-gradient(135deg,#fefce8,#fef9c3,#fef3c7);border:1.5px solid #eab30840;border-radius:16px;margin-top:14px;padding:16px;animation:.3s ease-out amSlideUp;box-shadow:0 2px 12px #eab3081a}@keyframes amSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.am-share-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.am-share-icon{flex-shrink:0;font-size:28px}.am-share-header strong{color:#92400e;font-size:14px;display:block}.am-share-header p{color:#a16207;margin:3px 0 0;font-size:11px;line-height:1.4}.am-share-link-box{margin-bottom:12px}.am-share-link-input{color:#555;background:#fff;border:1.5px solid #eab3084d;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:Plus Jakarta Sans,monospace;font-size:12px;transition:all .15s}.am-share-link-input:focus{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a1a}.am-share-buttons{gap:8px;margin-bottom:10px;display:flex}.am-share-btn{cursor:pointer;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.am-share-btn:hover{transform:translateY(-2px)}.am-share-btn:active{transform:scale(.95)}.am-share-btn-icon{justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;line-height:28px;display:flex}.am-share-btn-icon svg{width:22px;height:22px;display:block}.am-share-btn.whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 3px 12px #25d36659}.am-share-btn.copy{color:#fff;background:linear-gradient(135deg,#e8741a,#f5943a);box-shadow:0 3px 12px #e8741a4d}.am-share-btn.native{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 3px 12px #6366f14d}.am-share-tip{color:#92400e;background:#fff9;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.4}.am-po-closed-info{text-align:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:12px;margin-top:10px;padding:20px 16px}.am-po-closed-icon{margin-bottom:8px;font-size:36px}.am-po-closed-info p{color:#999;margin:0;font-size:12px;line-height:1.5}.am-btn-ghost{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ffffff4d;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .15s}.am-btn-ghost:hover{background:#ffffff1a}.am-submit-summary{color:#fff;background:linear-gradient(135deg,#e8741a,#c85a10);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.am-submit-section h3{margin:0;font-size:13px;font-weight:700}.am-submit-section p{opacity:.9;margin:3px 0 0;font-size:12px}.am-btn-submit{color:#e8741a;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:10px 18px;font-size:12px;font-weight:800;transition:all .15s}.am-btn-submit:hover{transform:scale(1.02)}.am-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.am-submit-note{color:#999;text-align:center;margin-top:6px;font-size:10px}.am-result-card{text-align:center;background:#fff;border:2px solid #22c55e;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f}.am-result-card h3{color:#15803d;margin:0 0 6px;font-size:16px}.am-result-card p{color:#666;margin:3px 0;font-size:12px}.am-receipt-num{font-weight:600;color:#e8741a!important}.am-result-card .am-btn-ghost{color:#888;border-color:#ddd;margin-top:12px}.am-tabs-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.am-tabs{background:#e8e8e8;border-radius:10px;flex:1;gap:0;padding:3px;display:flex}.am-btn-refresh{cursor:pointer;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000014}.am-btn-refresh:hover{background:#fff3e0}.am-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.am-btn-refresh.spinning{animation:.8s linear infinite amSpin}@keyframes amSpin{to{transform:rotate(360deg)}}.am-tab{text-align:center;color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 8px;font-size:12px;font-weight:600;transition:all .2s}.am-tab.active{color:#e8741a;background:#fff;box-shadow:0 1px 4px #00000014}.am-order-list{flex-direction:column;gap:14px;display:flex}.am-order-card{background:#fff;border-left:3px solid #fbbf24;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000a}.am-order-card.confirmed{border-left-color:#22c55e}.am-order-card.cancelled{opacity:.5;border-left-color:#ef4444}.am-order-card.completed{border-left-color:#3b82f6}.am-order-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.am-order-header strong{color:#333;font-size:13px}.am-order-phone{color:#aaa;font-size:11px;display:block}.am-order-meta{text-align:right;flex-shrink:0}.am-order-status{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.am-order-status.pending{color:#92400e;background:#fef3c7}.am-order-status.confirmed{color:#15803d;background:#dcfce7}.am-order-status.cancelled{color:#dc2626;background:#fee2e2}.am-order-status.completed{color:#1d4ed8;background:#dbeafe}.am-order-time{color:#bbb;margin-top:2px;font-size:10px;display:block}.am-order-items{border-top:1px solid #f5f5f5;margin-bottom:6px;padding-top:6px}.am-order-item{color:#777;justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.am-order-item span:last-child{white-space:nowrap;flex-shrink:0}.am-order-footer{color:#e8741a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.am-order-subtotal{color:#999;width:100%;font-size:11px;font-weight:500}.am-order-notes{color:#aaa;font-size:10px;font-weight:400}.am-ongkir-section{background:linear-gradient(135deg,#fffaf6,#fef3e8);border:1px solid #e8741a26;border-radius:10px;margin:10px 0 6px;padding:10px 12px 8px}.am-ongkir-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.am-ongkir-label{color:#666;letter-spacing:.2px;font-size:12px;font-weight:700}.am-ongkir-input-wrap{background:#fff;border:1.5px solid #e0d5cc;border-radius:8px;align-items:center;gap:0;transition:border-color .15s;display:flex;overflow:hidden}.am-ongkir-input-wrap:focus-within{border-color:#e8741a;box-shadow:0 0 0 3px #e8741a14}.am-ongkir-input-wrap span{color:#aaa;-webkit-user-select:none;user-select:none;padding:5px 0 5px 10px;font-size:12px;font-weight:700}.am-ongkir-input-wrap input{text-align:right;color:#333;background:0 0;border:none;outline:none;width:65px;padding:5px 10px 5px 2px;font-family:inherit;font-size:14px;font-weight:700}.am-ongkir-input-wrap input::placeholder{color:#ccc}.am-ongkir-input-wrap input:focus{color:#e8741a}.am-ongkir-presets{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.am-ongkir-chip{cursor:pointer;color:#777;letter-spacing:.3px;background:#fff;border:1.5px solid #e8ddd5;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;transition:all .15s}.am-ongkir-chip:hover{color:#e8741a;background:#fff8f3;border-color:#e8741a;transform:translateY(-1px)}.am-ongkir-chip.active{color:#fff;background:linear-gradient(135deg,#e8741a,#f5943a);border-color:#e8741a;box-shadow:0 2px 8px #e8741a40}.am-ongkir-chip.clear{color:#e53935;border-color:#f0b0b0;padding:4px 10px;font-size:11px}.am-ongkir-chip.clear:hover{background:#fef2f2;border-color:#e53935}.am-ongkir-display{color:#999;border-top:1px dashed #eee;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 0 2px;font-size:12px;display:flex}.am-bulk-ongkir{background:linear-gradient(135deg,#fffaf6,#fef3e8);border:1.5px solid #e8741a26;border-radius:14px;margin-top:14px;padding:14px 16px;box-shadow:0 2px 8px #e8741a0f}.am-bulk-ongkir-header{flex-direction:column;gap:10px;display:flex}.am-bulk-ongkir-title{color:#555;letter-spacing:.2px;font-size:13px;font-weight:800}.am-bulk-ongkir-input-row{align-items:center;gap:8px;display:flex}.am-bulk-ongkir-input-row .am-ongkir-input-wrap{flex:1}.am-bulk-ongkir-input-row .am-ongkir-input-wrap input{text-align:left;width:100%;font-size:15px}.am-bulk-ongkir-apply{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:linear-gradient(135deg,#e8741a,#f5943a);border:none;border-radius:10px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 2px 8px #e8741a33}.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{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#333,#555);border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.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{padding:8px 4px;font-size:11px}.am-order-group{flex-direction:column;gap:14px;margin-bottom:6px;display:flex}.am-order-group-header{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.am-order-group-header.submitted{color:#e8741a;background:linear-gradient(135deg,#fff3e0,#ffe8cc)}.am-order-group-header.pending{color:#92400e;background:linear-gradient(135deg,#fef9c3,#fef3c7)}.am-order-group-badge{color:#e8741a;letter-spacing:.2px;background:#e8741a26;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:700}.am-waiting-banner{background:linear-gradient(135deg,#fff8e1,#fff3e0);border:1.5px solid #f59e0b33;border-radius:12px;align-items:flex-start;gap:12px;margin-top:10px;padding:14px 16px;display:flex}.am-waiting-icon{flex-shrink:0;font-size:28px}.am-waiting-banner strong{color:#92400e;font-size:13px;display:block}.am-waiting-banner p{color:#b45309;margin:4px 0 0;font-size:11px;line-height:1.5}.am-history-section{margin-bottom:10px}.am-date-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:0 0 6px;display:flex;overflow-x:auto}.am-date-chips::-webkit-scrollbar{display:none}.am-date-chip{color:#777;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e5e5;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.am-date-chip:hover,.am-date-chip:active{color:#e8741a;background:#fff8f3;border-color:#e8741a}.am-date-chip.active{color:#fff;background:linear-gradient(135deg,#e8741a,#f5943a);border-color:#e8741a}.am-history-filters{background:#fff;border-radius:12px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;animation:.2s ease-out amSlideDown;display:flex;box-shadow:0 1px 4px #0000000a}@keyframes amSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.am-hf-row{gap:8px;display:flex}.am-hf-group{flex-direction:column;flex:1;gap:3px;display:flex}.am-hf-group label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.am-hf-group input,.am-hf-group select{color:#333;background:#fafafa;border:1.5px solid #e5e5e5;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px;transition:border .15s}.am-hf-group input:focus,.am-hf-group select:focus{background:#fff;border-color:#e8741a}.am-history-stats{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:0;margin-top:8px;padding:10px 0;display:flex;box-shadow:0 1px 4px #0000000a}.am-hs-item{text-align:center;flex:1;padding:4px 8px}.am-hs-val{color:#333;font-size:16px;font-weight:800;line-height:1;display:block}.am-hs-label{color:#aaa;text-transform:uppercase;letter-spacing:.3px;margin-top:3px;font-size:9px;font-weight:600;display:block}.am-hs-divider{background:#eee;flex-shrink:0;width:1px;height:28px}.am-item-note{color:#999;margin-top:1px;padding-left:4px;font-size:10px;font-style:italic}.am-reward-stats{text-align:center;gap:16px;display:flex}.am-reward-stat{flex-direction:column;align-items:center;display:flex}.am-empty{text-align:center;color:#bbb;background:#fff;border-radius:12px;padding:40px 16px;font-size:13px;box-shadow:0 1px 4px #0000000a}.am-empty-icon{margin-bottom:10px;font-size:40px}.am-empty p{color:#999;margin:0 0 4px;font-size:14px;font-weight:700}.am-empty span{color:#ccc;font-size:11px}@media (width<=400px){.am-po-link-row{flex-direction:column}.am-btn-copy{text-align:center;width:100%}.am-submit-summary{text-align:center;flex-direction:column}.am-btn-submit{width:100%}.am-tabs-3 .am-tab{font-size:10px}.am-hs-val{font-size:13px}}.am-pin-screen{background:linear-gradient(160deg,#fff7ed,#f5f5f5);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.am-pin-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:320px;padding:36px 28px;box-shadow:0 8px 32px #00000014}.am-pin-icon{margin-bottom:12px;font-size:44px}.am-pin-card h2{color:#333;margin:0 0 6px;font-size:20px;font-weight:800}.am-pin-card>p{color:#999;margin:0 0 20px;font-size:13px}.am-pin-input-wrap input{text-align:center;letter-spacing:8px;border:2px solid #e5e5e5;border-radius:12px;outline:none;width:140px;padding:12px;font-size:22px;transition:border .2s}.am-pin-input-wrap input:focus{border-color:#e8741a}.am-pin-error{color:#ef4444;margin:8px 0 0;font-size:12px}.am-pin-card .am-btn-primary{border-radius:12px;width:100%;margin-top:16px;padding:13px;font-size:14px}.am-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.am-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:28px 24px;box-shadow:0 12px 40px #0000001f}.am-modal h3{color:#333;margin:0 0 6px;font-size:17px}.am-modal p{color:#999;margin:0 0 16px;font-size:12px}.am-modal input{text-align:center;letter-spacing:6px;border:2px solid #e5e5e5;border-radius:12px;outline:none;width:100%;margin-bottom:14px;padding:12px;font-size:18px}.am-modal input:focus{border-color:#e8741a}.am-modal-actions{gap:10px;display:flex}.am-modal-actions .am-btn-ghost{color:#888;border-color:#ddd;flex:1}.am-modal-actions .am-btn-primary{flex:1}.am-toast{z-index:2000;text-align:center;border-radius:10px;max-width:90vw;padding:10px 20px;font-size:12px;font-weight:600;animation:.3s ease-out amToastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.am-toast.success{color:#fff;background:#15803d}.am-toast.error{color:#fff;background:#dc2626}@keyframes amToastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)}}.am-confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:3000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out amFadeIn;display:flex;position:fixed;inset:0}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}.am-confirm-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:28px 24px 24px;animation:.3s cubic-bezier(.16,1,.3,1) amModalIn;box-shadow:0 20px 60px #0003}@keyframes amModalIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.am-confirm-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 4px 12px #e8741a26}.am-confirm-title{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:800}.am-confirm-msg{color:#666;margin:0 0 24px;font-size:13px;line-height:1.5}.am-confirm-actions{gap:10px;display:flex}.am-confirm-cancel{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex:1;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.am-confirm-cancel:hover{background:#f5f5f5;border-color:#ccc}.am-confirm-cancel:active{transform:scale(.97)}.am-confirm-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8741a,#f5943a);border:none;border-radius:12px;flex:1;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 4px 14px #e8741a4d}.am-confirm-ok:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8741a66}.am-confirm-ok:active{transform:scale(.97)}.am-tabs-4{gap:0}.am-tabs-4 .am-tab{letter-spacing:0;padding:8px 2px;font-size:10px}.am-rekap-section{flex-direction:column;gap:12px;display:flex}.am-rekap-date-inputs{gap:8px;display:flex}.am-rekap-date-inputs .am-hf-group{flex:1}.am-rekap-date-inputs input[type=date]{color:#333;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.am-rekap-date-inputs input[type=date]:focus{border-color:#e8741a;outline:none}.am-rekap-date-inputs label{color:#888;margin-bottom:4px;font-size:11px;font-weight:600;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{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.am-rekap-grand-title{color:#d4590f;font-size:15px;font-weight:800}.am-rekap-grand-count{color:#e8741a;background:#e8741a1f;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.am-rekap-grand-rows{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.am-rekap-grand-row{color:#555;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.am-rekap-grand-row.total{color:#d4590f;border-top:1.5px dashed #ffc78a;margin-top:4px;padding-top:8px;font-size:16px;font-weight:800}.am-rekap-actions{gap:8px;display:flex}.am-rekap-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.am-rekap-btn.copy{color:#333;background:linear-gradient(135deg,#f5f5f5,#eee)}.am-rekap-btn.copy:hover{background:linear-gradient(135deg,#eee,#e0e0e0)}.am-rekap-btn.wa{color:#fff;background:linear-gradient(135deg,#25d366,#128c4e)}.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;overflow:hidden;box-shadow:0 1px 4px #0000000f}.am-rekap-day-header{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.am-rekap-day-date{color:#333;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.am-rekap-day-icon{font-size:14px}.am-rekap-day-badge{color:#e8741a;background:#e8741a1a;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.am-rekap-day-orders{flex-direction:column;display:flex}.am-rekap-order{border-bottom:1px solid #f5f5f5;padding:10px 14px}.am-rekap-order:last-child{border-bottom:none}.am-rekap-order-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.am-rekap-order-name{color:#333;font-size:13px;font-weight:700}.am-rekap-order-total{color:#e8741a;font-size:13px;font-weight:800}.am-rekap-order-items{flex-direction:column;gap:2px;padding-left:4px;display:flex}.am-rekap-item{color:#666;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5;display:flex}.am-rekap-item.ongkir{color:#888;border-top:1px dotted #e8e8e8;margin-top:2px;padding-top:2px;font-style:italic}.am-rekap-day-footer{background:#fafafa;border-top:1.5px solid #f0f0f0;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.am-rekap-day-row{color:#777;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.am-rekap-day-row.total{color:#d4590f;border-top:1px dashed #ddd;margin-top:2px;padding-top:4px;font-size:14px;font-weight:800}