@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-back: cubic-bezier(.34, 1.56, .64, 1);--motion-fast: .2s var(--ease-out-expo);--motion-medium: .4s var(--ease-out-expo);--motion-slow: .8s var(--ease-out-expo);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--shadow-glow: 0 0 20px rgba(var(--brand-accent-rgb), .15)}@keyframes premium-pop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blur-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUpFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-premium-pop{animation:premium-pop var(--motion-medium)}.animate-slide-up{animation:slide-up-reveal var(--motion-medium)}.animate-blur-in{animation:blur-in var(--motion-slow)}.animate-fade-in{animation:fade-in var(--motion-medium)}.click-scale{transition:transform .2s var(--ease-out-expo)}.click-scale:active{transform:scale(.96)}.hover-glow{transition:all .3s var(--ease-out-expo)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--brand-accent-rgb),.15);border-color:var(--brand-accent)}.stagger-item{opacity:0;animation:stagger-reveal .6s var(--ease-out-expo) forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-hover) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 2s infinite linear;border-radius:8px}.gap-1{gap:.25rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{display:flex;min-height:100vh}.sidebar{flex-shrink:0;transition:width .4s cubic-bezier(.16,1,.3,1)!important}.main-content{flex:1;min-width:0;transition:all .4s cubic-bezier(.16,1,.3,1)}}.desktop-only{display:none!important}@media (min-width: 768px){.desktop-only{display:flex!important}}.sidebar-toggle-btn:hover{background:var(--surface-hover)!important;transform:scale(1.05)}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar{display:none!important}@media (min-width: 768px){.sidebar{display:flex!important}}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;gap:0}.sidebar.collapsed .quick-invoice-cta{padding:12px!important;justify-content:center!important}.sidebar.collapsed .quick-invoice-cta div{margin:0!important}.premium-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000}.premium-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100001;padding:20px;pointer-events:none}.premium-modal-content{pointer-events:auto;width:100%;max-width:540px;max-height:90vh;background:var(--surface-1);border-radius:28px;border:1px solid var(--border);box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.premium-modal-container{padding:0!important;align-items:stretch!important;justify-content:stretch!important}.premium-modal-content{max-width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;border:none!important;margin:0!important}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.form-stack{display:flex;flex-direction:column;gap:2.5rem}.section-box{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);position:relative;transition:border-color .2s}@media (max-width: 768px){.section-box{padding:20px}}.section-box:hover{border-color:#5478ff33}.pill-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#5478ff1f;color:var(--brand-accent);border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.status-badge-unified{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid transparent}.status-paid{background:#10b9811a;color:#10b981;border-color:#10b98133}.status-draft,.status-pending{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.status-sent,.status-viewed{background:#5478ff1a;color:#5478ff;border-color:#5478ff33}.status-overdue{background:#ef44441a;color:#ef4444;border-color:#ef444433}.status-cancelled{background:var(--surface-3);color:var(--text-muted);border-color:var(--border)}.status-usage{background:#5478ff1a;color:#5478ff;border-color:#5478ff33}.input-premium{width:100%;height:52px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:0 16px;color:var(--text-primary);font-size:14px;font-weight:600;transition:all .2s;outline:none}.input-premium:focus{border-color:var(--brand-accent);background:var(--surface-1);box-shadow:0 0 0 4px #5478ff1a}select,.modern-select{width:100%;height:52px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:0 44px 0 16px;color:var(--text-primary);font-size:14px;font-weight:600;transition:all .2s;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}select:focus,.modern-select:focus{border-color:var(--brand-accent);background:var(--surface-1);box-shadow:0 0 0 4px #5478ff1a}select option{background-color:#1a1f2e;color:#fff;padding:12px}[data-theme=light] select option{background-color:#fff;color:#0f172a}.form-group-vertical{display:flex;flex-direction:column;gap:10px}.form-group-vertical label{font-size:12.5px;font-weight:800;color:var(--text-muted);letter-spacing:.01em;margin-left:4px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.form-grid-2{grid-template-columns:1fr}}.ee-switch{position:relative;display:inline-block;width:44px;height:24px}.ee-switch input{opacity:0;width:0;height:0}.ee-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--surface-3);transition:.4s cubic-bezier(.4,0,.2,1);border-radius:34px;border:1.5px solid var(--border)}.ee-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2.5px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.ee-switch input:checked+.ee-slider{background-color:var(--brand-accent);border-color:transparent}.ee-switch input:checked+.ee-slider:before{transform:translate(20px)}.momo-account-row{display:flex;gap:16px;align-items:center;width:100%}.momo-account-row .momo-select-wrap{flex:1}.momo-account-row .input-premium{flex:1.5}.btn-remove-account{width:36px;height:36px;border-radius:10px;background:#ef44441a;color:#ef4444;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-remove-account:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.btn-add-account{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#5478ff1a;color:var(--brand-accent);border:1px dashed var(--brand-accent);border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:12px}.btn-add-account:hover{background:var(--brand-accent);color:#fff;border-style:solid}.ee-toggle-track{width:48px;height:26px;background:#ffffff0d;border-radius:20px;position:relative;padding:3px;border:1px solid var(--border);transition:background .3s;cursor:pointer}.ee-toggle-track.active{background:var(--brand-accent);border-color:transparent;box-shadow:0 0 15px #5478ff66}.ee-toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006}.ee-select-wrapper{position:relative;width:100%}.ee-select-trigger{width:100%;height:52px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;color:var(--text-primary);font-weight:600;font-size:14px}.ee-select-trigger:hover{background:var(--surface-3);border-color:var(--brand-accent)}.ee-select-trigger.active{border-color:var(--brand-accent);box-shadow:0 0 0 4px #5478ff1a}.ee-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;overflow:hidden;z-index:1000;box-shadow:var(--shadow-giant);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:6px;transform-origin:top}.ee-select-option{padding:12px 14px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;gap:12px}.ee-select-option:hover{background:#5478ff1a;color:var(--brand-accent)}.ee-select-option.selected{background:#5478ff26;color:var(--brand-accent);font-weight:700}.ee-vat-row{display:flex;align-items:center;gap:20px;width:100%}.ee-vat-row .ee-toggle-container{flex:1.5}.ee-vat-row .input-premium{flex:1;margin-top:0!important}@media (max-width: 640px){.ee-vat-row{flex-direction:column;align-items:stretch;gap:12px}.momo-account-row{flex-direction:column;align-items:stretch;gap:8px}.momo-account-row .momo-select-wrap,.momo-account-row .input-premium{flex:none!important;width:100%!important}.momo-account-row .btn-remove-account{align-self:flex-end}}.logo-upload-container{display:flex;align-items:center;gap:32px;padding:32px;background:var(--surface-2);border-radius:20px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:0}.logo-upload-container:hover{background:var(--surface-3);border-color:#5478ff4d;box-shadow:0 12px 40px -12px #00000026}.logo-upload-preview{width:96px;height:96px;border-radius:16px;background:var(--surface-1);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm);color:var(--text-muted);transition:transform .2s}.logo-upload-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.logo-upload-container:hover .logo-upload-preview{transform:scale(1.04);border-color:var(--brand-accent)}.logo-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--bg-rgb),.8);display:flex;align-items:center;justify-content:center;color:var(--brand-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo-upload-info{flex:1;display:flex;flex-direction:column;gap:18px}.logo-upload-text h4{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.logo-upload-text p{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.6;max-width:480px}.logo-upload-actions{display:flex;align-items:center;gap:16px}.btn-upload-premium{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--brand-accent);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #5478ff33}.btn-upload-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5478ff4d;background:#6385ff}.btn-upload-premium:active{transform:translateY(0)}.file-limit-hint{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.logo-upload-container{flex-direction:column;align-items:flex-start;padding:24px;gap:24px}.logo-upload-actions{flex-direction:column;align-items:flex-start;gap:12px}.btn-upload-premium{width:100%;justify-content:center}}.logo-full-themed{height:42px;width:auto;transition:filter .3s ease}[data-theme=light] .logo-full-themed{filter:brightness(0) saturate(100%) invert(11%) sepia(51%) saturate(2465%) hue-rotate(224deg) brightness(28%) contrast(94%)}.logo-icon-themed{display:inline-block;background-color:var(--brand-accent);mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20114.64%20124.83'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20stroke-width:%200px;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3cpath%20class='cls-1'%20d='M89.13,57.94c0-18.44-12.71-30.89-31.82-30.89s-31.84,12.45-31.84,30.89c0,.92.04,1.83.08,2.71.14,1.65.35,3.22.71,4.75,2.97,14.3,14.63,23.47,31.05,23.47.35,0,16.97,24.94,16.97,24.94l6.93,10.98-.04.04h-31.97l-2.73-4.31c-2.36-3.72-5.99-6.41-10.15-7.87-.02,0-.04-.01-.06-.02C13.89,105.13,0,85.12,0,57.94,0,23.23,22.88,0,57.31,0s57.33,23.23,57.33,57.94c0,27.04-13.77,47.02-36,54.62l-3.79-5.97c-5.09-7.97-3.65-18.66,3.69-24.63,6.7-5.44,10.59-13.81,10.59-24.02Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20114.64%20124.83'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20stroke-width:%200px;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3cpath%20class='cls-1'%20d='M89.13,57.94c0-18.44-12.71-30.89-31.82-30.89s-31.84,12.45-31.84,30.89c0,.92.04,1.83.08,2.71.14,1.65.35,3.22.71,4.75,2.97,14.3,14.63,23.47,31.05,23.47.35,0,16.97,24.94,16.97,24.94l6.93,10.98-.04.04h-31.97l-2.73-4.31c-2.36-3.72-5.99-6.41-10.15-7.87-.02,0-.04-.01-.06-.02C13.89,105.13,0,85.12,0,57.94,0,23.23,22.88,0,57.31,0s57.33,23.23,57.33,57.94c0,27.04-13.77,47.02-36,54.62l-3.79-5.97c-5.09-7.97-3.65-18.66,3.69-24.63,6.7-5.44,10.59-13.81,10.59-24.02Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;transition:background-color .3s ease}[data-theme=light] .logo-icon-themed{background-color:var(--brand-primary)}.integration-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface-1);border:1px solid var(--border);border-radius:20px}.animate-slide-right{animation:slide-right .4s cubic-bezier(.16,1,.3,1) forwards}.animate-spin{animation:spin .8s linear infinite}.skeleton-row{position:relative;overflow:hidden}.skeleton-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:skeleton-loading 1.6s ease-in-out infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}}.w-full{width:100%}.h-full{height:100%}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.w-40{width:10rem}.h-40{height:10rem}.w-48{width:12rem}.h-48{height:12rem}.w-400{width:400px}.min-h-400{min-height:400px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.input-addon-group{display:flex;align-items:stretch;width:100%;height:52px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s ease}.input-addon-group:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 4px #5478ff1a;background:var(--surface-1)}.input-addon-prefix{display:flex;align-items:center;padding:0 16px;background:var(--surface-3);color:var(--text-muted);font-size:13px;font-weight:700;border-right:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.input-addon-group .input-premium-clean{flex:1;border:none!important;background:transparent!important;padding:0 16px!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:650!important;outline:none!important;height:100%!important;box-shadow:none!important}.theme-pill{width:100%;padding:16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.theme-pill:hover{background:var(--surface-3);border-color:var(--border-bright);transform:translateY(-2px)}.theme-pill.active{background:var(--surface-1);border-color:var(--brand-accent);box-shadow:0 4px 20px #5478ff1f}.theme-pill-content{display:flex;align-items:center;gap:14px}.theme-pill-icon{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.theme-pill.active .theme-pill-icon{background:#5478ff1a;color:var(--brand-accent)}.theme-pill-text{flex:1;display:flex;flex-direction:column}.theme-pill-text strong{font-size:13.5px;font-weight:800;color:var(--text-primary)}.theme-pill-text span{font-size:11px;font-weight:600;color:var(--text-muted)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-16{padding:4rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pt-6{padding-top:1.5rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-\[40px\]{border-radius:40px}.topbar{position:fixed;top:12px;left:12px;right:12px;height:64px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-bright);border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;box-shadow:var(--shadow-md);transition:all .4s var(--ease-out-expo)}.dashboard-content{padding-top:96px;min-height:0}@media (max-width: 768px){.topbar{top:8px;left:8px;right:8px;height:60px;padding:0 16px;border-radius:18px}.dashboard-content{padding-top:84px;padding-bottom:90px}}.header-action-btn{background:var(--brand-accent);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:800;font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 20px #5478ff33}.header-action-btn:active{transform:scale(.95)}.header-action-btn.success{background:var(--success)}@media (max-width: 768px){.header-action-btn{width:42px;height:42px;padding:0;justify-content:center}.header-action-btn .btn-text{display:none}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr}}.span-full{grid-column:1 / -1}.form-stack{display:flex;flex-direction:column;gap:1.75rem}.bg-white-5{background-color:#ffffff0d}.bg-white-10{background-color:#ffffff1a}.bg-white-20{background-color:#fff3}.bg-black-40{background-color:#0006}.bg-primary-10{background-color:var(--brand-accent-glow)}.bg-amber-500-10{background-color:#f59e0b1a}.bg-primary{background-color:var(--brand-accent)}.bg-dark-2{background-color:var(--surface-2)}.bg-dark-1{background-color:var(--surface-1)}.border{border-width:1px;border-style:solid}.border-dashed{border-style:dashed}.border-white-5{border-color:#ffffff0d}.border-white-10{border-color:#ffffff1a}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.ring-4{box-shadow:0 0 0 4px currentColor}.opacity-90:hover{opacity:.9}.text-white{color:#fff}.text-secondary,.text-gray-400{color:var(--text-secondary)}.text-gray-500{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-accent{color:var(--brand-accent)}.text-amber-500{color:#f59e0b}.text-red-400{color:#f87171}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase{text-transform:uppercase}.shadow-giant{box-shadow:0 40px 80px -20px #00000059}.opacity-50{opacity:.5}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.left-0{left:0}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-10>*+*{margin-top:2.5rem}.hidden{display:none}@media (min-width: 640px){.sm\:block{display:block}}@media (min-width: 768px){.md\:block{display:block}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:block{display:block}}:root{--brand-primary: #0b2f9f;--brand-primary-rgb: 11, 47, 159;--brand-accent: #5478ff;--brand-accent-rgb: 84, 120, 255;--brand-accent-glow: rgba(84, 120, 255, .15);--brand-gradient: linear-gradient(135deg, #0b2f9f 0%, #5478ff 100%);--surface-1-rgb: 24, 24, 27;--surface-2-rgb: 39, 39, 42;--surface-3-rgb: 63, 63, 70;--bg: #09090b;--surface-1: #18181b;--surface-2: #27272a;--surface-3: #3f3f46;--surface-glass: rgba(9, 9, 11, .82);--surface-hover: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .07);--border-bright: rgba(255, 255, 255, .12);--border-hover: rgba(84, 120, 255, .25);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--font-heading: "Sora", sans-serif;--font-sans: "Poppins", sans-serif;--paid: #10b981;--sent: #5478ff;--draft: #94a3b8;--pending: #f59e0b;--overdue: #ef4444;--viewed: #8b5cf6;--cancelled: #64748b;--chart-1: #5478ff;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.15);--shadow-md: 0 8px 16px -4px rgba(0,0,0,.2);--shadow-lg: 0 12px 24px -8px rgba(0,0,0,.25);--shadow-premium: 0 4px 20px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lume: 0 0 0 1px rgba(255,255,255,.05), 0 15px 30px -10px rgba(0,0,0,.4), 0 0 12px rgba(84, 120, 255, .03);--transition: all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--brand-primary: #0b2f9f;--brand-primary-rgb: 11, 47, 159;--brand-accent: #5478ff;--brand-accent-rgb: 84, 120, 255;--brand-accent-glow: rgba(84, 120, 255, .25);--brand-gradient: linear-gradient(135deg, #0b2f9f 0%, #5478ff 100%);--bg: #f8fafc;--surface-1: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--surface-glass: rgba(248, 250, 252, .85);--surface-1-rgb: 255, 255, 255;--surface-2-rgb: 241, 245, 249;--surface-3-rgb: 226, 232, 240;--surface-hover: rgba(15, 23, 42, .04);--border: rgba(15, 23, 42, .08);--border-bright: rgba(15, 23, 42, .12);--border-hover: rgba(84, 120, 255, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--success: #059669;--success-bg: rgba(5, 150, 105, .08);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--error: #dc2626;--error-bg: rgba(220, 38, 38, .06);--paid: #059669;--sent: #2563eb;--draft: #64748b;--pending: #d97706;--overdue: #dc2626;--viewed: #7c3aed;--cancelled: #475569;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08);--shadow-lume: 0 0 0 1px rgba(0,0,0,.06), 0 20px 40px -10px rgba(0,0,0,.1), 0 0 20px rgba(84, 120, 255, .05);color-scheme:light}[data-theme=light] .form-group input[type=date]{color-scheme:light}[data-theme=light] .aura-bg{opacity:.15}[data-theme=light] .aura-blob{opacity:.04}.btn-elite,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-weight:800;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn-elite:active{transform:scale(.96)}.btn-elite:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-elite-sm{height:38px;padding:0 18px;font-size:13px;border-radius:10px}.btn-elite-md,.btn-primary{height:50px;padding:0 28px;font-size:15px;border-radius:12px}.btn-elite-lg{height:58px;padding:0 36px;font-size:16px;border-radius:14px}.btn-elite-primary,.btn-primary{background:var(--brand-accent);color:#fff!important;box-shadow:0 2px 8px #5478ff40}.btn-elite-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #0b2f9f59;transform:translateY(-2px)}.btn-elite-secondary{background:var(--surface-3);color:var(--text-primary)!important;border:1px solid var(--border-bright)}.btn-elite-secondary:hover{background:var(--surface-hover);border-color:var(--brand-accent);transform:translateY(-2px)}.btn-elite-glass{background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.08)}.btn-elite-glass:hover{background:#ffffff14;border-color:var(--brand-accent);transform:translateY(-2px)}[data-theme=light] .btn-elite-primary{box-shadow:0 4px 12px #5478ff33}[data-theme=light] .btn-elite-secondary{background:#fff;border-color:#00000014;color:var(--text-primary)!important}[data-theme=light] .btn-elite-glass{background:#0f172a0a;border-color:#0f172a14;color:var(--text-primary)!important}[data-theme=light] .nav-item.active{background:#5478ff14;color:var(--brand-primary)}.text-page-title{font-size:20px!important;font-weight:700!important}.text-section-heading{font-size:15px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.text-card-title{font-size:16px!important;font-weight:600!important}.text-body-text{font-size:14px!important;font-weight:400!important}.text-label-caption{font-size:12px!important;font-weight:500!important;color:#6b7280!important}.tabular-nums{font-variant-numeric:tabular-nums!important}.page-container{padding-left:16px!important;padding-right:16px!important}.section-spacing{gap:24px!important;display:flex;flex-direction:column}.cards-gap{gap:12px!important;display:flex;flex-direction:column}.touch-target{min-height:44px!important;min-width:44px!important;display:flex;align-items:center;justify-content:center}.icon-button{width:40px!important;height:40px!important;padding:8px!important;display:flex;align-items:center;justify-content:center}.card-standard{background:#fff;border-radius:16px!important;box-shadow:0 1px 3px #00000014!important;border:none!important;padding:16px!important}[data-theme=dark] .card-standard{background:var(--surface-1);box-shadow:0 1px 3px #0006!important}.btn-icon-elite{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1)}.btn-icon-elite:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);transform:scale(1.1)}.btn-icon-elite:active{transform:scale(.92)}.btn-icon-elite.danger-hover:hover{background:#ef444414;color:#ef4444}.btn-icon-elite.accent-glow:hover{background:rgba(var(--brand-accent-rgb),.08);color:var(--brand-accent);box-shadow:0 0 15px rgba(var(--brand-accent-rgb),.1)}.card-catalogue-premium{background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:32px!important;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px -5px #0000000d,0 20px 40px -10px #00000014;padding:24px;display:flex;flex-direction:column;gap:16px}.card-catalogue-premium:hover{transform:translateY(-8px);background:#fff;box-shadow:0 20px 40px -12px #0000001a;border-color:var(--brand-primary)}[data-theme=dark] .card-catalogue-premium{background:#0f172a66;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0006}[data-theme=dark] .card-catalogue-premium:hover{background:#1e293b99;border-color:var(--brand-accent)}.ee-notif-dropdown,.card-catalogue-premium{transform:translateZ(0);backface-visibility:hidden}.feature-card-mesh{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;background:radial-gradient(circle at top right,var(--brand-accent) 0%,transparent 60%);filter:blur(60px);z-index:0}.card-catalogue-premium:hover .feature-card-mesh{opacity:.15}.catalogue-icon-box{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5478ff1a,#5478ff0d);display:flex;align-items:center;justify-content:center;color:var(--brand-accent);border:1px solid rgba(84,120,255,.2);transition:all .3s var(--ease-out-expo);box-shadow:inset 0 2px 4px #fff3}.card-catalogue-premium:hover .catalogue-icon-box{background:var(--brand-accent);color:#fff;transform:rotate(-8deg) scale(1.1);box-shadow:0 8px 16px #5478ff4d}.catalogue-action-btn{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-accent-rgb),.05);border:1px solid transparent;color:var(--text-muted);transition:all .2s var(--ease-out-expo)}.catalogue-action-btn:hover{background:var(--surface-1);border-color:var(--brand-accent);color:var(--brand-accent);transform:scale(1.1)}.catalogue-action-btn.delete:hover{background:#ef444414;border-color:var(--error);color:var(--error)}.catalogue-price-tag{font-family:Outfit,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:baseline;gap:4px}.catalogue-badge-pill{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.catalogue-badge-secondary{background:#5478ff14;color:var(--brand-accent);border-color:#5478ff26}.catalogue-badge-success{background:#10b98114;color:#10b981;border-color:#10b98126}.catalogue-badge-error{background:#ef444414;color:#ef4444;border-color:#ef444426}.badge-paid{background:#10b981!important;color:#fff!important}.badge-sent{background:#3b82f6!important;color:#fff!important}.badge-draft{background:#f3f4f6!important;color:#1f2937!important}[data-theme=dark] .badge-draft{background:#374151!important;color:#f3f4f6!important}.badge-overdue{background:#ef4444!important;color:#fff!important}.badge-cancelled{border:1px solid #ef4444!important;color:#ef4444!important;background:transparent!important}[data-theme=light] .auth-container{background:#f4f6f8}[data-theme=light] .auth-card{background:#fff;box-shadow:0 8px 32px #00000014}[data-theme=light] .data-table th{background:#f1f5f9;color:#475569}[data-theme=light] .data-table td{border-bottom-color:#0000000a}.aura-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:.04}.aura-blob{position:absolute;width:600px;height:600px;border-radius:50%;background:var(--brand-accent);opacity:.02;filter:blur(80px);will-change:transform;animation:aura-drift 30s infinite alternate ease-in-out}@keyframes aura-drift{0%{transform:translate3d(-15%,-15%,0) scale(1)}50%{transform:translate3d(5%,10%,0) scale(1.05)}to{transform:translate3d(-5%,15%,0) scale(.95)}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s cubic-bezier(.4,0,.2,1) infinite;border-radius:var(--radius-md);opacity:.7}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-premium{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #0003}.premium-stat-card{background:var(--surface-1);padding:24px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .4s var(--ease-out-expo)}.premium-stat-card:hover{transform:translateY(-4px);border-color:var(--brand-accent);box-shadow:var(--shadow-md)!important}.stat-amount{font-size:28px;font-weight:950;color:var(--text-primary);letter-spacing:-.04em}.stat-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}[data-theme=light] .card-premium{box-shadow:0 10px 30px -10px #0000000d}.card-premium:hover{transform:translateY(-6px) scale(1.01);border-color:var(--border-bright);box-shadow:0 15px 30px -12px #0003}[data-theme=light] .card-premium:hover{box-shadow:0 25px 50px -12px #0000001a}.section-box{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}@media (max-width: 768px){.section-box{padding:1.75rem;border-radius:20px}}.pill-label{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(var(--brand-accent-rgb),.08);color:var(--brand-accent);border-radius:30px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;width:fit-content}.settings-navbar{background:var(--surface-1);border-bottom:2px solid var(--border);margin:0 -2rem 2rem;padding:0 2rem}@media (max-width: 768px){.settings-navbar{margin:0 -1rem 1.5rem;padding:0 1rem}}.navbar-scroller{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-pill-secondary{display:flex;align-items:center;gap:8px;padding:16px 20px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:.25s}.nav-pill-secondary:hover{color:var(--text-primary)}.nav-pill-secondary.active{color:var(--brand-accent);border-bottom-color:var(--brand-accent);background:#5478ff0d}@media (max-width: 768px){.nav-pill-secondary span{display:none}.nav-pill-secondary.active span{display:inline;animation:slide-right .3s ease-out}.nav-pill-secondary{padding:14px 18px}}.form-group-vertical{display:flex;flex-direction:column;gap:14px}.form-group-vertical label{display:block;font-size:13px;font-weight:700;color:var(--text-muted)}.branding-box{display:flex;align-items:center;gap:1.5rem}@media (max-width: 480px){.branding-box{flex-direction:column;align-items:stretch}}.logo-preview{width:110px;height:110px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:14px}.logo-upload-btn{flex:1;height:110px;border:2px dashed var(--border);border-radius:20px;background:var(--surface-2);color:var(--text-muted);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.2s}.logo-upload-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.integration-card{display:flex;align-items:center;gap:14px;padding:1.25rem;background:var(--surface-2);border-radius:16px;border:1px solid var(--border)}.integration-card img{width:32px}.integration-card strong{display:block;font-size:15px}.check-bar{display:flex;gap:16px;padding:1.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:16px}.check-bar input{width:22px;height:22px;accent-color:var(--brand-accent);margin-top:2px;cursor:pointer}.check-bar strong{display:block;font-size:15px;margin-bottom:2px}.check-bar p{font-size:11px;color:var(--text-muted);font-weight:600;margin:0}.pill-selector{display:flex;flex-wrap:wrap;gap:8px}.pill-item{padding:10px 20px;border-radius:30px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.pill-item.active{border-color:var(--brand-accent);color:var(--brand-accent);background:#5478ff0f}.fade-in-standard{animation:fadeInStandard .3s ease-out forwards}@keyframes fadeInStandard{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:fade-in .6s cubic-bezier(.16,1,.3,1) forwards}.blur-in{opacity:0;animation:blur-in .8s cubic-bezier(.16,1,.3,1) forwards}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;line-height:1.3;color:var(--text-primary)}a{color:var(--brand-accent);text-decoration:none;transition:var(--transition)}a:hover{color:#7a96ff}input,textarea,select,button{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:flex!important}.mobile-only.inline{display:inline!important}.desktop-only{display:none!important}}@media (min-width: 769px){.desktop-only{display:flex!important}.desktop-only.inline{display:inline!important}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--brand-accent);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;white-space:nowrap;width:auto;box-shadow:0 4px 14px #5478ff59;position:relative;overflow:hidden;text-decoration:none}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .18s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff1a inset,0 6px 20px #5478ff66}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 1px #0003 inset,0 2px 8px #5478ff40}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;box-sizing:border-box;background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);color:#fff}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-elite,.btn-elite-primary,.btn-elite-secondary{width:100%}}.premium-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;transition:all .2s ease}.premium-toggle-label{display:flex;flex-direction:column;gap:4px;cursor:pointer;flex:1;padding-right:16px}.premium-toggle-label strong{font-size:14px;font-weight:800;color:var(--text-primary)}.premium-toggle-label p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.premium-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.premium-toggle-switch input{opacity:0;width:0;height:0}.premium-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px}.premium-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.premium-toggle-slider{background-color:var(--brand-accent)}input:checked+.premium-toggle-slider:before{transform:translate(20px)}.premium-toggle-group:hover{border-color:var(--brand-accent);background:var(--surface-3)}.premium-toggle-group.locked{opacity:.7;position:relative}.btn-primary.small,.btn-secondary.small{height:36px!important;padding:0 14px!important;font-size:13px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important}.btn-add-item{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:11px;background:transparent;color:var(--brand-accent);border:1px dashed rgba(84,120,255,.4);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;margin-top:.75rem;transition:var(--transition)}.btn-add-item:hover{background:#5478ff12;border-color:var(--brand-accent)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-icon:hover{background:var(--surface-3);color:var(--text-primary)}.btn-icon.danger:hover{background:var(--error-bg);color:var(--error)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:9px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:var(--error-bg);color:#fca5a5;border-color:#ef444440}.input-premium{width:100%;height:50px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:0 16px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:var(--transition);outline:none}.input-premium:focus{border-color:var(--brand-accent);background:var(--surface-1);box-shadow:0 0 0 4px var(--brand-accent-glow)}.input-premium::placeholder{color:var(--text-muted)}select.input-premium{-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' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}[data-theme=light] .input-premium{background:#fff;border-color:#0000001a;color:#0f172a}[data-theme=light] .input-premium:focus{background:#fff;border-color:var(--brand-accent);box-shadow:0 0 0 4px #5478ff1a}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-gradient);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 24px;font-weight:750;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #006b3f33}.btn-premium:hover{transform:translateY(-1px);border-color:var(--brand-accent);box-shadow:0 8px 25px #006b3f66,0 0 10px var(--brand-accent-glow)}.btn-premium:active{transform:translateY(0)}[data-theme=light] .btn-premium{background:linear-gradient(135deg,var(--brand-primary) 0%,#3d5ef5 100%);box-shadow:0 4px 15px #000cb826}[data-theme=light] .btn-premium:hover{box-shadow:0 8px 25px #000cb840,0 0 10px #5478ff1a}.social-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:13px;font-weight:500}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-auth-v2{display:flex;flex-direction:column;gap:.75rem}.google-custom-btn{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.google-custom-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #0003,0 0 0 1px #ffffff1a;border-color:var(--brand-accent)}.google-custom-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .5s}.google-custom-btn:hover:after{transform:translate(100%)}[data-theme=light] .google-custom-btn{background:#fff;color:#1f1f1f;border-color:#0000001a;box-shadow:0 2px 4px #0000000d}[data-theme=light] .google-custom-btn:hover{background:#f8f9fa;border-color:#00000026}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:12px;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid var(--border)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:.01em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #5478ff26;background:var(--surface-hover)}.form-group input[type=date]{color-scheme:dark}.form-group textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding:11px 14px 11px 42px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition)}.input-with-icon input::placeholder{color:var(--text-muted)}.input-with-icon input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #5478ff26;background:var(--surface-hover)}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:var(--transition)}.input-with-icon input:focus~.input-icon{color:var(--brand-accent)}.auth-container{display:flex;min-height:100vh;position:relative;overflow:hidden;background:var(--bg);padding:1rem}@media (max-width: 768px){.auth-container{padding-top:calc(env(safe-area-inset-top,24px) + 1rem)!important;padding-bottom:calc(env(safe-area-inset-bottom,16px) + 1rem)!important}}.auth-container:before{content:"";position:absolute;left:-300px;top:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(0,12,184,.25) 0%,transparent 70%);pointer-events:none}.auth-container:after{content:"";position:absolute;right:-200px;bottom:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(84,120,255,.12) 0%,transparent 70%);pointer-events:none}.auth-card{margin:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;width:92%;max-width:440px;position:relative;z-index:10;box-shadow:var(--shadow-lg)}.register-card{max-width:500px}@media (max-width: 480px){.auth-card{padding:1.75rem 1.25rem;width:100%}}.auth-header{text-align:center;margin-bottom:2rem}.topbar-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:0;line-height:1}.topbar-action-btn svg{display:block}.topbar-action-btn:hover{background:var(--surface-2);color:var(--text-primary);transform:translateY(-1px)}.user-badge-premium{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;text-decoration:none;transition:all .2s;box-sizing:border-box}.user-badge-premium:hover{transform:scale(1.05)}.logo-box{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:800;font-size:22px;color:#fff;margin-bottom:1.25rem;box-shadow:0 4px 20px #5478ff66;letter-spacing:-.5px}.logo-lg{width:52px;height:52px;font-size:24px}.auth-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:.4rem}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:0}.auth-error{display:flex;align-items:center;gap:.5rem;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:13px}.auth-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:13px}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--brand-accent)}.forgot-link{color:var(--brand-accent);font-size:13px;font-weight:500}.forgot-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:1.5rem;font-size:13px;color:var(--text-secondary)}.auth-decoration{display:none}.spinner-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-loader{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.spinner{width:36px;height:36px;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--brand-accent);animation:spin .8s linear infinite}.dashboard-layout{display:flex;height:100vh;background:var(--bg);overflow:hidden}.sidebar{width:248px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.sidebar-header{padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border)}.sidebar-header .logo-box{width:34px;height:34px;font-size:15px;border-radius:var(--radius-sm);margin:0;flex-shrink:0}.brand-name{font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:-.4px;color:var(--text-primary)}.brand-tagline{font-size:10px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.nav-menu{padding:1rem .75rem;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-section-label{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .75rem .25rem;margin-top:.5rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:10px 14px;color:var(--text-secondary);border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--surface-3);color:var(--text-primary)}.nav-item.active{background:#5478ff1f;color:#7aa3ff}.nav-item.active:not(.quick-invoice-cta):before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--brand-accent);border-radius:0 4px 4px 0}.nav-divider{height:1px;background:var(--border);margin:.5rem .75rem}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--surface-1);flex-shrink:0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 768px){.topbar{padding:0 1rem;height:60px}}.page-title{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0;padding:0;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width: 768px){.page-title{font-size:16px;max-width:120px}}@media (max-width: 480px){.page-title{max-width:90px}}.user-profile{display:flex;align-items:center;gap:.85rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.user-email{font-size:11px;color:var(--text-muted)}.avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:.03em;flex-shrink:0}.dashboard-content{flex:1;overflow-y:auto;padding:1.75rem}@media (max-width: 768px){.dashboard-content{padding:1rem}}.welcome-card{background:linear-gradient(135deg,#000cb826,#5478ff14);border:1px solid rgba(84,120,255,.2);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.75rem;position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(84,120,255,.12) 0%,transparent 70%);pointer-events:none}.welcome-card h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.welcome-card p{color:var(--text-secondary);font-size:14px;margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.75rem}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition);cursor:default;position:relative;overflow:hidden}.stat-card:hover{border-color:#5478ff40;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.dashboard-welcome-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid var(--border);padding:1.5rem 2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-premium)}.dashboard-welcome-card .decorative-blob{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(84,120,255,.1) 0%,transparent 70%);pointer-events:none}.welcome-title{font-weight:900!important;letter-spacing:-.04em!important;margin-bottom:6px;color:var(--text-primary)}.welcome-subtitle{color:var(--text-muted);font-size:15px;font-weight:600}.plan-badge-v2{background:var(--surface-3);padding:8px 20px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;gap:10px;position:relative;z-index:1}.table-container-premium{background:var(--surface-1);border-radius:20px;border:1px solid var(--border);overflow-x:auto;box-shadow:var(--shadow-sm)}.data-table thead tr{border-bottom:1px solid var(--border);background:var(--surface-2)}.data-table th{padding:16px;text-align:left;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.table-row-premium{transition:all .2s}.table-row-premium:hover{background:#5478ff05}.id-cell{font-weight:800;color:var(--brand-accent);font-size:14px}.client-name{font-weight:700;color:var(--text-primary);font-size:14px}.client-meta{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:600}.amount-main{font-weight:900;color:var(--text-primary);font-size:15px}.amount-meta{font-size:10px;color:var(--text-muted);margin-top:2px;font-weight:600}.pill-item.status-filter-paid.active{background:#10b9811a!important;color:#10b981!important;border-color:#10b98133!important}.pill-item.status-filter-pending.active{background:#f59e0b1a!important;color:#f59e0b!important;border-color:#f59e0b33!important}.pill-item.status-filter-overdue.active{background:#ef44441a!important;color:#ef4444!important;border-color:#ef444433!important}.pill-item.status-filter-sent.active{background:#5478ff1a!important;color:#5478ff!important;border-color:#5478ff33!important}.pill-item.status-filter-draft.active{background:#9ca3af1a!important;color:#9ca3af!important;border-color:#9ca3af33!important}.pill-item.status-filter-cancelled.active{background:#6b728033!important;color:#6b7280!important;border-color:#6b72804d!important}.status-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:30px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.status-badge-pill-paid{background:#10b9811a;color:#10b981;border-color:#10b9810d}.status-badge-pill-sent{background:#5478ff1a;color:#5478ff;border-color:#5478ff0d}.status-badge-pill-draft{background:#9ca3af1a;color:#9ca3af;border-color:#9ca3af0d}.status-badge-pill-overdue{background:#ef44441a;color:#ef4444;border-color:#ef44440d}.status-badge-pill-cancelled{background:#6b72801a;color:#6b7280;border-color:#6b72800d}.status-badge-paid{background:#10b98114;color:#10b981;border-color:#10b9811a}.status-badge-overdue{background:#ef444414;color:#ef4444;border-color:#ef44441a}.status-badge-sent{background:#5478ff14;color:#5478ff;border-color:#5478ff1a}.status-badge-draft{background:#94a3b814;color:#64748b;border-color:#94a3b81a}.btn-success{background:#10b981!important;color:#fff!important;border-color:#059669!important;box-shadow:0 4px 12px #10b98133!important}.feedback-trigger{position:fixed;bottom:24px;right:24px;width:52px;height:52px;background:var(--brand-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #5478ff66;z-index:9999;transition:all .4s cubic-bezier(.16,1,.3,1)}.feedback-trigger:hover{transform:scale(1.1);box-shadow:0 12px 32px #5478ff80}.feedback-popup{position:fixed;bottom:24px;right:24px;width:340px;background:var(--surface-1);border-radius:24px;box-shadow:var(--shadow-premium);border:1px solid var(--border);z-index:10000;overflow:hidden;display:flex;flex-direction:column;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1)}.feedback-header{padding:18px 24px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.feedback-header h3{font-size:14px;font-weight:800;margin:0;letter-spacing:.02em}.feedback-body{padding:24px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.feedback-trigger{bottom:150px;right:20px;width:44px;height:44px;opacity:.45;transform:scale(.92);box-shadow:0 4px 12px #5478ff40}.feedback-trigger:hover,.feedback-trigger.active{opacity:1;transform:scale(1);box-shadow:0 8px 24px #5478ff73}.feedback-popup{bottom:150px;right:16px;left:16px;width:auto}}.stat-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--brand-accent)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.notif-btn{position:relative;width:40px;height:40px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--brand-accent);transition:all .2s cubic-bezier(.4,0,.2,1)}.notif-btn:hover{border-color:var(--brand-accent);transform:translateY(-2px);box-shadow:0 4px 12px #5478ff1a}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background:#ef4444;border:2px solid var(--surface-1);border-radius:9999px;color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #ef44444d;box-sizing:border-box;line-height:1;text-align:center}.notif-list-item:hover{background:rgba(var(--brand-accent-rgb),.1)!important}.notif-list-item:not(.is-read):before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--brand-accent);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--brand-accent-glow)}.user-pill{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;text-decoration:none;transition:all .2s}.user-pill:hover{border-color:var(--border-bright)}.avatar-circle{width:32px;height:32px;border-radius:10px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;box-shadow:0 4px 10px #5478ff33}.stat-badge{font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.stat-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-card h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-family:var(--font-sans);margin-bottom:.4rem}.stat-value{font-size:26px;font-family:var(--font-heading);font-weight:700;letter-spacing:-.5px;color:var(--text-primary);line-height:1.1}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:.4rem}.dashboard-section{margin-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:15px;font-weight:700}.section-header a{font-size:13px;font-weight:500;color:var(--brand-accent);display:flex;align-items:center;gap:4px}.data-table-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-1);border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--surface-hover)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-draft{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge-sent{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge-viewed{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.badge-paid{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.badge-overdue{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-cancelled{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state h3{font-size:18px;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:14px;margin-bottom:1.5rem}.page-form-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:760px}.form-section-title{font-size:14px;font-weight:700;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;letter-spacing:-.1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c18e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{font-size:18px;font-weight:700}.invoice-creator-layout{display:grid;grid-template-columns:55fr 45fr;height:calc(100vh - 70px - var(--banner-height, 0px));overflow:hidden;position:relative}@media (max-width: 1024px){.invoice-creator-layout{grid-template-columns:1fr;height:auto}.panel-preview{display:none}}.scrollable{overflow-y:auto}.panel-form{border-right:1px solid var(--border);padding:1.75rem}.panel-preview{background:var(--bg);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.card-premium{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:2rem;box-shadow:var(--shadow-premium);transition:var(--transition)}.section-header-pill{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}.section-header-pill h3{font-size:15px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.2px}.branding-zone{border:2px dashed var(--border);background:var(--surface-2);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:var(--transition)}.branding-zone:hover{border-color:var(--brand-accent);background:#5478ff08}.invoice-form-container{width:100%;max-width:800px;margin:0 auto}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.form-header h2{font-size:18px;font-weight:700;letter-spacing:-.3px}.form-actions{display:flex;gap:.75rem}.form-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.form-section h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.items-table-header{display:flex;gap:1rem;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:0 .5rem;margin-bottom:.5rem}.item-row{display:flex;gap:.75rem;align-items:center;padding:.5rem;border-radius:var(--radius-md);border:1px solid transparent;margin-bottom:.5rem;transition:var(--transition)}.item-row:hover{background:var(--surface-hover);border-color:var(--border)}.item-row .form-group{margin-bottom:0}.col-desc{flex:3}.col-qty{flex:1;min-width:70px}.col-price{flex:1.5;min-width:110px}.col-total{flex:1.2;min-width:90px;text-align:right;font-weight:600;color:var(--text-primary);font-size:14px;display:flex;align-items:center;justify-content:flex-end}.col-actions{width:36px;display:flex;justify-content:flex-end}.settings-section{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.toggle-group{display:flex;flex-direction:column;gap:.75rem}.toggle-label{display:flex;align-items:center;gap:.6rem;font-size:14px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{accent-color:var(--brand-accent);width:15px;height:15px}.totals-summary{min-width:260px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);padding:.35rem 0}.summary-row.text-muted{color:var(--text-muted)}.summary-row.grand-total{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem;font-size:16px;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.preview-container{width:100%}.preview-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.a4-viewer{display:flex;justify-content:center;align-items:flex-start;background:var(--surface-2);padding:3rem 2rem;border-radius:var(--radius-xl);border:1px solid var(--border);min-height:100vh;overflow:auto}@media (max-width: 1536px){.a4-viewer{zoom:.85}}@media (max-width: 1440px){.a4-viewer{zoom:.75}}@media (max-width: 1280px){.a4-viewer{zoom:.65}}.a4-sheet{background:#fff;color:#1a1a2e;width:210mm;min-height:297mm;border-radius:4px;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d;box-sizing:border-box;position:relative;margin:0 auto}.a4-sheet.is-printing{position:fixed!important;top:0!important;left:0!important;z-index:-9999!important;zoom:1!important;transform:none!important;box-shadow:none!important;margin:0!important;border-radius:0!important;width:210mm!important;max-width:none!important;padding:0!important}.inv-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:28px;border-bottom:2px solid #f1f5f9;margin-bottom:28px}.inv-title{font-size:32px;font-weight:800;color:#000cb8;letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;line-height:1;margin-bottom:4px}.inv-number{font-size:13px;color:#64748b;font-weight:500}.inv-brand{text-align:right}.inv-brand h2{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:2px;font-family:Plus Jakarta Sans,sans-serif}.inv-brand p{font-size:12px;color:#94a3b8;margin:0}.inv-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:2rem}.inv-bill-to h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:8px;font-weight:600}.inv-bill-to p{font-size:13px;color:#334155;margin-bottom:2px}.inv-bill-to .bold{font-weight:700;color:#0f172a!important;font-size:14px}.inv-dates{min-width:200px}.inv-dates .date-row{display:flex;justify-content:space-between;gap:2rem;margin-bottom:6px;font-size:13px}.inv-dates .lbl{color:#94a3b8}.inv-dates .bold{font-weight:600;color:#0f172a!important}.inv-table{width:100%;border-collapse:collapse;margin-bottom:24px}.inv-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600;border-bottom:1px solid #e2e8f0}.inv-table td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#334155;vertical-align:top}.inv-table .th-desc,.inv-table .td-desc{width:48%}.inv-table .th-qty,.inv-table .td-qty{width:10%;text-align:center}.inv-table .th-price,.inv-table .td-price{width:21%;text-align:right}.inv-table .th-total,.inv-table .td-total{width:21%;text-align:right;font-weight:600;color:#0f172a}.placeholder{color:#cbd5e1;font-style:italic}.inv-summary{display:flex;justify-content:flex-end;margin-bottom:40px}.inv-summary-content{width:280px}.summary-line{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9}.summary-line.grand{font-size:17px;font-weight:700;color:#0f172a;border-bottom:none;border-top:2px solid #e2e8f0;padding-top:14px;margin-top:4px}.inv-footer{border-top:1px solid #e2e8f0;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.inv-footer strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:6px}.inv-footer p{font-size:12px;color:#64748b;line-height:1.6;margin:0}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.nav-menu{flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:4px}.nav-section-label{display:none}.dashboard-content{padding:1rem}.topbar{padding:0 1rem}.auth-card{padding:1.75rem}.panel-form{padding:1rem}.form-header h2{display:none}.form-section{padding:1rem!important;margin-bottom:1rem}.form-section h3{font-size:11px!important;margin-top:1rem!important}.form-group input,.form-group textarea,.form-group select{min-height:44px}.items-table-header{display:none!important}.item-row{display:grid!important;grid-template-columns:60px 120px 1fr 36px!important;grid-template-rows:auto auto!important;gap:.5rem!important;position:relative;padding:.75rem .5rem!important;background:var(--surface-3);border:1px solid var(--border)}.col-desc{grid-column:1 / span 3;grid-row:1;width:100%}.col-qty{grid-column:1;grid-row:2;min-width:60px!important;width:60px!important}.col-price{grid-column:2;grid-row:2;min-width:120px!important;width:120px!important}.col-total{grid-column:3;grid-row:2;width:auto!important;justify-content:flex-start!important;padding-left:.5rem}.col-actions{position:absolute!important;top:.5rem;right:.5rem;width:auto!important;grid-column:4;grid-row:1}.settings-section{flex-direction:column!important;gap:1.5rem!important;align-items:stretch!important}.totals-summary{width:100%!important;min-width:unset!important;margin-top:.5rem}.panel-preview{padding:1.5rem 2rem!important;background:var(--surface-2)}.a4-viewer{width:100%;display:flex;justify-content:center;background:var(--surface-1);padding:2.5rem 1rem;border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden}@media (max-width: 1366px){.a4-viewer{zoom:.8}}.a4-sheet{box-shadow:0 4px 20px #0000001a;color:#000}}.topbar{height:70px;padding:0 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;transition:var(--transition)}.dashboard-content{flex:1;padding:2.5rem 2rem;max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:10}@media (min-width: 1025px){.dashboard-layout:has(.invoice-creator-layout){overflow:hidden!important}.dashboard-layout:has(.invoice-creator-layout) .dashboard-content{padding:0!important;max-width:none!important;overflow:hidden!important;height:calc(100vh - 70px - var(--banner-height, 0px))}.dashboard-layout:has(.invoice-creator-layout) .topbar{margin-bottom:0!important}}.fade-in-up{animation:fade-in-up .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.topbar{height:64px!important;padding:0 1.25rem!important}.dashboard-content{padding:1rem 1rem 5rem!important}h1{font-size:24px!important}h2{font-size:20px!important;letter-spacing:-.01em!important}h3{font-size:17px!important}.page-title{font-size:16px!important}.grid-stats{gap:1rem!important;margin-bottom:2rem!important}.dashboard-welcome{padding:1.25rem!important;margin-bottom:1.5rem!important;flex-direction:column;align-items:flex-start!important;gap:1.25rem}.dashboard-welcome h2{font-size:22px!important}.dashboard-welcome p{font-size:13px!important}.premium-stat-card{padding:1.25rem!important;border-radius:16px!important}.premium-stat-card div[style*="font-size: 28px"]{font-size:22px!important}.panel-preview{padding:1.5rem 12px!important}.a4-viewer{width:100%!important;display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface-1);min-height:480px;border-radius:var(--radius-xl)}.a4-sheet{box-shadow:0 10px 40px #0006!important;height:auto;zoom:.46}.preview-actions{width:100%!important;flex-direction:column;gap:12px;margin-bottom:2rem!important}.preview-actions button{width:100%!important}}@media print{.a4-sheet{zoom:1!important;margin:0!important;box-shadow:none!important;min-width:210mm!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html,body{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button,a,select,input,textarea,.click-scale,.ee-toggle-track{touch-action:manipulation}.btn-premium,.btn-elite,.btn-primary,.btn-secondary,.mobile-bottom-nav,.topbar,.nav-item,button,.click-scale,.theme-pill,.ee-toggle-track{user-select:none;-webkit-user-select:none}*{-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.sidebar{display:none!important}.main-content{padding-bottom:120px!important}.mobile-nav-wrapper{display:flex!important}}@media (min-width: 769px){.mobile-nav-wrapper{display:none!important}}.mobile-nav-wrapper{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem));left:1.25rem;right:1.25rem;z-index:9999;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;font-family:var(--font-sans)}.mobile-nav-wrapper.nav-hidden{pointer-events:none}.mobile-nav-wrapper.nav-hidden .mobile-bottom-nav{transform:translateY(calc(100% + 2rem));opacity:0;pointer-events:none}.mobile-bottom-nav{position:relative;width:100%;max-width:480px;height:72px;background:#0f172abf;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.08);border-radius:20px;transform:translateY(0);opacity:1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;pointer-events:auto;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .mobile-bottom-nav{background:#ffffffd1;border-color:#0000000d;box-shadow:0 20px 40px #00000014,inset 0 1px #fffc}.mobile-nav-items{display:flex;width:100%;height:100%;align-items:center;justify-content:space-around}.mobile-nav-item-wrapper{flex:1;display:flex;justify-content:center;height:100%;text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-decoration:none;color:var(--text-muted);transition:all .25s cubic-bezier(.165,.84,.44,1);gap:3px;position:relative}.mobile-nav-item .svg-icon-container{width:26px!important;height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:transform .25s ease,color .2s ease;color:var(--brand-accent)!important}[data-theme=light] .mobile-nav-item .svg-icon-container{color:var(--brand-primary)!important}.mobile-nav-item .svg-icon-container svg,.mobile-nav-item img{width:100%!important;height:100%!important;fill:currentColor!important;stroke:none!important;stroke-width:0!important;display:block!important}.mobile-nav-item svg.lucide{width:24px;height:24px;transition:transform .25s ease,color .2s ease;color:var(--brand-accent)!important}[data-theme=light] .mobile-nav-item svg.lucide{color:var(--brand-primary)!important}.mobile-nav-item span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.7;transition:opacity .2s ease}.mobile-nav-item.active{color:var(--brand-accent)}.mobile-nav-item.active svg{color:var(--brand-accent);transform:scale(1.08)}[data-theme=light] .mobile-nav-item.active svg{color:var(--brand-primary)}.mobile-nav-item.active span{opacity:1;color:var(--brand-accent)}[data-theme=light] .mobile-nav-item.active span{color:var(--brand-primary)}.mobile-nav-placeholder{flex:0 0 60px}.mobile-nav-item.create-action{transform:translateY(-14px)}.mobile-nav-item.create-action .create-btn-inner{width:58px;height:58px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(var(--brand-accent-rgb),.35),inset 0 2px 4px #ffffff40;border:4px solid #ffffff;transition:transform .25s ease,box-shadow .2s ease;overflow:hidden}[data-theme=dark] .mobile-nav-item.create-action .create-btn-inner{background:#fff;border-color:var(--surface-1)}.mobile-nav-item.create-action:active .create-btn-inner{transform:scale(.92);box-shadow:0 4px 12px rgba(var(--brand-accent-rgb),.2)}.mobile-nav-item.create-action span{margin-top:2px}.mobile-nav-item:active{transform:scale(.92);opacity:.7}.avatar-circle{border-radius:50%!important}.action-button-premium{height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0 10px}.action-button-premium:hover:not(:disabled){border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;color:var(--text-primary)}.action-button-premium:disabled{opacity:.3;cursor:not-allowed}.danger-hover:hover{background:#ef444414!important;color:#ef4444!important;border-color:#ef444433!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.grid-2{grid-template-columns:1fr}}.stat-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}.data-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table td{padding:16px;font-size:14px;color:var(--text-primary);vertical-align:middle}.table-container-premium{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;overflow-x:auto;box-shadow:var(--shadow-sm)}.id-cell{font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;color:var(--brand-accent);letter-spacing:.02em}.client-name{font-weight:700;font-size:14px;color:var(--text-primary)}.client-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.amount-main{font-weight:800;font-size:15px;color:var(--text-primary);letter-spacing:-.02em}.amount-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.pill-selector{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill-item{padding:7px 16px;border-radius:9999px;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:all .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.pill-item:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-bright)}.pill-item.active{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);box-shadow:0 4px 12px #5478ff40}.check-bar{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:border-color .2s}.check-bar:hover{border-color:var(--brand-accent)}.check-bar input[type=checkbox]{accent-color:var(--brand-accent);width:16px;height:16px;flex-shrink:0;margin-top:2px}.check-bar label strong{font-size:14px;font-weight:700;color:var(--text-primary);display:block;margin-bottom:2px}.check-bar label p{font-size:12px;color:var(--text-muted);margin:0}.settings-navbar{margin-bottom:2rem}.navbar-scroller{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.navbar-scroller::-webkit-scrollbar{display:none}.nav-pill-secondary{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-pill-secondary:hover{background:var(--surface-2);color:var(--text-primary)}.nav-pill-secondary.active{background:var(--surface-2);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block}}@media (max-width: 768px){.topbar{padding:0 1rem;height:56px}.page-title{font-size:16px}}.modal-card{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:2rem;width:100%;max-width:500px;box-shadow:0 30px 60px -10px #0006;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card .form-group input,.modal-card .form-group textarea,.modal-card .form-group select{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text-primary);font-size:14px;font-weight:500;width:100%;transition:border-color .2s,box-shadow .2s}.modal-card .form-group input:focus,.modal-card .form-group textarea:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #5478ff1f}.modal-card .form-group label{font-size:12px;font-weight:700;color:var(--text-muted);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.modal-header h2{font-size:17px;font-weight:800;letter-spacing:-.02em}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-error{color:var(--error)!important}.text-warning{color:var(--warning)!important}.text-success{color:var(--success)!important}.font-black,.font-heavy{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.w-px{width:1px}.h-5{height:1.25rem}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.-translate-y-1\/2{transform:translateY(-50%)}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.max-h-\[380px\]{max-height:380px}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.aura-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.aura-blob{position:absolute;width:500px;height:500px;border-radius:50%;opacity:.028;filter:blur(80px);animation:pulse 10s ease-in-out infinite}.dashboard-welcome-card{position:relative;overflow:hidden;background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid var(--border);padding:2.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.dashboard-welcome-card{padding:1.5rem;flex-direction:column;gap:1.25rem}}.welcome-title{font-size:28px;font-weight:900;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:6px}.welcome-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.plan-badge-v2{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:9999px;font-size:13px;font-weight:700;color:#fbbf24;white-space:nowrap}.decorative-blob{position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(84,120,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.stat-amount{font-size:30px;font-family:var(--font-heading);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1}@media (max-width: 768px){.stat-amount{font-size:24px}.welcome-title{font-size:22px}}.animate-slide-up{animation:slideUpModal .2s cubic-bezier(.16,1,.3,1)}.fade-in-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;box-sizing:border-box;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-bright);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .btn-secondary{background:#f8fafc;border-color:#0000001a;color:#0f172a}[data-theme=light] .btn-secondary:hover{background:#f1f5f9}.btn-primary.icon-only,.btn-secondary.icon-only{width:42px;height:42px;padding:0;border-radius:10px}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}@media (max-width: 480px){.topbar{padding:0 12px!important;gap:8px!important}.page-title{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .gap-3{gap:.25rem!important}.topbar .gap-4{gap:.5rem!important}.moon-icon-mobile-hide{display:none!important}.topbar .w-px.m-0{margin:0 2px!important}.avatar-circle{width:30px!important;height:30px!important;font-size:11px!important}.topbar-action-btn{width:30px;height:30px}.topbar-action-btn svg{width:18px;height:18px}.logo-box{margin-bottom:0!important;width:32px!important;height:32px!important;font-size:16px!important}.header-action-btn{padding:8px 12px!important;font-size:12px!important;border-radius:8px!important;height:30px!important}}.form-group-vertical{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:0!important}.form-group-vertical label{font-size:11px!important;font-weight:800!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.input-premium{height:48px!important;background:var(--surface-1)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:0 16px;font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important;box-shadow:0 2px 5px #00000005!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}textarea.input-premium{height:auto!important;min-height:120px!important;padding:12px 16px!important;resize:vertical}.input-premium:focus{border-color:var(--brand-accent)!important;box-shadow:0 0 0 4px #5478ff1a!important}.input-premium:read-only{background:var(--surface-2)!important;color:var(--text-muted)!important}.section-box{background:var(--surface-1)!important;border:1px solid var(--border)!important;border-radius:20px!important;padding:2rem!important;box-shadow:var(--shadow-sm)!important;overflow:visible!important}@media (max-width: 768px){.section-box{padding:1.5rem!important}}.settings-navbar{display:inline-flex!important;background:var(--surface-2)!important;padding:6px!important;border-radius:16px!important;border:1px solid var(--border)!important;margin-bottom:2rem!important;margin-left:0!important;margin-right:0!important;border-bottom:1px solid var(--border)!important}@media (max-width: 768px){.settings-navbar{display:flex!important;width:100%!important}}.navbar-scroller{display:flex!important;gap:4px!important;width:100%!important}.nav-pill-secondary{border-radius:12px!important;padding:10px 20px!important;font-size:13px!important;font-weight:750!important;color:var(--text-muted)!important;background:transparent!important;border:none!important;cursor:pointer!important;transition:all .2s!important;display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;justify-content:center!important}.nav-pill-secondary:hover{color:var(--text-primary)!important;background:#00000008!important}.nav-pill-secondary.active{background:var(--surface-1)!important;color:var(--text-primary)!important;box-shadow:0 4px 10px #0000000d!important}[data-theme=light] .nav-pill-secondary.active{box-shadow:0 4px 12px #0000000f,0 1px 2px #0000000a!important}.pill-label{padding:6px 14px!important;font-size:10px!important;background:#5478ff14!important;margin-bottom:1.5rem!important}.logo-upload-btn{border:1.5px dashed var(--border)!important;background:var(--surface-1)!important;border-radius:16px!important}.branding-box{background:transparent!important;border:none!important;padding:0!important;gap:16px!important}@media (max-width: 480px){.settings-navbar{border-radius:0!important;margin:0 -1.5rem 1.5rem!important;border-left:none!important;border-right:none!important}}@media (max-width: 768px){.nav-pill-secondary span{display:block!important;font-size:11px!important;margin-top:4px;animation:none!important;font-weight:800!important}.nav-pill-secondary{flex-direction:column!important;justify-content:flex-end!important;padding:8px 4px!important;gap:4px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;border-bottom:2px solid transparent!important;flex:1!important;color:var(--text-muted)!important}.nav-pill-secondary svg{width:20px!important;height:20px!important}.nav-pill-secondary.active{color:var(--brand-accent)!important;border-bottom:2px solid var(--brand-accent)!important;background:transparent!important;box-shadow:none!important}[data-theme=light] .nav-pill-secondary.active{box-shadow:none!important}.settings-navbar{background:transparent!important;border:none!important;border-bottom:1px solid var(--border)!important;padding:0!important;margin-bottom:2rem!important}}.topbar-action-btn{width:40px!important;height:40px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;border-radius:12px!important;box-shadow:0 2px 4px #00000005!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.topbar-action-btn:hover{background:var(--surface-3)!important;border-color:var(--border-bright)!important;transform:translateY(-1px)!important;color:var(--text-primary)!important}@media (max-width: 480px){.topbar-action-btn{width:36px!important;height:36px!important;border-radius:10px!important}.topbar-action-btn svg{width:18px!important;height:18px!important}.logo-box{font-size:16px!important;line-height:1!important;padding:0!important;width:36px!important;height:36px!important}.topbar{gap:8px!important}.topbar div.flex.items-center.gap-3{gap:6px!important}}@media (max-width: 480px){.logo-box{font-size:14px!important;width:34px!important;height:34px!important;font-weight:900!important}.page-title{font-size:15px!important}.topbar .btn-primary{font-size:13px!important;padding:0 14px!important;height:36px!important;border-radius:10px!important}}@media (max-width: 768px){.nav-pill-secondary{align-items:center!important;text-align:center!important}}@media (max-width: 768px){.navbar-scroller{align-items:center!important}.settings-navbar{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.nav-pill-secondary{margin:0!important}}.notif-dropdown{position:absolute!important;top:60px!important;right:-4px!important;width:420px!important;min-height:200px!important;background:var(--surface-1)!important;border:1px solid var(--border)!important;border-radius:28px!important;box-shadow:0 40px 100px -20px #0009,0 0 0 1px #ffffff0d!important;backdrop-filter:blur(28px) saturate(190%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;z-index:9999!important;overflow:hidden!important;animation:premium-pop .5s var(--ease-out-expo)!important}[data-theme=light] .notif-dropdown{background:#fff!important;box-shadow:0 40px 100px -20px #00000026,0 0 0 1px #0000000d!important}.notif-header-v2{border-bottom:1px solid var(--border);background:#ffffff05}.notif-tab-v3{background:transparent;border:none;padding:12px 0;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;position:relative;transition:all .2s;opacity:.8;display:flex;align-items:center}.notif-tab-v3.active{color:var(--text-primary);opacity:1}.notif-tab-v3.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--text-primary);border-radius:2px}.notif-unread-count-ref{margin-left:8px;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-primary);font-size:11px;font-weight:700}[data-theme=light] .notif-unread-count-ref{background:#0000000d}.notif-item-v2{padding:24px 28px!important;display:flex!important;gap:20px!important;align-items:flex-start!important;border-bottom:1px solid var(--border)!important;cursor:pointer!important;transition:all .3s var(--ease-out-expo)!important}.notif-item-v2:hover{background:var(--surface-hover)!important;transform:scale(.995)}.notif-unread-dot{position:absolute;top:-4px;right:-4px;width:9px;height:9px;background:var(--brand-accent);border:2px solid var(--surface-1);border-radius:50%;z-index:2;box-shadow:0 0 10px rgba(var(--brand-accent-rgb),.4)}.notif-action-btn{padding:9px 18px;border-radius:11px;font-size:12.5px;font-weight:800;cursor:pointer;transition:all .25s var(--ease-out-expo);border:1px solid var(--border);letter-spacing:-.01em}.notif-action-btn.primary{background:var(--brand-accent);color:#fff;border-color:transparent;box-shadow:0 8px 16px rgba(var(--brand-accent-rgb),.2)}.notif-action-btn.secondary{background:var(--surface-2);color:var(--text-primary)}.notif-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);border-color:var(--border-bright)}.notif-list-scroll{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.notif-list-scroll::-webkit-scrollbar{width:4px}.notif-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (max-width: 768px){.notif-dropdown{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important;border:none!important;margin:0!important;display:flex;flex-direction:column;z-index:10000!important;background:var(--surface-1)!important}.notif-list-scroll{max-height:none!important;flex:1;padding-bottom:100px!important}.notif-mobile-close{display:flex!important}.notif-item-v2{padding:20px!important}}.mobile-wizard-mode{height:auto!important;display:block!important}.mobile-wizard-container{display:flex!important;flex-direction:column!important;padding:0 0 4rem!important;gap:1.5rem!important}.wizard-step-header{margin-bottom:2rem!important;padding-top:.5rem!important}.mobile-stepper{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;position:relative!important;width:100%!important;margin-bottom:2.5rem!important;padding:0 .5rem!important}.stepper-line{position:absolute!important;top:15px!important;left:2rem!important;right:2rem!important;height:2px!important;background:var(--border)!important;z-index:1!important}.stepper-line-active{position:absolute!important;top:0!important;left:0!important;height:100%!important;background:var(--brand-accent)!important;transition:width .4s cubic-bezier(.16,1,.3,1)!important}.step-node{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;flex:1!important}.step-circle{width:32px!important;height:32px!important;border-radius:50%!important;background:var(--surface-1)!important;border:2px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:800!important;color:var(--text-muted)!important;transition:all .3s!important}.step-node.active .step-circle{background:var(--brand-accent)!important;border-color:var(--brand-accent)!important;color:#fff!important;box-shadow:0 0 15px #5478ff66!important}.step-node.completed .step-circle{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.step-label{font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important;text-align:center!important}.step-node.active .step-label{color:var(--brand-accent)!important}.quick-preview-card{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:20px!important;padding:1.25rem!important;display:flex!important;align-items:center!important;gap:1.25rem!important;margin-top:1rem!important;box-shadow:var(--shadow-sm)!important}.btn-primary,.btn-secondary,.btn-premium,.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:14px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;outline:none;height:48px;padding:0 24px;white-space:nowrap}.btn-primary{background:var(--brand-accent);color:#fff;box-shadow:0 2px 8px #5478ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #003bbd66;filter:brightness(1.1)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-bright)}.btn-secondary:active{transform:scale(.96)}.btn-sm{height:36px!important;padding:0 16px!important;font-size:12.5px!important;border-radius:10px!important}.btn-danger{background:var(--error-bg)!important;border:1px solid rgba(239,68,68,.2)!important;color:var(--error)!important}.btn-danger:hover{background:var(--error)!important;color:#fff!important;border-color:transparent!important}.btn-success{background:var(--success-bg)!important;border:1px solid rgba(16,185,129,.2)!important;color:var(--success)!important}.btn-success:hover{background:var(--success)!important;color:#fff!important;border-color:transparent!important}.btn-premium{background:var(--brand-primary);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-premium)}.btn-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.btn-premium:hover:after{opacity:1}.btn-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-lume)}.btn-icon{width:42px;height:42px;padding:0;background:transparent;color:var(--text-muted)}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeInStandard .3s ease-out}.modal-card{background:var(--surface-glass);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:500px;padding:2.5rem;box-shadow:var(--shadow-lume);animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table-container-premium{width:100%;overflow-x:auto;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:16px 24px;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border)}.table-row-premium{transition:background .2s;cursor:pointer}.table-row-premium:hover{background:var(--surface-hover)}.table-row-premium td{padding:20px 24px;border-bottom:1px solid var(--border)}.table-row-premium:last-child td{border-bottom:none}.id-cell,.amount-main{font-family:var(--font-heading);font-weight:800;color:var(--text-primary)}.amount-meta{font-size:12px;color:var(--text-muted)}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-4px)}.click-scale{transition:transform .1s}.click-scale:active{transform:scale(.95)}.sentry-block{filter:blur(5px);pointer-events:none}.icon-box-premium{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-accent-rgb),.2);flex-shrink:0;overflow:hidden;transition:var(--transition-fast)}.icon-box-premium.active{box-shadow:0 0 15px rgba(var(--brand-accent-rgb),.4)}.icon-box-secondary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);flex-shrink:0;transition:var(--transition-fast)}.icon-box-secondary:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes premium-pop{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spring-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse-glow{0%{box-shadow:0 0 #5478ff66}70%{box-shadow:0 0 0 10px #5478ff00}to{box-shadow:0 0 #5478ff00}}@keyframes tap-bounce{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.animate-spring-in{animation:spring-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-premium-pop{animation:premium-pop .3s cubic-bezier(.34,1.56,.64,1) forwards}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;color:var(--text-secondary);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:rgba(var(--brand-accent-rgb),.08);color:var(--brand-accent)}.nav-item svg{transition:transform .2s}.nav-item:hover svg{transform:scale(1.1)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 8px var(--brand-accent)}.topbar{position:sticky!important;top:12px!important;margin:12px 24px 0!important;height:66px!important;padding:0 24px!important;display:flex!important;align-items:center!important;background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff0d!important;z-index:50!important;width:auto!important}.dashboard-content{padding-top:24px!important}@media (max-width: 768px){.topbar{position:fixed!important;left:12px!important;right:12px!important;margin:0!important;z-index:100!important;padding:0 16px!important}}.premium-stat-card{background:var(--surface-1)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:20px!important}.mobile-bottom-nav{height:80px!important;background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;backdrop-filter:blur(16px) saturate(180%)!important;border-radius:20px!important;margin:0 12px 4px!important;width:calc(100% - 24px)!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;border:1.5px solid var(--border-bright)!important;padding:0 4px!important;box-shadow:0 12px 40px #00000040!important}.mobile-bottom-nav{backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;border-radius:20px!important;margin:0 12px 6px!important;width:calc(100% - 24px)!important;border:1.5px solid var(--border-bright)!important;padding:0 8px!important;box-shadow:0 12px 40px #00000040!important;height:72px!important}[data-theme=light] .mobile-bottom-nav{background:#ffffff73!important;border-color:#00000012!important;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a!important}.mobile-nav-item-wrapper{flex:1;text-decoration:none;display:flex;align-items:center;justify-content:center;height:100%}.mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%;width:100%;padding:0 4px!important;color:var(--brand-accent)!important;opacity:.6!important;position:relative;text-decoration:none;transition:opacity .25s ease,color .2s ease!important}.mobile-nav-item.active{color:var(--brand-accent)!important;opacity:1!important}.mobile-nav-item:not(.create-action) .svg-icon-container{width:26px!important;height:26px!important}.mobile-nav-item:not(.create-action) .svg-icon-container svg{width:100%!important;height:100%!important;fill:currentColor!important;stroke:none!important;stroke-width:0!important}.mobile-nav-item.active:after{content:none!important}.create-btn-inner{width:58px!important;height:58px!important;background:var(--brand-gradient)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 25px rgba(var(--brand-accent-rgb),.35),inset 0 2px 4px #fff3!important;border:none!important;transition:transform .2s ease!important;overflow:hidden!important}.mobile-nav-item.create-action .svg-icon-container{width:100%!important;height:100%!important;color:#fff!important}[data-theme=light] .mobile-nav-item.create-action .svg-icon-container{color:#fff!important}.create-btn-inner .svg-icon-container svg,.create-btn-inner svg{width:100%!important;height:100%!important;fill:#fff!important;stroke:none!important;stroke-width:0!important}[data-theme=dark] .create-btn-inner{background:var(--brand-gradient)!important;border:none!important}.mobile-nav-item.create-action{flex:0 0 72px!important;opacity:1!important;transform:translateY(-16px)!important}.mobile-nav-item.create-action.active .create-btn-inner{box-shadow:0 12px 28px rgba(var(--brand-accent-rgb),.5)!important;animation:pulse-glow 2s infinite}.mobile-nav-item:active{animation:tap-bounce .2s ease-out}.quick-action-card-v2:hover{background:var(--surface-2)!important;border-color:var(--brand-accent)!important;transform:translateY(-2px)}@media (max-width: 768px){.dashboard-stats-grid{gap:12px!important}.premium-stat-card{padding:16px!important}.welcome-title{font-size:20px!important}.welcome-subtitle{font-size:12px!important}.dashboard-welcome-card{padding:16px!important}}@media (max-width: 768px){.dashboard-content{padding-top:calc(84px + env(safe-area-inset-top,0px))!important;padding-bottom:112px!important;padding-left:1rem!important;padding-right:1rem!important}.main-content{padding-bottom:0!important}}@media (max-width: 768px){.page-title{max-width:180px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px!important;font-weight:900!important;letter-spacing:-.02em!important}}@media (max-width: 480px){.page-title{max-width:140px!important;font-size:15px!important}}@media (max-width: 480px){.topbar .action-button-premium{width:34px!important;height:34px!important;border-radius:10px!important;padding:0!important;flex-shrink:0!important}.topbar div.flex.items-center.gap-3{gap:4px!important}.topbar div.flex.items-center.gap-4{gap:8px!important}.topbar .w-px.m-0{margin:0 2px!important}.topbar .avatar-circle{width:34px!important;height:34px!important;font-size:11px!important;border-radius:9px!important}}@media (max-width: 768px){.topbar .btn-primary,.topbar .btn-premium.btn-primary{height:36px!important;padding:0 16px!important;font-size:12px!important;border-radius:10px!important;min-width:unset!important;width:auto!important;flex-shrink:0!important}}@media (max-width: 480px){.topbar .btn-primary,.topbar .btn-premium.btn-primary{height:34px!important;padding:0 12px!important;font-size:11px!important;border-radius:9px!important;width:auto!important}.topbar .btn-primary span,.topbar .btn-premium.btn-primary span{display:inline!important}}.mobile-only.action-button-premium[aria-label="Sign Out"]{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--error)!important;box-shadow:none!important}@media (max-width: 768px){.navbar-scroller{justify-content:flex-start!important;padding-bottom:2px!important}}@media (max-width: 768px){.section-label-sm,.page-section-eyebrow{margin-top:0!important;margin-bottom:.75rem!important}}.mobile-nav-wrapper{background:transparent!important;box-shadow:none!important}@media (max-width: 768px){[data-theme=light] .mobile-nav-wrapper{background:transparent!important}[data-theme=light] .mobile-bottom-nav{background:#ffffffeb!important;border-color:#00000012!important;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a!important}}@media (max-width: 360px){.topbar{left:8px!important;right:8px!important;padding:0 10px!important}}@media (max-width: 480px){.modal-card{border-radius:20px!important;padding:1.5rem!important;max-width:calc(100vw - 32px)!important}}@media (max-width: 480px){.btn-primary{min-width:unset!important}}.ee-notif-dropdown{position:fixed;top:80px;right:48px;width:400px!important;min-height:420px!important;background:#18181bcc!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:0 20px 40px -10px #0006,inset 0 0 0 1px #ffffff0d!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;z-index:10000!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;animation:premium-pop .4s cubic-bezier(.16,1,.3,1)!important}[data-theme=light] .ee-notif-dropdown{background:#fffc!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 20px 40px -10px #00000014,inset 0 0 0 1px #fff9!important}.ee-notif-header{border-bottom:1px solid var(--border)!important;background:transparent!important;flex-shrink:0!important;padding-bottom:12px!important}.ee-notif-tab{background:transparent!important;border:none!important;padding:6px 14px!important;font-size:13px!important;font-weight:700!important;color:var(--text-muted)!important;cursor:pointer!important;border-radius:12px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important;align-items:center!important;gap:6px!important}.ee-notif-tab:hover{color:var(--text-primary)!important;background:var(--surface-2)!important}.ee-notif-tab.active{background:#5478ff14!important;color:var(--brand-accent)!important}.ee-notif-tab.active:after{display:none!important}.ee-notif-badge-pill{padding:1px 6px!important;border-radius:6px!important;background:#5478ff1a!important;color:var(--brand-accent)!important;font-size:10px!important;font-weight:800!important}[data-theme=dark] .ee-notif-tab.active{background:#5478ff26!important;color:#8ab4f8!important}[data-theme=dark] .ee-notif-badge-pill{background:#ffffff14!important;color:var(--text-primary)!important}.ee-notif-mark-read{font-size:13px!important;font-weight:700!important;color:var(--brand-accent)!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:6px 12px!important;border-radius:10px!important;transition:all .2s!important}.ee-notif-mark-read:hover{background:#5478ff0d!important}.ee-notif-list-scroll{flex:1!important;max-height:480px!important;overflow-y:auto!important;scrollbar-width:none!important}.ee-notif-list-scroll::-webkit-scrollbar{display:none!important}.ee-notif-group{display:flex!important;flex-direction:column!important}.ee-notif-group-title{font-size:11px!important;font-weight:700!important;color:var(--text-muted)!important;background:var(--surface-2)!important;padding:8px 24px!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-bottom:1px solid var(--border)!important}.ee-notif-item{padding:14px 24px!important;display:flex!important;gap:14px!important;align-items:flex-start!important;border-bottom:1px solid var(--border)!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important}.ee-notif-item:hover{background:var(--surface-hover)!important}.ee-notif-item.unread{background:#5478ff05!important}.ee-notif-unread-dot{width:8px!important;height:8px!important;background:var(--brand-accent)!important;border-radius:50%!important}.ee-notif-unread-dot{box-shadow:0 0 8px var(--brand-accent)!important}.ee-notif-content{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1!important;min-width:0!important}.ee-notif-title{margin:0!important;font-size:14px!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.3!important;letter-spacing:-.01em!important}.ee-notif-message{margin:0!important;font-size:13px!important;font-weight:500!important;color:var(--text-muted)!important;line-height:1.45!important}.ee-notif-time{font-size:11px!important;font-weight:500!important;color:var(--text-muted)!important;opacity:.6!important;margin-top:2px!important}.ee-notif-right-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:space-between!important;height:38px!important;min-width:24px!important;margin-left:auto!important;position:relative!important}.ee-notif-chevron{color:var(--text-muted)!important;opacity:.4!important;transition:all .2s!important}.ee-notif-dismiss-btn{background:transparent!important;border:none!important;color:var(--text-muted)!important;cursor:pointer!important;padding:4px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;position:absolute!important;top:50%!important;right:0!important;transform:translateY(-50%) scale(.8)!important}.ee-notif-dismiss-btn:hover{background:var(--surface-3)!important;color:var(--text-primary)!important}.ee-notif-item:hover .ee-notif-dismiss-btn{opacity:1!important;transform:translateY(-50%) scale(1)!important}.ee-notif-item:hover .ee-notif-chevron{opacity:0!important}.ee-notif-promo-item{padding:14px 24px!important;display:flex!important;gap:14px!important;align-items:center!important;border-top:1px solid var(--border)!important;background:#5478ff05!important}.ee-notif-promo-btn{background:transparent!important;border:none!important;color:var(--brand-accent)!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;padding:6px 12px!important;border-radius:8px!important;transition:all .2s!important}.ee-notif-promo-btn:hover{background:#5478ff0d!important}.ee-notif-empty-state{padding:80px 32px!important;text-align:center!important}.ee-notif-empty-icon{width:56px!important;height:56px!important;border-radius:16px!important;background:var(--surface-3)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 16px!important}.ee-notif-empty-title{margin:0!important;font-size:16px!important;font-weight:700!important;color:var(--text-primary)!important}.ee-notif-empty-text{margin:8px auto 0!important;font-size:13px!important;color:var(--text-muted)!important;max-width:260px!important;line-height:1.5!important}.ee-notif-mobile-close{display:none!important}@media (max-width: 768px){.ee-notif-dropdown{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:none!important;z-index:20000!important;background:#18181bf2!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important}[data-theme=light] .ee-notif-dropdown{background:#fffffff2!important}.ee-notif-list-scroll{max-height:none!important;padding-bottom:140px!important}.ee-notif-mobile-close{display:flex!important;background:transparent!important;border:none!important;color:var(--text-muted)!important;padding:10px!important;cursor:pointer!important}.ee-notif-dismiss-btn{opacity:.8!important;position:static!important;transform:none!important;margin-top:4px!important}.ee-notif-item:hover .ee-notif-dismiss-btn{transform:none!important}.ee-notif-right-actions{height:auto!important;gap:8px!important;justify-content:center!important}.ee-notif-chevron{display:none!important}}.error-page-container{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background-color:var(--bg)!important;z-index:9999!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:2rem!important;text-align:center!important;overflow-y:auto!important}.error-page-aura{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:600px!important;height:600px!important;background:radial-gradient(circle,rgba(84,120,255,.1) 0%,transparent 70%)!important;z-index:-1!important;pointer-events:none!important}.error-page-title-box{background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;padding:1.5rem 2.5rem!important;border-radius:24px!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-giant)!important;display:inline-block!important}.error-page-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important;width:100%!important;max-width:500px!important;margin:0 auto!important}.error-page-btn{flex:1!important;min-width:200px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:16px 24px!important;border-radius:16px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.error-page-footer{position:absolute!important;bottom:2rem!important;display:flex!important;align-items:center!important;gap:1rem!important;pointer-events:none!important}@media (max-width: 640px){.error-page-container{padding:1.5rem!important;justify-content:center!important}.error-page-title-box{padding:1.25rem 2rem!important;width:90%!important}.error-page-actions{flex-direction:column!important;gap:1rem!important}.error-page-btn{width:100%!important;flex:none!important;min-width:unset!important}.error-page-footer{position:relative!important;bottom:auto!important;margin-top:4rem!important}}.error-bg-text{font-size:clamp(100px,25vw,240px)!important;font-weight:900!important;color:#5478ff14!important;-webkit-user-select:none!important;user-select:none!important;line-height:1!important;margin:0!important;font-family:var(--font-heading)!important}.topbar-standard-content{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important;transition:opacity .3s ease,transform .3s ease,visibility .3s!important}.topbar-compact-elements{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility .3s!important}.topbar-compact-btn{background:transparent!important;border:none!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;cursor:pointer!important;transition:transform .2s ease!important}.topbar-compact-btn:active{transform:scale(.9)!important}@media (max-width: 768px){.topbar .desktop-only{display:none!important}.topbar{transition:top .5s cubic-bezier(.16,1,.3,1),left .5s cubic-bezier(.16,1,.3,1),right .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)!important}.topbar.is-compact{position:fixed!important;top:12px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:140px!important;height:48px!important;min-height:48px!important;padding:0 4px!important;border-radius:32px!important;margin:0!important;box-shadow:0 20px 40px #0006,0 0 0 1.5px #ffffff14!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;background:var(--surface-glass)!important;z-index:200!important}.topbar.is-hidden{opacity:0!important;transform:translate(-50%) translateY(-80px)!important;pointer-events:none!important}.topbar.is-compact .topbar-standard-content{opacity:0!important;pointer-events:none!important;transform:scale(.9)!important;visibility:hidden!important}.topbar.is-compact .topbar-compact-elements{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}h1,h2,.heading-display{font-family:var(--font-heading),sans-serif!important;letter-spacing:-.03em!important}h3,h4,.heading-sub{font-family:var(--font-heading),sans-serif!important;letter-spacing:-.02em!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand-accent)!important;outline-offset:3px!important;border-radius:6px!important}.section-box,.premium-stat-card,.quick-action-card-v2,.ee-notif-item,.theme-pill,.integration-card,.stagger-item[onclick],[role=button]{cursor:pointer!important}[data-theme=light] .ee-notif-dropdown{background:var(--surface-glass)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 40px 100px -20px #00000026,inset 0 0 0 1px #ffffff80!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}[data-theme=light] .ee-notif-header{background:#fff6!important}[data-theme=light] .ee-notif-item:hover{background:#0f172a0a!important}[data-theme=light] .ee-notif-tab.active:after{background:var(--brand-accent)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-blur-in,.animate-fade-in,.animate-slide-up,.animate-premium-pop,.stagger-item,.aura-blob{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}:root{--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);--brand-gradient-subtle: linear-gradient(135deg, rgba(11, 47, 159, .12) 0%, rgba(84, 120, 255, .08) 100%);--brand-gradient-hover: linear-gradient(135deg, #0c37bb 0%, #6b8aff 100%)}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}.dashboard-greeting-container{display:flex;flex-direction:column;line-height:1.2}.dashboard-greeting-user-wrap{display:flex;align-items:baseline;gap:4px}.dashboard-greeting-word{font-size:13px;font-weight:500;color:var(--text-secondary);opacity:.8}.dashboard-greeting-user{font-size:16px;font-weight:750;color:var(--text-primary);letter-spacing:-.02em}.dashboard-greeting-subtitle{font-size:9px;font-weight:600;color:var(--text-muted);opacity:.55;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.topbar{background:var(--surface-glass)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff0d!important}[data-theme=light] .topbar{background:#ffffffbf!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 8px 30px #00000008,inset 0 1px #fff9!important}.topbar .avatar-circle{border-radius:10px!important;background:var(--brand-accent)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:850!important;box-shadow:0 2px 8px #5478ff33,inset 0 0 0 1px #ffffff26!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .2s ease!important}[data-theme=light] .topbar .avatar-circle{background:var(--brand-accent)!important;box-shadow:0 2px 8px #5478ff26,inset 0 0 0 1px #fff3!important;border:1px solid rgba(0,0,0,.08)!important}.user-badge-premium{display:flex;align-items:center;margin-left:4px}.topbar .action-button-premium{width:36px!important;height:36px!important;border-radius:11px!important;padding:0!important;flex-shrink:0!important;background:#0f172a40!important;border:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:#ffffffb3!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.topbar .action-button-premium:hover:not(:disabled){background:#ffffff0d!important;border-color:#ffffff26!important;color:#fffffff2!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.topbar .action-button-premium:active:not(:disabled){transform:scale(.96)!important}[data-theme=light] .topbar .action-button-premium{background:#f1f5f966!important;border:1px solid rgba(15,23,42,.06)!important;color:#0f172a99!important}[data-theme=light] .topbar .action-button-premium:hover:not(:disabled){background:#0f172a0d!important;border-color:#0f172a1f!important;color:#0f172ae6!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0f172a0d!important}@media (max-width: 768px){.topbar{position:fixed!important;left:12px!important;right:12px!important;margin:0!important;z-index:100!important;height:auto!important;min-height:64px!important;padding:10px 14px!important;border-radius:24px!important}.dashboard-greeting-word{font-size:11px!important}.dashboard-greeting-user{font-size:13px!important}.dashboard-greeting-subtitle{font-size:8px!important;margin-top:2px!important}.topbar div.flex.items-center.gap-3{gap:8px!important}.topbar div.flex.items-center.gap-4{gap:12px!important}.topbar .w-px.m-0{margin:0 6px!important}.topbar .action-button-premium{width:38px!important;height:38px!important;border-radius:11px!important}}.reminder-channel-container{display:flex;background:var(--surface-3);border-radius:12px;padding:4px;border:1px solid var(--border);gap:4px;transition:all .25s ease}.reminder-channel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-weight:750;font-size:13px;cursor:pointer;transition:all .2s ease-in-out}.reminder-channel-btn:hover:not(.selected){background:var(--surface-hover);color:var(--text-primary)}.reminder-channel-btn.selected{background:var(--surface-1)!important;color:var(--brand-accent)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border)!important}.reminder-milestones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reminder-milestone-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;background:var(--surface-3);border:1.5px solid var(--border);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.reminder-milestone-card:hover{background:var(--surface-hover);border-color:var(--border-bright);transform:translateY(-1px)}.reminder-milestone-card.selected{background:#5478ff0a;border-color:var(--brand-accent);box-shadow:0 4px 16px #5478ff14}[data-theme=light] .reminder-milestone-card.selected{background:#5478ff08}.reminder-checkbox{margin-top:2px;width:18px;height:18px;border-radius:6px;border:2px solid var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;flex-shrink:0}.reminder-milestone-card.selected .reminder-checkbox{border-color:var(--brand-accent);background:var(--brand-accent);color:#080a1f}.reminder-milestone-icon{display:flex;align-items:center;color:var(--text-muted);transition:color .2s ease}.reminder-milestone-card.selected .reminder-milestone-icon{color:var(--brand-accent)}.reminder-milestone-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;gap:12px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.reminder-milestone-row:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reminder-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;padding:6px 12px;border-radius:8px;border:1px solid transparent;white-space:nowrap}.reminder-status-badge.sent{background:#10b98114;color:var(--success);border-color:#10b98126}.reminder-status-badge.scheduled{background:#5478ff14;color:var(--brand-accent);border-color:#5478ff26}.reminder-status-badge.error{background:#ef444414;color:var(--error);border-color:#ef444426}.reminder-status-badge.disabled{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.btn-send-whatsapp{padding:6px 14px;background:var(--brand-accent);color:#080a1f;border:none;border-radius:8px;font-size:11px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #5478ff26}.btn-send-whatsapp:hover{transform:translateY(-1px);filter:brightness(1.15);box-shadow:0 6px 16px #5478ff40}.btn-send-whatsapp:active{transform:translateY(0) scale(.97)}@media (max-width: 576px){.reminder-channel-container{flex-direction:column;gap:6px}.reminder-channel-btn{width:100%;flex:none}.reminder-milestones-grid{grid-template-columns:1fr;gap:10px}.reminder-milestone-row{flex-direction:column;align-items:flex-start;padding:14px}.reminder-milestone-row>div{width:100%}}.product-card-v2{background:var(--surface-1);border:1px solid var(--border);border-radius:28px!important;padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;position:relative;transition:transform .25s var(--ease-out-expo),border-color .2s,box-shadow .25s}[data-theme=light] .product-card-v2{background:#fff;border-color:#0000000d;box-shadow:0 8px 30px #00000005,0 2px 8px #00000003}.product-card-v2:hover{border-color:#5478ff40;transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.product-icon-square{width:60px;height:60px;border-radius:18px;background:#5478ff0f;border:1.5px solid rgba(84,120,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-accent)}[data-theme=light] .product-icon-square{background:#5478ff0d;border-color:#5478ff1f}.product-stock-badge{font-size:13px;font-weight:800;padding:8px 16px;border-radius:14px;letter-spacing:-.01em;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.product-stock-in{color:#10b981;background:#10b98114;border:1.5px solid rgba(16,185,129,.15)}.product-stock-out{color:#ef4444;background:#ef444414;border:1.5px solid rgba(239,68,68,.15)}.product-action-toolbar{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:16px;border:1.5px solid rgba(84,120,255,.25);background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .product-action-toolbar{border-color:#ffffff14;background:#18181b80}.product-action-tile{width:32px;height:32px;border-radius:10px;background:#fff;border:1.5px solid rgba(0,0,0,.04);box-shadow:0 2px 4px #00000005;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0}[data-theme=dark] .product-action-tile{background:var(--surface-2);border-color:var(--border);box-shadow:none}.product-action-tile:hover{transform:scale(1.06);border-color:var(--brand-accent)}.product-action-tile.active{color:#10b981}.product-action-tile.whatsapp{color:#25d366}.product-toolbar-divider{width:1px;height:18px;background:#5478ff33}.product-delete-tile{width:44px;height:44px;border-radius:14px;background:#fff;border:1.5px solid rgba(0,0,0,.04);box-shadow:0 2px 6px #00000005;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .product-delete-tile{background:var(--surface-2);border-color:var(--border);box-shadow:none}.product-delete-tile:hover{background:#ef444414!important;color:#ef4444!important;border-color:#ef444433!important;transform:scale(1.05)}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.catalogue-search-wrap{max-width:440px;width:100%;position:relative}.catalogue-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--brand-accent);pointer-events:none}.catalogue-search-input{width:100%;height:56px!important;background:var(--surface-glass, var(--surface-1))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)!important;border-radius:18px!important;padding:0 44px 0 50px!important;font-size:15px!important;font-weight:600!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)!important}.catalogue-search-input:focus{border-color:var(--brand-accent)!important;box-shadow:0 0 0 4px #5478ff1a!important}.catalogue-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.catalogue-search-clear:hover{background:var(--surface-3);color:var(--text-primary)}.catalogue-add-btn{height:56px;padding:0 32px;border-radius:18px;font-size:15px;font-weight:900;background:var(--brand-gradient);color:#fff;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 12px 24px -8px #5478ff66;transition:all .2s cubic-bezier(.16,1,.3,1)}.catalogue-add-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px #5478ff8c;filter:brightness(1.1)}.catalogue-add-btn:active{transform:translateY(0) scale(.96)}.catalogue-tabs-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;margin-bottom:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.catalogue-tabs-track::-webkit-scrollbar{display:none}.catalogue-tab{padding:10px 20px;border-radius:12px;font-size:13px;font-weight:800;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.catalogue-tab:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-hover)}.catalogue-tab-active{background:var(--brand-accent)!important;color:#fff!important;border-color:var(--brand-accent)!important;box-shadow:0 4px 12px #5478ff40}.product-delete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}[data-theme=dark] .product-delete-overlay{background:#18181bed}:root{--banner-height: 0px}.dashboard-layout{height:calc(100vh - var(--banner-height, 0px))!important;min-height:calc(100vh - var(--banner-height, 0px))!important;margin-top:var(--banner-height, 0px)!important;transition:height .3s ease,min-height .3s ease,margin-top .3s ease}.topbar{top:calc(12px + env(safe-area-inset-top,0px) + var(--banner-height, 0px))!important}@media (max-width: 768px){.topbar{top:calc(8px + env(safe-area-inset-top,0px) + var(--banner-height, 0px))!important}.topbar.is-compact{top:calc(12px + env(safe-area-inset-top,0px) + var(--banner-height, 0px))!important}}html,body{background-color:var(--bg)!important}body{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}html{touch-action:manipulation}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}