@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-primary: #059669;--brand-primary-hover: #047857;--brand-primary-light: rgba(5, 150, 105, .1);--accent-ai-start: #06B6D4;--accent-ai-end: #8B5CF6;--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}[data-theme=light]{--bg-primary: #F0FDF4;--bg-secondary: #DCFCE7;--surface-primary: #FFFFFF;--border-primary: #E2E8F0;--text-primary: #1E293B;--text-secondary: #334155;--accent-primary: #059669;--accent-hover: #047857;--glass-bg: rgba(240, 253, 244, .85);--glass-border: rgba(226, 232, 240, .8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--sidebar-bg: #064E3B;--sidebar-text: #D1D5DB;--sidebar-text-active: #FFFFFF;--sidebar-hover: #059669;--sidebar-active-bg: #059669;--sidebar-section-text: #94A3B8;--sidebar-submenu-bg: #065F46;--table-header-bg: #DCFCE7;--table-row-hover: #F0FDF4}[data-theme=dark]{--bg-primary: #0B0F19;--bg-secondary: #131926;--surface-primary: #141A27;--border-primary: #1E293B;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--accent-primary: #10B981;--accent-hover: #059669;--glass-bg: rgba(11, 15, 25, .85);--glass-border: rgba(30, 41, 59, .8);--shadow-sm: 0 0 0 1px var(--border-primary);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--sidebar-bg: #070B14;--sidebar-text: #64748B;--sidebar-text-active: #E2E8F0;--sidebar-hover: #0F172A;--sidebar-active-bg: rgba(255, 255, 255, .06);--sidebar-section-text: #475569;--table-header-bg: #131926;--table-row-hover: #0F172A}.logo-img-light{display:block}.logo-img-dark,[data-theme=dark] .logo-img-light{display:none}[data-theme=dark] .logo-img-dark{display:block}:root:not([data-theme]){--bg-primary: #F0FDF4;--bg-secondary: #DCFCE7;--surface-primary: #FFFFFF;--border-primary: #E2E8F0;--text-primary: #1E293B;--text-secondary: #334155;--accent-primary: #059669;--accent-hover: #047857;--glass-bg: rgba(240, 253, 244, .85);--glass-border: rgba(226, 232, 240, .8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--sidebar-bg: #064E3B;--sidebar-text: #D1D5DB;--sidebar-text-active: #FFFFFF;--sidebar-hover: #059669;--sidebar-active-bg: #059669;--sidebar-section-text: #94A3B8;--sidebar-submenu-bg: #065F46;--table-header-bg: #DCFCE7;--table-row-hover: #F0FDF4}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #0B0F19;--bg-secondary: #131926;--surface-primary: #141A27;--border-primary: #1E293B;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--accent-primary: #10B981;--accent-hover: #059669;--glass-bg: rgba(11, 15, 25, .85);--glass-border: rgba(30, 41, 59, .8);--shadow-sm: 0 0 0 1px var(--border-primary);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--sidebar-bg: #070B14;--sidebar-text: #64748B;--sidebar-text-active: #E2E8F0;--sidebar-hover: #0F172A;--sidebar-active-bg: rgba(255, 255, 255, .06);--sidebar-section-text: #475569;--table-header-bg: #131926;--table-row-hover: #0F172A}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6,.display-font{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:600;color:var(--text-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.card,.bento-box{background-color:var(--surface-primary);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:transform .2s ease,box-shadow .2s ease}.card:hover,.bento-box:hover{box-shadow:var(--shadow-lg)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:Inter,system-ui,sans-serif}.btn:active{transform:scale(.98)}.btn-primary{background-color:#059669;color:#fff;box-shadow:0 1px 3px #0596694d}.btn-primary:hover{background-color:#047857;box-shadow:0 4px 12px #05966940;transform:translateY(-1px)}[data-theme=dark] .btn-primary{color:#fff}.btn-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid #CBD5E1;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-clear{background:transparent;border:none;color:var(--text-primary);font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s ease;font-family:inherit;font-size:.95rem}.btn-clear:hover{background:var(--bg-secondary)}.form-group{margin-bottom:1.25rem;text-align:left}.form-group.compact{margin-bottom:.75rem}.form-label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.form-input,.form-control{width:100%;padding:.625rem .875rem;border-radius:var(--radius-sm);background-color:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.875rem;box-shadow:0 1px 2px #00000005}.form-input::placeholder,.form-control::placeholder{color:var(--text-secondary);opacity:.5}.form-input:focus,.form-control:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f;background-color:var(--surface-primary)}.form-input:hover,.form-control:hover{border-color:#94a3b8}select.form-input,select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.compact-table th,.compact-table td{padding:.625rem .5rem!important;font-size:.875rem}.compact-table .form-input{padding:.375rem .625rem;font-size:.875rem}.navbar{display:flex;justify-content:center;align-items:center;padding:0;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);height:64px;width:100%;position:sticky;top:0;z-index:1000}.navbar-dashboard{background:var(--surface-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border-primary)}.navbar-container{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:100%}.nav-content{display:flex;align-items:center;justify-content:space-between;flex:1}.nav-links{display:flex;align-items:center;gap:1.5rem;margin-left:3rem}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;z-index:1001;padding:.5rem}.user-nav-group,.auth-nav-group{display:flex;align-items:center;gap:1rem}.logo{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;border-radius:50px;background:var(--bg-secondary);border:1px solid var(--border-primary)}.user-avatar{width:28px;height:28px;background:#059669;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--surface-primary);min-width:250px;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);z-index:1010;padding:.5rem 0;animation:fadeIn .2s ease-out}.dropdown-menu.show{display:block}.dropdown-toggle{display:flex;align-items:center;gap:.25rem}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{color:var(--text-primary);padding:.75rem 1.25rem;text-decoration:none;display:block;font-size:.875rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--bg-secondary)}.ai-gradient-text{background:linear-gradient(135deg,var(--accent-ai-start),var(--accent-ai-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.hero-title{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.error-msg{color:var(--danger);font-size:.875rem;margin-top:-1rem;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:2rem}.modal-content{width:100%;max-width:500px;max-height:calc(100vh - 4rem);overflow-y:auto;position:relative;background-color:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:0 25px 50px -12px #00000040;padding:2rem}.modal-content.wide{max-width:800px}.item-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.suggestion-row{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-primary);transition:background .2s;display:flex;justify-content:space-between;align-items:center}.suggestion-row:last-child{border-bottom:none}.suggestion-row:hover{background:var(--bg-secondary)}.suggestion-row .type-badge{font-size:.65rem;padding:.2rem .6rem;border-radius:20px;margin-left:.5rem;background:#0596691a;color:#059669;text-transform:uppercase;font-weight:700}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:.875rem 1.5rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);text-transform:uppercase;font-size:.6875rem;letter-spacing:.06em;background:var(--table-header-bg)}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);font-size:.875rem;vertical-align:middle}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover td{background:var(--table-row-hover)}.status-badge,.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.paid,.status-pill.paid{background:#10b9811a;color:#059669}.status-badge.open,.status-pill.open{background:#f59e0b1a;color:#d97706}.status-badge.overdue,.status-pill.overdue{background:#ef44441a;color:#dc2626}.status-badge.draft,.status-pill.draft{background:#64748b1a;color:#64748b}.status-badge.sent,.status-pill.sent{background:#3b82f61a;color:#2563eb}.status-badge.inbound{background:#10b9811a;color:#10b981}.status-badge.adjustment{background:#f59e0b1a;color:#f59e0b}.currency-symbol{font-size:.85em;color:var(--text-secondary);font-weight:400;margin-right:.1em}.navbar-region-selector{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:all .2s ease}.navbar-region-selector:hover{border-color:#059669;color:var(--text-primary)}.navbar-country-select{background:transparent;border:none;color:inherit;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;font-family:inherit;padding-right:.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease;padding:.5rem .75rem;border-radius:var(--radius-sm)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-secondary)}.searchable-select-borderless .searchable-select-trigger{border:none!important;background:transparent!important;box-shadow:none!important;min-height:32px!important;padding:4px 8px!important}.searchable-select-borderless .searchable-select-trigger:hover{background:var(--bg-secondary)!important}.searchable-select-borderless .searchable-select-trigger.active{background:var(--surface-primary)!important;box-shadow:0 0 0 2px #059669!important}.search-bar-command{position:relative;width:100%;max-width:480px}.search-bar-command input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-bar-command input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f;outline:none}.search-bar-command input::placeholder{color:var(--text-secondary);opacity:.6}.search-bar-command svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}@media (max-width: 768px){.navbar-container{padding:0 1.25rem}.mobile-menu-toggle{display:block}.nav-content{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-primary);flex-direction:column;justify-content:flex-start;padding:2rem;gap:2rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto}.nav-content.open{transform:translate(0)}.nav-links{flex-direction:column;margin-left:0;width:100%;align-items:flex-start}.nav-actions{flex-direction:column;width:100%;align-items:flex-start;padding-top:2rem;border-top:1px solid var(--border-primary)}.user-nav-group,.auth-nav-group{flex-direction:column;width:100%;align-items:stretch;gap:1rem}.navbar-region-selector{width:100%;justify-content:space-between}.dropdown,.dropdown-toggle{width:100%;text-align:left}.dropdown-menu{position:static;box-shadow:none;border:none;background:var(--bg-secondary);margin-top:.5rem;width:100%}.nav-link{width:100%;padding:.75rem 1rem}}.home-page{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;padding-bottom:4rem;background:var(--bg-primary);position:relative}.bg-blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(5,150,105,.12) 0%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none;animation:blobFloat 20s infinite alternate}.bg-blob-1{top:-100px;left:-100px}.bg-blob-2{bottom:20%;right:-100px;animation-delay:-5s}.bg-blob-3{top:40%;left:30%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%);animation-delay:-10s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(100px,50px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}to{transform:translate(0) scale(1)}}.hero-extended{width:100%;max-width:1400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;position:relative;z-index:1}.hero-badges{display:flex;gap:1rem;margin-bottom:2.5rem;animation:slideDown .6s ease-out forwards;opacity:0}.badge{background:#05966914;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#059669;padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:600;border:1px solid rgba(5,150,105,.2);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000000d}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em;color:var(--text-primary)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin-bottom:3rem;line-height:1.6}.hero-graphic-container{width:100%;max-width:1000px;margin-top:4rem;position:relative;animation:fadeInUp 1s ease-out .4s forwards;opacity:0}.mockup-wrapper{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 40px 100px #0000001f;position:relative;overflow:hidden}.mockup-content{width:100%;height:500px;background:#0f172a;border-radius:var(--radius-md);display:flex;flex-direction:column;position:relative;overflow:hidden}.dashboard-sidebar{width:60px;height:100%;background:#1e293b;position:absolute;left:0;top:0}.dashboard-header{height:40px;background:#1e293b;width:100%;position:absolute;top:0;left:60px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.05)}.header-title{font-size:.7rem;font-weight:600;color:#94a3b8}.header-actions{display:flex;gap:6px}.action-dot{width:6px;height:6px;border-radius:50%;background:#334155}.dashboard-grid{margin:60px 20px 20px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;height:calc(100% - 80px)}.chart-box{background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:15px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#059669}.chart-title{position:absolute;top:10px;left:12px;font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.chart-value{position:absolute;top:24px;left:12px;font-size:1rem;font-weight:700;color:#fff}.chart-bars-container{width:100%;height:100%;position:relative}.chart-bar{position:absolute;bottom:12px;width:8px;background:#059669;border-radius:4px 4px 0 0;animation:barGrow 2s ease-out infinite alternate}@keyframes barGrow{0%{height:10%}to{height:70%}}.svg-line{width:80%;height:auto;stroke-dasharray:200;stroke-dashoffset:200;animation:lineDraw 3s ease-out infinite forwards;margin-top:15px}.chart-legend{position:absolute;bottom:10px;display:flex;gap:10px;font-size:.55rem;color:#94a3b8}.legend-item{display:flex;align-items:center;gap:4px}.dot{width:6px;height:6px;border-radius:50%}@keyframes lineDraw{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.svg-pie{width:70%;height:auto;transform:rotate(-90deg)}.svg-pie circle:not(:first-child){animation:pieFill 3s ease-out infinite}@keyframes pieFill{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0}}.stats-label{font-size:.65rem;color:#94a3b8;margin-bottom:2px}.stats-value{font-size:1.15rem;font-weight:700;color:#fff}.stats-trend{font-size:.6rem;margin:4px 0 10px;display:flex;align-items:center;gap:2px}.stats-trend.positive{color:#10b981}.stats-mini-graph{display:flex;gap:3px;align-items:flex-end;height:30px;width:100%;margin-top:auto}.mini-bar{width:4px;border-radius:1px;animation:miniBarGrow 1.5s ease-out infinite alternate}@keyframes miniBarGrow{0%{transform:scaleY(.5)}to{transform:scaleY(1.2)}}.transaction-table-card{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;padding:12px!important}.mini-table{width:100%;border-collapse:collapse;margin-top:15px}.mini-table th{text-align:left;font-size:.5rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;padding-bottom:4px;border-bottom:1px solid #334155}.mini-table td{padding:6px 0;font-size:.5rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.03)}.mini-table tr:last-child td{border-bottom:none}.mini-table .amt{font-weight:600;text-align:right}.progress-card{position:relative}.progress-ring{position:relative;width:65px;height:65px;display:flex;align-items:center;justify-content:center;margin-top:10px}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-path{stroke-linecap:round;animation:progressGrow 3s ease-out infinite}.progress-ring span{position:absolute;font-size:.85rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes progressGrow{0%{stroke-dasharray:0,100;opacity:0}20%{opacity:1}50%{stroke-dasharray:85,100}to{stroke-dasharray:85,100;opacity:0}}.ai-section{width:100%;padding:8rem 2rem;background:radial-gradient(circle at center,rgba(5,150,105,.06) 0%,transparent 60%);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.ai-glow-orb{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(5,150,105,.2) 0%,transparent 70%);filter:blur(100px);animation:glowPulse 4s infinite ease-in-out alternate;z-index:0}@keyframes glowPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:.8}}.ai-badge{background:linear-gradient(90deg,#059669,#06b6d4);color:#fff;padding:.5rem 1.25rem;border-radius:100px;font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;box-shadow:0 0 20px #0596694d}.ai-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);position:relative;z-index:1}.ai-description{max-width:650px;font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:4rem;position:relative;z-index:1}.ai-features-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0 auto}.ai-feature-card{align-items:center;text-align:center;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.ai-feature-card h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.ai-feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.ai-icon-wrapper{width:72px;height:72px;background:#05966914;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .5s ease}.ai-feature-card:nth-child(1) .ai-icon-wrapper{box-shadow:0 0 20px #0596691a;animation:aiFloat 4s infinite ease-in-out}.ai-feature-card:nth-child(2) .ai-icon-wrapper{box-shadow:0 0 20px #06b6d41a;animation:aiFloat 4s infinite ease-in-out -1s}.ai-feature-card:nth-child(3) .ai-icon-wrapper{box-shadow:0 0 20px #3b82f61a;animation:aiFloat 4s infinite ease-in-out -2s}@keyframes aiFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.ai-feature-card:hover .ai-icon-wrapper{transform:scale(1.1);background:#05966926}.features-section{width:100%;max-width:1200px;padding:6rem 2rem;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--text-primary)}.section-subtitle{max-width:700px;margin:0 auto;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2.5rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(5,150,105,.04),transparent 40%);opacity:0;transition:opacity .5s}.feature-card:hover{transform:translateY(-6px);border-color:var(--feature-color, #059669);box-shadow:var(--shadow-lg)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;position:relative;transition:all .3s ease;border:1px solid var(--border-primary)}.feature-icon-wrapper:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--feature-color, #059669),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.feature-card:hover .feature-icon-wrapper{background:var(--feature-color, #059669);color:#fff!important;transform:scale(1.05);box-shadow:0 8px 20px -5px var(--feature-color, rgba(5, 150, 105, .4))}.feature-icon-wrapper svg{transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper svg{transform:scale(1.1)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-extended{padding:6rem 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;margin-bottom:2.5rem}.hero-graphic-container{margin-top:3rem}.mockup-content{height:auto;min-height:400px}.dashboard-grid{margin:60px 15px 20px 20px;grid-template-columns:1fr;height:auto;gap:1rem}.dashboard-sidebar{display:none}.dashboard-header{left:0}.chart-box{min-height:150px}.ai-section{padding:6rem 1.5rem}.ai-title{font-size:2rem}.features-section{padding:4rem 1.5rem}.section-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}}@media (max-width: 480px){.hero-badges{flex-direction:column;align-items:center;gap:.75rem}.hero-title{font-size:2rem}.hero-extended>div:nth-child(4){flex-direction:column;width:100%}.hero-extended .btn{width:100%}.ai-features-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pricing-page{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:6rem;overflow-x:hidden}.pricing-hero{width:100%;text-align:center;padding:6rem 2rem 4rem;background:radial-gradient(circle at top center,rgba(5,150,105,.08) 0%,transparent 70%)}.billing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;font-weight:500;color:var(--text-secondary)}.region-selector-inline{display:flex;align-items:center;gap:.5rem;background:var(--surface-primary);padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all .2s ease}.region-selector-inline:hover{border-color:#059669;box-shadow:0 4px 12px #0000000d}.region-select{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;outline:none;padding-right:.5rem;font-family:inherit}.v-divider{width:1px;height:24px;background:var(--border-primary);margin:0 .5rem}.billing-toggle-wrapper span.active{color:var(--text-primary);font-weight:600}.clickable{cursor:pointer;transition:opacity .2s}.clickable:hover{opacity:.7}.billing-toggle{width:56px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease}.billing-toggle.yearly{background:#059669;border-color:#059669}.toggle-knob{width:20px;height:20px;background:var(--surface-primary);border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px #0000001a}.billing-toggle.yearly .toggle-knob{left:31px}.discount-badge{background:#10b9811a;color:#059669;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid rgba(16,185,129,.2)}.pricing-grid-section{width:100%;max-width:1200px;padding:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.pricing-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm)}.pricing-card.featured{border-color:#059669;box-shadow:0 20px 40px #0596691a,0 0 0 2px #059669;transform:scale(1.05);z-index:10}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#059669;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 10px #0596694d}.pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{transform:translateY(-8px) scale(1.07)}.card-header{margin-bottom:2rem;text-align:center}.plan-icon{width:56px;height:56px;background:#0596691a;color:#059669;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.plan-name{font-size:1.375rem;font-weight:700;margin-bottom:.75rem}.plan-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.amount{font-size:3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.period{color:var(--text-secondary);font-size:.875rem}.card-body{flex-grow:1}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.feature-list li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-primary)}.feature-list li.disabled{color:var(--text-secondary);opacity:.5}.check-icon{color:#059669;flex-shrink:0}.minus-icon{color:var(--text-secondary);opacity:.5;flex-shrink:0}.card-footer{margin-top:2.5rem}.w-full{width:100%}.pricing-faq{width:100%;max-width:1000px;padding:6rem 2rem}.pricing-faq .section-title{text-align:center;margin-bottom:4rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.faq-item h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.faq-item p{color:var(--text-secondary);line-height:1.6;font-size:.875rem}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-8px)}.faq-grid{grid-template-columns:1fr;gap:2rem}}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dash-header-left h1{font-size:1.625rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.dash-header-left p{color:var(--text-secondary);font-size:.875rem}.dash-header-actions{display:flex;gap:.75rem;align-items:center}.dash-edit-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease;font-family:inherit}.dash-edit-toggle:hover{border-color:#059669;color:var(--text-primary)}.dash-edit-toggle.active{background:#059669;color:#fff;border-color:#059669}[data-theme=dark] .dash-edit-toggle.active{color:#fff}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.widget-card{background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;animation:widgetFadeIn .35s ease-out forwards}.widget-card.size-2{grid-column:span 2}@media (max-width: 800px){.widget-card.size-2{grid-column:span 1}}.widget-card:hover{box-shadow:var(--shadow-md)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem}.widget-header-left{display:flex;align-items:center;gap:.5rem}.widget-drag-handle{cursor:grab;color:var(--text-secondary);opacity:0;transition:opacity .2s ease;display:flex;align-items:center}.widget-card:hover .widget-drag-handle,.editing-mode .widget-drag-handle{opacity:1}.widget-drag-handle:active{cursor:grabbing}.widget-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.widget-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.widget-card:hover .widget-actions,.editing-mode .widget-actions{opacity:1}.widget-action-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.widget-action-btn:hover{background:#ef44441a;color:var(--danger)}.widget-body{padding:.5rem 1.25rem 1.25rem}.widget-card.dragging{opacity:.4;transform:scale(.97)}.widget-card.drag-over{border-color:#059669;box-shadow:0 0 0 2px #0596694d}.stat-value{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:.25rem;font-variant-numeric:tabular-nums}.stat-meta{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.stat-meta.positive{color:var(--success)}.stat-meta.negative{color:var(--danger)}.stat-icon{padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-icon.green{background:#10b9811a;color:var(--success)}.stat-icon.red{background:#ef44441a;color:var(--danger)}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.stat-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.chart-container{width:100%;position:relative}.chart-container svg{width:100%;display:block}.chart-tooltip{position:absolute;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:6px;padding:.4rem .65rem;font-size:.75rem;font-weight:500;pointer-events:none;box-shadow:var(--shadow-md);white-space:nowrap;z-index:10;color:var(--text-primary)}.chart-label{fill:var(--text-secondary);font-size:10px;font-family:Inter,system-ui,sans-serif}.chart-label-svg{fill:var(--text-secondary);font-size:10px;font-family:Inter,system-ui,sans-serif;font-weight:500;pointer-events:none}.chart-grid-line{stroke:var(--border-primary);stroke-dasharray:3 3;opacity:.5}.chart-axis-line{stroke:var(--border-primary);stroke-width:1.5;opacity:.8}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-area{opacity:.1}.chart-dot{transition:r .15s ease}.chart-dot:hover{r:5}.chart-bar,.chart-bar-path{transition:opacity .15s ease}.chart-bar:hover,.chart-bar-path:hover{opacity:.8}.donut-segment{transition:transform .15s ease;transform-origin:center}.donut-segment:hover{transform:scale(1.04)}.donut-center-label{font-size:1.5rem;font-weight:700;fill:var(--text-primary);font-family:Inter,sans-serif}.donut-center-sub{font-size:.65rem;fill:var(--text-secondary);font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em}.donut-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;justify-content:center}.donut-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.widget-table{width:100%;border-collapse:collapse}.widget-table th{text-align:left;font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:.5rem 0;border-bottom:1px solid var(--border-primary)}.widget-table td{padding:.6rem 0;font-size:.85rem;border-bottom:1px solid var(--border-primary)}.widget-table tr:last-child td{border-bottom:none}.widget-table .amount-cell{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.widget-list{list-style:none}.widget-list-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .15s ease;margin:0 -.5rem;padding:.65rem .5rem;border-radius:6px}.widget-list-item:last-child{border-bottom:none}.widget-list-item:hover{background:var(--table-row-hover)}.widget-list-name{font-weight:500;font-size:.875rem}.widget-list-sub{font-size:.75rem;color:var(--text-secondary)}.widget-list-amount{font-weight:600;font-size:.875rem;font-variant-numeric:tabular-nums}.widget-list-status{font-size:.6875rem;padding:.2rem .625rem;border-radius:20px;font-weight:600;text-transform:capitalize}.alert-widget-body{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.alert-icon-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon-container.warning{background:#f59e0b1a;color:#f59e0b}.alert-icon-container.danger{background:#ef44441a;color:var(--danger)}.alert-count{font-size:1.75rem;font-weight:700;line-height:1.2}.alert-label{font-size:.8rem;color:var(--text-secondary)}.widget-empty{text-align:center;padding:1.5rem 1rem;color:var(--text-secondary);font-size:.85rem}.widget-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding:2rem}.widget-palette{background:var(--surface-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:640px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.widget-palette-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary)}.widget-palette-header h2{font-size:1.1rem;font-weight:600}.widget-palette-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.widget-palette-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.widget-palette-body{padding:1.25rem 1.5rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.palette-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:transparent;text-align:left;width:100%;font-family:inherit;color:var(--text-primary)}.palette-item:hover{border-color:#059669;background:#0596690d}.palette-item.added{opacity:.4;cursor:default;pointer-events:none}.palette-item-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-secondary);color:var(--text-secondary)}.palette-item-info h4{font-size:.85rem;font-weight:600;margin-bottom:.1rem}.palette-item-info p{font-size:.72rem;color:var(--text-secondary)}@keyframes widgetFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-container{max-width:1000px;margin:2rem auto;padding:0 1rem}.settings-header{margin-bottom:2.5rem}.settings-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.settings-subtitle{color:var(--text-secondary);font-size:.875rem}.tabs-nav{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-primary);padding-bottom:0}.tab-button{background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease;position:relative;border-radius:8px 8px 0 0;font-family:inherit}.tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active{color:#059669;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#059669;border-radius:2px}.settings-content{min-height:400px}.settings-section{animation:fadeIn .4s ease-out forwards}.settings-card{margin-bottom:2rem}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.theme-option{cursor:pointer;display:flex;flex-direction:column;gap:.75rem;align-items:center;transition:all .2s ease}.theme-option span{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.theme-option.active span{color:#059669;font-weight:600}.theme-preview{width:100%;aspect-ratio:16/10;border-radius:var(--radius-md);border:2px solid var(--border-primary);padding:8px;display:grid;grid-template-areas:"sidebar top" "sidebar content";grid-template-columns:30% 1fr;grid-template-rows:20% 1fr;gap:4px;background:var(--bg-primary);transition:all .2s ease;overflow:hidden}.theme-option:hover .theme-preview{border-color:var(--text-secondary);transform:translateY(-2px)}.theme-option.active .theme-preview{border-color:#059669;box-shadow:0 0 0 2px #05966926}.preview-top{grid-area:top;background:var(--bg-secondary);border-radius:2px}.preview-sidebar{grid-area:sidebar;background:#0f172a;border-radius:2px}.preview-content{grid-area:content;background:var(--surface-primary);border-radius:2px;border:1px solid var(--border-primary)}.light-preview{--bg-primary: #F8FAFC;--bg-secondary: #F1F5F9;--surface-primary: #ffffff;--border-primary: #E2E8F0}.dark-preview{--bg-primary: #0B0F19;--bg-secondary: #131926;--surface-primary: #141A27;--border-primary: #1E293B}.system-preview{background:linear-gradient(135deg,#f8fafc 50%,#0b0f19 50%)}.color-swatch{width:40px;height:40px;border-radius:50%;cursor:pointer;border:4px solid transparent;transition:all .2s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--surface-primary);box-shadow:0 0 0 2px #059669}.density-toggle{display:flex;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-sm);gap:4px}.density-toggle button{flex:1;padding:.5rem;font-family:inherit}.density-toggle button.active{background:var(--surface-primary);color:#059669;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.theme-options{grid-template-columns:1fr}}.coa-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.coa-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.coa-header-text h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.coa-header-text p{color:var(--text-secondary);font-size:.875rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.template-card{padding:2rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary);display:flex;flex-direction:column;height:100%;background:var(--surface-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.template-card:hover{transform:translateY(-3px);border-color:#059669;box-shadow:var(--shadow-md)}.template-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.template-card ul{list-style:none;margin-top:1rem;flex-grow:1}.template-card li{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.template-card li:before{content:"•";color:#059669}.coa-table-container{margin-top:2rem;overflow-x:auto;background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.coa-table{width:100%;border-collapse:collapse}.coa-table th{text-align:left;padding:.875rem 1rem;color:var(--text-secondary);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-primary);background:var(--table-header-bg)}.coa-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-primary);transition:background .2s;font-size:.875rem}.coa-table tr:hover td{background:var(--table-row-hover)}.account-type{display:inline-block;padding:.2rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.type-asset{background:#10b9811a;color:#059669}.type-liability{background:#ef44441a;color:#dc2626}.type-equity{background:#8b5cf61a;color:#8b5cf6}.type-revenue{background:#06b6d41a;color:#0891b2}.type-expense{background:#f59e0b1a;color:#d97706}.btn-icon{background:transparent;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.05)}.customers-container{padding:2rem 0;max-width:1200px;margin:0 auto}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.customers-title h1{font-size:1.625rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.customers-title p{color:var(--text-secondary);font-size:.875rem}.customers-table-container{overflow-x:auto;background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.customers-table{width:100%;border-collapse:collapse;text-align:left}.customers-table th{padding:.875rem 1.5rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);text-transform:uppercase;font-size:.6875rem;letter-spacing:.06em;background-color:var(--table-header-bg)}.customers-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);border-left:none;border-right:none;transition:background-color .2s ease;font-size:.875rem}.customers-table tbody tr{transition:background-color .2s ease}.customers-table tbody tr:hover td{background-color:var(--table-row-hover)}.customer-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.customer-info{color:var(--text-secondary);font-size:.8125rem}.customer-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm)}.action-btn:hover{background-color:var(--bg-secondary);color:#059669}.action-btn.delete:hover{color:var(--danger);background-color:#ef444414}.customer-full-form{display:flex;flex-direction:column;gap:2rem}.vendors-container{padding:2rem 0;max-width:1200px;margin:0 auto}.vendors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vendors-title h1{font-size:1.625rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.vendors-title p{color:var(--text-secondary);font-size:.875rem}.vendors-table-container{overflow-x:auto;background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.vendors-table{width:100%;border-collapse:collapse;text-align:left}.vendors-table th{padding:.875rem 1.5rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);text-transform:uppercase;font-size:.6875rem;letter-spacing:.06em;background-color:var(--table-header-bg)}.vendors-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);border-left:none;border-right:none;transition:background-color .2s ease;font-size:.875rem}.vendors-table tbody tr{transition:background-color .2s ease}.vendors-table tbody tr:hover td{background-color:var(--table-row-hover)}.vendor-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.vendor-info{color:var(--text-secondary);font-size:.8125rem}.vendor-actions{display:flex;gap:.5rem}.full-screen-form-container{padding:0 0 4rem;max-width:1000px;margin:0 auto}.form-header-bar{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border-primary)}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:500}.form-header-bar h2{font-size:1.5rem;color:var(--text-primary);font-weight:600}.vendor-full-form{display:flex;flex-direction:column;gap:2rem}.form-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-section{padding:2rem!important;display:flex;flex-direction:column;gap:1.5rem}.section-full-width{grid-column:1 / -1}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);padding-bottom:1rem;border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-row.triplet{grid-template-columns:1fr 1fr 1fr}.form-actions-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-primary);margin-top:1rem}.btn-large{padding:.75rem 2rem;font-size:1rem;font-weight:600}.journals-container{padding:2rem;max-width:1200px;margin:0 auto}.journals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.journals-header h1{font-size:1.625rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:.875rem}.journals-table{width:100%;border-collapse:collapse}.journals-table th{text-align:left;padding:.875rem 1rem;color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-primary);background:var(--table-header-bg)}.journal-row{cursor:pointer;transition:background .2s}.journal-row:hover{background:var(--table-row-hover)}.journal-row td{padding:1rem;border-bottom:1px solid var(--border-primary);font-size:.875rem}.journal-details{background:var(--bg-secondary)}.lines-container{padding:1.5rem 2rem}.lines-table{width:100%;border-collapse:collapse}.lines-table th{padding:.5rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.lines-table td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-primary)}.modal-content.wide{max-width:900px;width:95%}.journal-form-header{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.journal-lines-editor{margin-top:2rem;overflow-x:auto}.lines-edit-table{width:100%;border-collapse:collapse}.lines-edit-table th{text-align:left;padding:.5rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.lines-edit-table td{padding:.5rem}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:4px;transition:all .2s}.icon-btn.danger:hover{color:var(--danger);background:#ef444414}.totals-row td{padding:1rem .5rem;border-top:2px solid var(--border-primary);font-size:1.125rem;font-weight:700}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.ledgers-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px)}.ledgers-header{margin-bottom:2rem}.ledgers-header h1{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem;color:var(--text-primary)}.ledgers-header .subtitle{color:var(--text-secondary);font-size:.875rem}.ledgers-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.accounts-sidebar{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;max-height:80vh;box-shadow:var(--shadow-sm)}.sidebar-search{padding:1.25rem;border-bottom:1px solid var(--border-primary)}.sidebar-search input{width:100%;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s;font-family:inherit}.sidebar-search input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f}.accounts-list-container{flex-grow:1;overflow-y:auto;padding:1rem 0}.accounts-list-container::-webkit-scrollbar{width:4px}.accounts-list-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.sidebar-group{margin-bottom:1.5rem}.sidebar-group-title{padding:0 1.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.5rem}.account-sidebar-item{padding:.625rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.account-sidebar-item:hover{background:var(--table-row-hover);padding-left:1.5rem}.account-sidebar-item.active{background:#05966914;border-left-color:#059669;color:var(--text-primary)}.sidebar-item-info{display:flex;flex-direction:column}.sidebar-item-name{font-size:.875rem;font-weight:500}.sidebar-item-code{font-size:.75rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.ledger-view{margin:0;min-height:500px;display:flex;flex-direction:column}.ledger-summary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.ledger-summary h2{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.ledger-summary .acc-type{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.2rem .75rem;border-radius:20px;font-weight:500}.acc-code{color:var(--text-secondary);font-weight:500;opacity:.8}.ledger-table{width:100%;border-collapse:separate;border-spacing:0}.ledger-table th{text-align:left;padding:.875rem 1.25rem;color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-primary);position:sticky;top:0;background:var(--table-header-bg);z-index:1}.ledger-table td{padding:.875rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--border-primary);transition:background .2s}.ledger-table tr:hover td{background:var(--table-row-hover)}.ledger-table td.amount{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.ledger-table td.balance{font-weight:600;color:var(--text-primary)}@media (max-width: 1024px){.ledgers-layout{grid-template-columns:1fr}.accounts-sidebar{max-height:300px}}.reports-container{padding:2rem;max-width:1000px;margin:0 auto}.reports-header{margin-bottom:2rem}.reports-header h1{font-size:1.625rem;font-weight:600;color:var(--text-primary)}.report-tabs{display:flex;gap:.75rem;margin-top:1.5rem}.tab-btn{padding:.625rem 1.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;font-family:inherit}.tab-btn:hover{border-color:#059669;color:var(--text-primary)}.tab-btn.active{background:#059669;color:#fff;border-color:#059669}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;padding:.875rem 1rem;border-bottom:2px solid var(--border-primary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--table-header-bg)}.report-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-primary);font-size:.875rem}.report-line{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.report-section h3{margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.report-total{margin-top:2rem;padding:1.5rem 0;border-top:2px solid var(--border-primary);display:flex;justify-content:space-between;font-size:1.125rem;font-weight:700}.report-subtotal{margin-top:1rem;padding:1rem 0;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;font-weight:600}.bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.subsection{margin-bottom:2rem}.subsection h4{color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em;font-weight:600}.success-text{color:var(--success)}.danger-text{color:var(--danger)}.banking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-label{color:var(--text-secondary);font-size:.6875rem;text-transform:uppercase;margin-bottom:.5rem;font-weight:600;letter-spacing:.06em}.stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.tx-type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.receipt{background:#10b9811a;color:#059669}.payment{background:#ef44441a;color:#dc2626}.products-container{padding:2rem 0;max-width:1200px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.products-header h1{font-size:1.625rem;font-weight:600;color:var(--text-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#059669}.product-type-badge{position:absolute;top:1rem;right:1rem;padding:.2rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.type-product{background:#3b82f61a;color:#2563eb}.type-service{background:#10b9811a;color:#059669}.product-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;padding-right:4rem;color:var(--text-primary)}.product-sku{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem;font-family:monospace}.product-price{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-variant-numeric:tabular-nums}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.8125rem;color:var(--text-secondary);border-top:1px solid var(--border-primary);padding-top:1rem}.detail-item strong{display:block;color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.product-actions{display:flex;gap:.5rem;margin-top:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface-primary);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-primary)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:2rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:1rem}.type-toggle{display:flex;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.type-toggle button{flex:1;padding:.5rem;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.type-toggle button.active{background:var(--surface-primary);color:#059669;box-shadow:var(--shadow-sm);font-weight:600}.search-bar{position:relative;width:300px}.search-bar input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:all .2s ease}.search-bar input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f;outline:none}.search-bar svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.inventory-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.inventory-card{background:var(--surface-primary);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.inventory-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.inventory-layout-2-1{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.inventory-layout-2-1{grid-template-columns:1fr}}.inventory-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.inventory-form-group{display:flex;flex-direction:column;gap:.5rem}.inventory-form-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.025em}.ledger-filter-bar{background:var(--surface-primary);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.adjustment-container{max-width:800px;margin:0 auto}.adjustment-form-card{background:var(--surface-primary);padding:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.inventory-table-wrapper{background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}.status-badge.inbound{background:#10b9811a;color:#059669}.status-badge.outbound{background:#f43f5e1a;color:#f43f5e}.status-badge.adjustment{background:#f59e0b1a;color:#d97706}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.warehouse-card{background:var(--surface-primary);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.warehouse-card:hover{border-color:#059669;box-shadow:var(--shadow-md)}