@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#08080c;--bg-secondary:rgba(13,13,21,.7);--bg-tertiary:#111119;--bg-card:rgba(30,27,75,.15);--bg-card-hover:rgba(30,27,75,.25);--bg-input:rgba(255,255,255,.04);--bg-header:rgba(13,13,21,.4);--gradient-brand:linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);--gradient-brand-soft:linear-gradient(135deg, rgba(139,92,246,.12), rgba(99,102,241,.12));--gradient-warm:linear-gradient(135deg, #fbbf24, #f87171);--gradient-cool:linear-gradient(135deg, #22d3ee, #60a5fa);--gradient-green:linear-gradient(135deg, #34d399, #059669);--accent-purple:#8b5cf6;--accent-indigo:#6366f1;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-red:#f87171;--accent-pink:#f472b6;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-accent:#c4b5fd;--border:rgba(255,255,255,.07);--border-hover:rgba(255,255,255,.14);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 10px 38px rgba(0,0,0,.6);--shadow-glow:0 0 30px rgba(139,92,246,.15);--sidebar-width:256px;--header-height:60px;--border-radius:16px;--border-radius-sm:10px;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--rfm-champions-bg:rgba(139,92,246,.08);--rfm-champions-border:rgba(139,92,246,.25);--rfm-champions-color:#a78bfa;--rfm-atrisk-bg:rgba(245,158,11,.08);--rfm-atrisk-border:rgba(245,158,11,.25);--rfm-atrisk-color:#fbbf24;--rfm-newrecent-bg:rgba(16,185,129,.08);--rfm-newrecent-border:rgba(16,185,129,.25);--rfm-newrecent-color:#34d399;--rfm-cold-bg:rgba(148,163,184,.08);--rfm-cold-border:rgba(148,163,184,.25);--rfm-cold-color:#94a3b8}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:rgba(255,255,255,.75);--bg-tertiary:#e2e8f0;--bg-card:rgba(255,255,255,.65);--bg-card-hover:rgba(255,255,255,.85);--bg-header:rgba(255,255,255,.4);--bg-input:rgba(15,23,42,.05);--border:rgba(15,23,42,.08);--border-hover:rgba(15,23,42,.15);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-accent:#6d28d9;--shadow-sm:0 1px 3px rgba(15,23,42,.05);--shadow-md:0 4px 12px rgba(15,23,42,.05);--shadow-lg:0 8px 24px rgba(15,23,42,.08);--shadow-glow:0 0 40px rgba(124,58,237,.06);--accent-purple:#6d28d9;--accent-indigo:#4338ca;--accent-blue:#1d4ed8;--accent-cyan:#0891b2;--accent-green:#047857;--accent-amber:#b45309;--accent-red:#b91c1c;--accent-pink:#be185d;--rfm-champions-bg:rgba(109,40,217,.06);--rfm-champions-border:rgba(109,40,217,.18);--rfm-champions-color:#6d28d9;--rfm-atrisk-bg:rgba(217,119,6,.06);--rfm-atrisk-border:rgba(217,119,6,.18);--rfm-atrisk-color:#b45309;--rfm-newrecent-bg:rgba(5,150,105,.06);--rfm-newrecent-border:rgba(5,150,105,.18);--rfm-newrecent-color:#047857;--rfm-cold-bg:rgba(71,85,105,.06);--rfm-cold-border:rgba(71,85,105,.18);--rfm-cold-color:#475569}[data-theme=light] .nav-section-label{color:rgba(15,23,42,.6)}[data-theme=light] .nav-item{color:var(--text-secondary)}[data-theme=light] .nav-item:hover{color:var(--text-primary)}[data-theme=light] .nav-item.active{color:var(--text-accent);background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.15)}[data-theme=light] .user-role{color:rgba(15,23,42,.5)}[data-theme=light] .page-subtitle{color:rgba(15,23,42,.7)}[data-theme=light] .stat-label{color:var(--text-secondary)}[data-theme=light] .stat-sub,[data-theme=light] .card-subtitle{color:var(--text-muted)}[data-theme=light] .filter-select{background:var(--bg-secondary)}[data-theme=light] .filter-select:focus,[data-theme=light] .filter-select:hover{background-color:var(--bg-tertiary)}[data-theme=light] .filter-select option,[data-theme=light] .rows-select,[data-theme=light] .rows-select option{background:var(--bg-secondary)}[data-theme=light] .form-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=light] .form-input option{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .wa-resi-btn{color:#059669!important;background:rgba(16,185,129,.12)!important}[data-theme=light] .btn-secondary{color:#334155;background:rgba(15,23,42,.05);border:1.5px solid rgba(15,23,42,.18)}[data-theme=light] .btn-secondary:hover{color:#0f172a;background:rgba(15,23,42,.1);border-color:rgba(15,23,42,.28)}[data-theme=light] .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5,#2563eb);box-shadow:0 3px 10px rgba(124,58,237,.35)}[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#4338ca,#1d4ed8);box-shadow:0 6px 18px rgba(124,58,237,.5)}[data-theme=light] .btn-primary:disabled{opacity:.5;box-shadow:none;background:linear-gradient(135deg,#a78bfa,#818cf8)!important}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;height:38px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(139,92,246,.25),0 0 20px rgba(139,92,246,.15)}.form-input::-webkit-input-placeholder{color:var(--text-muted)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::-ms-input-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input option{background:var(--bg-secondary);color:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}h1,h2,h3,h4,h5,h6,.sidebar-logo-text,.page-title,.stat-value,.card-title{letter-spacing:-.025em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;position:relative;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}.app-shell{height:100vh;height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;display:flex}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 18px;text-decoration:none;display:flex}.sidebar-logo-icon{background:var(--gradient-brand);width:34px;height:34px;box-shadow:var(--shadow-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.sidebar-logo-text{color:var(--text-primary);font-size:15px;font-weight:700}.sidebar-logo-sub{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:9px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:10px 10px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:1px solid transparent;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{color:var(--text-primary);background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.2)}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-badge{background:var(--accent-purple);color:#fff;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px}.sidebar-user{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-user:hover{background:var(--bg-card-hover)}.user-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:11px}.main-content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.top-header{height:var(--header-height);background:var(--bg-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.page-title{color:var(--text-primary);font-size:17px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.header-right{align-items:center;gap:10px;display:flex}.search-box{background:var(--bg-input);border:1px solid var(--border);transition:var(--transition);border-radius:10px;align-items:center;gap:8px;min-width:260px;padding:7px 14px;display:flex}.search-box:focus-within{background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.5);box-shadow:0 0 0 3px rgba(124,58,237,.08)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13.5px}.search-box input::-webkit-input-placeholder{color:var(--text-muted)}.search-box input::-moz-placeholder{color:var(--text-muted)}.search-box input::-ms-input-placeholder{color:var(--text-muted)}.search-box input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);flex-shrink:0;width:15px;height:15px}.icon-btn{border-radius:var(--border-radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.page-body{flex:1;padding:20px 24px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);cursor:default;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.purple:before{background:var(--gradient-brand)}.stat-card.green:before{background:var(--gradient-green)}.stat-card.amber:before{background:var(--gradient-warm)}.stat-card.cyan:before{background:var(--gradient-cool)}.stat-card.pink:before{background:linear-gradient(135deg,#ec4899,#f43f5e)}.stat-card:hover{box-shadow:var(--shadow-lg), 0 0 15px rgba(139,92,246,.15);border-color:rgba(139,92,246,.35);transform:translateY(-4px)}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon.purple{color:var(--accent-purple);background:rgba(124,58,237,.15)}.stat-icon.green{color:var(--accent-green);background:rgba(16,185,129,.15)}.stat-icon.amber{color:var(--accent-amber);background:rgba(245,158,11,.15)}.stat-icon.cyan{color:var(--accent-cyan);background:rgba(6,182,212,.15)}.stat-icon.pink{color:var(--accent-pink);background:rgba(236,72,153,.15)}.stat-info{flex:1;width:100%;min-width:0}.stat-label{color:var(--text-muted);margin-bottom:2px;font-size:11.5px;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:1.1}.stat-sub{color:var(--text-muted);margin-top:3px;font-size:11px}.charts-grid{grid-template-columns:3fr 2fr;gap:14px;margin-bottom:20px;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg), 0 0 15px rgba(139,92,246,.15);border-color:rgba(139,92,246,.35);transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:1px;font-size:11.5px}.card-body{padding:18px}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:#1a1a27 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;outline:none;padding:6px 28px 6px 10px;font-family:Inter,sans-serif;font-size:12.5px}.filter-select:focus{border-color:var(--accent-purple);background-color:#1e1e2e}.filter-select:hover{border-color:var(--border-hover);background-color:#1e1e2e}.filter-select option{color:var(--text-primary);background:#1a1a27}.toolbar-spacer{flex:1}.result-count{color:var(--text-muted);font-size:12px}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}.btn:active{transform:scale(.96)!important}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 3px 10px rgba(139,92,246,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(139,92,246,.45)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-1px)}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12.5px}.data-table thead th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:var(--transition);border-bottom:1px solid var(--border);padding:9px 6px;font-size:10px;font-weight:600}.data-table thead th:hover{color:var(--text-primary)}.data-table thead th.sorted{color:var(--accent-purple)}.data-table thead th.filtered-active{color:var(--accent-purple);background:rgba(124,58,237,.05)}.filtered-active .th-inner{font-weight:700}.filtered-active .sort-arrow{opacity:1}.th-inner{align-items:center;gap:4px;display:flex}.sort-arrow{opacity:.3;font-size:9px}.sorted .sort-arrow{opacity:1}.data-table tbody tr{border-bottom:1px solid var(--border);transition:var(--transition)}.data-table tbody tr:hover{cursor:pointer;background:rgba(255,255,255,.03)}.data-table tbody tr:hover td{color:var(--text-primary);transform:translate(3px)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;padding:8px 6px;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s;overflow:hidden}.data-table tbody td.td-name{color:var(--text-primary);max-width:130px;font-weight:600}.badge{white-space:nowrap;border-radius:99px;align-items:center;padding:1.5px 5px;font-size:9.5px;font-weight:600;display:inline-flex}.badge-necklace{color:#a78bfa;background:rgba(124,58,237,.18)}.badge-earrings{color:#67e8f9;background:rgba(6,182,212,.18)}.badge-bracelet{color:#fcd34d;background:rgba(245,158,11,.18)}.badge-pendant{color:#6ee7b7;background:rgba(16,185,129,.18)}.badge-ring{color:#fca5a5;background:rgba(239,68,68,.18)}.badge-brooch{color:#93c5fd;background:rgba(59,130,246,.18)}.badge-set{color:#f9a8d4;background:rgba(236,72,153,.18)}.badge-loose,.badge-default{color:#94a3b8;background:rgba(100,116,139,.18)}.badge-southsea{color:#fcd34d;background:rgba(245,158,11,.18)}.badge-akoya{color:#67e8f9;background:rgba(6,182,212,.18)}.badge-tahitian{color:#cbd5e1;background:rgba(100,116,139,.18)}.badge-edison{color:#6ee7b7;background:rgba(16,185,129,.18)}.badge-freshwater{color:#93c5fd;background:rgba(59,130,246,.18)}[data-theme=light] .badge-necklace{color:#6d28d9;background:rgba(124,58,237,.12)}[data-theme=light] .badge-earrings{color:#0891b2;background:rgba(6,182,212,.12)}[data-theme=light] .badge-bracelet{color:#b45309;background:rgba(245,158,11,.12)}[data-theme=light] .badge-pendant{color:#047857;background:rgba(16,185,129,.12)}[data-theme=light] .badge-ring{color:#b91c1c;background:rgba(239,68,68,.12)}[data-theme=light] .badge-brooch{color:#1d4ed8;background:rgba(59,130,246,.12)}[data-theme=light] .badge-set{color:#be185d;background:rgba(236,72,153,.12)}[data-theme=light] .badge-loose,[data-theme=light] .badge-default{color:#475569;background:rgba(100,116,139,.12)}[data-theme=light] .badge-southsea{color:#b45309;background:rgba(245,158,11,.12)}[data-theme=light] .badge-akoya{color:#0891b2;background:rgba(6,182,212,.12)}[data-theme=light] .badge-tahitian{color:#475569;background:rgba(100,116,139,.12)}[data-theme=light] .badge-edison{color:#047857;background:rgba(16,185,129,.12)}[data-theme=light] .badge-freshwater{color:#1d4ed8;background:rgba(59,130,246,.12)}.badge-customer-vip{color:#fbbf24;letter-spacing:.3px;background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(251,191,36,.15));border:1px solid rgba(245,158,11,.3);border-radius:99px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-customer-loyal{color:#a78bfa;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.25);border-radius:99px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-customer-new{color:#6ee7b7;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);border-radius:99px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=light] .badge-customer-vip{color:#b45309;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.08));border-color:rgba(245,158,11,.2)}[data-theme=light] .badge-customer-loyal{color:#6d28d9;background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.15)}[data-theme=light] .badge-customer-new{color:#047857;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.15)}.pagination-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.page-info{color:var(--text-muted);font-size:12px}.page-controls{align-items:center;gap:3px;display:flex}.page-btn{background:var(--bg-card);border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;display:flex}.page-btn:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.page-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.page-btn:disabled{opacity:.35;cursor:not-allowed}.rows-select{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:#1a1a27 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 7px center no-repeat;border-radius:6px;outline:none;padding:5px 22px 5px 8px;font-family:Inter,sans-serif;font-size:12px}.rows-select option{color:var(--text-primary);background:#1a1a27}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.65);justify-content:flex-end;align-items:flex-start;animation:.18s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.customer-drawer{width:460px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border);height:100dvh;animation:.28s cubic-bezier(.4,0,.2,1) slideIn;overflow-y:auto;box-shadow:-8px 0 40px rgba(0,0,0,.6)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:1;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:-webkit-sticky;position:sticky;top:0}.drawer-title{font-size:15px;font-weight:700}.drawer-body{flex-direction:column;gap:18px;padding:20px 22px;display:flex}.customer-hero{border-radius:var(--border-radius);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);align-items:center;gap:14px;padding:18px;display:flex}.customer-avatar-lg{background:var(--gradient-brand);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.customer-hero-name{margin-bottom:3px;font-size:16px;font-weight:700}.customer-hero-ig{color:var(--text-accent);font-size:12.5px}.customer-hero-wa{color:var(--text-muted);margin-top:2px;font-size:11.5px}.detail-section{flex-direction:column;gap:10px;display:flex}.detail-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding-bottom:7px;font-size:10.5px;font-weight:600}.detail-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-label{color:var(--text-muted);flex-shrink:0;width:110px;font-size:12px}.detail-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:12.5px;font-weight:500}.orders-list{flex-direction:column;gap:6px;display:flex}.order-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.order-item:hover{background:var(--bg-card-hover)}.order-date{color:var(--text-muted);white-space:nowrap;font-size:10.5px}.order-type{flex:1;font-size:12.5px}.order-price{color:var(--accent-green);white-space:nowrap;font-size:12.5px;font-weight:700}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;display:flex}.empty-icon{opacity:.4;margin-bottom:14px;font-size:44px}.empty-title{color:var(--text-secondary);margin-bottom:6px;font-size:15px;font-weight:600}.empty-text{text-align:center;max-width:300px;font-size:12.5px}.loading-row td{padding:12px 14px}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, rgba(255,255,255,.06) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.analytics-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.top-list{flex-direction:column;gap:8px;display:flex}.top-list-item{border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:10px;display:flex}.top-list-item:hover{background:var(--bg-card)}.top-list-rank{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.top-list-name{color:var(--text-primary);flex:1;font-size:12.5px;font-weight:500}.top-list-value{color:var(--accent-green);font-size:12.5px;font-weight:700}.progress-bar-wrap{background:var(--bg-card);border-radius:99px;height:4px;margin-top:4px;overflow:hidden}.progress-bar-fill{background:var(--gradient-brand);border-radius:99px;height:100%;transition:width .6s}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:260px;padding:12px 16px;font-size:13px;animation:.25s cubic-bezier(.4,0,.2,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.info{border-left:3px solid var(--accent-blue)}.mobile-nav{background:var(--bg-secondary);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:999;grid-template-columns:repeat(6,1fr);align-items:center;justify-items:center;height:62px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);cursor:pointer;width:100%;height:100%;transition:var(--transition);background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-nav-item.active{color:var(--text-accent)}.mobile-nav-item span{font-size:9px;font-weight:500}.mobile-header-actions{display:none!important}.marketing-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.marketing-grid-flash{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.charts-grid{grid-template-columns:1fr}.analytics-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:900px){.marketing-grid,.marketing-grid-flash{grid-template-columns:1fr}.sidebar{z-index:1050;width:260px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-260px;display:flex!important}.sidebar.open{transform:translate(260px)}.sidebar-overlay{z-index:1040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);animation:.2s ease-out fadeIn;position:fixed;top:0;bottom:0;left:0;right:0;display:block!important}.mobile-nav{display:none!important}.mobile-menu-btn{display:flex!important}.sidebar-close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:flex!important}.mobile-header-actions{display:flex!important}.analytics-grid-2,.analytics-grid-3{grid-template-columns:1fr}.customer-drawer{width:100vw}.top-header{gap:8px;padding:0 14px}.page-title{font-size:15px}.header-right{gap:6px}.header-right .search-box{display:none!important}}@media (max-width:768px){.table-toolbar{flex-wrap:wrap;gap:8px;padding:12px 14px}.table-toolbar .search-box{flex:100%;min-width:0!important}.table-toolbar .btn-primary{flex:auto;justify-content:center}.toolbar-spacer{display:none}.stat-value{font-size:17px}.charts-grid{grid-template-columns:1fr}.card-body{padding:14px}.card-header{padding:12px 14px}.settings-grid-2,.settings-grid-3,.settings-preview-2{grid-template-columns:1fr!important}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.search-box{min-width:120px;padding:7px 10px}.page-body{padding:12px 14px}.header-bell-btn,.header-avatar,.page-subtitle{display:none!important}}*{-webkit-tap-highlight-color:transparent}.mobile-nav-item{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-nav-item svg{flex-shrink:0}@keyframes bellRing{0%,to{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-12deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}25%{transform:rotate(5deg)}30%{transform:rotate(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.ambient-glow{pointer-events:none;z-index:1;-webkit-filter:blur(140px);filter:blur(140px);opacity:.12;border-radius:50%;width:500px;height:500px;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute}[data-theme=light] .ambient-glow{opacity:.04;-webkit-filter:blur(160px);filter:blur(160px)}.ambient-glow.g-1{background:radial-gradient(circle, var(--accent-purple) 0%, rgba(139,92,246,.1) 70%);animation:25s ease-in-out infinite alternate float-glow-1;top:-150px;left:20%}.ambient-glow.g-2{background:radial-gradient(circle, var(--accent-blue) 0%, rgba(59,130,246,.1) 70%);animation:30s ease-in-out infinite alternate float-glow-2;bottom:-150px;right:15%}@keyframes float-glow-1{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(100px,80px)scale(1.15)rotate(180deg)}to{transform:translate(-50px,120px)scale(.9)rotate(360deg)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-120px,-80px)scale(1.2)rotate(-180deg)}to{transform:translate(80px,40px)scale(.85)rotate(-360deg)}}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;-webkit-filter:grayscale(.5);filter:grayscale(.5);box-shadow:none!important;transform:none!important}.btn-rfm-champions{background:var(--gradient-brand);color:#fff!important}.btn-rfm-champions:hover:not(:disabled){box-shadow:0 4px 12px rgba(139,92,246,.4)}.btn-rfm-atrisk{background:linear-gradient(135deg,#fbbf24,#f87171);color:#fff!important}.btn-rfm-atrisk:hover:not(:disabled){box-shadow:0 4px 12px rgba(245,158,11,.4)}[data-theme=light] .btn-rfm-atrisk{background:linear-gradient(135deg,#d97706,#b45309)}.btn-rfm-newrecent{background:var(--gradient-green);color:#fff!important}.btn-rfm-newrecent:hover:not(:disabled){box-shadow:0 4px 12px rgba(16,185,129,.4)}.btn-rfm-cold{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff!important}.btn-rfm-cold:hover:not(:disabled){box-shadow:0 4px 12px rgba(148,163,184,.4)}[data-theme=light] .btn-rfm-cold{background:linear-gradient(135deg,#64748b,#475569)}.mobile-menu-btn,.sidebar-close-btn{display:none}@media (max-width:768px){.top-header{flex-wrap:nowrap;gap:8px;height:auto;padding:10px 16px}.header-left{justify-content:flex-start;width:auto;display:flex}.header-right{justify-content:flex-end;width:auto;display:flex}.search-box{order:3;width:100%;min-width:0}.charts-grid,.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.stats-grid>.stat-card:last-child{grid-column:1/-1}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:10px;overflow-x:auto}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-actions{flex-direction:column;gap:8px;width:100%;display:flex}.toolbar-actions .btn{justify-content:center;width:100%}.filter-select{width:100%}.settings-grid{grid-template-columns:1fr!important}.modal-panel{width:95%!important;max-width:95%!important;margin:10px!important;padding:20px!important}}