@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--admin-bg: #0b0f19;--admin-bg-alt: #0f172a;--admin-card: #151d2f;--admin-card-hover: #1e293b;--admin-card-active: #24344d;--admin-surface-elevated: #192338;--admin-border: #1e293b;--admin-border-subtle: #24344d;--admin-border-focus: #38bdf8;--admin-primary: #38bdf8;--admin-primary-hover: #0ea5e9;--admin-primary-subtle: rgba(56, 189, 248, .12);--admin-accent: #d4af37;--admin-accent-subtle: rgba(212, 175, 55, .15);--admin-text: #f8fafc;--admin-text-muted: #94a3b8;--admin-text-subtle: #64748b;--admin-text-disabled: #475569;--admin-text-inverse: #0b0f19;--admin-success: #10b981;--admin-success-bg: rgba(16, 185, 129, .15);--admin-warning: #f59e0b;--admin-warning-bg: rgba(245, 158, 11, .15);--admin-danger: #ef4444;--admin-danger-bg: rgba(239, 68, 68, .15);--admin-info: #38bdf8;--admin-info-bg: rgba(56, 189, 248, .15);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-dark-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-dark-sm: 0 2px 4px 0 rgba(0, 0, 0, .4);--shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .6);--shadow-glow-primary: 0 0 20px rgba(56, 189, 248, .25);--shadow-glow-accent: 0 0 20px rgba(212, 175, 55, .25);--admin-glass-bg: rgba(21, 29, 47, .88);--admin-glass-border: rgba(56, 189, 248, .15);--admin-glass-blur: blur(14px);--sidebar-width: 260px;--sidebar-collapsed: 76px;--admin-header-height: 64px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--admin-bg);color:var(--admin-text);line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--admin-text);font-weight:var(--font-bold);line-height:1.25}p{color:var(--admin-text-muted)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--admin-bg)}::-webkit-scrollbar-thumb{background:var(--admin-border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--admin-primary)}:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dark-sm);padding:var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-card:hover{border-color:var(--admin-border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em}.badge-success{background:var(--admin-success-bg);color:var(--admin-success)}.badge-warning{background:var(--admin-warning-bg);color:var(--admin-warning)}.badge-danger{background:var(--admin-danger-bg);color:var(--admin-danger)}.badge-info{background:var(--admin-info-bg);color:var(--admin-info)}.badge-gold{background:var(--admin-accent-subtle);color:var(--admin-accent)}.admin-layout-root{display:flex;min-height:100vh;background-color:var(--admin-bg)}.admin-sidebar{width:var(--sidebar-width);background-color:var(--admin-card);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;transition:width var(--transition-normal);position:sticky;top:0;height:100vh;z-index:50;flex-shrink:0}.admin-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:var(--admin-header-height);padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-border)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;white-space:nowrap}.brand-icon-box{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--admin-card-hover) 0%,var(--admin-primary-subtle) 100%);border:1px solid var(--admin-primary);display:flex;align-items:center;justify-content:center;color:var(--admin-primary);flex-shrink:0}.brand-titles{display:flex;flex-direction:column}.brand-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--admin-text);letter-spacing:-.01em}.brand-sub{font-size:.65rem;color:var(--admin-accent);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.sidebar-toggle-btn{color:var(--admin-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-toggle-btn:hover{color:var(--admin-text);background:var(--admin-card-hover)}.sidebar-nav{padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1;overflow-y:auto}.nav-section-label{font-size:.65rem;color:var(--admin-text-subtle);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) var(--space-3) var(--space-1)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--admin-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);position:relative;text-decoration:none}.admin-nav-item:hover{color:var(--admin-text);background:var(--admin-card-hover)}.admin-nav-item.active{color:var(--admin-primary);background:var(--admin-primary-subtle);font-weight:var(--font-semibold)}.admin-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--admin-primary);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nav-item-icon{flex-shrink:0}.nav-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{margin-left:auto;font-size:.7rem;padding:1px 6px;border-radius:var(--radius-full);background:var(--admin-card-hover);color:var(--admin-text-muted)}.admin-nav-item.active .nav-item-badge{background:var(--admin-primary);color:var(--admin-text-inverse);font-weight:var(--font-bold)}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--admin-border);display:flex;align-items:center;gap:var(--space-3)}.operator-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#38bdf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-xs);flex-shrink:0}.operator-details{display:flex;flex-direction:column;overflow:hidden}.operator-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--admin-text);white-space:nowrap}.operator-status{font-size:.65rem;color:var(--admin-success);display:flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--admin-success)}.admin-content-area{flex-grow:1;display:flex;flex-direction:column;min-width:0}.admin-top-header{height:var(--admin-header-height);background:var(--admin-card);border-bottom:1px solid var(--admin-border);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.header-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--admin-text-muted)}.header-right-tools{display:flex;align-items:center;gap:var(--space-3)}.gateway-status-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--admin-bg);border:1px solid var(--admin-border);font-size:var(--text-xs);color:var(--admin-text-muted)}.tool-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);color:var(--admin-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tool-icon-btn:hover{color:var(--admin-text);background:var(--admin-card-hover)}.admin-main-body{padding:var(--space-6);flex-grow:1}.admin-portal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--admin-text-subtle);flex-wrap:wrap;gap:var(--space-3)}.footer-credits-tag{color:var(--admin-accent);font-weight:var(--font-medium)}.loyalty-chart-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-dark-sm)}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--admin-text)}.chart-badge{font-size:var(--text-xs);color:var(--admin-primary);background:var(--admin-primary-subtle);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-semibold)}.chart-body{display:flex;align-items:center;justify-content:space-around;gap:var(--space-6);flex-wrap:wrap}.donut-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.donut-svg{transform:rotate(-90deg);width:100%;height:100%}.donut-segment{fill:transparent;stroke-width:22;transition:stroke-dasharray .5s ease,stroke-width .2s ease;cursor:pointer}.donut-segment:hover{stroke-width:26;filter:drop-shadow(0 0 6px rgba(56,189,248,.4))}.donut-center-info{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.center-count{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--admin-text);line-height:1}.center-label{font-size:.65rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.chart-legend{display:flex;flex-direction:column;gap:var(--space-3);min-width:170px}.legend-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--admin-bg);border:1px solid var(--admin-border-subtle);transition:border-color var(--transition-fast)}.legend-item:hover{border-color:var(--admin-primary)}.legend-info{display:flex;align-items:center;gap:var(--space-2)}.legend-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-tier-name{color:var(--admin-text);font-weight:var(--font-medium)}.legend-metrics{display:flex;align-items:center;gap:var(--space-2)}.legend-count{font-weight:var(--font-bold);color:var(--admin-text)}.legend-pct{font-size:var(--text-xs);color:var(--admin-text-muted);font-family:var(--font-mono)}.loyalty-table-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-dark-sm);display:flex;flex-direction:column}.table-toolbar{padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--admin-border);flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center;min-width:280px;max-width:400px;flex:1}.search-icon{position:absolute;left:var(--space-3);color:var(--admin-text-muted)}.search-input{width:100%;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-2) 2.2rem;color:var(--admin-text);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--admin-primary)}.tier-filter-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-tab-btn{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--admin-text-muted);background:var(--admin-bg);border:1px solid var(--admin-border-subtle);display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.filter-tab-btn:hover{color:var(--admin-text);border-color:var(--admin-border-focus)}.filter-tab-btn.active{background:var(--admin-primary-subtle);color:var(--admin-primary);border-color:var(--admin-primary)}.filter-tab-btn.tab-grace.active{background:var(--admin-warning-bg);color:var(--admin-warning);border-color:var(--admin-warning)}.tab-badge{font-size:.65rem;padding:1px 5px;border-radius:var(--radius-full);background:var(--admin-card);color:var(--admin-text-muted)}.filter-tab-btn.active .tab-badge{background:var(--admin-primary);color:var(--admin-text-inverse);font-weight:var(--font-bold)}.table-responsive-wrapper{overflow-x:auto}.loyalty-table{width:100%;border-collapse:collapse;text-align:left}.loyalty-table th{padding:var(--space-3) var(--space-4);background:var(--admin-surface-elevated);color:var(--admin-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--admin-border)}.loyalty-table td{padding:var(--space-4);border-bottom:1px solid var(--admin-border-subtle);font-size:var(--text-sm);color:var(--admin-text);vertical-align:middle}.loyalty-table tr:hover td{background:var(--admin-card-hover)}.customer-cell{display:flex;flex-direction:column}.cust-name{font-weight:var(--font-semibold);color:var(--admin-text)}.cust-email{font-size:var(--text-xs);color:var(--admin-text-muted)}.cust-id{font-size:.65rem;color:var(--admin-text-subtle);font-family:var(--font-mono)}.tier-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.04em}.tier-silver{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.tier-gold{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tier-platinum{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.spend-cell{display:flex;flex-direction:column;gap:4px;min-width:160px}.spend-amount{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--admin-text)}.spend-threshold{font-size:.7rem;color:var(--admin-text-muted)}.spend-progress-track{height:5px;background:var(--admin-bg);border-radius:var(--radius-full);overflow:hidden;position:relative}.spend-progress-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.points-cell{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--admin-primary);font-size:var(--text-base)}.grace-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.green-maintained{background:var(--admin-success-bg);color:var(--admin-success);border:1px solid rgba(16,185,129,.3)}.amber-warning{background:var(--admin-warning-bg);color:var(--admin-warning);border:1px solid rgba(245,158,11,.3);animation:pulseAmber 2s infinite ease-in-out}@keyframes pulseAmber{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 8px #f59e0b66}}.red-alert{background:var(--admin-danger-bg);color:var(--admin-danger);border:1px solid rgba(239,68,68,.3);animation:pulseRed 1.5s infinite ease-in-out}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 10px #ef444480}}.btn-adjust-points{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-md);background:var(--admin-primary-subtle);border:1px solid var(--admin-primary);color:var(--admin-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.btn-adjust-points:hover{background:var(--admin-primary);color:var(--admin-text-inverse)}.empty-cell{text-align:center;padding:var(--space-6)!important;color:var(--admin-text-muted)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b0f19cc;-webkit-backdrop-filter:var(--admin-glass-blur);backdrop-filter:var(--admin-glass-blur);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dark-lg);width:100%;max-width:520px;overflow:hidden;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between}.modal-title-group{display:flex;align-items:center;gap:var(--space-3)}.modal-icon-box{width:36px;height:36px;border-radius:var(--radius-md);background:var(--admin-primary-subtle);color:var(--admin-primary);display:flex;align-items:center;justify-content:center}.modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--admin-text);margin:0}.modal-subtitle{font-size:var(--text-xs);color:var(--admin-text-muted);margin:0}.modal-close-btn{color:var(--admin-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--admin-text);background:var(--admin-card-hover)}.modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.customer-summary-bar{background:var(--admin-bg);border:1px solid var(--admin-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.summary-meta{display:flex;flex-direction:column}.summary-name{font-weight:var(--font-semibold);color:var(--admin-text);font-size:var(--text-sm)}.summary-email{font-size:var(--text-xs);color:var(--admin-text-muted)}.summary-balance{text-align:right}.balance-label{font-size:.65rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--admin-primary)}.direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);background:var(--admin-bg);padding:4px;border-radius:var(--radius-md);border:1px solid var(--admin-border)}.toggle-btn{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--admin-text-muted);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.toggle-btn.active-add{background:var(--admin-success-bg);color:var(--admin-success);border:1px solid rgba(16,185,129,.3)}.toggle-btn.active-deduct{background:var(--admin-danger-bg);color:var(--admin-danger);border:1px solid rgba(239,68,68,.3)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.input-with-preview{display:flex;gap:var(--space-3);align-items:center}.points-input{flex:1;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--admin-text);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold);outline:none;transition:border-color var(--transition-fast)}.points-input:focus{border-color:var(--admin-primary)}.chips-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip-btn{background:var(--admin-bg);border:1px solid var(--admin-border-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--admin-text-muted);transition:all var(--transition-fast)}.chip-btn:hover{color:var(--admin-primary);border-color:var(--admin-primary);background:var(--admin-primary-subtle)}.preview-box{background:var(--admin-bg);border:1px dashed var(--admin-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.preview-tag{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--admin-text)}.select-field,.textarea-field{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--admin-text);font-family:var(--font-body);font-size:var(--text-sm);outline:none}.select-field:focus,.textarea-field:focus{border-color:var(--admin-primary)}.modal-error{background:var(--admin-danger-bg);border:1px solid rgba(239,68,68,.3);color:var(--admin-danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--admin-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-cancel{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--admin-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-cancel:hover{color:var(--admin-text);background:var(--admin-card-hover)}.btn-submit{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--admin-primary);color:var(--admin-text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);box-shadow:0 0 12px #38bdf840}.btn-submit:hover:not(:disabled){background:var(--admin-primary-hover)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.loyalty-page-container{display:flex;flex-direction:column;gap:var(--space-6);animation:pageFadeIn .3s ease-in-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loyalty-toast{position:sticky;top:74px;z-index:50;background:var(--admin-primary-subtle);border:1px solid var(--admin-primary);color:var(--admin-text);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-dark-md);animation:toastSlideDown .25s ease-out}@keyframes toastSlideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.loyalty-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.loyalty-kicker{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.kicker-badge{font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--admin-accent);background:var(--admin-accent-subtle);padding:2px 8px;border-radius:var(--radius-full)}.kicker-tag{font-size:.65rem;color:var(--admin-text-muted)}.loyalty-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--admin-text);margin:0}.loyalty-subtitle{font-size:var(--text-sm);color:var(--admin-text-muted);max-width:720px;margin-top:4px}.loyalty-header-actions{display:flex;align-items:center;gap:var(--space-3)}.audit-sweep-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--admin-primary);color:var(--admin-text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:0 0 15px #38bdf840;transition:all var(--transition-fast)}.audit-sweep-btn:hover:not(:disabled){background:var(--admin-primary-hover);box-shadow:0 0 20px #38bdf866}.audit-sweep-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loyalty-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.kpi-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-dark-sm);transition:all var(--transition-fast)}.kpi-card:hover{border-color:var(--admin-border-focus);transform:translateY(-2px)}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-val{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--admin-text);line-height:1}.kpi-footer{font-size:.7rem;color:var(--admin-text-muted)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 960px){.analytics-grid{grid-template-columns:1fr}}.policy-explainer-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-dark-sm)}.policy-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--admin-text);display:flex;align-items:center;gap:var(--space-2)}.policy-desc{font-size:var(--text-xs);color:var(--admin-text-muted);line-height:1.5;margin:0}.policy-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-1)}.policy-step{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);background:var(--admin-bg);border:1px solid var(--admin-border-subtle)}.step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:var(--font-bold);flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:2px}.step-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--admin-text)}.step-detail{font-size:.7rem;color:var(--admin-text-muted);line-height:1.4}.session-queue-panel{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:680px;box-shadow:var(--shadow-dark-sm);overflow:hidden}.queue-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--admin-border);display:flex;flex-direction:column;gap:var(--space-3)}.queue-header-top{display:flex;justify-content:space-between;align-items:center}.queue-title-group{display:flex;align-items:center;gap:var(--space-2)}.queue-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--admin-text);margin:0}.queue-count-badge{font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--admin-primary);color:var(--admin-text-inverse);padding:1px 7px;border-radius:var(--radius-full)}.chime-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--admin-text-muted);background:var(--admin-bg);border:1px solid var(--admin-border-subtle);transition:all var(--transition-fast)}.chime-toggle-btn:hover{color:var(--admin-text);border-color:var(--admin-primary)}.chime-toggle-btn.chime-active{color:var(--admin-primary);background:var(--admin-primary-subtle)}.queue-search-box{position:relative;display:flex;align-items:center}.queue-search-icon{position:absolute;left:var(--space-3);color:var(--admin-text-muted)}.queue-search-input{width:100%;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:6px var(--space-3) 6px 2.2rem;color:var(--admin-text);font-size:var(--text-xs);outline:none;transition:border-color var(--transition-fast)}.queue-search-input:focus{border-color:var(--admin-primary)}.queue-filter-tabs{display:flex;gap:4px;background:var(--admin-bg);padding:3px;border-radius:var(--radius-md);border:1px solid var(--admin-border)}.queue-tab-btn{flex:1;padding:4px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-semibold);color:var(--admin-text-muted);text-align:center;transition:all var(--transition-fast)}.queue-tab-btn:hover{color:var(--admin-text)}.queue-tab-btn.active{background:var(--admin-card);color:var(--admin-primary);box-shadow:var(--shadow-dark-xs)}.queue-list{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.session-card{background:var(--admin-bg);border:1px solid var(--admin-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);position:relative}.session-card:hover{border-color:var(--admin-primary);background:var(--admin-surface-elevated)}.session-card.selected{border-color:var(--admin-primary);background:var(--admin-primary-subtle);box-shadow:0 0 10px #38bdf826}.session-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.customer-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cust-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xs);flex-shrink:0}.cust-details{display:flex;flex-direction:column;min-width:0}.cust-name{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-tier-badge{font-size:.65rem;color:var(--admin-accent);font-weight:var(--font-semibold)}.session-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:var(--font-semibold);padding:2px 6px;border-radius:var(--radius-full)}.status-waiting{background:var(--admin-warning-bg);color:var(--admin-warning);border:1px solid rgba(245,158,11,.3)}.status-live{background:var(--admin-success-bg);color:var(--admin-success);border:1px solid rgba(16,185,129,.3)}.status-closed{background:var(--admin-card-hover);color:var(--admin-text-muted)}.session-snippet{font-size:var(--text-xs);color:var(--admin-text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.wait-clock{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--admin-text-subtle);font-family:var(--font-mono)}.btn-accept-chat{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--admin-success);color:#0b0f19;font-size:.7rem;font-weight:var(--font-bold);transition:all var(--transition-fast)}.btn-accept-chat:hover{background:#059669}.empty-queue-cell{text-align:center;padding:var(--space-8) var(--space-4);color:var(--admin-text-muted);font-size:var(--text-xs)}.chat-window-panel{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:680px;box-shadow:var(--shadow-dark-sm);overflow:hidden}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--admin-text-muted);gap:var(--space-3);text-align:center;padding:var(--space-6)}.chat-empty-icon{width:52px;height:52px;border-radius:var(--radius-full);background:var(--admin-bg);border:1px solid var(--admin-border);display:flex;align-items:center;justify-content:center;color:var(--admin-primary)}.chat-window-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;background:var(--admin-surface-elevated)}.header-customer-info{display:flex;align-items:center;gap:var(--space-3)}.header-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.header-meta{display:flex;flex-direction:column}.header-cust-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--admin-text)}.header-cust-sub{font-size:var(--text-xs);color:var(--admin-text-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-resolve-chat{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--admin-bg);border:1px solid var(--admin-border);color:var(--admin-success);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.btn-resolve-chat:hover{background:var(--admin-success-bg);border-color:var(--admin-success)}.messages-stream{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.chat-bubble-row{display:flex;flex-direction:column;max-width:75%;animation:bubbleFadeIn .2s ease-out}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bubble-row-customer{align-self:flex-start}.bubble-row-agent{align-self:flex-end;align-items:flex-end}.bubble-sender-name{font-size:.65rem;color:var(--admin-text-muted);margin-bottom:2px;padding:0 4px}.bubble-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.45;word-break:break-word}.bubble-customer .bubble-content{background:var(--admin-surface-elevated);border:1px solid var(--admin-border-subtle);color:var(--admin-text);border-bottom-left-radius:4px}.bubble-agent .bubble-content{background:var(--admin-primary);color:var(--admin-text-inverse);font-weight:var(--font-medium);border-bottom-right-radius:4px;box-shadow:0 0 12px #38bdf833}.bubble-timestamp{font-size:.65rem;color:var(--admin-text-subtle);margin-top:3px;padding:0 4px;font-family:var(--font-mono)}.typing-indicator{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--admin-primary);padding:var(--space-2) var(--space-4);background:var(--admin-primary-subtle);border-radius:var(--radius-full);align-self:flex-start;font-style:italic;margin-bottom:var(--space-2)}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--admin-primary);animation:typingBounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.chat-controls-bar{border-top:1px solid var(--admin-border);background:var(--admin-surface-elevated);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.canned-response-row{display:flex;align-items:center;gap:var(--space-2)}.canned-select{flex:1;background:var(--admin-bg);border:1px solid var(--admin-border-subtle);border-radius:var(--radius-sm);padding:4px var(--space-3);color:var(--admin-text-muted);font-size:var(--text-xs);outline:none}.canned-select:focus{border-color:var(--admin-primary);color:var(--admin-text)}.composer-form{display:flex;gap:var(--space-2);align-items:center}.composer-input{flex:1;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--admin-text);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.composer-input:focus{border-color:var(--admin-primary)}.btn-send-message{width:42px;height:42px;border-radius:var(--radius-md);background:var(--admin-primary);color:var(--admin-text-inverse);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 0 12px #38bdf840;flex-shrink:0}.btn-send-message:hover:not(:disabled){background:var(--admin-primary-hover);box-shadow:0 0 16px #38bdf866}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.support-console-container{display:flex;flex-direction:column;gap:var(--space-6);animation:supportFadeIn .3s ease-in-out}@keyframes supportFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.support-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.support-kicker{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.support-kicker-tag{font-size:.65rem;color:var(--admin-text-muted)}.live-pulse-badge{display:inline-flex;align-items:center;gap:5px;background:var(--admin-success-bg);color:var(--admin-success);border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--admin-success);animation:pulseGreen 1.5s infinite ease-in-out}@keyframes pulseGreen{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 8px #10b981cc}}.support-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--admin-text);margin:0}.support-subtitle{font-size:var(--text-sm);color:var(--admin-text-muted);max-width:740px;margin-top:4px}.support-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.support-kpi-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-dark-sm);transition:all var(--transition-fast)}.support-kpi-card:hover{border-color:var(--admin-border-focus);transform:translateY(-2px)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-tag{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-icon-box{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-big-num{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--admin-text);line-height:1}.kpi-subtext{font-size:.7rem;color:var(--admin-text-muted)}.support-dual-panel{display:grid;grid-template-columns:360px 1fr;gap:var(--space-5);align-items:start}@media (max-width: 1024px){.support-dual-panel{grid-template-columns:1fr}}