@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--teal:#0f7165;--teal-light:#13897b;--teal-dim:#0f71651a;--teal-dim2:#0f71652e;--orange:#ff6b35;--orange-dim:#ff6b351a;--red:#e53935;--red-dim:#e539351a;--blue:#1976d2;--blue-dim:#1976d21a;--yellow:#f59e0b;--yellow-dim:#f59e0b1a;--purple:#7c3aed;--purple-dim:#7c3aed1a;--bg:#f5f6fa;--surface:#fff;--surface-2:#f0f2f8;--surface-3:#e8ebf4;--text-1:#1a1a2e;--text-2:#4b5563;--text-3:#9ca3af;--border:#e0e4ed;--border-2:#c8cacc;--sales-color:#0f7165;--expenses-color:#e53935;--sidebar-w:250px;--topbar-h:64px;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow:0 2px 16px #00000012;--shadow-md:0 4px 32px #0000001a;--shadow-lg:0 8px 48px #00000024;--font-head:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-number:"Inter", monospace;--sidebar-bg:#fff;--sidebar-border:#e0e4ed;--sidebar-divider:#e0e4ed;--sidebar-logo-text:#1a1a2e;--sidebar-text:#4b5563;--sidebar-text-muted:#9ca3af;--sidebar-hover-bg:#f3f4f6;--sidebar-hover-text:#1a1a2e;--sidebar-active-bg:#e6f4ef;--sidebar-active-text:#0f7165}body.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#041210;--surface:#071d1a;--surface-2:#0b2b27;--surface-3:#103f39;--text-1:#fff;--text-2:#a2c4bf;--text-3:#6d9690;--border:#103f39;--border-2:#195e54;--shadow:0 8px 32px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 12px 64px #0009;--sales-color:#34d399;--expenses-color:#f87171;--sidebar-bg:#071a17;--sidebar-border:#103f39;--sidebar-divider:#103f39;--sidebar-logo-text:#fff;--sidebar-text:#a2c4bf;--sidebar-text-muted:#6d9690;--sidebar-hover-bg:#12352e;--sidebar-hover-text:#fff;--sidebar-active-bg:#1b5e50;--sidebar-active-text:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none}input,select,textarea{font-family:var(--font-body)}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:.8}ul{list-style:none}img{max-width:100%}.app-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:200;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;flex-direction:column;flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:0 0 24px #00000008}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--teal)}.sidebar-logo{border-bottom:1px solid var(--sidebar-divider);align-items:center;gap:10px;padding:16px 12px 14px;display:flex}.sidebar-logo-icon{background:var(--teal);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-icon svg{fill:#fff;width:18px;height:18px}.sidebar-logo-text{font-family:var(--font-head);color:var(--teal);letter-spacing:-.3px;font-size:15px;font-weight:800}body.dark-theme .sidebar-logo-text{color:#34d399}.sidebar-biz{border-bottom:1px solid var(--sidebar-divider);padding:10px 12px}.sidebar-biz-name{color:var(--sidebar-logo-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-biz-tag{color:var(--sidebar-text-muted);margin-top:2px;font-size:11px}.nav-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--sidebar-text-muted);margin-top:14px;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.nav-item:hover{color:var(--sidebar-hover-text);background:var(--sidebar-hover-bg);transform:translate(6px)}.nav-item.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg)}.nav-item:before{content:"";background:var(--teal);border-radius:0 3px 3px 0;width:3px;height:0;transition:height .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item.active:before{height:70%}.nav-item svg{opacity:.9;flex-shrink:0;width:16px;height:16px;transition:transform .25s cubic-bezier(.25,.8,.25,1),opacity .25s}.nav-item:hover svg{opacity:.9;transform:scale(1.15)rotate(5deg)}.nav-item .badge{background:var(--red);color:#fff;text-align:center;border-radius:100px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--sidebar-divider);margin-top:auto;padding:12px 8px}.sidebar-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar-avatar{background:var(--teal-dim2);border:2px solid var(--teal);width:32px;height:32px;color:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{color:var(--sidebar-logo-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lang-toggle{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);width:100%;color:var(--sidebar-text);cursor:pointer;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.lang-toggle:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.lang-toggle .lang-current{color:var(--teal);font-weight:700}.lang-toggle .lang-sep{color:var(--sidebar-border);margin:0 6px}.lang-toggle .lang-other{color:var(--sidebar-text-muted)}aside.sidebar>nav,.sidebar>nav{padding:8px 12px!important}.main-content{margin-left:var(--sidebar-w);min-width:0;min-height:100vh;max-width:calc(100% - var(--sidebar-w));flex-direction:column;flex:1;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);border:1px solid var(--border);background:0 0;justify-content:center;align-items:center;transition:background .15s;display:none}.topbar-menu-btn svg{width:18px;height:18px}.topbar-title{font-family:var(--font-head);color:var(--text-1);font-size:18px;font-weight:700}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.icon-btn svg{width:16px;height:16px}.icon-btn .notif-dot{background:var(--red);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;animation:2s infinite notif-pulse;position:absolute;top:6px;right:6px}@keyframes notif-pulse{0%{box-shadow:0 0 #e53935b3}70%{box-shadow:0 0 0 5px #e5393500}to{box-shadow:0 0 #e5393500}}.page-content{flex:1;padding:28px;animation:.45s cubic-bezier(.22,1,.36,1) forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text-1);letter-spacing:-.5px;font-size:22px;font-weight:800}.page-subtitle{color:var(--text-3);margin-top:2px;font-size:13px}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .35s cubic-bezier(.25,.8,.25,1)}.stat-card:hover{box-shadow:0 12px 32px #0f716514, var(--shadow-md);border-color:#0f716559;transform:translateY(-6px)scale(1.01)}.stat-card-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.stat-card:hover .stat-card-icon{transform:scale(1.12)rotate(4deg)}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-card-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.stat-card-value{color:var(--text-1);letter-spacing:-.5px;font-size:24px;font-weight:800}.stat-card-change{align-items:center;gap:3px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.stat-card-change.up{color:var(--teal)}.stat-card-change.down{color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.card-title{color:var(--text-1);font-size:14px;font-weight:700}.card-body{padding:20px}.card-footer{border-top:1px solid var(--border);background:var(--surface-2);padding:12px 20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--surface-2);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:13px 14px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color .2s,transform .2s}tbody tr:hover{transform:scale(1.002)translate(3px)}tbody tr:hover td{background:var(--surface-2);color:var(--text-1)}.td-name{color:var(--text-1);font-weight:600}.td-mono{font-family:var(--font-number);font-variant-numeric:tabular-nums;font-size:12px}.td-actions{align-items:center;gap:6px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn svg{width:15px;height:15px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.btn:active:not(:disabled){transform:translateY(.5px)scale(.98)}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-light);box-shadow:0 6px 20px #0f716559}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #e5393533}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff;box-shadow:0 6px 20px #e539354d}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);box-shadow:0 4px 12px #0000000d}.btn-outline{color:var(--teal);border:1.5px solid var(--teal);background:0 0}.btn-outline:hover:not(:disabled){background:var(--teal-dim);box-shadow:0 4px 12px #0f71651a}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.btn-block{justify-content:center;width:100%}.form-group{margin-bottom:16px}.form-label{color:var(--text-2);letter-spacing:.2px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-control{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);outline:none;padding:9px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f71651f}.form-control::placeholder{color:var(--text-3)}.form-control:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:13px;padding-right:36px}textarea.form-control{resize:vertical;min-height:80px}.form-hint{color:var(--text-3);margin-top:4px;font-size:11px}.form-error{color:var(--red);margin-top:4px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.badge{white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--teal-dim);color:var(--teal)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-gray{background:var(--surface-3);color:var(--text-3)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a2e8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;animation:.35s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:var(--teal)}.modal-lg{max-width:720px}.modal-xl{max-width:900px}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.modal-close:hover{background:var(--surface-3)}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.switch{width:44px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--surface-3);border:1px solid var(--border);border-radius:22px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--teal);border-color:var(--teal)}input:checked+.slider:before{transform:translate(22px)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-wrap svg{width:14px;height:14px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);outline:none;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .18s}.search-input:focus{border-color:var(--teal)}.search-input::placeholder{color:var(--text-3)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-dark{border-color:#0f716533;border-top-color:var(--teal)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.empty-state-icon{opacity:.35;font-size:40px}.empty-state-text{color:var(--text-2);font-size:14px;font-weight:600}.empty-state-sub{color:var(--text-3);font-size:12px}.pagination{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex}.pagination-btns{gap:6px;display:flex}.page-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.page-btn:hover{background:var(--surface-2)}.page-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.auth-page{background:var(--text-1);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f716526 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b3512 0%,#0000 65%);width:400px;height:400px;position:absolute;bottom:-150px;left:-100px}.auth-box{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;padding:40px;position:relative}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-icon{background:var(--teal);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auth-logo-icon svg{fill:#fff;width:20px;height:20px}.auth-logo-text{font-family:var(--font-head);color:var(--text-1);font-size:20px;font-weight:800}.auth-title{color:var(--text-1);margin-bottom:4px;font-size:22px;font-weight:800}.auth-sub{color:var(--text-3);margin-bottom:28px;font-size:13px}.auth-footer-text{text-align:center;color:var(--text-3);margin-top:20px;font-size:12px}.auth-footer-text a{color:var(--teal);font-weight:600}.auth-lang-row{justify-content:flex-end;margin-bottom:20px;display:flex}.auth-lang-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.auth-lang-btn:hover{background:var(--surface-3)}.auth-lang-btn .lang-current{color:var(--teal)}.auth-lang-btn .lang-sep{color:var(--border-2)}.steps{align-items:center;gap:0;margin-bottom:28px;display:flex}.step{flex:1;align-items:center;display:flex}.step-num{border:2px solid var(--border);width:28px;height:28px;color:var(--text-3);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.step.done .step-num{background:var(--teal);border-color:var(--teal);color:#fff}.step.active .step-num{border-color:var(--teal);color:var(--teal)}.step-line{background:var(--border);flex:1;height:2px;margin:0 6px;transition:background .2s}.step.done .step-line{background:var(--teal)}.biz-card{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.biz-card:hover{border-color:var(--teal);background:var(--teal-dim);box-shadow:var(--shadow);transform:translateY(-2px)scale(1.02)}.biz-card.selected{border-color:var(--teal);background:var(--teal-dim)}.biz-card-icon{background:var(--teal-dim2);width:38px;height:38px;color:var(--teal);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.biz-card-name{color:var(--text-1);font-size:14px;font-weight:700}.biz-card-meta{color:var(--text-3);font-size:12px}.pending-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.pending-box{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:48px 40px}.pending-pulse{background:var(--yellow-dim);border:3px solid var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:32px;animation:2s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b4d}50%{transform:scale(1.05);box-shadow:0 0 0 12px #f59e0b00}}.role-chips{flex-wrap:wrap;gap:8px;display:flex}.role-chip{border:1.5px solid var(--border);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex}.role-chip:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim);transform:translateY(-1.5px)scale(1.04)}.role-chip.selected{border-color:var(--teal);background:var(--teal-dim);color:var(--teal)}.role-chip input{display:none}.topbar-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:8px;padding:8px;transition:background .15s;display:none}.topbar-menu-btn:hover{background:var(--surface-2)}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-w:70px!important}.sidebar{width:70px!important;min-width:70px!important;max-width:70px!important;transform:none!important}.sidebar.open{box-shadow:none!important;transform:none!important}.main-content{max-width:calc(100% - 70px)!important;margin-left:70px!important}.topbar-menu-btn{display:none!important}.sidebar-logo{justify-content:center!important;padding:20px 0 0!important}.sidebar-logo-text{opacity:0!important;width:0!important;display:none!important;overflow:hidden!important}.logo-img{width:20px!important;height:20px!important}.sidebar-toggle-btn{display:none!important}.sidebar-biz{opacity:0!important;border-bottom:none!important;max-height:0!important;margin-bottom:0!important;padding:0!important}.nav-section-label{opacity:1!important;justify-content:center!important;height:auto!important;margin-top:16px!important;margin-bottom:16px!important;padding:0!important;display:flex!important;overflow:visible!important}.nav-label-text{display:none!important}.nav-item{justify-content:center!important;gap:0!important;padding:9px 0!important}.nav-item span{opacity:0!important;width:0!important;display:none!important}.sidebar-footer{flex-direction:column!important;align-items:center!important;padding:16px 0!important;display:flex!important}.sidebar-user{justify-content:center!important;padding:6px 0!important}.sidebar-user div:last-child{opacity:0!important;display:none!important}.lang-toggle{opacity:0!important;max-height:0!important;margin-bottom:0!important;padding:0!important}#pending-badge{display:none!important}.page-content{padding:16px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.form-row,.form-row-3{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;align-items:flex-start!important}.auth-box{padding:28px 20px!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.text-muted{color:var(--text-3)}.text-right{text-align:right}.mt-8{margin-top:8px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.d-flex{display:flex}.align-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.flex-1{flex:1}.w-full{width:100%}.hidden{display:none!important}.overlay-bg{z-index:150;background:#0006;display:none;position:fixed;inset:0}.overlay-bg.open{display:block}.toggle-switch-wrap input:checked+.toggle-slider{background-color:var(--teal)}.toggle-switch-wrap input:focus+.toggle-slider{box-shadow:0 0 1px var(--teal)}.toggle-switch-wrap input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}.text-blue{color:#1976d2!important}.text-red{color:#e53935!important}.text-teal{color:#0f7165!important}.text-orange{color:#f59e0b!important}.text-bold{font-weight:700!important}.text-xs{font-size:11px!important}.text-sm{font-size:13px!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.mb-4{margin-bottom:4px!important}.mt-4{margin-top:4px!important}.mt-16{margin-top:16px!important}.p-10{padding:10px!important}.text-center{text-align:center!important}@media print{.sidebar,.topbar,.page-header-actions,.btn-group,.btn,.overlay-bg,#overlay,.sidebar-toggle-btn{display:none!important}body,html{color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;font-size:11px!important}.app-layout{width:100%!important;display:block!important}.main-content{width:100%!important;margin-left:0!important;padding:0!important;display:block!important}.page-content{width:100%!important;padding:0!important}.pnl-wrap{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#0f7165!important;border-radius:12px!important;margin-bottom:20px!important;padding:24px!important}.pnl-label{color:#ffffffb3!important}.pnl-row{grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-top:16px!important;display:grid!important}.dpnl-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;width:100%!important;margin-bottom:20px!important;display:grid!important}.dpnl-card{text-align:center!important;box-shadow:none!important;page-break-inside:avoid!important;background:#fff!important;border:1px solid #ccc!important;border-radius:10px!important;padding:8px 12px!important}.analytics-hero{grid-template-columns:2fr 1fr!important;gap:20px!important;width:100%!important;margin-bottom:20px!important;display:grid!important}.chart-card{page-break-inside:avoid!important;border:1px solid #ccc!important;border-radius:12px!important;height:280px!important;padding:16px!important}.metric-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;display:grid!important}.metric-card{box-shadow:none!important;border:1px solid #ccc!important;border-radius:12px!important;padding:12px!important}.grid-2{grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;display:grid!important}.card{box-shadow:none!important;page-break-inside:avoid!important;border:1px solid #ccc!important;border-radius:12px!important;padding:16px!important}table,tr,td,th{page-break-inside:avoid!important}}.db-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;display:grid}.db-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;padding:12px 12px 8px;transition:all .35s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 4px #00000005}.db-stat:hover{border-color:#0f71654d;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 28px #0f716514,0 4px 12px #0000000a}.db-stat-label{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:9px;font-weight:700;overflow:hidden}.db-stat-val{font-family:var(--font-number);color:var(--text-1);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;width:100%;margin-bottom:2px;font-size:16px;font-weight:700;overflow:hidden}.db-stat-change{align-items:center;gap:3px;margin-bottom:4px;font-size:9px;font-weight:600;display:flex}.db-spark{height:28px}.db-row-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-bottom:12px;display:grid}.db-row-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px;display:grid}.db-row-3b{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:0;display:grid}.db-row-bottom{grid-template-columns:2.2fr 1fr .8fr;gap:10px;margin-bottom:16px;display:grid}.db-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform .35s cubic-bezier(.25,.8,.25,1),box-shadow .35s,border-color .3s;overflow:hidden;box-shadow:0 4px 12px #00000008}.db-card:hover{border-color:#0f71652e;transform:translateY(-4px);box-shadow:0 12px 36px #00000012}.db-card-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.db-card-title{color:var(--text-1);font-size:11px;font-weight:700}.db-card-sub{color:var(--text-3);margin-top:1px;font-size:9px}.db-card-body{padding:10px 12px}.db-card-body-donut{justify-content:center;align-items:center;gap:20px;min-height:140px;padding:14px 16px;display:flex}.db-period{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600}.db-donut-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.db-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-donut-val{font-family:var(--font-number);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-variant-numeric:tabular-nums;max-width:80px;margin-bottom:1px;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.db-donut-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:500;line-height:1}.db-legend-row{align-items:center;gap:5px;margin-bottom:5px;font-size:10px;display:flex}.db-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.db-legend-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.db-legend-pct{color:var(--text-1);font-weight:700}.db-legend-val{color:var(--text-3);font-size:9px}.db-legend-wrap{flex:0 auto;min-width:120px}.bsi-row{grid-template-columns:14px 1fr auto;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:grid}.bsi-rank{color:var(--text-3);flex-shrink:0;width:14px;font-size:10px;font-weight:700}.bsi-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.bsi-bar-bg{background:var(--surface-3);border-radius:1px;height:3px;margin-top:2px;overflow:hidden}.bsi-bar{border-radius:1px;height:100%;transition:width .4s}.bsi-amt{color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;min-width:24px;font-size:9px;font-weight:700;font-family:var(--font-number);flex-shrink:0}.cmp-card{background:var(--surface-2);border-radius:6px;margin-bottom:8px;padding:10px 12px}.cmp-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:9px;font-weight:600}.cmp-val{font-family:var(--font-number);color:var(--text-1);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.cmp-badge{font-size:9px;font-weight:700;font-family:var(--font-number);border-radius:100px;margin-left:12px;padding:1px 6px}.tc-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:7px 0;display:flex}.tc-row:last-child{border-bottom:none}.tc-num{background:var(--surface-2);width:16px;height:16px;color:var(--text-3);font-size:8px;font-weight:700;font-family:var(--font-number);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tc-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.tc-name{color:var(--text-1);flex:1;font-size:11px;font-weight:600}.tc-amt{color:var(--teal);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;font-family:var(--font-number)}.db-txn-table{border-collapse:collapse;width:100%;font-size:10px}.db-txn-table th{background:var(--surface-2);text-align:left;text-transform:uppercase;letter-spacing:.2px;color:var(--text-3);border-bottom:1px solid var(--border);padding:6px 8px;font-size:8px;font-weight:700}.db-txn-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;font-variant-numeric:tabular-nums;font-family:var(--font-number);padding:6px 8px}.db-greeting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.db-greeting-title{font-family:var(--font-head);color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:800}.db-greeting-sub{color:var(--text-3);margin-top:1px;font-size:12px}.db-date-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}@media (width<=1200px){.db-row-bottom{grid-template-columns:1fr 1fr}.db-row-bottom>:first-child{grid-column:span 2}}@media (width<=1000px){.db-row-3b{grid-template-columns:1fr 1fr;gap:16px}}@media (width<=800px){.db-stat-grid{grid-template-columns:1fr 1fr}.db-row-3,.db-row-4,.db-row-bottom{grid-template-columns:1fr}.db-row-bottom>:first-child{grid-column:span 1}}@media (width<=600px){.db-row-3b{grid-template-columns:1fr;gap:12px}}.sidebar nav::-webkit-scrollbar{width:4px!important;height:4px!important}.sidebar nav::-webkit-scrollbar-track{background:0 0!important}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:10px!important;transition:background .2s!important}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}@media (width>=769px){.sidebar{box-sizing:border-box!important;flex-shrink:0!important;width:250px!important;min-width:250px!important;max-width:250px!important;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)!important}.main-content{margin-left:250px!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)!important}.logo-img{border-radius:11px!important;width:48px!important;height:48px!important;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-logo{border-bottom:none!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;padding:20px 20px 0!important;font-size:18px!important;font-weight:800!important;transition:padding .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.sidebar-logo-text{white-space:nowrap!important;opacity:1!important;font-size:15px!important;font-weight:800!important;transition:opacity .25s cubic-bezier(.4,0,.2,1)!important}.sidebar-toggle-btn{background:var(--sidebar-hover-bg)!important;border:1px solid var(--sidebar-border)!important;width:24px!important;height:24px!important;color:var(--sidebar-text)!important;cursor:pointer!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.sidebar-toggle-btn:hover{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important;transform:scale(1.1)!important}.sidebar-biz{border-bottom:1px solid var(--sidebar-divider)!important;opacity:1!important;max-height:80px!important;margin-bottom:12px!important;padding:0 20px 16px!important;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),border-bottom .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.sidebar-biz-name{white-space:nowrap!important;font-size:13px!important;font-weight:700!important}.sidebar-biz-tag{white-space:nowrap!important;font-size:11px!important}.sidebar>nav{flex:1!important;padding:0 12px!important}.nav-section-label{letter-spacing:1.5px!important;text-transform:uppercase!important;white-space:nowrap!important;opacity:1!important;justify-content:space-between!important;align-items:center!important;height:auto!important;margin-top:0!important;margin-bottom:6px!important;padding:0 8px!important;font-size:10px!important;font-weight:700!important;transition:opacity .2s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.nav-item{border-radius:var(--radius-sm)!important;color:var(--sidebar-text)!important;white-space:nowrap!important;align-items:center!important;gap:10px!important;margin:0 0 2px!important;padding:9px 12px!important;font-size:13px!important;font-weight:500!important;transition:all .25s cubic-bezier(.25,.8,.25,1),padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),justify-content .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.nav-item span{opacity:1!important;transition:opacity .2s cubic-bezier(.4,0,.2,1),width .2s!important;display:inline-block!important}.nav-item svg{opacity:.9!important;width:16px!important;height:16px!important;color:var(--sidebar-text)!important;flex-shrink:0!important}.nav-item:hover{color:var(--sidebar-hover-text)!important;background:var(--sidebar-hover-bg)!important}.nav-item:hover svg{color:var(--sidebar-hover-text)!important;opacity:1!important}.nav-item.active{color:var(--sidebar-active-text)!important;background:var(--sidebar-active-bg)!important}.nav-item.active svg{color:var(--sidebar-active-text)!important}.sidebar-footer{margin:0!important;padding:16px 12px!important;transition:padding .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-user{color:inherit;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex;transition:background .2s,padding .3s cubic-bezier(.4,0,.2,1),justify-content .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-avatar{flex-shrink:0!important;width:32px!important;height:32px!important;font-size:12px!important}.sidebar-user div:last-child{opacity:1!important;transition:opacity .2s cubic-bezier(.4,0,.2,1)!important;display:block!important}.sidebar-user-name{white-space:nowrap!important;font-size:13px!important;font-weight:600!important}.sidebar-user-role{white-space:nowrap!important;font-size:11px!important}.lang-toggle{overflow:hidden;max-height:40px!important;padding:7px 12px!important;font-size:12px!important;transition:opacity .2s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),margin .3s!important}.sidebar-collapsed .sidebar{width:70px!important;min-width:70px!important;max-width:70px!important}.sidebar-collapsed .main-content{margin-left:70px!important}.sidebar-collapsed .sidebar-logo{justify-content:center!important;padding:20px 0 0!important}.sidebar-collapsed .sidebar-logo-text{opacity:0!important;width:0!important;display:none!important;overflow:hidden!important}.sidebar-collapsed .logo-img{border-radius:9px!important;width:36px!important;height:36px!important}.sidebar-collapsed .toggle-icon{transform:rotate(180deg)!important}.sidebar-collapsed .sidebar-biz{opacity:0!important;border-bottom:none!important;max-height:0!important;margin-bottom:0!important;padding:0!important}.sidebar-collapsed .nav-section-label{opacity:1!important;justify-content:center!important;height:auto!important;margin-top:16px!important;margin-bottom:16px!important;padding:0!important;display:flex!important;overflow:visible!important}.sidebar-collapsed .nav-label-text{display:none!important}.sidebar-collapsed .nav-item{justify-content:center!important;gap:0!important;padding:9px 0!important}.sidebar-collapsed .nav-item span{opacity:0!important;width:0!important;display:none!important}.sidebar-collapsed .sidebar-footer{flex-direction:column!important;align-items:center!important;padding:16px 0!important;display:flex!important}.sidebar-collapsed .sidebar-user{justify-content:center!important;padding:6px 0!important}.sidebar-collapsed .sidebar-user div:last-child{opacity:0!important;display:none!important}.sidebar-collapsed .lang-toggle{opacity:0!important;max-height:0!important;margin-bottom:0!important;padding:0!important}.sidebar-collapsed #pending-badge{display:none!important}}.shimmer{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;animation:1.5s linear infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes drawLine{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.animate-draw-line{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.5s cubic-bezier(.25,1,.5,1) forwards drawLine}@keyframes fadeFill{0%{opacity:0}to{opacity:.15}}.animate-fade-fill{opacity:0;animation:1s ease-out 1.2s forwards fadeFill}@keyframes drawDonutSegment{0%{stroke-dasharray:0 100}to{stroke-dasharray:var(--target-array)}}.animate-draw-donut{stroke-dasharray:0 100;stroke-dashoffset:var(--target-offset);animation:linear forwards drawDonutSegment}@keyframes spinDonut{0%{stroke-dashoffset:100px;opacity:0;transform:rotate(-90deg)scale(.8)}to{opacity:1;transform:rotate(-90deg)scale(1)}}.animate-spin-in{opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards spinDonut}.chart-dot{transform-origin:50%;transition:all .2s}.chart-dot:hover{r:8;filter:drop-shadow(0 2px 4px #0000004d);cursor:pointer}.storefront-settings-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=992px){.storefront-settings-grid{grid-template-columns:1.25fr 1fr!important}}.storefront-preview-container{background:var(--surface-2);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .3s;display:flex;position:sticky;top:90px}.preview-phone-frame{width:100%;max-width:310px;height:520px;box-shadow:var(--shadow-lg);box-sizing:border-box;background:#fff;border:10px solid #1e293b;border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.preview-phone-notch{z-index:10;background:#1e293b;border-radius:0 0 12px 12px;width:110px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-phone-screen{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;flex:1;padding-top:18px;display:flex;overflow:hidden auto}.preview-phone-screen::-webkit-scrollbar{width:3px}.preview-phone-screen::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-dropdown-fade-in{animation:.15s ease-out forwards dropdownFadeIn}body.live-chat-active .theme-toggle-btn{opacity:0;pointer-events:none;transform:scale(.8)}.creda-chat-launcher{transition:all .3s cubic-bezier(.4,0,.2,1)!important}body.live-chat-active .creda-chat-launcher{opacity:0!important;pointer-events:none!important;transform:scale(.8)!important}.settings-select{border:1.5px solid var(--border);background-color:var(--bg);width:100%;color:var(--text-1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M8 10l4 4 4-4'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;border-radius:8px;outline:none;padding:10px 36px 10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}body.dark-theme .settings-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M8 10l4 4 4-4'/%3e%3c/svg%3e")}.settings-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f71651f}.settings-select:disabled{opacity:.6;cursor:not-allowed}.live-chat-floating-panel{z-index:9999;box-sizing:border-box;width:380px;height:600px;max-height:calc(100vh - 120px);animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideUp;position:fixed;bottom:80px;right:24px}@media (width<=480px){.live-chat-floating-panel{width:calc(100vw - 32px);height:calc(100vh - 100px);max-height:none;bottom:80px;right:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.typing-dots{align-items:center;gap:3px;height:12px;margin-left:2px;display:inline-flex}.typing-dot{background-color:var(--text-2,#4b5563);opacity:.4;border-radius:50%;width:5px;height:5px;animation:1.4s infinite both typingDotBounce;display:inline-block}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDotBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}:root{--navy:#f5f6fa;--navy-2:#fff;--navy-3:#eef0f6;--navy-4:#e4e6f0;--gold:#0f7165;--gold-light:#13897b;--gold-dim:#0f71651a;--green:#0f7165;--green-dim:#0f71651a;--red:#e53935;--red-dim:#e539351a;--blue:#1976d2;--blue-dim:#1976d21a;--accent:#ff6b35;--accent-dim:#ff6b351a;--text-1:#1a1a2e;--text-2:#4b5563;--text-3:#9ca3af;--border:#e0e0e0;--border-2:#c8cacc;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 4px 32px #00000014}body.dark-theme{--navy:#041210;--navy-2:#071d1a;--navy-3:#0b2b27;--navy-4:#103f39;--text-1:#fff;--text-2:#a2c4bf;--text-3:#6d9690;--border:#103f39;--border-2:#195e54;--shadow:0 8px 32px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Syne,sans-serif;line-height:1.2}#view-landing{display:block}#view-about,#view-blog,#view-faq,#view-article-1,#view-article-2,#view-article-3,#view-article-4,#view-article-5,#view-article-6,#view-dashboard,body.dashboard-mode #view-landing{display:none}body.dashboard-mode #view-dashboard{display:flex}body.about-mode #view-landing{display:none}body.about-mode #view-about{display:block}body.blog-mode #view-landing{display:none}body.blog-mode #view-blog{display:block}body.faq-mode #view-landing{display:none}body.faq-mode #view-faq{display:block}body.article-1-mode #view-landing{display:none}body.article-1-mode #view-article-1{display:block}body.article-2-mode #view-landing{display:none}body.article-2-mode #view-article-2{display:block}body.article-3-mode #view-landing{display:none}body.article-3-mode #view-article-3{display:block}body.article-4-mode #view-landing{display:none}body.article-4-mode #view-article-4{display:block}body.article-5-mode #view-landing{display:none}body.article-5-mode #view-article-5{display:block}body.article-6-mode #view-landing{display:none}body.article-6-mode #view-article-6{display:block}.lang-toggle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #fff6;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:background .18s,border-color .18s;display:flex}.lang-toggle-btn:hover{background:#ffffff26;border-color:#ffffffb3}.lang-toggle-btn .ltb-cur{color:#fff;font-weight:700}.lang-toggle-btn .ltb-sep{color:#fff6}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a524b;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:#fff;align-items:center;gap:10px;font-family:Syne,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#fff;opacity:.9;text-transform:uppercase;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff;opacity:1}.nav-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:7px;padding:9px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff80}.btn-ghost:hover{color:#fff;background:#ffffff26}.btn-gold{color:#0f7165;background:#fff;font-weight:700;box-shadow:0 0 0 2px #ffffff40}.btn-gold:hover{color:#0a5248;background:#e6f4f2;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-lg{border-radius:var(--radius);padding:14px 28px;font-size:15px}.btn-outline-gold{color:var(--gold);border:1.5px solid var(--gold);background:0 0}.btn-outline-gold:hover{background:var(--gold-dim)}.nav-hamburger{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fff6;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.nav-hamburger span{background:#fff;border-radius:2px;width:18px;height:2px;transition:all .25s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:99;opacity:0;pointer-events:none;background:#0f7165;border-bottom:1px solid #ffffff1f;flex-direction:column;gap:4px;padding:20px 5% 28px;display:none;position:fixed;top:70px;left:0;right:0}.mobile-nav-drawer.open{opacity:1;pointer-events:all;display:flex}.mobile-nav-drawer a{color:#ffffffd9;border-radius:var(--radius-sm);padding:12px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.mobile-nav-drawer a:hover{color:#fff;background:#ffffff1f}.mobile-nav-divider{background:#ffffff26;height:1px;margin:8px 0}.mobile-nav-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.mobile-nav-actions .btn{flex:1;justify-content:center}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:140px 5% 100px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f716514 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-100px}.hero-eyebrow{background:var(--gold-dim);color:var(--gold);border:1px solid #0f716540;border-radius:100px;align-items:center;margin-bottom:24px;padding:6px 14px 6px 10px;font-size:13px;font-weight:600;display:table}.hero-eyebrow-inner{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.hero-eyebrow-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-content{display:block}.hero h1{letter-spacing:-1.5px;color:var(--text-1);margin-bottom:22px;font-size:clamp(38px,5vw,62px);font-weight:800}.hero h1 em{color:var(--gold);font-style:normal}.hero-sub{color:var(--text-2);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-social-proof{align-items:center;gap:14px;margin-top:48px;display:flex}.avatars{display:flex}.avatars .av{border:2px solid var(--navy);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:-8px;font-size:12px;font-weight:700;display:flex}.avatars .av:first-child{margin-left:0}.hero-proof-text{color:var(--text-2);font-size:13px}.hero-proof-text strong{color:var(--text-1)}.hero-visual{position:relative}.hero-mockup{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius-lg);animation:6s ease-in-out infinite float;overflow:hidden;box-shadow:0 40px 80px #0000001f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mockup-topbar{border-bottom:1px solid var(--border);background:var(--navy-2);align-items:center;gap:8px;padding:14px 16px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-title{text-align:center;color:var(--text-2);flex:1;font-size:12px;font-weight:600}.mockup-body{padding:20px}.mockup-stat-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.m-stat{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.m-stat-label{color:var(--text-3);margin-bottom:4px;font-size:11px}.m-stat-val{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.m-stat-badge{border-radius:4px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.m-chart{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px}.m-chart-title{color:var(--text-2);margin-bottom:12px;font-size:11px;font-weight:600}.m-bar-row{align-items:flex-end;gap:6px;height:60px;display:flex}.m-bar{border-radius:4px 4px 0 0;flex:1}.m-txn{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.m-txn:last-child{border-bottom:none}.m-txn-icon{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.m-txn-info{flex:1}.m-txn-name{font-size:12px;font-weight:600}.m-txn-time{color:var(--text-3);font-size:10px}.m-txn-amount{font-size:13px;font-weight:700}.floating-card{background:var(--navy-3);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;position:absolute}.fc-top{animation:5s ease-in-out infinite float2;top:-20px;right:-30px}.fc-bottom{animation:5s ease-in-out 2s infinite float2;bottom:-20px;left:-30px}@keyframes float2{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.fc-label{color:var(--text-3);margin-bottom:2px;font-size:10px}.fc-val{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--navy-2);grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 5%;display:grid}.stat-item{text-align:center}.stat-num{color:var(--gold);font-family:Syne,sans-serif;font-size:30px;font-weight:800}.stat-label{color:var(--text-2);margin-top:2px;font-size:13px}.section{padding:100px 5%}.section-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);align-items:center;gap:7px;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--gold);border-radius:2px;width:18px;height:2px}.section-title{letter-spacing:-1px;color:var(--text-1);margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:800}.section-sub{color:var(--text-2);max-width:550px;font-size:16px;line-height:1.7}.section-header{margin-bottom:60px}.section-header.center{text-align:center}.section-header.center .section-sub{margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feat-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .25s,transform .25s}.feat-card:hover{border-color:var(--border-2);transform:translateY(-4px)}.feat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:22px;display:flex}.feat-title{margin-bottom:8px;font-size:16px;font-weight:700}.feat-desc{color:var(--text-2);font-size:13px;line-height:1.6}.feat-badge{background:var(--gold-dim);color:var(--gold);border:1px solid #0f716533;border-radius:100px;margin-top:14px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.feature-spotlight{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:70px 5%;display:grid}.feature-spotlight.reverse{direction:rtl}.feature-spotlight.reverse>*{direction:ltr}.spotlight-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;font-weight:700}.spotlight-title{letter-spacing:-.8px;margin-bottom:14px;font-size:clamp(22px,2.5vw,32px);font-weight:800}.spotlight-desc{color:var(--text-2);margin-bottom:20px;font-size:15px;line-height:1.8}.spotlight-list{flex-direction:column;gap:10px;list-style:none;display:flex}.spotlight-list li{color:var(--text-2);align-items:flex-start;gap:10px;font-size:14px;display:flex}.spotlight-list li:before{content:"✓";color:var(--gold);flex-shrink:0;margin-top:1px;font-weight:700}.spotlight-visual{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.how-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid;position:relative}.how-grid:before{content:"";background:linear-gradient(90deg,var(--gold) 0%,transparent 100%);height:1px;position:absolute;top:36px;left:calc(33% + 10px);right:calc(33% + 10px)}.how-step{text-align:center}.how-num{border:2px solid var(--gold);width:72px;height:72px;color:var(--gold);background:var(--gold-dim);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Syne,sans-serif;font-size:24px;font-weight:800;display:flex}.how-title{margin-bottom:8px;font-size:17px;font-weight:700}.how-desc{color:var(--text-2);font-size:13px;line-height:1.7}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testi-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.testi-stars{color:var(--gold);letter-spacing:2px;margin-bottom:14px;font-size:14px}.testi-text{color:var(--text-2);margin-bottom:20px;font-size:14px;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:12px;display:flex}.testi-av{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.testi-name{font-size:14px;font-weight:700}.testi-biz{color:var(--text-3);font-size:12px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.price-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:32px;transition:transform .2s;display:flex;position:relative}.price-card>.btn{margin-top:auto}.price-card:hover{transform:translateY(-4px)}.price-card.featured{border-color:var(--gold);background:var(--navy-3)}.price-popular{background:var(--gold);color:#fff;white-space:nowrap;border-radius:100px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-plan{color:var(--text-2);margin-bottom:10px;font-size:13px;font-weight:600}.price-amount{margin-bottom:4px;font-family:Syne,sans-serif;font-size:38px;font-weight:800}.price-amount span{color:var(--text-2);font-size:16px;font-weight:400}.price-period{color:var(--text-3);margin-bottom:24px;font-size:12px}.price-divider{background:var(--border);height:1px;margin-bottom:24px}.price-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.price-features li{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.price-features li:before{content:"✓";color:var(--gold);font-size:14px;font-weight:700}.price-features li.off{color:var(--text-3)}.price-features li.off:before{content:"×";color:var(--text-3)}.billing-toggle-wrap{justify-content:center;margin-bottom:36px;display:flex}.billing-toggle{background:var(--navy-3);border:1px solid var(--border);border-radius:100px;gap:2px;padding:4px;display:inline-flex}.btog-btn{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:background .18s,color .18s}.btog-btn:hover{color:var(--text-1);background:#ffffff0d}.btog-btn.active{background:var(--gold);color:#fff;font-weight:700}.referral-note{max-width:720px;color:var(--text-2);background:#0f71651f;border:1px solid #0f71654d;border-radius:12px;align-items:flex-start;gap:10px;margin:28px auto 0;padding:14px 20px;font-size:13px;line-height:1.6;display:flex}.referral-note-icon{flex-shrink:0;margin-top:1px;font-size:18px}.cta-section{background:var(--navy-3);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin:0 5% 80px;padding:80px 60px;position:relative;overflow:hidden}.cta-section h2{letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:800}.cta-section p{color:var(--text-2);margin-bottom:36px;font-size:16px}.cta-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}footer{border-top:1px solid var(--border);background:var(--navy-2);padding:40px 5% 24px}footer .nav-logo{color:#0f7165!important}footer .nav-logo:hover{color:#13897b!important}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:30px;display:grid}.footer-brand p{color:#0c8275;max-width:280px;margin-top:12px;font-size:13px;font-weight:600;line-height:1.7}.footer-social-links{gap:12px;margin-top:20px;display:flex}.footer-social-icon-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.footer-social-icon-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.footer-social-icon-btn.facebook{background:#1877f2;border:1px solid #1877f2}.footer-social-icon-btn.facebook:hover{background:#166fe5;border-color:#166fe5}.footer-social-icon-btn.x-twitter{background:#000;border:1px solid #000}.footer-social-icon-btn.x-twitter:hover{background:#1a1a1a;border-color:#1a1a1a}.footer-social-icon-btn.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border:1px solid #0000}.footer-social-icon-btn.instagram:hover{opacity:.9}.footer-social-icon-btn.threads{background:#000;border:1px solid #000}.footer-social-icon-btn.threads:hover{background:#1a1a1a;border-color:#1a1a1a}.footer-col h5{color:#0f7165;letter-spacing:.5px;margin-bottom:16px;font-size:16px;font-weight:800}.footer-col a{color:#0c8275;margin-bottom:10px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#13897b;font-weight:700;text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);color:#0d8578;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;font-weight:600;display:flex}.footer-bottom strong{color:var(--gold)}.footer-bottom a{color:#0c8275;font-weight:600;text-decoration:none;transition:color .2s}.footer-bottom a:hover{color:#13897b;font-weight:700;text-decoration:underline}.page-hero{background:var(--navy-2);border-bottom:1px solid var(--border);text-align:center;padding:130px 5% 70px}.page-hero .section-tag{justify-content:center}.page-hero h1{letter-spacing:-1.5px;color:var(--text-1);margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:800}.page-hero p{color:var(--text-2);max-width:580px;margin:0 auto;font-size:17px;line-height:1.7}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:80px 5%;display:grid}.about-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:12px;font-weight:700}.about-heading{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.2}.about-body{color:var(--text-2);margin-bottom:16px;font-size:15px;line-height:1.8}.about-values{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.value-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.value-icon{margin-bottom:10px;font-size:24px}.value-title{margin-bottom:6px;font-size:14px;font-weight:700}.value-desc{color:var(--text-2);font-size:13px;line-height:1.6}.about-stat-row{background:var(--navy-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 5%;display:grid}.about-stat-num{color:var(--gold);font-family:Syne,sans-serif;font-size:36px;font-weight:800}.about-stat-label{color:var(--text-2);margin-top:4px;font-size:13px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:60px 5%;display:grid}.blog-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .2s,border-color .2s;overflow:hidden}.blog-card:hover{border-color:var(--gold);transform:translateY(-4px)}.blog-thumb{justify-content:center;align-items:center;height:180px;font-size:52px;display:flex}.blog-body{padding:24px}.blog-cat{letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border-radius:100px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.blog-title{margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4}.blog-excerpt{color:var(--text-2);margin-bottom:16px;font-size:13px;line-height:1.6}.blog-meta{color:var(--text-3);align-items:center;gap:12px;font-size:12px;display:flex}.blog-meta-dot{background:var(--border-2);border-radius:50%;width:3px;height:3px}.faq-wrap{max-width:740px;margin:0 auto;padding:60px 5%}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--navy-2);margin-bottom:12px;overflow:hidden}.faq-q{cursor:pointer;color:var(--text-1);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:600;display:flex}.faq-q:hover{background:var(--navy-3)}.faq-icon{background:var(--gold-dim);width:28px;height:28px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:transform .25s;display:flex}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{max-height:0;color:var(--text-2);padding:0 24px;font-size:14px;line-height:1.8;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px}.ai-pill{color:var(--gold);background:linear-gradient(135deg,#0f71651f,#1976d214);border:1px solid #0f716540;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.ai-insight{color:var(--text-2);background:var(--navy-3);border-radius:var(--radius-sm);border-left:3px solid var(--gold);margin-top:14px;padding:14px;font-size:13px;line-height:1.7}.article-view{background:var(--navy)}.article-breadcrumb{color:var(--text-3);align-items:center;gap:8px;padding:100px 5% 0;font-size:13px;display:flex}.article-breadcrumb a{color:var(--gold);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-hero{max-width:780px;margin:0 auto;padding:32px 5% 48px}.article-cat{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);align-items:center;gap:7px;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-flex}.article-cat:before{content:"";background:var(--gold);border-radius:2px;width:18px;height:2px}.article-hero h1{letter-spacing:-1px;color:var(--text-1);margin-bottom:20px;font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.15}.article-lede{color:var(--text-2);margin-bottom:28px;font-size:18px;line-height:1.75}.article-meta-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.article-meta-bar .author-av{background:var(--gold-dim);width:38px;height:38px;color:var(--gold);border:2px solid #0f71654d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.article-meta-bar .author-name{color:var(--text-1);font-size:14px;font-weight:700}.article-meta-bar .article-date{color:var(--text-3);font-size:12px}.article-meta-bar .read-time{color:var(--text-3);background:var(--navy-3);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:12px;display:flex}.article-thumb-banner{max-width:780px;margin:0 auto;padding:0 5%}.article-thumb-banner .thumb-inner{border-radius:var(--radius-lg);justify-content:center;align-items:center;height:260px;font-size:80px;display:flex}.article-body{max-width:720px;color:var(--text-2);margin:0 auto;padding:48px 5% 80px;font-size:16px;line-height:1.85}.article-body h2{letter-spacing:-.5px;color:var(--text-1);margin:44px 0 16px;font-family:Syne,sans-serif;font-size:clamp(20px,3vw,26px);font-weight:800}.article-body h3{color:var(--text-1);margin:32px 0 12px;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.article-body p{margin-bottom:20px}.article-body strong{color:var(--text-1);font-weight:700}.article-body ul,.article-body ol{flex-direction:column;gap:10px;margin-bottom:20px;padding-left:22px;display:flex}.article-body li{line-height:1.7}.pull-quote{border-left:4px solid var(--gold);background:var(--gold-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-1);margin:32px 0;padding:20px 24px;font-size:17px;font-style:italic;font-weight:500;line-height:1.6}.tip-box{background:var(--green-dim);border-radius:var(--radius);border:1px solid #0f716540;margin:28px 0;padding:20px 24px}.tip-box-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:11px;font-weight:800}.tip-box p{color:var(--text-1);margin-bottom:0;font-size:14px}.warn-box{border-radius:var(--radius);background:#e539350f;border:1px solid #e5393533;margin:28px 0;padding:20px 24px}.warn-box-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:8px;font-size:11px;font-weight:800}.warn-box p{color:var(--text-1);margin-bottom:0;font-size:14px}.key-insight{background:var(--navy-3);border:1px solid var(--border-2);border-radius:var(--radius);margin:28px 0;padding:20px 24px}.key-insight-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:11px;font-weight:800}.key-insight p{margin-bottom:0;font-size:14px}.step-list{counter-reset:steps;flex-direction:column;gap:0;margin-bottom:20px;padding:0;list-style:none;display:flex}.step-list li{counter-increment:steps;border-bottom:1px solid var(--border);padding:16px 16px 16px 60px;position:relative}.step-list li:last-child{border-bottom:none}.step-list li:before{content:counter(steps);background:var(--gold-dim);width:30px;height:30px;color:var(--gold);border:1.5px solid #0f71654d;border-radius:50%;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:14px;font-weight:800;display:flex;position:absolute;top:16px;left:16px}.step-list li strong{color:var(--text-1);margin-bottom:4px;font-size:15px;display:block}.formula-box{background:var(--navy-2);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-1);margin:28px 0;padding:20px 24px;font-family:Courier New,monospace;font-size:15px;line-height:1.7}.formula-box .formula-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700}.formula-val{color:var(--gold);font-weight:700}.stat-highlight{background:var(--gold-dim);color:var(--gold);border:1px solid #0f716533;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:700;display:inline-flex}.article-cta{background:var(--navy-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);text-align:center;margin:48px 0 0;padding:40px}.article-cta h3{color:var(--text-1);margin-bottom:10px;font-size:22px;font-weight:800}.article-cta p{color:var(--text-2);margin-bottom:24px;font-size:15px}.article-cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.article-footer-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:0 auto;padding:32px 5% 60px;display:flex}.article-back-btn{color:var(--text-2);cursor:pointer;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.article-back-btn:hover{background:var(--navy-3);color:var(--text-1)}#view-dashboard{flex-direction:row;height:100vh;overflow:hidden}.sidebar{background:var(--navy-2);border-right:1px solid var(--border);flex-direction:column;width:250px;min-width:250px;height:100vh;display:flex;overflow-y:auto}.sidebar-logo{color:var(--text-1);align-items:center;gap:10px;margin-bottom:30px;padding:20px 20px 0;font-family:Syne,sans-serif;font-size:18px;font-weight:800;text-decoration:none;display:flex}.sidebar-logo-icon{background:var(--gold);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-section{margin-bottom:28px;padding:0 12px}.sidebar-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--navy-3);color:var(--text-1)}.nav-item.active{background:var(--gold-dim);color:var(--gold);border:1px solid #0f716533}.nav-item svg{opacity:.7;width:16px;height:16px}.nav-item.active svg{opacity:1}.nav-badge{background:var(--red);color:#fff;border-radius:100px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:16px 12px}.user-chip{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.user-chip:hover{background:var(--navy-3)}.user-av{background:var(--gold-dim);border:1.5px solid var(--gold);width:32px;height:32px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-name{font-size:13px;font-weight:600}.user-role{color:var(--text-3);font-size:11px}.dash-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--navy-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.topbar-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-search{background:var(--navy-3);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;width:220px;padding:7px 14px;display:flex}.topbar-search input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:13px}.topbar-search input::placeholder{color:var(--text-3)}.topbar-icon-btn{border-radius:var(--radius-sm);background:var(--navy-3);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notif-dot{background:var(--red);border:1.5px solid var(--navy-2);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.dash-date{color:var(--text-2);font-size:12px}.dash-content{flex-direction:column;flex:1;gap:24px;padding:28px;display:flex;overflow-y:auto}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.kpi-trend{border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:flex}.trend-up{background:var(--green-dim);color:var(--green)}.trend-down{background:var(--red-dim);color:var(--red)}.kpi-val{margin-bottom:4px;font-family:Syne,sans-serif;font-size:26px;font-weight:800}.kpi-label{color:var(--text-2);font-size:12px}.chart-row{grid-template-columns:1fr 320px;gap:16px;display:grid}.chart-card,.panel-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700}.card-sub{color:var(--text-2);margin-top:2px;font-size:12px}.chart-tabs{gap:6px;display:flex}.chart-tab{cursor:pointer;color:var(--text-2);border:1px solid var(--border);background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.chart-tab.active{background:var(--gold-dim);color:var(--gold);border-color:#0f71654d}.chart-area{width:100%}.chart-legend{gap:16px;margin-bottom:16px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.top-product{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.top-product:last-child{border-bottom:none}.tp-rank{background:var(--navy-3);width:24px;height:24px;color:var(--text-2);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.tp-name{flex:1;font-size:13px;font-weight:500}.tp-qty{color:var(--text-2);font-size:12px}.tp-bar-wrap{background:var(--navy-3);border-radius:2px;width:70px;height:4px;margin-top:4px}.tp-bar{background:var(--gold);border-radius:2px;height:4px}.txn-card{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.txn-table{border-collapse:collapse;width:100%}.txn-table th{text-align:left;color:var(--text-3);letter-spacing:.8px;text-transform:uppercase;background:var(--navy-3);border-bottom:1px solid var(--border);padding:12px 20px;font-size:11px;font-weight:700}.txn-table td{border-bottom:1px solid var(--border);padding:13px 20px;font-size:13px}.txn-table tr:last-child td{border-bottom:none}.txn-table tr:hover td{background:var(--navy-3)}.txn-type{border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.type-sale{background:var(--green-dim);color:var(--green)}.type-purchase{background:var(--blue-dim);color:var(--blue)}.customer-chip{align-items:center;gap:8px;display:flex}.cust-av{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.quick-actions{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.qa-btn{background:var(--navy-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:18px 12px;transition:all .2s}.qa-btn:hover{border-color:var(--gold);background:var(--gold-dim)}.qa-icon{margin-bottom:8px;font-size:22px}.qa-label{color:var(--text-2);font-size:12px;font-weight:600}@media (width<=1024px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-visual{display:none}.features-grid{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:1fr}.kpi-row,.pricing-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}}@media (width<=768px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}.navbar{padding:0 4%}.hero{gap:0;min-height:auto;padding:100px 4% 60px}.hero h1{font-size:clamp(30px,8vw,42px)}.hero-sub{margin-bottom:28px;font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-actions .btn{justify-content:center}.stats-bar{grid-template-columns:1fr 1fr;padding:24px 4%}.section{padding:60px 4%}.section-header{margin-bottom:36px}.section-title{font-size:clamp(24px,7vw,34px)}.features-grid,.how-grid{grid-template-columns:1fr}.how-grid:before{display:none}.feature-spotlight{gap:32px;padding:48px 4%;direction:ltr!important;grid-template-columns:1fr!important}.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{order:-1}.cta-section{margin:0 4% 60px;padding:48px 24px}.cta-section h2{font-size:clamp(22px,7vw,34px)}.cta-btns{flex-direction:column;align-items:stretch}.cta-btns .btn{justify-content:center}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.blog-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.about-values{grid-template-columns:1fr}.about-stat-row{grid-template-columns:1fr 1fr}.sidebar{display:none}#view-dashboard{height:auto;overflow:auto}.dash-main{height:100vh}.dash-content{padding:16px}.kpi-row{grid-template-columns:1fr 1fr;gap:12px}.kpi-val{font-size:20px}.quick-actions{grid-template-columns:repeat(3,1fr)}.topbar{padding:0 16px}.topbar-search{display:none}.article-breadcrumb{padding-top:90px;font-size:12px}.article-hero h1{font-size:clamp(22px,7vw,32px)}.article-lede{font-size:16px}.article-body{padding:32px 4% 60px;font-size:15px}.article-cta{padding:28px 20px}.article-cta-btns{flex-direction:column}.article-cta-btns .btn{justify-content:center}}@media (width<=480px){.section{padding:48px 4%}.stats-bar{gap:12px;padding:20px 4%}.footer-top,.pricing-grid{grid-template-columns:1fr}.cta-section{padding:36px 18px}.features-grid{gap:10px}.feat-card{padding:18px}.how-num{width:60px;height:60px;font-size:20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.fade-up-2{opacity:0;animation:.6s .15s forwards fadeUp}.fade-up-3{opacity:0;animation:.6s .3s forwards fadeUp}.nav-hamburger{cursor:pointer;color:#fff;z-index:1001;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:24px;transition:transform .2s;display:none}@media (width<=768px){.nav-hamburger{display:flex}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;box-sizing:border-box;background:#1a1a2efa;border-bottom:1px solid #ffffff1f;border-left:1px solid #ffffff1f;border-bottom-left-radius:20px;flex-direction:column;align-items:center;gap:20px;width:220px;padding:24px 16px;animation:.25s cubic-bezier(.16,1,.3,1) slideDownMenu;display:flex;position:fixed;top:70px;right:0;box-shadow:-10px 10px 30px #00000040}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{box-sizing:border-box;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.mobile-nav-links a{font-family:var(--font-head);color:#fff;text-transform:uppercase;font-size:15px;font-weight:700;text-decoration:none;transition:color .15s}.mobile-nav-links a:hover{color:var(--gold)}.mobile-nav-actions{box-sizing:border-box;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;padding-top:18px;display:flex}.mobile-nav-actions .btn{box-sizing:border-box;justify-content:center;width:100%;max-width:180px}.theme-toggle-btn{cursor:pointer;z-index:10000;border:1px solid #0f716540;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000026}body:not(.dark-theme) .theme-toggle-btn{color:#ffc107;background:#072f2a}body.dark-theme .theme-toggle-btn{color:#ff9800;background:#fff;border-color:#e0e0e0;box-shadow:0 4px 24px #0000004d}.theme-toggle-btn:hover{transform:scale(1.1)rotate(15deg);box-shadow:0 6px 24px #00000040}.theme-toggle-btn svg{width:18px;height:18px}.app-store-badges-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.store-badge-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0e14;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:12px;height:52px;padding:8px 18px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 4px 14px #00000040}.store-badge-btn:hover{color:#fff;background:#151a22;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.store-badge-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.store-badge-text{text-align:left;flex-direction:column;justify-content:center;display:flex}.store-badge-sub{letter-spacing:.6px;color:#a0aec0;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.1}.store-badge-title{color:#fff;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.25}.store-badge-pill{color:#fff;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#ff6b35,#ff5a65);border-radius:20px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:-8px;right:-6px;box-shadow:0 2px 8px #ff6b3573}@media (width<=600px){.store-badge-btn{height:48px;padding:6px 14px}.store-badge-title{font-size:14px}.store-badge-sub{font-size:9px}}