@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap");:root{--primary:#00a5ff;--primary-hover:#0088d6;--primary-light:#e0f2ff;--primary-subtle:#b3e1ff;--accent:#fbbf24;--accent-hover:#f59e0b;--accent-light:#fef3c7;--success:#10b981;--success-light:#ecfdf5;--success-border:#a7f3d0;--error:#ef4444;--error-light:#fef2f2;--error-border:#fecaca;--warning:#f59e0b;--warning-light:#fffbeb;--warning-border:#fde68a;--gray-50:#f9fafb;--gray-100:#e5edf7;--gray-200:#d0d9e8;--gray-300:#a6b4cf;--gray-400:#7c90b2;--gray-500:#5b6b8f;--gray-600:#425171;--gray-700:#2e3a55;--gray-800:#1a2340;--gray-900:#070c1f;--sidebar-bg:radial-gradient(circle at top left,#021943 0%,#012b63 40%,#0058b3 100%);--sidebar-hover:rgba(0,165,255,.16);--sidebar-active:rgba(0,165,255,.26);--sidebar-text:#cbd5ff;--sidebar-text-active:#fff;--sidebar-width:240px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-xs:0 1px 2px rgba(3,7,18,.08);--shadow-sm:0 2px 6px rgba(15,23,42,.12);--shadow-md:0 6px 12px rgba(15,23,42,.18);--shadow-lg:0 18px 35px rgba(15,23,42,.28);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-800);background:radial-gradient(circle at top left,#020617 0,#001a3d 40%,#0058b3 100%);line-height:1.5;font-size:14px}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeIn .35s var(--transition-base) both}.animate-up{animation:fadeInUp .4s ease-out both}.stagger>*{animation:fadeIn .3s ease-out both}.stagger>:first-child{animation-delay:.02s}.stagger>:nth-child(2){animation-delay:.06s}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(7){animation-delay:.26s}.stagger>:nth-child(8){animation-delay:.3s}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-brand h2{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.sidebar-logo{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.sidebar-logo img{display:block}.sidebar-subtitle{font-size:12px;color:rgba(226,232,240,.85);margin-top:4px}.sidebar-nav{flex:1 1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:13.5px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);position:relative}.sidebar-nav a:hover{background:var(--sidebar-hover);color:#e2e8f0;text-decoration:none}.sidebar-nav a.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.sidebar-nav a.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.sidebar-nav .nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:16px 12px;border-top:1px solid hsla(0,0%,100%,.06)}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding:28px 32px;min-height:100vh;background:var(--gray-50)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--gray-900)}.page-subtitle{font-size:14px;color:var(--gray-500);margin-top:2px}.card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:20px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:15px;font-weight:600;color:var(--gray-800)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.kpi-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:18px 20px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;transition:all var(--transition-base)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color,var(--primary))}.kpi-value{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--kpi-color,var(--primary));line-height:1.1}.kpi-label{font-size:12.5px;color:var(--gray-500);margin-top:4px;font-weight:500}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.nav-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);text-decoration:none!important;color:inherit;transition:all var(--transition-base)}.nav-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-subtle)}.nav-card-icon{font-size:28px;margin-bottom:6px}.nav-card-title{font-size:14px;font-weight:600;color:var(--gray-700)}.nav-card-count{font-size:24px;font-weight:800;color:var(--gray-300);letter-spacing:-.03em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 2px 8px rgba(99,102,241,.3)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px rgba(16,185,129,.3)}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-ghost:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-danger-ghost{background:transparent;color:var(--error);border:1px solid var(--error-border)}.btn-danger-ghost:hover:not(:disabled){background:var(--error-light)}.btn-success-ghost{background:transparent;color:var(--success);border:1px solid var(--success-border)}.btn-success-ghost:hover:not(:disabled){background:var(--success-light)}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-lg{padding:12px 24px;font-size:15px}.btn-sidebar{width:100%;padding:9px 14px;background:hsla(0,0%,100%,.06);color:var(--gray-400);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.btn-sidebar:hover{background:hsla(0,0%,100%,.1);color:#fff}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:12.5px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em}.form-label-normal{font-size:13px;font-weight:500;color:var(--gray-700);text-transform:none;letter-spacing:normal}.form-input{padding:9px 13px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-800);background:#fff;transition:all var(--transition-fast);width:100%}.form-input::placeholder{color:var(--gray-400)}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-row{display:grid;grid-gap:12px;gap:12px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;padding:10px 14px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:2px solid var(--gray-100);white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.td-actions{text-align:right;white-space:nowrap}.td-actions .btn+.btn{margin-left:6px}.badge{align-items:center;gap:4px;padding:3px 10px;font-weight:600;white-space:nowrap}.badge-active{background:var(--success-light);color:#065f46}.badge-inactive{background:var(--error-light);color:#991b1b}.badge-pending{background:var(--warning-light);color:#92400e}.badge-delivered{background:var(--success-light);color:#065f46}.badge-cancelled{background:var(--gray-100);color:var(--gray-600)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px;text-align:center;box-shadow:var(--shadow-xs)}.stat-value{font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.03em}.stat-label{font-size:12px;color:var(--gray-500);font-weight:500;margin-top:2px}.tab-bar{display:flex;gap:4px;margin-bottom:16px}.tab-btn{padding:7px 16px;border:1px solid var(--gray-200);border-radius:100px;background:#fff;color:var(--gray-600);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--gray-50)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-bar{display:flex;gap:8px;margin-bottom:16px}.search-bar .form-input{max-width:400px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;animation:fadeIn .25s ease-out}.alert-success{background:var(--success-light);color:#065f46;border:1px solid var(--success-border)}.alert-error{background:var(--error-light);color:#991b1b;border:1px solid var(--error-border)}.progress-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.enrollment-card{border:1px solid var(--gray-100);border-radius:var(--radius-sm);padding:14px;transition:border-color var(--transition-fast)}.enrollment-card:hover{border-color:var(--gray-200)}.console-log{background:var(--gray-900);color:var(--gray-300);padding:18px;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:12.5px;max-height:320px;overflow-y:auto;margin-top:16px;line-height:1.7}.console-log .console-label{color:var(--gray-500);margin-bottom:8px}.wallet-cta{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid var(--success-border);border-radius:var(--radius-md);padding:28px;text-align:center;margin-top:16px}.wallet-cta h3{color:#065f46;font-size:17px;margin-bottom:6px}.wallet-cta p{color:#047857;font-size:13px;margin-bottom:16px}.wallet-cta a{display:inline-block;padding:12px 28px;background:var(--gray-900);color:#fff;border-radius:100px;text-decoration:none;font-weight:700;font-size:14px;transition:all var(--transition-fast)}.wallet-cta a:hover{background:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px);text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#020617 0,#001a3d 40%,#0058b3 100%);position:relative;overflow:hidden}.login-page:before{top:-30%;right:-20%;width:700px;height:700px;background:radial-gradient(circle,rgba(99,102,241,.15) 0,transparent 70%)}.login-page:after,.login-page:before{content:"";position:absolute;pointer-events:none}.login-page:after{bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.08) 0,transparent 70%)}.login-card{background:linear-gradient(145deg,rgba(2,6,23,.96),rgba(15,23,42,.96));border-radius:var(--radius-lg);padding:56px 40px 40px;width:420px;box-shadow:0 25px 50px -12px rgba(15,23,42,.8);position:relative;z-index:1;animation:fadeInUp .5s ease-out;border:1px solid rgba(148,163,184,.35)}.login-logo-only{display:flex;justify-content:center;margin-bottom:28px}.login-logo-only img{display:block;height:140px;width:auto}.login-card .subtitle{color:#cdd5f5;font-size:14.5px;margin:6px 0 28px}.login-toggle{margin-top:20px;font-size:13px;text-align:center;color:#cbd5f5}.login-toggle button{background:none;border:none;color:var(--primary-subtle);font-weight:600;cursor:pointer;padding:0;font-size:13px}.login-toggle button:hover{text-decoration:underline}.empty-state{text-align:center;padding:32px 20px;color:var(--gray-400);font-size:14px}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.loading-center{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:15px}.loading-center,.text-muted{color:var(--gray-500)}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-mono{font-family:JetBrains Mono,monospace}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.gap-sm{gap:8px}.gap-md{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.opacity-50{opacity:.5}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.alert-ok{background:var(--success-light);color:#065f46;border:1px solid var(--success-border);border-radius:var(--radius-sm)}.alert-err,.alert-ok{padding:12px 16px;font-size:14px}.alert-err{background:var(--error-light);color:#991b1b;border:1px solid var(--error-border);border-radius:var(--radius-sm)}.sidebar-logo-wrap{display:flex;align-items:center;justify-content:center;padding:4px 0 8px}.sidebar-logo-wrap img{filter:drop-shadow(0 2px 12px rgba(0,165,255,.25));transition:transform .3s ease,filter .3s ease}.sidebar-logo-wrap:hover img{transform:scale(1.04);filter:drop-shadow(0 4px 20px rgba(0,165,255,.4))}.sidebar-commerce-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,165,255,.08);border:1px solid rgba(0,165,255,.12);border-radius:8px;margin-top:4px}.sidebar-commerce-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;flex-shrink:0}.sidebar-commerce-name{font-size:12.5px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-plan-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.15);border-radius:100px;padding:4px 12px;text-align:center;margin-bottom:10px;text-decoration:none;display:block;transition:all .2s}.sidebar-plan-badge:hover{opacity:.85;transform:scale(1.02)}.sidebar-plan-badge.plan-free{color:#94a3b8;background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.15)}.sidebar-plan-badge.plan-starter{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.15)}.sidebar-plan-badge.plan-pro{color:#00a5ff;background:rgba(0,165,255,.1);border-color:rgba(0,165,255,.15)}.sidebar-plan-badge.plan-business{color:#a855f7;background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.15)}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.settings-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--gray-900);line-height:1.2}.settings-subtitle{font-size:14px;color:var(--gray-500);margin-top:4px}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--gray-100);border-radius:12px;width:-moz-fit-content;width:fit-content}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:9px;background:transparent;color:var(--gray-500);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.settings-tab:hover{color:var(--gray-700);background:hsla(0,0%,100%,.5)}.settings-tab.active{background:#fff;color:var(--gray-900);box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}.settings-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px}.settings-alert-error{background:var(--error-light);color:#991b1b;border:1px solid var(--error-border)}.settings-alert-success{background:var(--success-light);color:#065f46;border:1px solid var(--success-border)}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.settings-card{background:#fff;border-radius:14px;border:1px solid var(--gray-200);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s}.settings-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.settings-card-header{margin-bottom:20px}.settings-card-header h3{font-size:16px;font-weight:700;color:var(--gray-800);letter-spacing:-.01em}.settings-card-header p{font-size:13px;color:var(--gray-400);margin-top:3px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-label{font-size:12.5px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.settings-field-hint{font-size:12px;color:var(--gray-400)}.settings-input{padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:10px;font-size:14px;color:var(--gray-800);background:#fff;transition:all var(--transition-fast);width:100%;font-family:inherit}.settings-input::placeholder{color:var(--gray-300)}.settings-input:hover{border-color:var(--gray-300)}.settings-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,165,255,.1)}.settings-input-featured{font-size:16px;padding:14px 16px;font-weight:500}.settings-textarea{resize:vertical;min-height:100px;line-height:1.6}.settings-char-count{text-align:right;font-size:12px;color:var(--gray-400);font-weight:500;margin-top:4px}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.settings-branding-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:28px;gap:28px;align-items:start}.settings-branding-controls{display:flex;flex-direction:column;gap:20px}.template-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.template-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:10px;background:#fff;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;position:relative}.template-chip:hover{border-color:var(--gray-300);background:var(--gray-50);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.template-chip.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px rgba(0,165,255,.12)}.template-swatch{width:28px;height:28px;border-radius:8px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.template-label{font-size:13px;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:5px}.template-emoji{font-size:14px}.template-check{position:absolute;top:6px;right:8px;font-size:13px;color:var(--primary);font-weight:700}.card-type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.card-type-chip{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--gray-200);background:var(--surface-1);cursor:pointer;text-align:left;transition:all .18s ease}.card-type-chip.active,.card-type-chip:hover{border-color:var(--primary);background:var(--primary-light)}.card-type-chip.active{box-shadow:0 0 0 3px rgba(0,165,255,.12)}.card-type-emoji{font-size:22px;flex-shrink:0}.card-type-info{display:flex;flex-direction:column;gap:1px}.card-type-label{font-size:13px;font-weight:700;color:var(--gray-800)}.card-type-desc{font-size:11px;color:var(--gray-500);line-height:1.3}.card-type-check{position:absolute;top:6px;right:8px;font-size:13px;color:var(--primary);font-weight:700}.color-pickers{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.color-picker-group{display:flex;flex-direction:column;gap:8px}.color-picker-row{display:flex;gap:8px;align-items:center}.color-picker-well{width:44px;height:44px;border-radius:10px;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.1);flex-shrink:0;position:relative;transition:transform .15s,box-shadow .15s}.color-picker-well:hover{transform:scale(1.08);box-shadow:inset 0 0 0 2px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.15)}.color-picker-well input[type=color]{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.color-hex-input{font-family:JetBrains Mono,monospace;font-size:13px!important;text-transform:uppercase;letter-spacing:.02em}.upload-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.upload-zone{border:2px dashed var(--gray-200);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:130px;cursor:pointer;transition:all var(--transition-fast);background:var(--gray-50)}.upload-zone:hover{border-color:var(--primary);background:var(--primary-light)}.upload-zone.dragging{border-color:var(--primary);background:rgba(0,165,255,.06);box-shadow:0 0 0 4px rgba(0,165,255,.1)}.upload-zone.has-image{border-style:solid;border-color:var(--gray-200);padding:8px;background:#fff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gray-400);font-size:13px;font-weight:500;text-align:center}.upload-icon{font-size:28px;margin-bottom:2px}.upload-hint{font-size:11px;color:var(--gray-300)}.upload-preview-img{width:100%;height:100%;max-height:110px;object-fit:contain;border-radius:8px}.upload-preview-cover{object-fit:cover}.settings-preview-col{position:relative}.preview-sticky{position:-webkit-sticky;position:sticky;top:28px;display:flex;flex-direction:column;gap:20px}.preview-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);text-align:center}.wallet-card-preview{border-radius:16px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05),0 20px 40px rgba(0,0,0,.12),inset 0 0 0 1px hsla(0,0%,100%,.06);transition:transform .3s ease,box-shadow .3s ease}.wallet-card-preview:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.1),0 30px 60px rgba(0,0,0,.18),inset 0 0 0 1px hsla(0,0%,100%,.08)}.wallet-card-cover{height:100px;overflow:hidden}.wallet-card-cover img{width:100%;height:100%;object-fit:cover}.wallet-card-body{padding:20px}.wallet-card-top{display:flex;align-items:center;gap:14px}.wallet-card-logo-area{flex-shrink:0}.wallet-card-logo-img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:hsla(0,0%,100%,.1)}.wallet-card-logo-placeholder{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff}.wallet-card-info{flex:1 1;min-width:0}.wallet-card-name{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.wallet-card-category{font-size:12px;color:hsla(0,0%,100%,.45);font-weight:500;margin-top:2px}.wallet-card-divider{border:none;border-top:1px solid;margin:16px 0}.wallet-card-stats{display:flex;justify-content:space-around;text-align:center}.wallet-card-stat-value{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.wallet-card-stat-label{font-size:11px;color:hsla(0,0%,100%,.4);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.wallet-card-message{text-align:center;font-size:13px;font-weight:600;margin-top:14px;padding:10px;background:hsla(0,0%,100%,.04);border-radius:8px}.wallet-card-footer{padding:10px 20px;border-top:1px solid;text-align:center}.wallet-card-footer-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.2)}.preview-phone-label{font-size:11.5px;color:var(--gray-400);text-align:center;font-weight:500}.app-card-preview{border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid var(--gray-200)}.app-card-header{padding:16px;color:#fff}.app-card-name-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.app-card-mini-logo{width:32px;height:32px;object-fit:contain;border-radius:8px;background:hsla(0,0%,100%,.15)}.app-card-mini-logo-ph{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff}.app-card-biz-name{font-size:16px;font-weight:700;letter-spacing:-.01em}.app-card-stats-row{display:flex;justify-content:space-around}.app-card-stat{font-size:12px;color:hsla(0,0%,100%,.8)}.app-card-stat strong{color:#fff;font-weight:800;font-size:16px;display:block;line-height:1.1}.app-card-body{padding:14px 16px}.app-card-program{display:flex;justify-content:space-between;font-size:13px;color:hsla(0,0%,100%,.7);margin-bottom:8px}.app-card-progress-track{height:6px;background:hsla(0,0%,100%,.12);border-radius:3px;overflow:hidden}.app-card-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.settings-skeleton{padding:20px 0}@media (max-width:1100px){.settings-branding-layout{grid-template-columns:1fr}.settings-preview-col{order:-1}.preview-sticky{position:static}}@media (max-width:800px){.color-pickers,.settings-form-grid,.settings-grid-2,.template-grid,.upload-grid{grid-template-columns:1fr}}.qr-header-stats{display:flex;gap:10px}.qr-stat-pill{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;min-width:80px}.qr-stat-num{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.03em;line-height:1.1}.qr-stat-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.qr-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:28px;gap:28px;align-items:start}.qr-left-col{display:flex;flex-direction:column;gap:20px}.qr-preview-col{position:relative}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235b6b8f' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4h-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.settings-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,165,255,.1)}.qr-gen-form{display:flex;flex-direction:column;gap:16px}.qr-gen-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.qr-gen-btn{width:100%;padding:12px;font-size:15px}.qr-table-wrap{margin:-4px -4px 0;overflow-x:auto}.qr-table{width:100%;border-collapse:separate;border-spacing:0 4px}.qr-table thead th{padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);border-bottom:none}.qr-table-row{cursor:pointer;transition:all var(--transition-fast);border-radius:10px}.qr-table-row td{padding:12px 14px;border-bottom:none;background:var(--gray-50);font-size:13.5px;vertical-align:middle}.qr-table-row td:first-child{border-radius:10px 0 0 10px}.qr-table-row td:last-child{border-radius:0 10px 10px 0}.qr-table-row.selected td,.qr-table-row:hover td{background:var(--primary-light)}.qr-table-row.selected td{box-shadow:inset 0 0 0 1.5px var(--primary)}.qr-table-row.selected td:first-child{box-shadow:inset 1.5px 1.5px 0 0 var(--primary),inset 0 -1.5px 0 0 var(--primary)}.qr-table-row.selected td:last-child{box-shadow:inset -1.5px 1.5px 0 0 var(--primary),inset 0 -1.5px 0 0 var(--primary)}.qr-table-row.selected td:not(:first-child):not(:last-child){box-shadow:inset 0 1.5px 0 0 var(--primary),inset 0 -1.5px 0 0 var(--primary)}.qr-cell-branch{display:flex;flex-direction:column;gap:1px}.qr-cell-branch-name{font-weight:600;color:var(--gray-800)}.qr-cell-branch-addr{font-size:12px;color:var(--gray-400)}.qr-cell-program{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-type-badge{display:inline-flex;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.02em}.qr-type-badge.visits{background:#eff6ff;color:#1d4ed8}.qr-type-badge.points{background:#fefce8;color:#a16207}.qr-cell-date{display:flex;flex-direction:column;gap:1px;font-size:13px;color:var(--gray-600)}.qr-cell-time{font-size:12px;color:var(--gray-400)}.qr-view-btn{width:32px;height:32px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.qr-view-btn.active,.qr-view-btn:hover{background:var(--primary);border-color:var(--primary);filter:brightness(1.1)}.qr-empty{text-align:center;padding:40px 20px}.qr-empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.4}.qr-empty p{color:var(--gray-500);font-size:14px;font-weight:500}.qr-empty-hint{color:var(--gray-400)!important;font-size:13px!important;margin-top:4px}.qr-table-skeleton{display:flex;flex-direction:column;gap:6px}.qr-preview-card{background:#fff;border-radius:16px;border:1px solid var(--gray-200);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.qr-preview-qr-area{display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--gray-100)}.qr-preview-qr-frame{padding:16px;background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease}.qr-preview-qr-frame:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.08)}.qr-preview-info{padding:20px 24px}.qr-preview-branch{font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.02em}.qr-preview-program{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-500);margin-top:4px}.qr-preview-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.qr-preview-meta-item{display:flex;flex-direction:column;gap:4px}.qr-preview-meta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400)}.qr-preview-meta-item>span:last-child{font-size:13px;color:var(--gray-700);font-weight:500}.qr-preview-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:0 24px}.qr-action-btn{padding:10px 14px!important;font-size:13px!important;border-radius:10px!important;justify-content:center}.qr-preview-instruction{display:flex;align-items:flex-start;gap:8px;margin:16px 24px 20px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:12.5px;color:#92400e;line-height:1.5}.qr-preview-instruction span{font-size:16px;flex-shrink:0}.qr-preview-empty{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:60px 24px;text-align:center}.qr-preview-empty-icon{font-size:56px;display:block;margin-bottom:12px;opacity:.3}.qr-preview-empty p{color:var(--gray-400);font-size:14px}@media (max-width:1100px){.qr-layout{grid-template-columns:1fr}.qr-preview-col{order:-1}.qr-preview-col .preview-sticky{position:static}}@media (max-width:700px){.qr-gen-fields{grid-template-columns:1fr}.qr-header-stats{display:none}.qr-preview-actions{grid-template-columns:1fr}}.dash-header{margin-bottom:24px}.dash-title{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--gray-900);line-height:1.2}.dash-subtitle{font-size:14px;color:var(--gray-400);margin-top:4px;text-transform:capitalize}.dash-skeleton-header{margin-bottom:24px}.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.dash-kpi{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:box-shadow .2s}.dash-kpi:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.dash-kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dash-kpi-label{font-size:12.5px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.dash-kpi-delta{font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}.dash-kpi-delta.up{background:#ecfdf5;color:#059669}.dash-kpi-delta.down{background:#fef2f2;color:#dc2626}.dash-kpi-value{font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--gray-900);line-height:1.1}.dash-kpi-sub{font-size:12px;color:var(--gray-400);margin-top:2px;font-weight:500}.dash-sparkline{position:absolute;bottom:0;right:0;width:50%;height:40px;opacity:.6}.dash-grid-main{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.dash-grid-bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.dash-bar-chart{display:flex;flex-direction:column;gap:8px}.dash-bar-chart-bars{display:flex;align-items:flex-end;gap:3px;height:180px;padding:0 2px}.dash-bar-col{flex:1 1;height:100%;display:flex;align-items:flex-end}.dash-bar{width:100%;background:var(--primary);border-radius:3px 3px 0 0;opacity:.65;transition:opacity .15s,height .4s ease;min-height:2px}.dash-bar:hover{opacity:1}.dash-bar.today{background:var(--primary);opacity:1;box-shadow:0 0 8px rgba(0,165,255,.3)}.dash-bar.zero{background:var(--gray-200);opacity:.4}.dash-bar-chart-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-400);font-weight:500;padding:0 2px}.dash-chart-empty{height:180px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:14px}.dash-activity-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.dash-activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:13px;color:var(--gray-600)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.dash-activity-content{flex:1 1;min-width:0;line-height:1.4}.dash-activity-name{font-weight:700;color:var(--gray-800)}.dash-activity-detail{font-weight:600;color:var(--gray-700)}.dash-activity-time{font-size:11px;color:var(--gray-400);font-weight:500;flex-shrink:0;white-space:nowrap}.dash-activity-empty{text-align:center;padding:40px 20px;color:var(--gray-400)}.dash-activity-empty span{font-size:36px;display:block;margin-bottom:8px;opacity:.4}.dash-activity-empty p{font-size:14px}.dash-top-clients{display:flex;flex-direction:column}.dash-top-client{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.dash-top-client:last-child{border-bottom:none}.dash-top-rank{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary);background:var(--primary-light);flex-shrink:0}.dash-top-info{flex:1 1;min-width:0}.dash-top-name{font-size:14px;font-weight:700;color:var(--gray-800);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top-meta{font-size:12px;color:var(--gray-400)}.dash-top-last{font-size:11px;color:var(--gray-400);font-weight:500;flex-shrink:0}.dash-quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.dash-quick-item{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;font-size:13.5px;font-weight:600;color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast)}.dash-quick-item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dash-quick-count{margin-left:auto;font-size:12px;font-weight:800;color:var(--gray-400);background:#fff;padding:2px 8px;border-radius:100px}.dash-onboarding{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:24px;margin-bottom:20px}.dash-onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-onboarding-header h3{font-size:16px;font-weight:700;color:var(--gray-800)}.dash-onboarding-header p{font-size:13px;color:var(--gray-500);margin-top:2px}.dash-onboarding-ring{width:48px;height:48px;position:relative}.dash-onboarding-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dash-onboarding-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--primary)}.dash-onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.dash-onboarding-step{display:flex;align-items:center;gap:8px;padding:10px 14px;background:hsla(0,0%,100%,.7);border:1px solid rgba(0,0,0,.06);border-radius:10px;font-size:13px;font-weight:600;color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast)}.dash-onboarding-step:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.dash-onboarding-step.done{color:var(--gray-400)}.dash-onboarding-check{font-size:16px}@media (max-width:1100px){.dash-kpi-row{grid-template-columns:repeat(2,1fr)}.dash-grid-bottom,.dash-grid-main{grid-template-columns:1fr}.dash-onboarding-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.dash-kpi-row,.dash-onboarding-steps,.dash-quick-grid{grid-template-columns:1fr}}.client-sort-btns{display:flex;gap:4px;background:var(--gray-100);border-radius:10px;padding:3px}.client-sort-btn{padding:6px 14px;border:none;border-radius:8px;background:transparent;font-size:12.5px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.client-sort-btn.active{background:#fff;color:var(--gray-800);box-shadow:0 1px 3px rgba(0,0,0,.08)}.client-list{display:flex;flex-direction:column;gap:4px}.client-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--gray-50);border-radius:12px;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.client-row:hover{background:var(--primary-light);transform:translateX(2px)}.client-avatar{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:var(--primary);background:linear-gradient(135deg,var(--primary-light),rgba(0,165,255,.15));flex-shrink:0}.client-info{flex:1 1;min-width:0}.client-name{font-size:14px;font-weight:700;color:var(--gray-800)}.client-contact,.client-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-contact{font-size:12px;color:var(--gray-400)}.client-stats{display:flex;gap:20px}.client-stat{display:flex;flex-direction:column;align-items:center;min-width:52px}.client-stat-val{font-size:15px;font-weight:800;color:var(--gray-800);line-height:1.1}.client-stat-lbl{font-size:10.5px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.client-last-visit{display:flex;flex-direction:column;align-items:flex-end;min-width:80px;font-size:13px;font-weight:600;color:var(--gray-600)}.client-arrow{color:var(--gray-300);font-size:16px;flex-shrink:0;transition:color var(--transition-fast)}.client-row:hover .client-arrow{color:var(--primary)}.client-back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--gray-500);text-decoration:none;margin-bottom:16px;transition:color var(--transition-fast)}.client-back-link:hover{color:var(--primary)}.client-profile-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px;margin-bottom:20px}.client-profile-top{display:flex;align-items:flex-start;gap:16px}.client-profile-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--primary);background:linear-gradient(135deg,var(--primary-light),rgba(0,165,255,.2));flex-shrink:0}.client-profile-info{flex:1 1}.client-profile-name{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;margin:0}.client-profile-contact{display:flex;gap:16px;margin-top:4px;font-size:13px;color:var(--gray-500)}.client-profile-since{font-size:12px;color:var(--gray-400);margin-top:4px}.client-profile-actions{flex-shrink:0}.client-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-100)}.client-kpi{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--gray-50);border-radius:12px}.client-kpi-val{font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.03em;line-height:1.1}.client-kpi-lbl{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.client-detail-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:20px;gap:20px;align-items:start}.client-detail-left{display:flex;flex-direction:column;gap:16px}.client-detail-right,.client-timeline{position:relative}.client-timeline{display:flex;flex-direction:column;padding-left:24px}.client-timeline:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:var(--gray-100);border-radius:1px}.tl-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;position:relative}.tl-dot{width:12px;height:12px;border-radius:50%;position:absolute;left:-24px;top:16px;border:2.5px solid;background:#fff;z-index:1}.tl-dot.visit{border-color:var(--primary)}.tl-dot.redemption{border-color:#f59e0b}.tl-dot.joined{border-color:#10b981}.tl-content{flex:1 1;min-width:0}.tl-action{font-size:13.5px;color:var(--gray-600);line-height:1.4}.tl-action strong{color:var(--gray-800);font-weight:700}.tl-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--gray-400)}.tl-points{font-weight:700;color:#059669;background:#ecfdf5;padding:1px 6px;border-radius:100px;font-size:11px}.tl-time{font-size:11px;color:var(--gray-400);text-align:right;flex-shrink:0;line-height:1.5}.client-programs-list{display:flex;flex-direction:column;gap:12px}.client-program-card{padding:16px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-100)}.client-program-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.client-program-top>div{display:flex;align-items:center;gap:8px}.client-program-name{font-size:15px;font-weight:700;color:var(--gray-800)}.client-program-rewards{font-size:12px;font-weight:700;color:var(--gray-400)}.client-program-progress{display:flex;flex-direction:column;gap:6px}.client-progress-bar{height:8px;background:var(--gray-200);border-radius:100px;overflow:hidden}.client-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#38bdf8);border-radius:100px;transition:width .5s ease}.client-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-500);font-weight:500}.client-program-points{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-500)}.client-program-pts-val{font-size:22px;font-weight:800;color:var(--gray-800);letter-spacing:-.03em}.client-program-pts-rate{font-size:11px;font-weight:700;color:#059669;background:#ecfdf5;padding:2px 8px;border-radius:100px}.client-enroll-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.client-summary-list{display:flex;flex-direction:column}.client-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:13px;color:var(--gray-500)}.client-summary-row:last-child{border-bottom:none}.client-summary-val{font-weight:700;color:var(--gray-800)}.badge{display:inline-flex;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:700}.badge-active{background:#ecfdf5;color:#059669}.badge-inactive{background:var(--gray-100);color:var(--gray-400)}.badge-warning{background:#fffbeb;color:#d97706}@media (max-width:1100px){.client-detail-layout{grid-template-columns:1fr}.client-detail-right .preview-sticky{position:static}}@media (max-width:800px){.client-stats{display:none}.client-kpi-row{grid-template-columns:repeat(2,1fr)}.client-sort-btns{width:100%}.client-sort-btn{flex:1 1;text-align:center}}.report-date-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.report-presets{display:flex;gap:4px;background:var(--gray-100);border-radius:10px;padding:3px}.report-date-inputs{display:flex;align-items:center;gap:8px;margin-left:auto}.report-date-field{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.report-date-field input{width:150px}.report-breakdown-list{display:flex;flex-direction:column;gap:10px}.report-breakdown-item{display:flex;flex-direction:column;gap:4px}.report-breakdown-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--gray-700)}.report-breakdown-val{color:var(--gray-400);font-weight:700}.report-breakdown-bar{height:6px;background:var(--gray-100);border-radius:100px;overflow:hidden}.report-breakdown-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .5s ease}.report-breakdown-fill.method{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}@media (max-width:900px){.report-date-controls{flex-direction:column;align-items:stretch}.report-date-inputs{margin-left:0;flex-wrap:wrap}.report-presets{overflow-x:auto}}.campaign-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.campaign-segment-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1.5px solid var(--gray-200);border-radius:10px;background:#fff;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.campaign-segment-btn:hover{border-color:var(--gray-300);background:var(--gray-50)}.campaign-segment-btn.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px rgba(0,165,255,.1)}.campaign-segment-icon{font-size:22px}.campaign-segment-label{font-size:11.5px;font-weight:600;color:var(--gray-600);text-align:center;line-height:1.3}.campaign-segment-btn.active .campaign-segment-label{color:var(--primary)}.campaign-preview{background:var(--gray-50);border-radius:12px;padding:16px}.campaign-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.campaign-preview-app-icon{width:24px;height:24px;font-size:14px;display:flex;align-items:center;justify-content:center}.campaign-preview-app{font-size:12px;font-weight:700;color:var(--gray-600)}.campaign-preview-time{font-size:11px;color:var(--gray-400);margin-left:auto}.campaign-preview-title{font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:4px}.campaign-preview-body{font-size:13px;color:var(--gray-500);line-height:1.5}.settings-tab-bar{display:flex;gap:4px;padding:3px;background:var(--gray-100);border-radius:10px;width:-moz-fit-content;width:fit-content}@media (max-width:700px){.campaign-segment-grid{grid-template-columns:repeat(2,1fr)}}.pub-page{min-height:100vh;background:#f8fafc;font-family:Plus Jakarta Sans,system-ui,sans-serif}.pub-container{max-width:800px;margin:0 auto;padding:0 20px 60px}.pub-error{text-align:center;padding:100px 20px}.pub-error span{font-size:64px;display:block;margin-bottom:16px}.pub-error h2{font-size:24px;font-weight:800;color:#0f172a}.pub-error p{color:#94a3b8;margin-top:8px}.pub-hero{position:relative;min-height:280px;display:flex;align-items:flex-end;overflow:hidden}.pub-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}.pub-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%;padding:40px 20px 32px}.pub-hero-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;border:3px solid hsla(0,0%,100%,.2);margin-bottom:12px}.pub-hero-logo-placeholder{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;margin-bottom:12px}.pub-hero-name{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.03em;margin:0;line-height:1.1}.pub-hero-category{display:inline-block;margin-top:8px;padding:4px 12px;background:hsla(0,0%,100%,.15);border-radius:100px;font-size:12px;font-weight:600;color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pub-hero-desc{margin-top:10px;font-size:15px;color:hsla(0,0%,100%,.75);max-width:500px;line-height:1.5}.pub-stats-bar{justify-content:center;gap:0;background:#fff;border-radius:16px;padding:20px;margin-top:-28px;position:relative;z-index:2;box-shadow:0 4px 24px rgba(0,0,0,.06)}.pub-stat,.pub-stats-bar{display:flex;align-items:center}.pub-stat{flex:1 1;flex-direction:column}.pub-stat-val{font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}.pub-stat-lbl{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.pub-stat-divider{width:1px;height:40px;background:#e2e8f0}.pub-section{margin-top:32px}.pub-section-title{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 16px}.pub-about-text{font-size:15px;color:#475569;line-height:1.7;margin:0}.pub-programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:16px;gap:16px}.pub-program-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:box-shadow .2s}.pub-program-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}.pub-program-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.pub-program-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border-radius:12px;flex-shrink:0}.pub-program-name{font-size:16px;font-weight:700;color:#0f172a;margin:0}.pub-program-type{font-size:12.5px;color:#64748b;font-weight:500}.pub-program-desc{font-size:13.5px;color:#64748b;line-height:1.5;margin:0 0 12px}.pub-program-footer{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9}.pub-program-enrolled{font-size:12px;font-weight:700;color:#94a3b8}.pub-rewards-list{display:flex;flex-wrap:wrap;gap:6px}.pub-reward-chip{font-size:12px;font-weight:600;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:100px}.pub-branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px}.pub-branch-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.pub-branch-icon{font-size:24px;flex-shrink:0}.pub-branch-name{font-size:14px;font-weight:700;color:#0f172a;margin:0}.pub-branch-addr{font-size:12.5px;color:#64748b;margin:2px 0 0}.pub-branch-phone{font-size:12px;color:#94a3b8;margin:2px 0 0}.pub-branch-map-link{margin-left:auto;font-size:12px;font-weight:700;color:var(--pub-primary,#00a5ff);text-decoration:none;white-space:nowrap;flex-shrink:0;align-self:center}.pub-branch-map-link:hover{text-decoration:underline}.pub-cta{margin-top:40px;background:var(--pub-secondary,#070c1f);border-radius:20px;padding:40px;text-align:center}.pub-cta h2{font-size:24px;font-weight:800;color:#fff;margin:0}.pub-cta p{color:hsla(0,0%,100%,.6);font-size:14px;margin-top:8px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.pub-cta-badges{margin-top:20px;display:flex;justify-content:center;gap:12px}.pub-cta-badge{padding:12px 24px;background:var(--pub-primary,#00a5ff);color:#fff;border-radius:12px;font-size:14px;font-weight:700}.pub-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:center;font-size:13px;color:#94a3b8}.pub-footer strong{color:#64748b}@media (max-width:600px){.pub-hero{min-height:220px}.pub-hero-name{font-size:28px}.pub-stat-val{font-size:22px}.pub-branches-grid,.pub-programs-grid{grid-template-columns:1fr}.pub-cta{padding:28px 20px}}.plan-usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;padding:4px 0}.plan-usage-item{padding:12px 0}.plan-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.plan-usage-label{font-size:13px;font-weight:500;color:var(--gray-600);text-transform:capitalize}.plan-usage-count{font-size:13px;font-weight:700;color:var(--gray-800)}.plan-usage-count.near-limit{color:#f59e0b}.plan-usage-count.at-limit{color:#ef4444}.plan-usage-bar-track{height:6px;background:var(--gray-200);border-radius:100px;overflow:hidden}.plan-usage-bar-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .6s ease}.plan-usage-bar-fill.near-limit{background:#f59e0b}.plan-usage-bar-fill.at-limit{background:#ef4444}.plan-usage-unlimited{font-size:11px;color:#10b981;font-weight:600}.plan-usage-unavailable{font-size:11px;color:var(--gray-400);font-style:italic}.plan-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;align-items:start}.plan-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px 20px;position:relative;display:flex;flex-direction:column;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.plan-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.08)}.plan-card.current{box-shadow:0 0 0 2px rgba(0,165,255,.2)}.plan-card.current,.plan-card.highlighted{border-color:var(--primary)}.plan-popular-badge{left:50%;transform:translateX(-50%);background:var(--primary);white-space:nowrap}.plan-current-badge,.plan-popular-badge{position:absolute;top:-10px;color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.plan-current-badge{right:16px;background:#10b981}.plan-card-header{text-align:center;margin-bottom:16px}.plan-card-emoji{font-size:32px;display:block;margin-bottom:8px}.plan-card-name{font-size:18px;font-weight:700;color:var(--gray-800);margin:0 0 4px}.plan-card-desc{font-size:12px;color:var(--gray-500);margin:0}.plan-card-price{text-align:center;padding:16px 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:16px}.plan-price-free{font-size:24px;font-weight:800;color:var(--gray-600)}.plan-price-amount{font-size:36px;font-weight:800;color:var(--gray-800)}.plan-price-period{font-size:14px;color:var(--gray-400);font-weight:500}.plan-card-features{flex:1 1;display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.plan-feature-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.plan-feature-row.disabled{opacity:.5}.plan-feature-icon{font-size:13px;width:18px;text-align:center;flex-shrink:0}.plan-feature-label{flex:1 1;color:var(--gray-600)}.plan-feature-value{font-weight:700;color:var(--gray-800);text-align:right;font-size:11px}.plan-card-action{margin-top:auto}.plan-btn-current{font-weight:600;color:#10b981;background:rgba(16,185,129,.1);border-radius:10px}.plan-btn-current,.plan-btn-included{text-align:center;padding:10px;font-size:13px}.plan-btn-included{font-weight:500;color:var(--gray-500)}@media (max-width:1100px){.plan-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.plan-cards-grid{grid-template-columns:1fr}}.upgrade-prompt{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,rgba(0,165,255,.08),rgba(168,85,247,.06));border:1px solid rgba(0,165,255,.2);border-radius:12px;padding:16px 20px;margin-bottom:16px}.upgrade-prompt-icon{font-size:28px}.upgrade-prompt-body{flex:1 1}.upgrade-prompt-msg{font-size:13px;font-weight:500;color:var(--gray-700);margin:0 0 10px}.settings-label{display:block;font-size:12px;font-weight:600;color:var(--gray-400);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.data-table{border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.data-table td,.data-table th{padding:10px 12px;border-bottom:1px solid var(--gray-200)}.data-table td{color:var(--gray-700)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.stamp-icon-picker{display:flex;flex-direction:column;gap:10px}.stamp-icon-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:4px}.stamp-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.stamp-icon-btn{width:36px;height:36px;font-size:18px;border-radius:8px;border:1.5px solid var(--gray-200);background:var(--surface-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.stamp-icon-btn:hover{transform:scale(1.1)}.stamp-icon-btn.active,.stamp-icon-btn:hover{border-color:var(--primary);background:var(--primary-light)}.stamp-icon-btn.active{box-shadow:0 0 0 3px rgba(0,165,255,.15)}.stamp-upload-zone{max-width:200px;max-height:120px;min-height:80px}.premium-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.premium-switch input{opacity:0;width:0;height:0}.premium-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-200);transition:.4s;border-radius:24px}.premium-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.premium-switch input:checked+.premium-slider{background-color:var(--primary)}.premium-switch input:checked+.premium-slider:before{transform:translateX(20px)}.premium-upload-box{border:2px dashed var(--gray-200);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition-base);cursor:pointer;background:var(--gray-50);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gray-500)}.premium-upload-box:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.premium-label{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.premium-modal-header{margin-bottom:24px;border-bottom:1px solid var(--gray-100);padding-bottom:16px}.premium-modal-title{font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.premium-modal-subtitle{font-size:13px;color:var(--gray-500);margin-top:4px}.stamp-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:12px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100);justify-content:flex-start}.stamp-item{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--gray-200);background:#fff;color:var(--gray-200);font-size:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.stamp-item.filled{background:var(--primary-light);border:2px solid var(--primary);color:var(--primary);animation:stampPop .4s ease-out both}.stamp-item.reward-slot{border-style:solid;border-color:var(--success-border);background:#fff;color:var(--success)}.stamp-item.reward-slot.unlocked{background:var(--success-light);border-color:var(--success);box-shadow:0 0 12px var(--success-border)}@keyframes stampPop{0%{transform:scale(.6) rotate(-10deg);opacity:0}70%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.stamp-card-legend{font-size:11px;color:var(--gray-400);margin-top:4px;font-style:italic}