.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg);box-shadow:1px 0 0 var(--line);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.sidebar-header{padding:24px 20px}.sidebar-logo{font-size:20px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.brand-text{font-family:var(--ff-serif)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-dark);font-size:14px;font-weight:500;border-radius:var(--radius);margin-bottom:4px;transition:all var(--transition);cursor:pointer;text-decoration:none;border-left:2px solid transparent}.nav-item:hover{background:var(--bg2);color:var(--text-dark)}.nav-item.active{background:var(--amber-dim);border-left-color:var(--amber);color:var(--amber)}.nav-item .nav-icon{color:var(--muted);transition:color var(--transition)}.nav-item:hover .nav-icon{color:var(--text-dark)}.nav-item.active .nav-icon{color:var(--amber)}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.user-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--amber-dim);display:flex;align-items:center;justify-content:center;color:var(--amber);font-weight:600;font-size:13px;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-initials{-webkit-user-select:none;user-select:none}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:36px;height:36px;border-radius:var(--radius);border:none;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;cursor:pointer}.logout-btn:hover{color:var(--text-dark);background:var(--bg2)}.logout-btn svg{width:18px;height:18px}.app-layout{display:flex;min-height:100vh;background:var(--content-bg)}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;padding:40px 48px;overflow-x:hidden}@media (max-width: 768px){.main-content{margin-left:0;padding:24px 20px}}.stat-card{background:var(--card-bg);border:1px solid var(--line-light);border-radius:var(--radius);padding:24px;transition:border-color var(--transition)}.stat-card:hover{border-color:var(--amber)}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.stat-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.stat-value{font-family:var(--ff-serif);font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-top:4px}.stat-count{font-size:12px;color:var(--text-tertiary)}.dashboard{max-width:1400px}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--text-secondary)}.dashboard-header{margin-bottom:32px}.page-title{font-family:var(--ff-serif);font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-subtitle{font-size:16px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:40px}.recent-invoices{background:var(--card-bg);border:1px solid var(--line-light);border-radius:var(--radius);padding:24px}.section-title{font-family:var(--ff-serif);font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.invoices-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.invoices-table td{padding:16px;font-size:14px;color:var(--text-primary)}.invoice-number{font-weight:600;color:var(--amber)}.client-avatar{width:32px;height:32px;border-radius:50%;background:var(--amber-dim);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.amount{font-family:var(--ff-serif);font-weight:600;color:var(--text-primary)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius);font-size:12px;font-weight:600;text-transform:capitalize}.status-badge-paid{background:#48bb781f;color:var(--success)}.status-badge-sent{background:#f6c85f1f;color:#b8960a}.status-badge-overdue{background:#f565651f;color:var(--danger)}.status-badge-draft{background:#7c9ff51f;color:var(--info)}@media (max-width: 768px){.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.invoices-table{font-size:13px}.invoices-table th,.invoices-table td{padding:12px 8px}}.invoices-page{max-width:1400px}.invoices-page .page-title{display:flex;align-items:center;gap:12px;font-family:var(--ff-serif);color:var(--text-primary)}.invoices-page .page-subtitle{color:var(--text-secondary)}.refresh-indicator{display:inline-block;font-size:18px;animation:spin 1s linear infinite;opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invoices-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--text-secondary)}.invoices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px;flex-wrap:wrap}.create-invoice-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);white-space:nowrap}.create-invoice-btn:hover{background:var(--amber-hover)}.create-invoice-btn svg{width:18px;height:18px}.invoices-content{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--line-light);overflow:hidden}.invoices-toolbar{padding:20px 24px;border-bottom:1px solid var(--line-light);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.tabs{display:flex;gap:0;flex-wrap:wrap}.tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition);display:flex;align-items:center;gap:6px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--amber);border-bottom:2px solid var(--amber);font-weight:600}.tab-count{font-size:11px;font-weight:500;color:var(--text-tertiary)}.tab.active .tab-count{color:var(--amber)}.search-box{position:relative;min-width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;transition:border-color var(--transition);font-family:inherit;background:var(--card-bg);color:var(--text-primary)}.search-box input:focus{outline:none;border-color:var(--amber)}.empty-state{padding:80px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.invoices-table-container{overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background:transparent}.invoices-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--line-light)}.invoices-table tbody tr{border-bottom:1px solid var(--line-light);transition:background var(--transition)}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table tbody tr:hover{background:#00000005}.invoices-table td{padding:14px 16px;font-size:14px;color:var(--text-primary)}.client-cell{display:flex;align-items:center;gap:12px}.client-avatar{width:36px;height:36px;border-radius:50%;background:var(--amber-dim);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.client-info{display:flex;flex-direction:column;gap:2px;min-width:0}.client-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-number{font-weight:600;color:var(--text-primary);white-space:nowrap}.amount{font-family:var(--ff-serif);font-weight:600;color:var(--text-primary);white-space:nowrap}.sent-count{color:var(--text-tertiary);font-size:13px}.status-select{padding:6px 12px;border-radius:var(--radius);border:none;font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer;font-family:inherit;transition:opacity var(--transition)}.status-select:focus{outline:none;box-shadow:0 0 0 2px #00000014}.status-badge-paid,.status-select.status-badge-paid{background:#c6f6d5;color:#22543d}.status-badge-sent,.status-select.status-badge-sent{background:#feebc8;color:#744210}.status-badge-overdue,.status-select.status-badge-overdue{background:#fed7d7;color:#742a2a}.status-badge-draft,.status-select.status-badge-draft{background:#e6efff;color:#2c5282}.action-buttons{display:flex;gap:4px}.action-btn{width:32px;height:32px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition),background var(--transition)}.action-btn:hover{background:var(--amber-dim);color:var(--amber)}.action-btn svg{width:16px;height:16px}.home-currency-amount{font-size:11px;color:var(--text-tertiary);font-family:inherit;font-weight:400;margin-top:2px}.exchange-rate-wrapper{position:relative}.action-btn.has-rate{color:var(--amber)}.exchange-popover{position:absolute;right:0;top:100%;margin-top:4px;background:var(--card-bg);border:1px solid var(--line-light);border-radius:var(--radius);padding:12px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:200px}.exchange-popover-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.exchange-popover-row{display:flex;gap:6px}.exchange-popover-row input{flex:1;padding:6px 10px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--card-bg);min-width:0}.exchange-popover-row input:focus{outline:none;border-color:var(--amber)}.exchange-popover-row button{padding:6px 12px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.exchange-popover-row button:hover{background:var(--amber-hover)}.exchange-popover-preview{margin-top:8px;font-size:13px;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.invoices-header{flex-direction:column;align-items:stretch}.create-invoice-btn{width:100%;justify-content:center}.invoices-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.invoices-table{font-size:13px}.invoices-table th,.invoices-table td{padding:12px 8px}.client-avatar{width:32px;height:32px;font-size:13px}}.slide-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;animation:slide-panel-fade-in .2s ease}.slide-panel{position:absolute;top:0;right:0;width:480px;height:100%;background:var(--card-bg);border-top:3px solid var(--amber);display:flex;flex-direction:column;animation:slide-panel-slide-in .25s ease}.slide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line-light);flex-shrink:0}.slide-panel-title{font-family:var(--ff-serif);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.slide-panel-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:color var(--transition),background var(--transition)}.slide-panel-close:hover{color:var(--text-primary);background:var(--line-light)}.slide-panel-content{flex:1;overflow-y:auto;padding:24px}@keyframes slide-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 540px){.slide-panel{width:100%}}.clients-page{max-width:1400px}.clients-page .page-title{font-family:var(--ff-serif);color:var(--text-primary)}.clients-page .page-subtitle{color:var(--text-secondary)}.clients-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--text-secondary)}.clients-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px;flex-wrap:wrap}.add-client-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);white-space:nowrap}.add-client-btn:hover{background:var(--amber-hover)}.add-client-btn svg{width:18px;height:18px}.clients-content{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--line-light);overflow:hidden}.clients-toolbar{padding:20px 24px;border-bottom:1px solid var(--line-light);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.clients-count{font-size:14px;font-weight:500;color:var(--text-secondary)}.clients-page .search-box{position:relative;min-width:280px}.clients-page .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.clients-page .search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;transition:border-color var(--transition);font-family:inherit;background:var(--card-bg);color:var(--text-primary)}.clients-page .search-box input:focus{outline:none;border-color:var(--amber)}.clients-page .empty-state{padding:80px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.clients-table-container{overflow-x:auto}.clients-table{width:100%;border-collapse:collapse}.clients-table thead{background:transparent}.clients-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--line-light)}.clients-table tbody tr{border-bottom:1px solid var(--line-light);transition:background var(--transition)}.clients-table tbody tr:last-child{border-bottom:none}.clients-table tbody tr:hover{background:#00000005}.clients-table td{padding:14px 16px;font-size:14px;color:var(--text-primary)}.clients-page .client-cell{display:flex;align-items:center;gap:12px}.clients-page .client-avatar{width:36px;height:36px;border-radius:50%;background:var(--amber-dim);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.clients-page .client-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email-cell{color:var(--text-secondary);font-size:13px}.invoice-count{font-weight:600;color:var(--text-primary)}.clients-page .amount{font-family:var(--ff-serif);font-weight:600;color:var(--text-primary);white-space:nowrap}.clients-page .action-buttons{display:flex;gap:4px}.clients-page .action-btn{width:32px;height:32px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition),background var(--transition)}.clients-page .action-btn:hover{background:var(--amber-dim);color:var(--amber)}.clients-page .action-btn-delete:hover{background:#e53e3e1a;color:#e53e3e}.clients-page .action-btn svg{width:16px;height:16px}.client-form{display:flex;flex-direction:column;gap:20px}.client-form .form-group{display:flex;flex-direction:column;gap:6px}.client-form label{font-size:13px;font-weight:600;color:var(--text-secondary)}.client-form input,.client-form textarea{padding:10px 14px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--card-bg);transition:border-color var(--transition),box-shadow var(--transition)}.client-form input:focus,.client-form textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.client-form textarea{resize:vertical;min-height:60px}.form-actions{display:flex;gap:12px;padding-top:8px}.form-btn-cancel{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition);font-family:inherit}.form-btn-cancel:hover{background:#00000008;color:var(--text-primary)}.form-btn-save{flex:1;padding:12px 20px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);font-family:inherit}.form-btn-save:hover{background:var(--amber-hover)}.form-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.clients-header{flex-direction:column;align-items:stretch}.add-client-btn{width:100%;justify-content:center}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-page .search-box{min-width:0}.clients-table{font-size:13px}.clients-table th,.clients-table td{padding:12px 8px}.clients-page .client-avatar{width:32px;height:32px;font-size:13px}}.settings-page{max-width:1400px}.settings-page .page-title{font-family:var(--ff-serif);color:var(--text-primary)}.settings-page .page-subtitle{color:var(--text-secondary)}.settings-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--text-secondary)}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px;flex-wrap:wrap}.settings-content{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--line-light);overflow:hidden}.settings-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--line-light)}.settings-tab{padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition);font-family:inherit}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--amber);border-bottom:2px solid var(--amber);font-weight:600}.settings-tab-content{padding:24px}.billers-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.billers-count{font-size:14px;font-weight:500;color:var(--text-secondary)}.add-biller-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);white-space:nowrap;font-family:inherit}.add-biller-btn:hover{background:var(--amber-hover)}.add-biller-btn svg{width:18px;height:18px}.settings-page .empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.billers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.biller-card{background:var(--card-bg);border:1px solid var(--line-light);border-radius:var(--radius);padding:20px;transition:border-color var(--transition)}.biller-card:hover{border-color:var(--amber)}.biller-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.biller-card-title{display:flex;align-items:center;gap:12px;min-width:0}.biller-logo-thumb{width:40px;height:40px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line-light);flex-shrink:0}.biller-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.default-badge{display:inline-block;padding:2px 8px;background:var(--amber-dim);color:var(--amber);font-size:11px;font-weight:600;border-radius:10px;margin-top:4px}.biller-actions{display:flex;gap:4px;flex-shrink:0}.biller-action-btn{width:32px;height:32px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition),background var(--transition)}.biller-action-btn:hover{background:var(--amber-dim);color:var(--amber)}.biller-action-btn-delete:hover{background:#e53e3e1a;color:#e53e3e}.biller-action-btn svg{width:16px;height:16px}.biller-card-body{display:flex;flex-direction:column;gap:2px}.biller-detail{margin:0;font-size:13px;color:var(--text-primary);line-height:1.4}.biller-detail-secondary{color:var(--text-secondary)}.invoice-settings-form{max-width:480px;display:flex;flex-direction:column;gap:20px}.invoice-settings-form .form-group{display:flex;flex-direction:column;gap:6px}.invoice-settings-form label{font-size:13px;font-weight:600;color:var(--text-secondary)}.invoice-settings-form input,.invoice-settings-form select{padding:10px 14px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--card-bg);transition:border-color var(--transition),box-shadow var(--transition)}.invoice-settings-form input:focus,.invoice-settings-form select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.settings-message{padding:10px 14px;border-radius:var(--radius);font-size:14px;font-weight:500}.settings-message-success{background:#48bb781a;color:var(--success)}.settings-message-error{background:#e53e3e1a;color:#e53e3e}.biller-form{display:flex;flex-direction:column;gap:20px}.biller-form .form-group{display:flex;flex-direction:column;gap:6px}.biller-form label{font-size:13px;font-weight:600;color:var(--text-secondary)}.biller-form input[type=text],.biller-form input[type=email]{padding:10px 14px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--card-bg);transition:border-color var(--transition),box-shadow var(--transition)}.biller-form input[type=text]:focus,.biller-form input[type=email]:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.logo-upload{display:flex;flex-direction:column;gap:10px}.logo-preview{width:80px;height:80px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line-light)}.logo-upload input[type=file]{font-size:13px;color:var(--text-secondary)}.settings-page .form-actions{display:flex;gap:12px;padding-top:8px}.settings-page .form-btn-cancel{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition);font-family:inherit}.settings-page .form-btn-cancel:hover{background:#00000008;color:var(--text-primary)}.settings-page .form-btn-save{flex:1;padding:12px 20px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);font-family:inherit}.settings-page .form-btn-save:hover{background:var(--amber-hover)}.settings-page .form-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings-header,.billers-toolbar{flex-direction:column;align-items:stretch}.add-biller-btn{width:100%;justify-content:center}.billers-grid{grid-template-columns:1fr}.settings-tabs{padding:0 16px}.settings-tab-content{padding:20px 16px}.invoice-settings-form{max-width:100%}}.invoice-create-wrapper{width:100%;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;position:fixed;top:0;left:0}.invoice-iframe{width:100%;height:100%;min-height:100vh;min-height:100dvh;border:none;display:block}@media (max-width: 768px){.invoice-create-wrapper{height:calc(100vh - env(safe-area-inset-bottom,0px))}.invoice-iframe{min-height:calc(100vh - env(safe-area-inset-bottom,0px))}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--content-bg);padding:20px}.auth-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--line-light);box-shadow:0 1px 3px #0000000a;width:100%;max-width:420px;padding:40px;animation:fadeIn .5s ease}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-family:var(--ff-serif);font-size:28px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.auth-title{font-family:var(--ff-serif);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-secondary)}.auth-error{background:#f5656514;color:var(--danger);padding:12px 16px;border-radius:var(--radius);border:1px solid rgba(245,101,101,.15);font-size:14px;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--line-light);border-radius:var(--radius);font-size:14px;transition:all .2s ease;font-family:inherit;color:var(--text-primary);background:var(--card-bg)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.form-group input:disabled{background:var(--content-bg);cursor:not-allowed}.auth-button{padding:12px 16px;background:var(--amber);color:var(--amber-text);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-button:hover:not(:disabled){background:var(--amber-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-footer a{color:var(--amber);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--amber-hover);text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-tertiary);font-size:13px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--line-light)}.auth-divider span{padding:0 16px}.google-button{width:100%;padding:12px 16px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--line-light);border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit}.google-button:hover:not(:disabled){background:var(--content-bg);border-color:var(--text-tertiary)}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-button svg{flex-shrink:0}@media (max-width: 480px){.auth-card{padding:32px 24px}}.landing-page{min-height:100vh;background:var(--card-bg)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-light);padding:16px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--ff-serif);font-size:20px;font-weight:700;color:var(--text-primary)}.logo-icon{font-size:24px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--amber)}.nav-login{color:var(--text-primary)!important}.nav-cta{padding:10px 24px;background:var(--amber);color:var(--amber-text)!important;border-radius:var(--radius);font-weight:600;transition:all .2s ease}.nav-cta:hover{background:var(--amber-hover);transform:translateY(-1px)}.hero-section{padding:140px 32px 80px;background:var(--bg);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}.hero-content{color:var(--text-dark);animation:fadeInUp .8s ease-out}.hero-title{font-family:var(--ff-serif);font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--text-dark)}.gradient-text{background:linear-gradient(135deg,var(--amber) 0%,#f0c06e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--text-muted);margin-bottom:32px}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.hero-cta-primary{padding:16px 32px;background:var(--amber);color:var(--amber-text);border-radius:var(--radius);font-size:16px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .2s ease}.hero-cta-primary:hover{background:var(--amber-hover);transform:translateY(-1px)}.hero-cta-secondary{padding:16px 32px;background:transparent;color:var(--text-dark);border:1px solid var(--line);border-radius:var(--radius);font-size:16px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .2s ease}.hero-cta-secondary:hover{background:#ffffff0d;border-color:#ffffff26}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.stat-item{text-align:left}.stat-number{font-family:var(--ff-serif);font-size:36px;font-weight:700;margin-bottom:4px;color:var(--text-dark)}.stat-label{font-size:14px;color:var(--text-dim)}.hero-image{animation:fadeInRight .8s ease-out}.hero-card{background:#ffffff0a;border:1px solid var(--line);border-radius:var(--radius);padding:32px}.invoice-preview{background:var(--card-bg);border-radius:var(--radius);padding:32px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line-light)}.preview-logo{font-size:36px}.preview-title{font-family:var(--ff-serif);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.preview-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.preview-row{display:flex;justify-content:space-between;font-size:15px}.preview-row span{color:var(--text-secondary)}.preview-row strong{color:var(--text-primary)}.amount-text{color:var(--amber);font-size:20px}.preview-status{display:inline-block;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600}.preview-status.paid{background:#48bb781a;color:var(--success)}.features-section{padding:100px 32px;background:var(--content-bg)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-title{font-family:var(--ff-serif);font-size:42px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:var(--card-bg);padding:32px;border-radius:var(--radius);border:1px solid var(--line-light);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.feature-icon{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{width:28px;height:28px;color:#fff}.feature-card h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.6}.pricing-section{padding:100px 32px;background:var(--card-bg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.pricing-card{background:var(--card-bg);border:1px solid var(--line-light);border-radius:var(--radius);padding:40px;transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.pricing-card.featured{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--amber);color:var(--amber-text);padding:6px 16px;border-radius:var(--radius);font-size:12px;font-weight:600}.pricing-header h3{font-family:var(--ff-serif);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.pricing-price{display:flex;align-items:flex-start;margin-bottom:32px}.price-currency{font-size:24px;color:var(--text-secondary);margin-right:4px;margin-top:8px}.price-amount{font-size:48px;font-weight:700;color:var(--text-primary)}.price-period{font-size:16px;color:var(--text-secondary);margin-left:4px;margin-top:20px}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{padding:12px 0;color:var(--text-secondary);font-size:15px;border-bottom:1px solid var(--line-light)}.pricing-button{display:block;width:100%;padding:14px;background:var(--content-bg);color:var(--text-primary);border:1px solid var(--line-light);border-radius:var(--radius);font-size:15px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease}.pricing-button:hover{border-color:var(--text-tertiary)}.pricing-button.primary{background:var(--amber);color:var(--amber-text);border:none}.pricing-button.primary:hover{background:var(--amber-hover);transform:translateY(-1px)}.cta-section{padding:100px 32px;background:var(--bg);color:var(--text-dark);text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-container h2{font-family:var(--ff-serif);font-size:42px;font-weight:700;margin-bottom:16px}.cta-container p{font-size:20px;color:var(--text-muted);margin-bottom:32px}.cta-button{display:inline-block;padding:18px 48px;background:var(--amber);color:var(--amber-text);border-radius:var(--radius);font-size:18px;font-weight:600;text-decoration:none;transition:all .2s ease}.cta-button:hover{background:var(--amber-hover);transform:translateY(-1px)}.landing-footer{background:var(--bg);color:var(--text-dark);padding:60px 32px 32px;border-top:1px solid var(--line)}.footer-container{max-width:1200px;margin:0 auto 32px;display:grid;grid-template-columns:2fr 3fr;gap:60px}.footer-brand p{margin-top:12px;color:var(--text-dim)}.footer-logo{display:flex;align-items:center;gap:8px;font-family:var(--ff-serif);font-size:20px;font-weight:700;margin-bottom:8px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:16px}.footer-column a{display:block;color:var(--text-dim);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s ease}.footer-column a:hover{color:var(--amber)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--line);text-align:center;color:var(--text-dim);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 968px){.hero-container{grid-template-columns:1fr}.hero-title{font-size:42px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.footer-container{grid-template-columns:1fr}}@media (max-width: 640px){.nav-links{gap:16px}.nav-links a:not(.nav-login):not(.nav-cta){display:none}.hero-title{font-size:36px}.hero-buttons{flex-direction:column}.hero-stats,.features-grid{grid-template-columns:1fr}}:root{--bg: #111110;--bg2: #161614;--bg3: #1c1c1a;--surface: #222220;--content-bg: #FAFAF8;--card-bg: #FFFFFF;--line: rgba(255, 255, 255, .07);--line-light: rgba(0, 0, 0, .08);--text-dark: #e8e4da;--muted: #7a776e;--dim: #4a4741;--text-primary: #1a1a18;--text-secondary: #6b6b6b;--text-tertiary: #9a9a9a;--amber: #e8924a;--amber-hover: #d4813e;--amber-dim: rgba(232, 146, 74, .12);--amber-text: #111110;--success: #48BB78;--warning: #F6C85F;--danger: #F56565;--info: #7C9FF5;--sidebar-width: 240px;--radius: 2px;--radius-sm: 2px;--ff-serif: "Playfair Display", Georgia, serif;--ff-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ff-sans);background:var(--content-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}