@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&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 #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--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)skewY(1deg)}to{opacity:1;transform:translateY(0)skewY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes blur-in{0%{filter:blur(8px);opacity:0;transform:scale(.98)}to{filter:blur();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%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-blur-in{animation:blur-in var(--motion-slow)}.animate-fade-in{animation:fade-in var(--motion-medium)}.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:first-child{animation-delay:50ms}.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:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-hover) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:8px;animation:2s linear infinite shimmer}.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 (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{min-height:100vh;display:flex}.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)}}@media (width>=768px){.desktop-only{display:flex!important}}.sidebar-toggle-btn:hover{transform:scale(1.05);background:var(--surface-hover)!important}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar{display:none!important}@media (width>=768px){.sidebar{display:flex!important}}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:12px}.sidebar.collapsed .quick-invoice-cta{justify-content:center!important;padding:12px!important}.sidebar.collapsed .quick-invoice-cta div{margin:0!important}.premium-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;background:#000000b3;position:fixed;inset:0}.premium-modal-container{z-index:100001;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-modal-content{pointer-events:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:28px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}@media (width<=768px){.premium-modal-container{justify-content:stretch!important;align-items:stretch!important;padding:0!important}.premium-modal-content{border:none!important;border-radius:0!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.inset-0{inset:0}.z-10{z-index:10}.section-box{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:24px;padding:24px;transition:border-color .2s;position:relative}@media (width<=768px){.section-box{padding:20px}}.section-box:hover{border-color:#5478ff33}.pill-label{color:var(--brand-accent);text-transform:uppercase;letter-spacing:.1em;background:#5478ff1f;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.status-badge-unified{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;height:24px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.status-paid{color:#10b981;background:#10b9811a;border-color:#10b98133}.status-draft,.status-pending{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.status-sent,.status-viewed{color:#5478ff;background:#5478ff1a;border-color:#5478ff33}.status-overdue{color:#ef4444;background:#ef44441a;border-color:#ef444433}.status-cancelled{background:var(--surface-3);color:var(--text-muted);border-color:var(--border)}.status-usage{color:#5478ff;background:#5478ff1a;border-color:#5478ff33}.input-premium{background:var(--surface-2);border:1px solid var(--border);width:100%;height:52px;color:var(--text-primary);border-radius:14px;outline:none;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s}select,.modern-select{background:var(--surface-2);border:1px solid var(--border);width:100%;height:52px;color:var(--text-primary);cursor:pointer;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-position:right 16px center;background-repeat:no-repeat;background-size:16px;border-radius:14px;outline:none;padding:0 44px 0 16px;font-size:14px;font-weight:600;transition:all .2s}select:focus,.modern-select:focus{border-color:var(--brand-accent);background:var(--surface-1);box-shadow:0 0 0 4px #5478ff1a}select option{color:#fff;background-color:#1a1f2e;padding:12px}[data-theme=light] select option{color:#0f172a;background-color:#fff}.form-group-vertical label{color:var(--text-muted);letter-spacing:.01em;margin-left:4px;font-size:12.5px;font-weight:800}@media (width<=768px){.form-grid-2{grid-template-columns:1fr}}.ee-switch{width:44px;height:24px;display:inline-block;position:relative}.ee-switch input{opacity:0;width:0;height:0}.ee-slider{cursor:pointer;background-color:var(--surface-3);border:1.5px solid var(--border);border-radius:34px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ee-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2.5px;left:3px;box-shadow:0 2px 4px #0003}.ee-switch input:checked+.ee-slider{background-color:var(--brand-accent);border-color:#0000}.ee-switch input:checked+.ee-slider:before{transform:translate(20px)}.momo-account-row{align-items:center;gap:16px;width:100%;display:flex}.momo-account-row .momo-select-wrap{flex:1}.momo-account-row .input-premium{flex:1.5}.btn-remove-account{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-remove-account:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.btn-add-account{color:var(--brand-accent);border:1px dashed var(--brand-accent);cursor:pointer;background:#5478ff1a;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-add-account:hover{background:var(--brand-accent);color:#fff;border-style:solid}.ee-toggle-track{border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:20px;width:48px;height:26px;padding:3px;transition:background .3s;position:relative}.ee-toggle-track.active{background:var(--brand-accent);border-color:#0000;box-shadow:0 0 15px #5478ff66}.ee-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0006}.ee-select-wrapper{width:100%;position:relative}.ee-select-trigger{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:100%;height:52px;color:var(--text-primary);border-radius:14px;justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.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{background:var(--surface-1);border:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-giant);-webkit-backdrop-filter:blur(24px)saturate(180%);transform-origin:top;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.ee-select-option{cursor:pointer;color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ee-select-option:hover{color:var(--brand-accent);background:#5478ff1a}.ee-select-option.selected{color:var(--brand-accent);background:#5478ff26;font-weight:700}.ee-vat-row{align-items:center;gap:20px;width:100%;display:flex}.ee-vat-row .ee-toggle-container{flex:1.5}.ee-vat-row .input-premium{flex:1;margin-top:0!important}@media (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{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:32px;margin-top:0;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.logo-upload-container:hover{background:var(--surface-3);border-color:#5478ff4d;box-shadow:0 12px 40px -12px #00000026}.logo-upload-preview{background:var(--surface-1);border:1.5px solid var(--border);width:96px;height:96px;box-shadow:var(--shadow-sm);color:var(--text-muted);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative;overflow:hidden}.logo-upload-preview img{object-fit:contain;width:100%;height:100%;padding:8px}.logo-upload-container:hover .logo-upload-preview{border-color:var(--brand-accent);transform:scale(1.04)}.logo-upload-overlay{background:rgba(var(--bg-rgb), .8);color:var(--brand-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logo-upload-info{flex-direction:column;flex:1;gap:18px;display:flex}.logo-upload-text h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:800}.logo-upload-text p{color:var(--text-muted);max-width:480px;margin:0;font-size:12.5px;line-height:1.6}.logo-upload-actions{align-items:center;gap:16px;display:flex}.btn-upload-premium{background:var(--brand-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #5478ff33}.btn-upload-premium:hover{background:#6385ff;transform:translateY(-2px);box-shadow:0 6px 20px #5478ff4d}.btn-upload-premium:active{transform:translateY(0)}.file-limit-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}@media (width<=768px){.logo-upload-container{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.logo-upload-actions{flex-direction:column;align-items:flex-start;gap:12px}.btn-upload-premium{justify-content:center;width:100%}}.logo-full-themed{width:auto;height:42px;transition:filter .3s}[data-theme=light] .logo-full-themed{filter:brightness(0)saturate()invert(11%)sepia(51%)saturate(2465%)hue-rotate(224deg)brightness(28%)contrast(94%)}.logo-icon-themed{background-color:var(--brand-accent);-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") 50%/contain no-repeat;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") 50%/contain no-repeat;transition:background-color .3s;display:inline-block;-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") 50%/contain no-repeat}[data-theme=light] .logo-icon-themed{background-color:var(--brand-primary)}.animate-slide-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-right}.animate-spin{animation:.8s linear infinite spin}.skeleton-row{position:relative;overflow:hidden}.skeleton-row:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);animation:1.6s ease-in-out infinite skeleton-loading;position:absolute;inset:0}.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}.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 (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{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;align-items:stretch;width:100%;height:52px;transition:all .2s;display:flex;overflow:hidden}.input-addon-group:focus-within{border-color:var(--brand-accent);background:var(--surface-1);box-shadow:0 0 0 4px #5478ff1a}.input-addon-prefix{background:var(--surface-3);color:var(--text-muted);border-right:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;padding:0 16px;font-size:13px;font-weight:700;display:flex}.input-addon-group .input-premium-clean{flex:1;color:var(--text-primary)!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 16px!important;font-size:14px!important;font-weight:650!important}.theme-pill{background:var(--surface-2);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;width:100%;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.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{align-items:center;gap:14px;display:flex}.theme-pill-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-pill.active .theme-pill-icon{color:var(--brand-accent);background:#5478ff1a}.theme-pill-text{flex-direction:column;flex:1;display:flex}.theme-pill-text strong{color:var(--text-primary);font-size:13.5px;font-weight:800}.theme-pill-text span{color:var(--text-muted);font-size:11px;font-weight:600}.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{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-bright);z-index:100;height:64px;box-shadow:var(--shadow-md);transition:all .4s var(--ease-out-expo);border-radius:20px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:12px;left:12px;right:12px}.dashboard-content{min-height:0;padding-top:96px}@media (width<=768px){.topbar{border-radius:18px;height:60px;padding:0 16px;top:8px;left:8px;right:8px}.dashboard-content{padding-top:84px;padding-bottom:90px}}.header-action-btn{background:var(--brand-accent);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 20px #5478ff33}.header-action-btn:active{transform:scale(.95)}.header-action-btn.success{background:var(--success)}@media (width<=768px){.header-action-btn{justify-content:center;width:42px;height:42px;padding:0}.header-action-btn .btn-text{display:none}}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.span-full{grid-column:1/-1}.form-stack{flex-direction:column;gap:1.75rem;display:flex}.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-style:solid;border-width:1px}.border-dashed{border-style:dashed}.border-white-5{border-color:#ffffff0d}.border-white-10{border-color:#ffffff1a}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.ring-4{box-shadow:0 0 0 4px}.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-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-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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 (width>=640px){.sm\:block{display:block}}@media (width>=768px){.md\:block{display:block}.md\:flex-row{flex-direction:row}}@media (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:#5478ff26;--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:#09090bd1;--surface-hover:#ffffff08;--border:#ffffff12;--border-bright:#ffffff1f;--border-hover:#5478ff40;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--font-heading:"Plus Jakarta Sans", sans-serif;--font-sans:"Plus Jakarta Sans", "Inter", 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:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--radius-sm:10px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 16px -4px #0003;--shadow-lg:0 12px 24px -8px #00000040;--shadow-premium:0 4px 20px #00000040, 0 0 0 1px #ffffff0a;--shadow-lume:0 0 0 1px #ffffff0d, 0 15px 30px -10px #0006, 0 0 12px #5478ff08;--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:#5478ff40;--brand-gradient:linear-gradient(135deg, #0b2f9f 0%, #5478ff 100%);--bg:#f8fafc;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--surface-glass:#f8fafcd9;--surface-1-rgb:255, 255, 255;--surface-2-rgb:241, 245, 249;--surface-3-rgb:226, 232, 240;--surface-hover:#0f172a0a;--border:#0f172a14;--border-bright:#0f172a1f;--border-hover:#5478ff66;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--success:#059669;--success-bg:#05966914;--warning:#d97706;--warning-bg:#d9770614;--error:#dc2626;--error-bg:#dc26260f;--paid:#059669;--sent:#2563eb;--draft:#64748b;--pending:#d97706;--overdue:#dc2626;--viewed:#7c3aed;--cancelled:#475569;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #00000014;--shadow-lume:0 0 0 1px #0000000f, 0 20px 40px -10px #0000001a, 0 0 20px #5478ff0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .form-group input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .aura-bg{opacity:.15}[data-theme=light] .aura-blob{opacity:.04}.btn-elite,.btn-primary{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-elite:active{transform:scale(.96)}.btn-elite:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-elite-sm{border-radius:10px;height:38px;padding:0 18px;font-size:13px}.btn-elite-md,.btn-primary{border-radius:12px;height:50px;padding:0 28px;font-size:15px}.btn-elite-lg{border-radius:14px;height:58px;padding:0 36px;font-size:16px}.btn-elite-primary,.btn-primary{background:var(--brand-gradient);box-shadow:0 4px 15px #0b2f9f40;color:#fff!important}.btn-elite-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0b2f9f59}.btn-elite-secondary{background:var(--surface-3);border:1px solid var(--border-bright);color:var(--text-primary)!important}.btn-elite-secondary:hover{background:var(--surface-hover);border-color:var(--brand-accent);transform:translateY(-2px)}.btn-elite-glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;color:var(--text-primary)!important}.btn-elite-glass:hover{border-color:var(--brand-accent);background:#ffffff14;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{color:var(--brand-primary);background:#5478ff14}.text-page-title{font-size:20px!important;font-weight:700!important}.text-section-heading{letter-spacing:.5px!important;text-transform:uppercase!important;font-size:15px!important;font-weight:600!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{color:#6b7280!important;font-size:12px!important;font-weight:500!important}.tabular-nums{font-variant-numeric:tabular-nums!important}.page-container{padding-left:16px!important;padding-right:16px!important}.section-spacing{flex-direction:column;display:flex;gap:24px!important}.cards-gap{flex-direction:column;display:flex;gap:12px!important}.touch-target{justify-content:center;align-items:center;display:flex;min-width:44px!important;min-height:44px!important}.icon-button{justify-content:center;align-items:center;display:flex;width:40px!important;height:40px!important;padding:8px!important}.card-standard{background:#fff;border:none!important;border-radius:16px!important;padding:16px!important;box-shadow:0 1px 3px #00000014!important}[data-theme=dark] .card-standard{background:var(--surface-1);box-shadow:0 1px 3px #0006!important}.btn-icon-elite{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.165,.84,.44,1);display:flex}.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{color:#ef4444;background:#ef444414}.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{-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #ffffff80;flex-direction:column;gap:16px;padding:24px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -5px #0000000d,0 20px 40px -10px #00000014;border-radius:32px!important}.card-catalogue-premium:hover{border-color:var(--brand-primary);background:#fff;transform:translateY(-8px);box-shadow:0 20px 40px -12px #0000001a}[data-theme=dark] .card-catalogue-premium{background:#0f172a66;border:1px solid #ffffff0d;box-shadow:0 20px 50px #0006}[data-theme=dark] .card-catalogue-premium:hover{border-color:var(--brand-accent);background:#1e293b99}.ee-notif-dropdown,.card-catalogue-premium{backface-visibility:hidden;transform:translateZ(0)}.feature-card-mesh{opacity:0;background:radial-gradient(circle at top right, var(--brand-accent) 0%, transparent 60%);filter:blur(60px);z-index:0;transition:opacity .5s;position:absolute;inset:0}.card-catalogue-premium:hover .feature-card-mesh{opacity:.15}.catalogue-icon-box{width:48px;height:48px;color:var(--brand-accent);transition:all .3s var(--ease-out-expo);background:linear-gradient(135deg,#5478ff1a,#5478ff0d);border:1px solid #5478ff33;border-radius:14px;justify-content:center;align-items:center;display:flex;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{background:rgba(var(--brand-accent-rgb), .05);width:32px;height:32px;color:var(--text-muted);transition:all .2s var(--ease-out-expo);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:flex}.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{border-color:var(--error);color:var(--error);background:#ef444414}.catalogue-price-tag{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:4px;font-family:Outfit,sans-serif;font-size:24px;font-weight:800;display:flex}.catalogue-badge-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:800}.catalogue-badge-secondary{color:var(--brand-accent);background:#5478ff14;border-color:#5478ff26}.catalogue-badge-success{color:#10b981;background:#10b98114;border-color:#10b98126}.catalogue-badge-error{color:#ef4444;background:#ef444414;border-color:#ef444426}.badge-paid{color:#fff!important;background:#10b981!important}.badge-sent{color:#fff!important;background:#3b82f6!important}.badge-draft{color:#1f2937!important;background:#f3f4f6!important}[data-theme=dark] .badge-draft{color:#f3f4f6!important;background:#374151!important}.badge-overdue{color:#fff!important;background:#ef4444!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{color:#475569;background:#f1f5f9}[data-theme=light] .data-table td{border-bottom-color:#0000000a}.aura-bg{pointer-events:none;z-index:-1;opacity:.04;position:fixed;inset:0;overflow:hidden}.aura-blob{background:var(--brand-accent);opacity:.02;filter:blur(80px);will-change:transform;border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite alternate aura-drift;position:absolute}@keyframes aura-drift{0%{transform:translate(-15%,-15%)scale(1)}50%{transform:translate(5%,10%)scale(1.05)}to{transform:translate(-5%,15%)scale(.95)}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-md);opacity:.7;background-size:200% 100%;animation:1.4s cubic-bezier(.4,0,.2,1) infinite shimmer}.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);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .4s var(--ease-out-expo);border-radius:24px;padding:24px}.premium-stat-card:hover{border-color:var(--brand-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)!important}.stat-amount{color:var(--text-primary);letter-spacing:-.04em;font-size:28px;font-weight:950}[data-theme=light] .card-premium{box-shadow:0 10px 30px -10px #0000000d}.card-premium:hover{border-color:var(--border-bright);transform:translateY(-6px)scale(1.01);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);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;padding:2.5rem;display:flex}@media (width<=768px){.section-box{border-radius:20px;padding:1.75rem}}.pill-label{background:rgba(var(--brand-accent-rgb), .08);color:var(--brand-accent);text-transform:uppercase;letter-spacing:.1em;border-radius:30px;align-items:center;gap:10px;width:fit-content;margin-bottom:2rem;padding:8px 16px;font-size:11px;font-weight:900;display:inline-flex}.settings-navbar{background:var(--surface-1);border-bottom:2px solid var(--border);margin:0 -2rem 2rem;padding:0 2rem}@media (width<=768px){.settings-navbar{margin:0 -1rem 1.5rem;padding:0 1rem}}.navbar-scroller{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.nav-pill-secondary{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex}.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 (width<=768px){.nav-pill-secondary span{display:none}.nav-pill-secondary.active span{animation:.3s ease-out slide-right;display:inline}.nav-pill-secondary{padding:14px 18px}}.form-group-vertical{flex-direction:column;gap:14px;display:flex}.form-group-vertical label{color:var(--text-muted);font-size:13px;font-weight:700;display:block}.branding-box{align-items:center;gap:1.5rem;display:flex}@media (width<=480px){.branding-box{flex-direction:column;align-items:stretch}}.logo-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%;padding:14px}.logo-upload-btn{border:2px dashed var(--border);background:var(--surface-2);height:110px;color:var(--text-muted);cursor:pointer;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:800;transition:all .2s;display:flex}.logo-upload-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.integration-card{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:1.25rem;display:flex}.integration-card img{width:32px}.integration-card strong{font-size:15px;display:block}.check-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;gap:16px;padding:1.5rem;display:flex}.check-bar input{width:22px;height:22px;accent-color:var(--brand-accent);cursor:pointer;margin-top:2px}.check-bar strong{margin-bottom:2px;font-size:15px;display:block}.check-bar p{color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.pill-selector{flex-wrap:wrap;gap:8px;display:flex}.pill-item{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s}.pill-item.active{border-color:var(--brand-accent);color:var(--brand-accent);background:#5478ff0f}.fade-in-standard{animation:.3s ease-out forwards fadeInStandard}@keyframes fadeInStandard{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-in}.blur-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards blur-in}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;line-height:1.6}p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin:0;line-height:1.3}a{color:var(--brand-accent);transition:var(--transition);text-decoration:none}a:hover{color:#7a96ff}input,textarea,select,button{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.mobile-only{display:flex!important}.mobile-only.inline{display:inline!important}.desktop-only{display:none!important}}@media (width>=769px){.desktop-only{display:flex!important}.desktop-only.inline{display:inline!important}}.btn-primary{background:var(--brand-gradient);color:#fff;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;white-space:nowrap;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;padding:12px 24px;font-size:14px;font-weight:750;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #5478ff59}.btn-primary:after{content:"";opacity:0;background:linear-gradient(#ffffff14,#0000);transition:opacity .18s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 6px 20px #5478ff66}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 1px #0003,0 2px 8px #5478ff40}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{box-sizing:border-box;background:var(--surface-3);height:48px;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:700;display:inline-flex}@media (width<=768px){.btn-primary,.btn-secondary,.btn-elite,.btn-elite-primary,.btn-elite-secondary{width:100%}}.premium-toggle-group{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.premium-toggle-label{cursor:pointer;flex-direction:column;flex:1;gap:4px;padding-right:16px;display:flex}.premium-toggle-label strong{color:var(--text-primary);font-size:14px;font-weight:800}.premium-toggle-label p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.premium-toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.premium-toggle-switch input{opacity:0;width:0;height:0}.premium-toggle-slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.premium-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;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{border-radius:10px!important;justify-content:center!important;align-items:center!important;height:36px!important;padding:0 14px!important;font-size:13px!important;line-height:1!important;display:inline-flex!important}.btn-add-item{width:100%;color:var(--brand-accent);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;border:1px dashed #5478ff66;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:11px;font-size:14px;font-weight:500;display:flex}.btn-add-item:hover{border-color:var(--brand-accent);background:#5478ff12}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon.danger:hover{background:var(--error-bg);color:var(--error)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-logout{width:100%;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-logout:hover{background:var(--error-bg);color:#fca5a5;border-color:#ef444440}.input-premium{background:var(--surface-2);border:1px solid var(--border);width:100%;height:50px;color:var(--text-primary);transition:var(--transition);border-radius:12px;outline:none;padding:0 16px;font-family:inherit;font-size:15px}.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{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-position:right 12px center;background-repeat:no-repeat;padding-right:40px}[data-theme=light] .input-premium{color:#0f172a;background:#fff;border-color:#0000001a}[data-theme=light] .input-premium:focus{border-color:var(--brand-accent);background:#fff;box-shadow:0 0 0 4px #5478ff1a}.btn-premium{background:var(--brand-gradient);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:0 4px 15px #006b3f33}.btn-premium:hover{border-color:var(--brand-accent);box-shadow:0 8px 25px #006b3f66, 0 0 10px var(--brand-accent-glow);transform:translateY(-1px)}.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{color:var(--text-muted);align-items:center;gap:1rem;margin:1.5rem 0;font-size:13px;font-weight:500;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-auth-v2{flex-direction:column;gap:.75rem;display:flex}.google-custom-btn{color:var(--text-primary);border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.google-custom-btn:hover{border-color:var(--brand-accent);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #0003,0 0 0 1px #ffffff1a}.google-custom-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.google-custom-btn:hover:after{transform:translate(100%)}[data-theme=light] .google-custom-btn{color:#1f1f1f;background:#fff;border-color:#0000001a;box-shadow:0 2px 4px #0000000d}[data-theme=light] .google-custom-btn:hover{background:#f8f9fa;border-color:#00000026}.social-btn{width:100%;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:.4rem;font-size:13px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);appearance:none;padding:10px 14px;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--brand-accent);background:var(--surface-hover);outline:none;box-shadow:0 0 0 3px #5478ff26}.form-group input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.form-group textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-with-icon input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);padding:11px 14px 11px 42px;font-size:14px}.input-with-icon input::placeholder{color:var(--text-muted)}.input-with-icon input:focus{border-color:var(--brand-accent);background:var(--surface-hover);outline:none;box-shadow:0 0 0 3px #5478ff26}.input-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input:focus~.input-icon{color:var(--brand-accent)}.auth-container{background:var(--bg);min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#000cb840 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;left:-300px}.auth-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#5478ff1f 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;right:-200px}.auth-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);z-index:10;width:92%;max-width:440px;box-shadow:var(--shadow-lg);margin:auto;padding:2.5rem;position:relative}.register-card{max-width:500px}@media (width<=480px){.auth-card{width:100%;padding:1.75rem 1.25rem}}.auth-header{text-align:center;margin-bottom:2rem}.topbar-action-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.topbar-action-btn svg{display:block}.topbar-action-btn:hover{background:var(--surface-2);color:var(--text-primary);transform:translateY(-1px)}.user-badge-premium{box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.user-badge-premium:hover{transform:scale(1.05)}.logo-box{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);border-radius:var(--radius-md);width:48px;height:48px;font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 4px 20px #5478ff66}.logo-lg{width:52px;height:52px;font-size:24px}.auth-header h1{letter-spacing:-.5px;margin-bottom:.4rem;font-size:26px;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{flex-direction:column;gap:0;display:flex}.auth-error{background:var(--error-bg);color:#fca5a5;border-radius:var(--radius-md);border:1px solid #ef444433;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:12px 16px;font-size:13px;display:flex}.auth-actions{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:13px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.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;color:var(--text-secondary);margin-top:1.5rem;font-size:13px}.auth-decoration{display:none}.spinner-icon{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-loader{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--brand-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.dashboard-layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:248px;transition:width .2s;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-header .logo-box{border-radius:var(--radius-sm);flex-shrink:0;width:34px;height:34px;margin:0;font-size:15px}.brand-name{font-family:var(--font-heading);letter-spacing:-.4px;color:var(--text-primary);font-size:17px;font-weight:700}.brand-tagline{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.nav-menu{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex;overflow-y:auto}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:.5rem;padding:.5rem .75rem .25rem;font-size:10.5px;font-weight:600}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.7rem;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item svg{flex-shrink:0}.nav-item.active{color:#7aa3ff;background:#5478ff1f}.nav-item.active:not(.quick-invoice-cta):before{content:"";background:var(--brand-accent);border-radius:0 4px 4px 0;width:4px;position:absolute;top:15%;bottom:15%;left:0}.nav-divider{background:var(--border);height:1px;margin:.5rem .75rem}.sidebar-footer{border-top:1px solid var(--border);padding:1rem .75rem}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface-1);z-index:100;-webkit-backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}@media (width<=768px){.topbar{height:60px;padding:0 1rem}}.page-title{letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;padding:0;font-size:19px;font-weight:800;line-height:1.2;display:block;overflow:hidden}@media (width<=768px){.page-title{max-width:120px;font-size:16px}}@media (width<=480px){.page-title{max-width:90px}}.user-profile{align-items:center;gap:.85rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.user-email{color:var(--text-muted);font-size:11px}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);color:#fff;letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.dashboard-content{flex:1;padding:1.75rem;overflow-y:auto}@media (width<=768px){.dashboard-content{padding:1rem}}.welcome-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#000cb826 0%,#5478ff14 100%);border:1px solid #5478ff33;margin-bottom:1.75rem;padding:1.5rem 2rem;position:relative;overflow:hidden}.welcome-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#5478ff1f 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.welcome-card h2{letter-spacing:-.3px;font-size:20px;font-weight:700}.welcome-card p{color:var(--text-secondary);margin-top:.25rem;font-size:14px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.75rem;display:grid}@media (width<=900px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:default;padding:1.5rem;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:1px solid var(--border);box-shadow:var(--shadow-premium);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.dashboard-welcome-card .decorative-blob{pointer-events:none;background:radial-gradient(circle,#5478ff1a 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.welcome-title{color:var(--text-primary);margin-bottom:6px;letter-spacing:-.04em!important;font-weight:900!important}.welcome-subtitle{color:var(--text-muted);font-size:15px;font-weight:600}.plan-badge-v2{background:var(--surface-3);border:1px solid var(--border);z-index:1;border-radius:12px;align-items:center;gap:10px;padding:8px 20px;display:flex;position:relative}.data-table thead tr{border-bottom:1px solid var(--border);background:var(--surface-2)}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:16px;font-size:11px;font-weight:800}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.table-row-premium{transition:all .2s}.id-cell{color:var(--brand-accent);font-size:14px;font-weight:800}.client-meta{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.amount-main{color:var(--text-primary);font-size:15px;font-weight:900}.amount-meta{color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:600}.pill-item.status-filter-paid.active{color:#10b981!important;background:#10b9811a!important;border-color:#10b98133!important}.pill-item.status-filter-pending.active{color:#f59e0b!important;background:#f59e0b1a!important;border-color:#f59e0b33!important}.pill-item.status-filter-overdue.active{color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}.pill-item.status-filter-sent.active{color:#5478ff!important;background:#5478ff1a!important;border-color:#5478ff33!important}.pill-item.status-filter-draft.active{color:#9ca3af!important;background:#9ca3af1a!important;border-color:#9ca3af33!important}.pill-item.status-filter-cancelled.active{color:#6b7280!important;background:#6b728033!important;border-color:#6b72804d!important}.status-badge-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:11px;font-weight:900;display:inline-flex}.status-badge-pill-paid{color:#10b981;background:#10b9811a;border-color:#10b9810d}.status-badge-pill-sent{color:#5478ff;background:#5478ff1a;border-color:#5478ff0d}.status-badge-pill-draft{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af0d}.status-badge-pill-overdue{color:#ef4444;background:#ef44441a;border-color:#ef44440d}.status-badge-pill-cancelled{color:#6b7280;background:#6b72801a;border-color:#6b72800d}.status-badge-paid{color:#10b981;background:#10b98114;border-color:#10b9811a}.status-badge-overdue{color:#ef4444;background:#ef444414;border-color:#ef44441a}.status-badge-sent{color:#5478ff;background:#5478ff14;border-color:#5478ff1a}.status-badge-draft{color:#64748b;background:#94a3b814;border-color:#94a3b81a}.btn-success{color:#fff!important;background:#10b981!important;border-color:#059669!important;box-shadow:0 4px 12px #10b98133!important}.feedback-trigger{background:var(--brand-accent);color:#fff;cursor:pointer;z-index:9999;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #5478ff66}.feedback-trigger:hover{transform:scale(1.1);box-shadow:0 12px 32px #5478ff80}.feedback-popup{background:var(--surface-1);width:340px;box-shadow:var(--shadow-premium);border:1px solid var(--border);z-index:10000;border-radius:24px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.feedback-header{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.feedback-header h3{letter-spacing:.02em;margin:0;font-size:14px;font-weight:800}.feedback-body{padding:24px}@media (width<=768px){.feedback-trigger{opacity:.45;width:44px;height:44px;bottom:150px;right:20px;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{width:auto;bottom:150px;left:16px;right:16px}}.stat-icon-box{background:var(--surface-2);width:42px;height:42px;color:var(--brand-accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.topbar{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.notif-btn{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--brand-accent);border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-btn:hover{border-color:var(--brand-accent);transform:translateY(-2px);box-shadow:0 4px 12px #5478ff1a}.notif-badge{border:2px solid var(--surface-1);color:#fff;box-sizing:border-box;text-align:center;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #ef44444d}.notif-list-item:hover{background:rgba(var(--brand-accent-rgb), .1)!important}.notif-list-item:not(.is-read):before{content:"";background:var(--brand-accent);width:4px;box-shadow:0 0 10px var(--brand-accent-glow);border-radius:0 4px 4px 0;position:absolute;top:12px;bottom:12px;left:0}.user-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:6px 6px 6px 14px;text-decoration:none;transition:all .2s;display:flex}.user-pill:hover{border-color:var(--border-bright)}.avatar-circle{background:var(--brand-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:flex;box-shadow:0 4px 10px #5478ff33}.stat-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.stat-card h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-sans);margin-bottom:.4rem}.stat-value{font-size:26px;font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-primary);font-weight:700;line-height:1.1}.stat-sub{color:var(--text-muted);margin-top:.4rem;font-size:12px}.dashboard-section{margin-top:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{font-size:15px;font-weight:700}.section-header a{color:var(--brand-accent);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.data-table-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-1);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-draft{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.badge-sent{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-viewed{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-paid{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.badge-overdue{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.badge-cancelled{color:#64748b;background:#64748b1a;border:1px solid #64748b33}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state h3{margin-bottom:.5rem;font-size:18px}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:14px}.page-form-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:760px;padding:2rem}.form-section-title{color:var(--text-primary);border-bottom:1px solid var(--border);letter-spacing:-.1px;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:14px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#080c18e0;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{font-size:18px;font-weight:700}.invoice-creator-layout{height:calc(100vh - 70px - var(--banner-height,0px));grid-template-columns:55fr 45fr;display:grid;position:relative;overflow:hidden}@media (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);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.card-premium{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-premium);transition:var(--transition);border-radius:24px;padding:2rem}.section-header-pill{align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.section-header-pill h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.branding-zone{border:2px dashed var(--border);background:var(--surface-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);padding:1.5rem}.branding-zone:hover{border-color:var(--brand-accent);background:#5478ff08}.invoice-form-container{width:100%;max-width:800px;margin:0 auto}.form-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.form-header h2{letter-spacing:-.3px;font-size:18px;font-weight:700}.form-actions{gap:.75rem;display:flex}.form-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.form-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:13px;font-weight:700}.items-table-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:.5rem;padding:0 .5rem;font-size:11px;font-weight:600;display:flex}.item-row{border-radius:var(--radius-md);transition:var(--transition);border:1px solid #0000;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem;display:flex}.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{text-align:right;min-width:90px;color:var(--text-primary);flex:1.2;justify-content:flex-end;align-items:center;font-size:14px;font-weight:600;display:flex}.col-actions{justify-content:flex-end;width:36px;display:flex}.settings-section{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.toggle-group{flex-direction:column;gap:.75rem;display:flex}.toggle-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:14px;display:flex}.toggle-label input[type=checkbox]{accent-color:var(--brand-accent);width:15px;height:15px}.totals-summary{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);min-width:260px;padding:1.25rem}.summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:13px;display:flex}.summary-row.text-muted{color:var(--text-muted)}.summary-row.grand-total{border-top:1px solid var(--border);color:var(--text-primary);font-size:16px;font-weight:700;font-family:var(--font-heading);margin-top:.5rem;padding-top:.75rem}.preview-container{width:100%}.preview-actions{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:12px;font-weight:600;display:flex}.a4-viewer{background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border);justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 2rem;display:flex;overflow:auto}@media (width<=1536px){.a4-viewer{zoom:.85}}@media (width<=1440px){.a4-viewer{zoom:.75}}@media (width<=1280px){.a4-viewer{zoom:.65}}.a4-sheet{color:#1a1a2e;box-sizing:border-box;background:#fff;border-radius:4px;width:210mm;min-height:297mm;margin:0 auto;position:relative;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d}.a4-sheet.is-printing{z-index:-9999!important;zoom:1!important;box-shadow:none!important;border-radius:0!important;width:210mm!important;max-width:none!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.inv-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:28px;display:flex}.inv-title{color:#000cb8;letter-spacing:-1px;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800;line-height:1}.inv-number{color:#64748b;font-size:13px;font-weight:500}.inv-brand{text-align:right}.inv-brand h2{color:#0f172a;margin-bottom:2px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.inv-brand p{color:#94a3b8;margin:0;font-size:12px}.inv-meta{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:32px;display:flex}.inv-bill-to h3{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:8px;font-size:10px;font-weight:600}.inv-bill-to p{color:#334155;margin-bottom:2px;font-size:13px}.inv-bill-to .bold{font-size:14px;font-weight:700;color:#0f172a!important}.inv-dates{min-width:200px}.inv-dates .date-row{justify-content:space-between;gap:2rem;margin-bottom:6px;font-size:13px;display:flex}.inv-dates .lbl{color:#94a3b8}.inv-dates .bold{font-weight:600;color:#0f172a!important}.inv-table{border-collapse:collapse;width:100%;margin-bottom:24px}.inv-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:10px;font-weight:600}.inv-table td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13px}.inv-table .th-desc,.inv-table .td-desc{width:48%}.inv-table .th-qty,.inv-table .td-qty{text-align:center;width:10%}.inv-table .th-price,.inv-table .td-price{text-align:right;width:21%}.inv-table .th-total,.inv-table .td-total{text-align:right;color:#0f172a;width:21%;font-weight:600}.placeholder{color:#cbd5e1;font-style:italic}.inv-summary{justify-content:flex-end;margin-bottom:40px;display:flex}.inv-summary-content{width:280px}.summary-line{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.summary-line.grand{color:#0f172a;border-top:2px solid #e2e8f0;border-bottom:none;margin-top:4px;padding-top:14px;font-size:17px;font-weight:700}.inv-footer{border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:2rem;padding-top:24px;display:grid}.inv-footer strong{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:6px;font-size:11px;display:block}.inv-footer p{color:#64748b;margin:0;font-size:12px;line-height:1.6}@media (width<=768px){.dashboard-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto}.nav-menu{flex-flow:wrap;gap:4px;padding:.5rem}.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{margin-bottom:1rem;padding:1rem!important}.form-section h3{margin-top:1rem!important;font-size:11px!important}.form-group input,.form-group textarea,.form-group select{min-height:44px}.items-table-header{display:none!important}.item-row{background:var(--surface-3);border:1px solid var(--border);position:relative;grid-template-rows:auto auto!important;grid-template-columns:60px 120px 1fr 36px!important;gap:.5rem!important;padding:.75rem .5rem!important;display:grid!important}.col-desc{grid-area:1/1/auto/span 3;width:100%}.col-qty{grid-area:2/1;width:60px!important;min-width:60px!important}.col-price{grid-area:2/2;width:120px!important;min-width:120px!important}.col-total{grid-area:2/3;padding-left:.5rem;justify-content:flex-start!important;width:auto!important}.col-actions{grid-area:1/4;top:.5rem;right:.5rem;width:auto!important;position:absolute!important}.settings-section{flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important}.totals-summary{margin-top:.5rem;width:100%!important;min-width:unset!important}.panel-preview{background:var(--surface-2);padding:1.5rem 2rem!important}.a4-viewer{background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border);justify-content:center;width:100%;padding:2.5rem 1rem;display:flex;overflow:hidden}@media (width<=1366px){.a4-viewer{zoom:.8}}.a4-sheet{color:#000;box-shadow:0 4px 20px #0000001a}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border-bottom:1px solid var(--border);z-index:50;height:70px;transition:var(--transition);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.dashboard-content{z-index:10;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2.5rem 2rem;position:relative}@media (width>=1025px){.dashboard-layout:has(.invoice-creator-layout){overflow:hidden!important}.dashboard-layout:has(.invoice-creator-layout) .dashboard-content{height:calc(100vh - 70px - var(--banner-height,0px));max-width:none!important;padding:0!important;overflow:hidden!important}.dashboard-layout:has(.invoice-creator-layout) .topbar{margin-bottom:0!important}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.topbar{height:64px!important;padding:0 1.25rem!important}.dashboard-content{padding:1rem 1rem 5rem!important}h1{font-size:24px!important}h2{letter-spacing:-.01em!important;font-size:20px!important}h3{font-size:17px!important}.page-title{font-size:16px!important}.grid-stats{gap:1rem!important;margin-bottom:2rem!important}.dashboard-welcome{flex-direction:column;gap:1.25rem;align-items:flex-start!important;margin-bottom:1.5rem!important;padding:1.25rem!important}.dashboard-welcome h2{font-size:22px!important}.dashboard-welcome p{font-size:13px!important}.premium-stat-card{border-radius:16px!important;padding:1.25rem!important}.premium-stat-card div[style*="font-size: 28px"]{font-size:22px!important}.panel-preview{padding:1.5rem 12px!important}.a4-viewer{-webkit-overflow-scrolling:touch;background:var(--surface-1);border-radius:var(--radius-xl);justify-content:center;min-height:480px;display:flex;overflow-x:auto;width:100%!important}.a4-sheet{zoom:.46;height:auto;box-shadow:0 10px 40px #0006!important}.preview-actions{flex-direction:column;gap:12px;width:100%!important;margin-bottom:2rem!important}.preview-actions button{width:100%!important}}@media print{.a4-sheet{zoom:1!important;box-shadow:none!important;min-width:210mm!important;margin:0!important}}*{-webkit-tap-highlight-color:transparent}@media (width<=768px){.sidebar{display:none!important}.main-content{padding-bottom:120px!important}.mobile-nav-wrapper{display:flex!important}}@media (width>=769px){.mobile-nav-wrapper{display:none!important}}.mobile-nav-wrapper{bottom:max(1.5rem, env(safe-area-inset-bottom,1.5rem));z-index:9999;pointer-events:none;font-family:var(--font-sans);justify-content:center;align-items:flex-end;display:flex;position:fixed;left:1.25rem;right:1.25rem}.mobile-nav-wrapper.nav-hidden{pointer-events:none}.mobile-nav-wrapper.nav-hidden .mobile-bottom-nav{opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem))}.mobile-bottom-nav{-webkit-backdrop-filter:blur(40px)saturate(200%);backdrop-filter:blur(40px)saturate(200%);opacity:1;pointer-events:auto;background:#0f172abf;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;width:100%;max-width:480px;height:72px;padding:0 16px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(0);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.mobile-nav-items{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.mobile-nav-item-wrapper{-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;height:100%;text-decoration:none;display:flex}.mobile-nav-item{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.mobile-nav-item .svg-icon-container{transition:transform .25s,color .2s;width:26px!important;height:26px!important;color:var(--brand-accent)!important;justify-content:center!important;align-items:center!important;display:inline-flex!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{fill:currentColor!important;stroke:none!important;stroke-width:0!important;width:100%!important;height:100%!important;display:block!important}.mobile-nav-item svg.lucide{width:24px;height:24px;transition:transform .25s,color .2s;color:var(--brand-accent)!important}[data-theme=light] .mobile-nav-item svg.lucide{color:var(--brand-primary)!important}.mobile-nav-item span{text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:9px;font-weight:800;transition:opacity .2s}.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;box-shadow:0 10px 25px rgba(var(--brand-accent-rgb), .35), inset 0 2px 4px #ffffff40;background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s,box-shadow .2s;display:flex;overflow:hidden}[data-theme=dark] .mobile-nav-item.create-action .create-btn-inner{border-color:var(--surface-1);background:#fff}.mobile-nav-item.create-action:active .create-btn-inner{box-shadow:0 4px 12px rgba(var(--brand-accent-rgb), .2);transform:scale(.92)}.mobile-nav-item.create-action span{margin-top:2px}.mobile-nav-item:active{opacity:.7;transform:scale(.92)}.avatar-circle{border-radius:50%!important}.action-button-premium{border:1px solid var(--border);background:var(--surface-2);height:38px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-button-premium:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.action-button-premium:disabled{opacity:.3;cursor:not-allowed}.danger-hover:hover{color:#ef4444!important;background:#ef444414!important;border-color:#ef444433!important}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.grid-2{grid-template-columns:1fr}}.stat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:800}.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{color:var(--text-primary);vertical-align:middle;padding:16px;font-size:14px}.table-container-premium{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;overflow-x:auto}.id-cell{font-family:var(--font-mono,monospace);color:var(--brand-accent);letter-spacing:.02em;font-size:13px;font-weight:700}.client-name{color:var(--text-primary);font-size:14px;font-weight:700}.client-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.amount-main{color:var(--text-primary);letter-spacing:-.02em;font-size:15px;font-weight:800}.amount-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.pill-selector{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-item{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s}.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{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .2s;display:flex}.check-bar:hover{border-color:var(--brand-accent)}.check-bar input[type=checkbox]{accent-color:var(--brand-accent);flex-shrink:0;width:16px;height:16px;margin-top:2px}.check-bar label strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.check-bar label p{color:var(--text-muted);margin:0;font-size:12px}.settings-navbar{margin-bottom:2rem}.navbar-scroller{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.navbar-scroller::-webkit-scrollbar{display:none}.nav-pill-secondary{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.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 (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block}.topbar{height:56px;padding:0 1rem}.page-title{font-size:16px}}.modal-card{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;width:100%;max-width:500px;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal;box-shadow:0 30px 60px -10px #0006}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.98)}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);color:var(--text-primary);border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;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{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.modal-header h2{letter-spacing:-.02em;font-size:17px;font-weight:800}.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{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.aura-blob{opacity:.028;filter:blur(80px);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite pulse;position:absolute}.dashboard-welcome-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:24px;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.dashboard-welcome-card{flex-direction:column;gap:1.25rem;padding:1.5rem}}.welcome-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:900}.welcome-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.plan-badge-v2{color:#fbbf24;white-space:nowrap;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.decorative-blob{pointer-events:none;background:radial-gradient(circle,#5478ff1f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.stat-amount{font-size:30px;font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-weight:800;line-height:1}@media (width<=768px){.stat-amount{font-size:24px}.welcome-title{font-size:22px}}.animate-slide-up{animation:.2s cubic-bezier(.16,1,.3,1) slideUpModal}.fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn-secondary{box-sizing:border-box;background:var(--surface-2);height:48px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.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{color:#0f172a;background:#f8fafc;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#f1f5f9}.btn-primary.icon-only,.btn-secondary.icon-only{border-radius:10px;width:42px;height:42px;padding:0}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}@media (width<=480px){.topbar{gap:8px!important;padding:0 12px!important}.page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px!important}.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{width:32px!important;height:32px!important;margin-bottom:0!important;font-size:16px!important}.header-action-btn{border-radius:8px!important;height:30px!important;padding:8px 12px!important;font-size:12px!important}}.form-group-vertical{flex-direction:column!important;gap:8px!important;margin-bottom:0!important;display:flex!important}.form-group-vertical label{color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:11px!important;font-weight:800!important}.input-premium{padding:0 16px;background:var(--surface-1)!important;border:1px solid var(--border)!important;height:48px!important;color:var(--text-primary)!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 5px #00000005!important}textarea.input-premium{resize:vertical;height:auto!important;min-height:120px!important;padding:12px 16px!important}.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;box-shadow:var(--shadow-sm)!important;border-radius:20px!important;padding:2rem!important;overflow:visible!important}@media (width<=768px){.section-box{padding:1.5rem!important}}.settings-navbar{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;border-radius:16px!important;margin-bottom:2rem!important;margin-left:0!important;margin-right:0!important;padding:6px!important;display:inline-flex!important}@media (width<=768px){.settings-navbar{width:100%!important;display:flex!important}}.navbar-scroller{gap:4px!important;width:100%!important;display:flex!important}.nav-pill-secondary{color:var(--text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;font-size:13px!important;font-weight:750!important;transition:all .2s!important;display:flex!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{background:#5478ff14!important;margin-bottom:1.5rem!important;padding:6px 14px!important;font-size:10px!important}.logo-upload-btn{border:1.5px dashed var(--border)!important;background:var(--surface-1)!important;border-radius:16px!important}.branding-box{background:0 0!important;border:none!important;gap:16px!important;padding:0!important}@media (width<=480px){.settings-navbar{border-left:none!important;border-right:none!important;border-radius:0!important;margin:0 -1.5rem 1.5rem!important}}@media (width<=768px){.nav-pill-secondary span{margin-top:4px;font-size:11px!important;font-weight:800!important;animation:none!important;display:block!important}.nav-pill-secondary{box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border-bottom:2px solid #0000!important;border-radius:0!important;flex-direction:column!important;flex:1!important;justify-content:flex-end!important;gap:4px!important;padding:8px 4px!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;box-shadow:none!important;background:0 0!important}[data-theme=light] .nav-pill-secondary.active{box-shadow:none!important}.settings-navbar{border:none!important;border-bottom:1px solid var(--border)!important;background:0 0!important;margin-bottom:2rem!important;padding:0!important}}.topbar-action-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;width:40px!important;height:40px!important;color:var(--text-secondary)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 2px 4px #00000005!important}.topbar-action-btn:hover{background:var(--surface-3)!important;border-color:var(--border-bright)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}@media (width<=480px){.topbar-action-btn{border-radius:10px!important;width:36px!important;height:36px!important}.topbar-action-btn svg{width:18px!important;height:18px!important}.logo-box{width:36px!important;height:36px!important;padding:0!important;font-size:16px!important;line-height:1!important}.topbar{gap:8px!important}.topbar div.flex.items-center.gap-3{gap:6px!important}.logo-box{width:34px!important;height:34px!important;font-size:14px!important;font-weight:900!important}.page-title{font-size:15px!important}.topbar .btn-primary{border-radius:10px!important;height:36px!important;padding:0 14px!important;font-size:13px!important}}@media (width<=768px){.nav-pill-secondary{text-align:center!important;align-items:center!important}.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{background:var(--surface-1)!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(28px)saturate(190%)!important;z-index:9999!important;width:420px!important;min-height:200px!important;animation:premium-pop .5s var(--ease-out-expo)!important;border-radius:28px!important;position:absolute!important;top:60px!important;right:-4px!important;overflow:hidden!important;box-shadow:0 40px 100px -20px #0009,0 0 0 1px #ffffff0d!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{color:var(--text-muted);cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:12px 0;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.notif-tab-v3.active{color:var(--text-primary);opacity:1}.notif-tab-v3.active:after{content:"";background:var(--text-primary);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.notif-unread-count-ref{color:var(--text-primary);background:#ffffff1a;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}[data-theme=light] .notif-unread-count-ref{background:#0000000d}.notif-item-v2{border-bottom:1px solid var(--border)!important;cursor:pointer!important;transition:all .3s var(--ease-out-expo)!important;align-items:flex-start!important;gap:20px!important;padding:24px 28px!important;display:flex!important}.notif-item-v2:hover{transform:scale(.995);background:var(--surface-hover)!important}.notif-unread-dot{background:var(--brand-accent);border:2px solid var(--surface-1);z-index:2;width:9px;height:9px;box-shadow:0 0 10px rgba(var(--brand-accent-rgb), .4);border-radius:50%;position:absolute;top:-4px;right:-4px}.notif-action-btn{cursor:pointer;transition:all .25s var(--ease-out-expo);border:1px solid var(--border);letter-spacing:-.01em;border-radius:11px;padding:9px 18px;font-size:12.5px;font-weight:800}.notif-action-btn.primary{background:var(--brand-accent);color:#fff;box-shadow:0 8px 16px rgba(var(--brand-accent-rgb), .2);border-color:#0000}.notif-action-btn.secondary{background:var(--surface-2);color:var(--text-primary)}.notif-action-btn:hover{filter:brightness(1.1);border-color:var(--border-bright);transform:translateY(-2px)}.notif-list-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:480px;overflow-y:auto}.notif-list-scroll::-webkit-scrollbar{width:4px}.notif-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (width<=768px){.notif-dropdown{flex-direction:column;display:flex;z-index:10000!important;background:var(--surface-1)!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;max-height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.notif-list-scroll{flex:1;max-height:none!important;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{flex-direction:column!important;gap:1.5rem!important;padding:0 0 4rem!important;display:flex!important}.wizard-step-header{margin-bottom:2rem!important;padding-top:.5rem!important}.mobile-stepper{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-bottom:2.5rem!important;padding:0 .5rem!important;display:flex!important;position:relative!important}.stepper-line{background:var(--border)!important;z-index:1!important;height:2px!important;position:absolute!important;top:15px!important;left:2rem!important;right:2rem!important}.stepper-line-active{background:var(--brand-accent)!important;height:100%!important;transition:width .4s cubic-bezier(.16,1,.3,1)!important;position:absolute!important;top:0!important;left:0!important}.step-node{z-index:2!important;flex-direction:column!important;flex:1!important;align-items:center!important;gap:8px!important;display:flex!important;position:relative!important}.step-circle{background:var(--surface-1)!important;border:2px solid var(--border)!important;width:32px!important;height:32px!important;color:var(--text-muted)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:11px!important;font-weight:800!important;transition:all .3s!important;display:flex!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{color:#fff!important;background:#10b981!important;border-color:#10b981!important}.step-label{text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important;text-align:center!important;font-size:9px!important;font-weight:800!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;box-shadow:var(--shadow-sm)!important;border-radius:20px!important;align-items:center!important;gap:1.25rem!important;margin-top:1rem!important;padding:1.25rem!important;display:flex!important}.btn-primary,.btn-secondary,.btn-premium,.btn-icon{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);box-sizing:border-box;appearance:none;white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:10px;height:48px;margin:0;padding:0 24px;font-size:14px;font-weight:800;display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 15px #003bbd40}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #003bbd66}.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{border-radius:10px!important;height:36px!important;padding:0 16px!important;font-size:12.5px!important}.btn-danger{background:var(--error-bg)!important;color:var(--error)!important;border:1px solid #ef444433!important}.btn-danger:hover{background:var(--error)!important;color:#fff!important;border-color:#0000!important}.btn-success{background:var(--success-bg)!important;color:var(--success)!important;border:1px solid #10b98133!important}.btn-success:hover{background:var(--success)!important;color:#fff!important;border-color:#0000!important}.btn-premium{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-premium);position:relative;overflow:hidden}.btn-premium:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-premium:hover:after{opacity:1}.btn-premium:hover{box-shadow:var(--shadow-lume);transform:translateY(-2px)}.btn-icon{width:42px;height:42px;color:var(--text-muted);background:0 0;padding:0}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeInStandard;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-glass);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lume);padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal}.table-container-premium{border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding:16px 24px;font-size:11px;font-weight:800}.table-row-premium{cursor:pointer;transition:background .2s}.table-row-premium:hover{background:var(--surface-hover)}.table-row-premium td{border-bottom:1px solid var(--border);padding:20px 24px}.table-row-premium:last-child td{border-bottom:none}.id-cell,.amount-main{font-family:var(--font-heading);color:var(--text-primary);font-weight:800}.amount-meta{color:var(--text-muted);font-size:12px}.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{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);color:#fff;width:40px;height:40px;box-shadow:0 4px 12px rgba(var(--brand-accent-rgb), .2);transition:var(--transition-fast);border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.icon-box-premium.active{box-shadow:0 0 15px rgba(var(--brand-accent-rgb), .4)}.icon-box-secondary{background:var(--surface-3);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-box-secondary:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(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:.4s cubic-bezier(.175,.885,.32,1.275) forwards spring-in}.animate-pulse-glow{animation:2s infinite pulse-glow}.animate-premium-pop{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards premium-pop}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.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{background:var(--brand-accent);width:6px;height:6px;box-shadow:0 0 8px var(--brand-accent);border-radius:50%}.topbar{background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;z-index:50!important;border:1px solid #ffffff12!important;border-radius:16px!important;align-items:center!important;width:auto!important;height:66px!important;margin:12px 24px 0!important;padding:0 24px!important;display:flex!important;position:sticky!important;top:12px!important;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff0d!important}.dashboard-content{padding-top:24px!important}@media (width<=768px){.topbar{z-index:100!important;margin:0!important;padding:0 16px!important;position:fixed!important;left:12px!important;right:12px!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{background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(40px)saturate(200%)!important;border:1.5px solid var(--border-bright)!important;border:1.5px solid var(--border-bright)!important;border-radius:20px!important;width:calc(100% - 24px)!important;height:72px!important;margin:0 12px 6px!important;padding:0 8px!important;transform:translateZ(0)!important;box-shadow:0 12px 40px #00000040!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;justify-content:center;align-items:center;height:100%;text-decoration:none;display:flex}.mobile-nav-item{width:100%;height:100%;text-decoration:none;position:relative;color:var(--brand-accent)!important;opacity:.6!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0 4px!important;transition:opacity .25s,color .2s!important;display:flex!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{fill:currentColor!important;stroke:none!important;stroke-width:0!important;width:100%!important;height:100%!important}.mobile-nav-item.active:after{content:none!important}.create-btn-inner{background:var(--brand-gradient)!important;width:58px!important;height:58px!important;box-shadow:0 10px 25px rgba(var(--brand-accent-rgb), .35), inset 0 2px 4px #fff3!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;transition:transform .2s!important;display:flex!important;overflow:hidden!important}.mobile-nav-item.create-action .svg-icon-container{color:#fff!important;width:100%!important;height:100%!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{fill:#fff!important;stroke:none!important;stroke-width:0!important;width:100%!important;height:100%!important}[data-theme=dark] .create-btn-inner{background:var(--brand-gradient)!important;border:none!important}.mobile-nav-item.create-action{opacity:1!important;flex:0 0 72px!important;transform:translateY(-16px)!important}.mobile-nav-item.create-action.active .create-btn-inner{animation:2s infinite pulse-glow;box-shadow:0 12px 28px rgba(var(--brand-accent-rgb), .5)!important}.mobile-nav-item:active{animation:.2s ease-out tap-bounce}.quick-action-card-v2:hover{transform:translateY(-2px);background:var(--surface-2)!important;border-color:var(--brand-accent)!important}@media (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}.dashboard-content{padding:84px 1rem 112px!important}.main-content{padding-bottom:0!important}.page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.02em!important;max-width:180px!important;font-size:16px!important;font-weight:900!important}}@media (width<=480px){.page-title{max-width:140px!important;font-size:15px!important}.topbar .action-button-premium{border-radius:10px!important;flex-shrink:0!important;width:34px!important;height:34px!important;padding: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{border-radius:9px!important;width:34px!important;height:34px!important;font-size:11px!important}}@media (width<=768px){.topbar .btn-primary,.topbar .btn-premium.btn-primary{height:36px!important;min-width:unset!important;border-radius:10px!important;flex-shrink:0!important;width:auto!important;padding:0 16px!important;font-size:12px!important}}@media (width<=480px){.topbar .btn-primary,.topbar .btn-premium.btn-primary{border-radius:9px!important;width:auto!important;height:34px!important;padding:0 12px!important;font-size:11px!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 (width<=768px){.navbar-scroller{justify-content:flex-start!important;padding-bottom:2px!important}.section-label-sm,.page-section-eyebrow{margin-top:0!important;margin-bottom:.75rem!important}}.mobile-nav-wrapper{box-shadow:none!important;background:0 0!important}@media (width<=768px){[data-theme=light] .mobile-nav-wrapper{background:0 0!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 (width<=360px){.topbar{padding:0 10px!important;left:8px!important;right:8px!important}}@media (width<=480px){.modal-card{border-radius:20px!important;max-width:calc(100vw - 32px)!important;padding:1.5rem!important}.btn-primary{min-width:unset!important}}.ee-notif-dropdown{position:fixed;top:80px;right:48px;-webkit-backdrop-filter:blur(24px)!important;z-index:10000!important;background:#18181bcc!important;border:1px solid #ffffff14!important;border-radius:24px!important;flex-direction:column!important;width:400px!important;min-height:420px!important;animation:.4s cubic-bezier(.16,1,.3,1) premium-pop!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 40px -10px #0006,inset 0 0 0 1px #ffffff0d!important}[data-theme=light] .ee-notif-dropdown{background:#fffc!important;border:1px solid #0000000f!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:0 0!important;flex-shrink:0!important;padding-bottom:12px!important}.ee-notif-tab{color:var(--text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:13px!important;font-weight:700!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.ee-notif-tab:hover{color:var(--text-primary)!important;background:var(--surface-2)!important}.ee-notif-tab.active{color:var(--brand-accent)!important;background:#5478ff14!important}.ee-notif-tab.active:after{display:none!important}.ee-notif-badge-pill{color:var(--brand-accent)!important;background:#5478ff1a!important;border-radius:6px!important;padding:1px 6px!important;font-size:10px!important;font-weight:800!important}[data-theme=dark] .ee-notif-tab.active{color:#8ab4f8!important;background:#5478ff26!important}[data-theme=dark] .ee-notif-badge-pill{color:var(--text-primary)!important;background:#ffffff14!important}.ee-notif-mark-read{color:var(--brand-accent)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:10px!important;padding:6px 12px!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.ee-notif-mark-read:hover{background:#5478ff0d!important}.ee-notif-list-scroll{scrollbar-width:none!important;flex:1!important;max-height:480px!important;overflow-y:auto!important}.ee-notif-list-scroll::-webkit-scrollbar{display:none!important}.ee-notif-group{flex-direction:column!important;display:flex!important}.ee-notif-group-title{color:var(--text-muted)!important;background:var(--surface-2)!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-bottom:1px solid var(--border)!important;padding:8px 24px!important;font-size:11px!important;font-weight:700!important}.ee-notif-item{border-bottom:1px solid var(--border)!important;cursor:pointer!important;align-items:flex-start!important;gap:14px!important;padding:14px 24px!important;transition:all .2s!important;display:flex!important;position:relative!important}.ee-notif-item:hover{background:var(--surface-hover)!important}.ee-notif-item.unread{background:#5478ff05!important}.ee-notif-unread-dot{background:var(--brand-accent)!important;width:8px!important;height:8px!important;box-shadow:0 0 8px var(--brand-accent)!important;border-radius:50%!important}.ee-notif-content{flex-direction:column!important;flex:1!important;gap:3px!important;min-width:0!important;display:flex!important}.ee-notif-title{color:var(--text-primary)!important;letter-spacing:-.01em!important;margin:0!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important}.ee-notif-message{color:var(--text-muted)!important;margin:0!important;font-size:13px!important;font-weight:500!important;line-height:1.45!important}.ee-notif-time{color:var(--text-muted)!important;opacity:.6!important;margin-top:2px!important;font-size:11px!important;font-weight:500!important}.ee-notif-right-actions{flex-direction:column!important;justify-content:space-between!important;align-items:flex-end!important;min-width:24px!important;height:38px!important;margin-left:auto!important;display:flex!important;position:relative!important}.ee-notif-chevron{color:var(--text-muted)!important;opacity:.4!important;transition:all .2s!important}.ee-notif-dismiss-btn{color:var(--text-muted)!important;cursor:pointer!important;opacity:0!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!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{border-top:1px solid var(--border)!important;background:#5478ff05!important;align-items:center!important;gap:14px!important;padding:14px 24px!important;display:flex!important}.ee-notif-promo-btn{color:var(--brand-accent)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:6px 12px!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.ee-notif-promo-btn:hover{background:#5478ff0d!important}.ee-notif-empty-state{text-align:center!important;padding:80px 32px!important}.ee-notif-empty-icon{background:var(--surface-3)!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;margin:0 auto 16px!important;display:flex!important}.ee-notif-empty-title{color:var(--text-primary)!important;margin:0!important;font-size:16px!important;font-weight:700!important}.ee-notif-empty-text{color:var(--text-muted)!important;max-width:260px!important;margin:8px auto 0!important;font-size:13px!important;line-height:1.5!important}.ee-notif-mobile-close{display:none!important}@media (width<=768px){.ee-notif-dropdown{z-index:20000!important;-webkit-backdrop-filter:blur(40px)saturate(200%)!important;background:#18181bf2!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important;position:fixed!important;inset:0!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{color:var(--text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:10px!important;display:flex!important}.ee-notif-dismiss-btn{opacity:.8!important;margin-top:4px!important;position:static!important;transform:none!important}.ee-notif-item:hover .ee-notif-dismiss-btn{transform:none!important}.ee-notif-right-actions{justify-content:center!important;gap:8px!important;height:auto!important}.ee-notif-chevron{display:none!important}}.error-page-container{background-color:var(--bg)!important;z-index:9999!important;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:2rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.error-page-aura{z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle,#5478ff1a 0%,#0000 70%)!important;width:600px!important;height:600px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.error-page-title-box{background:var(--surface-glass)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-giant)!important;border-radius:24px!important;padding:1.5rem 2.5rem!important;display:inline-block!important}.error-page-actions{justify-content:center!important;align-items:center!important;gap:1.5rem!important;width:100%!important;max-width:500px!important;margin:0 auto!important;display:flex!important}.error-page-btn{border-radius:16px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-width:200px!important;padding:16px 24px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.error-page-footer{pointer-events:none!important;align-items:center!important;gap:1rem!important;display:flex!important;position:absolute!important;bottom:2rem!important}@media (width<=640px){.error-page-container{justify-content:center!important;padding:1.5rem!important}.error-page-title-box{width:90%!important;padding:1.25rem 2rem!important}.error-page-actions{flex-direction:column!important;gap:1rem!important}.error-page-btn{width:100%!important;min-width:unset!important;flex:none!important}.error-page-footer{margin-top:4rem!important;position:relative!important;bottom:auto!important}}.error-bg-text{color:#5478ff14!important;-webkit-user-select:none!important;user-select:none!important;font-size:clamp(100px,25vw,240px)!important;font-weight:900!important;line-height:1!important;font-family:var(--font-heading)!important;margin:0!important}.topbar-standard-content{justify-content:space-between!important;align-items:center!important;width:100%!important;height:100%!important;transition:opacity .3s,transform .3s,visibility .3s!important;display:flex!important}.topbar-compact-elements{opacity:0!important;visibility:hidden!important;pointer-events:none!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important;transition:opacity .3s,visibility .3s!important;display:flex!important;position:absolute!important;inset:0!important}.topbar-compact-btn{color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:8px!important;transition:transform .2s!important;display:flex!important}.topbar-compact-btn:active{transform:scale(.9)!important}@media (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,transform .4s cubic-bezier(.16,1,.3,1)!important}.topbar.is-compact{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:var(--surface-glass)!important;z-index:200!important;border-radius:32px!important;width:140px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 4px!important;position:fixed!important;top:12px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 20px 40px #0006,0 0 0 1.5px #ffffff14!important}.topbar.is-hidden{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(-80px)!important}.topbar.is-compact .topbar-standard-content{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transform:scale(.9)!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;-webkit-backdrop-filter:blur(24px)!important;border:1px solid #00000014!important;box-shadow:0 40px 100px -20px #00000026,inset 0 0 0 1px #ffffff80!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{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-blur-in,.animate-fade-in,.animate-slide-up,.animate-premium-pop,.stagger-item,.aura-blob{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}:root{--brand-gradient:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);--brand-gradient-subtle:linear-gradient(135deg, #0b2f9f1f 0%, #5478ff14 100%);--brand-gradient-hover:linear-gradient(135deg, #0c37bb 0%, #6b8aff 100%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}.dashboard-greeting-container{flex-direction:column;line-height:1.2;display:flex}.dashboard-greeting-user-wrap{align-items:baseline;gap:4px;display:flex}.dashboard-greeting-word{color:var(--text-secondary);opacity:.8;font-size:13px;font-weight:500}.dashboard-greeting-user{color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:750}.dashboard-greeting-subtitle{color:var(--text-muted);opacity:.55;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:9px;font-weight:600}.topbar{background:var(--surface-glass)!important;border:1px solid #ffffff12!important;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff0d!important}[data-theme=light] .topbar{background:#ffffffbf!important;border:1px solid #0000000d!important;box-shadow:0 8px 30px #00000008,inset 0 1px #fff9!important}.topbar .avatar-circle{background:var(--brand-accent)!important;color:#fff!important;border:1px solid #ffffff1a!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;font-size:13px!important;font-weight:850!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 8px #5478ff33,inset 0 0 0 1px #ffffff26!important}[data-theme=light] .topbar .avatar-circle{background:var(--brand-accent)!important;border:1px solid #00000014!important;box-shadow:0 2px 8px #5478ff26,inset 0 0 0 1px #fff3!important}.user-badge-premium{align-items:center;margin-left:4px;display:flex}.topbar .action-button-premium{-webkit-backdrop-filter:blur(8px)!important;color:#ffffffb3!important;background:#0f172a40!important;border:1px solid #ffffff0f!important;border-radius:11px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.topbar .action-button-premium:hover:not(:disabled){color:#fffffff2!important;background:#ffffff0d!important;border-color:#ffffff26!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{color:#0f172a99!important;background:#f1f5f966!important;border:1px solid #0f172a0f!important}[data-theme=light] .topbar .action-button-premium:hover:not(:disabled){color:#0f172ae6!important;background:#0f172a0d!important;border-color:#0f172a1f!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0f172a0d!important}@media (width<=768px){.topbar{z-index:100!important;border-radius:24px!important;height:auto!important;min-height:64px!important;margin:0!important;padding:10px 14px!important;position:fixed!important;left:12px!important;right:12px!important}.dashboard-greeting-word{font-size:11px!important}.dashboard-greeting-user{font-size:13px!important}.dashboard-greeting-subtitle{margin-top:2px!important;font-size:8px!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{border-radius:11px!important;width:38px!important;height:38px!important}}.reminder-channel-container{background:var(--surface-3);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;transition:all .25s;display:flex}.reminder-channel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:750;transition:all .2s ease-in-out;display:flex}.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{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.reminder-milestone-card{background:var(--surface-3);border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.reminder-milestone-card:hover{background:var(--surface-hover);border-color:var(--border-bright);transform:translateY(-1px)}.reminder-milestone-card.selected{border-color:var(--brand-accent);background:#5478ff0a;box-shadow:0 4px 16px #5478ff14}[data-theme=light] .reminder-milestone-card.selected{background:#5478ff08}.reminder-checkbox{border:2px solid var(--text-muted);color:#fff;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s;display:flex}.reminder-milestone-card.selected .reminder-checkbox{border-color:var(--brand-accent);background:var(--brand-accent);color:#080a1f}.reminder-milestone-icon{color:var(--text-muted);align-items:center;transition:color .2s;display:flex}.reminder-milestone-card.selected .reminder-milestone-icon{color:var(--brand-accent)}.reminder-milestone-row{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.reminder-milestone-row:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reminder-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:750;display:inline-flex}.reminder-status-badge.sent{color:var(--success);background:#10b98114;border-color:#10b98126}.reminder-status-badge.scheduled{color:var(--brand-accent);background:#5478ff14;border-color:#5478ff26}.reminder-status-badge.error{color:var(--error);background:#ef444414;border-color:#ef444426}.reminder-status-badge.disabled{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.btn-send-whatsapp{background:var(--brand-accent);color:#080a1f;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #5478ff26}.btn-send-whatsapp:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 16px #5478ff40}.btn-send-whatsapp:active{transform:translateY(0)scale(.97)}@media (width<=576px){.reminder-channel-container{flex-direction:column;gap:6px}.reminder-channel-btn{flex:none;width:100%}.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);box-shadow:var(--shadow-sm);height:100%;transition:transform .25s var(--ease-out-expo), border-color .2s, box-shadow .25s;flex-direction:column;padding:24px;display:flex;position:relative;border-radius:28px!important}[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;color:var(--brand-accent);background:#5478ff0f;border:1.5px solid #5478ff26;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=light] .product-icon-square{background:#5478ff0d;border-color:#5478ff1f}.product-stock-badge{letter-spacing:-.01em;white-space:nowrap;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex}.product-stock-in{color:#10b981;background:#10b98114;border:1.5px solid #10b98126}.product-stock-out{color:#ef4444;background:#ef444414;border:1.5px solid #ef444426}.product-action-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:1.5px solid #5478ff40;border-radius:16px;align-items:center;gap:10px;padding:6px 14px;display:inline-flex}[data-theme=dark] .product-action-toolbar{background:#18181b80;border-color:#ffffff14}.product-action-tile{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;border:1.5px solid #0000000a;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #00000005}[data-theme=dark] .product-action-tile{background:var(--surface-2);border-color:var(--border);box-shadow:none}.product-action-tile:hover{border-color:var(--brand-accent);transform:scale(1.06)}.product-action-tile.active{color:#10b981}.product-action-tile.whatsapp{color:#25d366}.product-toolbar-divider{background:#5478ff33;width:1px;height:18px}.product-delete-tile{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#fff;border:1.5px solid #0000000a;border-radius:14px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000005}[data-theme=dark] .product-delete-tile{background:var(--surface-2);border-color:var(--border);box-shadow:none}.product-delete-tile:hover{transform:scale(1.05);color:#ef4444!important;background:#ef444414!important;border-color:#ef444433!important}.catalogue-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.catalogue-search-wrap{width:100%;max-width:440px;position:relative}.catalogue-search-icon{color:var(--brand-accent);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.catalogue-search-input{-webkit-backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-sm);background:var(--surface-glass,var(--surface-1))!important;border:1px solid var(--border)!important;height:56px!important;color:var(--text-primary)!important;border-radius:18px!important;padding:0 44px 0 50px!important;font-size:15px!important;font-weight:600!important;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{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.catalogue-search-clear:hover{background:var(--surface-3);color:var(--text-primary)}.catalogue-add-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;height:56px;padding:0 32px;font-size:15px;font-weight:900;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 24px -8px #5478ff66}.catalogue-add-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 16px 28px -8px #5478ff8c}.catalogue-add-btn:active{transform:translateY(0)scale(.96)}.catalogue-tabs-track{scrollbar-width:none;-ms-overflow-style:none;gap:10px;margin-bottom:1.5rem;padding-bottom:12px;display:flex;overflow-x:auto}.catalogue-tabs-track::-webkit-scrollbar{display:none}.catalogue-tab{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:800;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{box-shadow:0 4px 12px #5478ff40;background:var(--brand-accent)!important;color:#fff!important;border-color:var(--brand-accent)!important}.product-delete-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;text-align:center;background:#ffffffed;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}[data-theme=dark] .product-delete-overlay{background:#18181bed}:root{--banner-height:0px}.dashboard-layout{transition:height .3s,min-height .3s,margin-top .3s;height:calc(100vh - var(--banner-height,0px))!important;min-height:calc(100vh - var(--banner-height,0px))!important;margin-top:var(--banner-height,0px)!important}.topbar{top:calc(12px + var(--banner-height,0px))!important}@media (width<=768px){.topbar{top:calc(8px + var(--banner-height,0px))!important}.topbar.is-compact{top:calc(12px + var(--banner-height,0px))!important}}