:root{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#d1fae5;--color-primary-dark:#047857;--color-secondary:#3b82f6;--color-secondary-light:#dbeafe;--color-accent-purple:#8b5cf6;--color-accent-purple-light:#ede9fe;--color-accent-pink:#ec4899;--color-accent-pink-light:#fce7f3;--color-accent-orange:#f59e0b;--color-accent-orange-light:#fef3c7;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#047857;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-background:#f8fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-surface-hover:#e2e8f0;--color-border:#e2e8f0;--color-border-dark:#cbd5e1;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000a;--shadow-lg:0 4px 12px #00000014;--shadow-focus:0 0 0 3px #7dd3c01a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-background);color:#1e293b;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}h2{margin-top:0}.min-h-screen{min-height:100vh}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-2{height:.5rem}.flex{display:flex}.flex-1{flex:1 1}.grid{display:grid}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.max-h-64{max-height:16rem}.min-w-full{min-width:100%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.gap-2{gap:8px;gap:var(--space-sm)}.gap-3{gap:12px;gap:var(--space-md)}.gap-4{gap:16px;gap:var(--space-lg)}.gap-6{gap:24px;gap:var(--space-xl)}.p-2{padding:8px;padding:var(--space-sm)}.p-4{padding:16px;padding:var(--space-lg)}.p-6{padding:24px;padding:var(--space-xl)}.px-2{padding-left:8px;padding-left:var(--space-sm);padding-right:8px;padding-right:var(--space-sm)}.px-3{padding-left:12px;padding-left:var(--space-md);padding-right:12px;padding-right:var(--space-md)}.px-4{padding-left:16px;padding-left:var(--space-lg);padding-right:16px;padding-right:var(--space-lg)}.py-1{padding-bottom:4px;padding-bottom:var(--space-xs);padding-top:4px;padding-top:var(--space-xs)}.py-2{padding-bottom:8px;padding-bottom:var(--space-sm);padding-top:8px;padding-top:var(--space-sm)}.py-6{padding-bottom:24px;padding-bottom:var(--space-xl);padding-top:24px;padding-top:var(--space-xl)}.py-8{padding-bottom:32px;padding-bottom:var(--space-2xl);padding-top:32px;padding-top:var(--space-2xl)}.pt-2{padding-top:8px;padding-top:var(--space-sm)}.pt-4{padding-top:16px;padding-top:var(--space-lg)}.pb-2{padding-bottom:8px;padding-bottom:var(--space-sm)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-lg)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-xl)}.mt-1{margin-top:4px;margin-top:var(--space-xs)}.mt-2{margin-top:8px;margin-top:var(--space-sm)}.mr-2{margin-right:8px;margin-right:var(--space-sm)}.space-x-1>*+*{margin-left:4px;margin-left:var(--space-xs)}.space-x-2>*+*{margin-left:8px;margin-left:var(--space-sm)}.space-x-3>*+*{margin-left:12px;margin-left:var(--space-md)}.space-x-8>*+*{margin-left:32px;margin-left:var(--space-2xl)}.space-y-2>*+*{margin-top:8px;margin-top:var(--space-sm)}.space-y-3>*+*{margin-top:12px;margin-top:var(--space-md)}.space-y-4>*+*{margin-top:16px;margin-top:var(--space-lg)}.space-y-6>*+*{margin-top:24px;margin-top:var(--space-xl)}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-gray-100{background-color:#f1f5f9;background-color:var(--color-surface-alt)}.bg-white{background-color:#fff;background-color:var(--color-surface)}.bg-blue-50{background-color:#dbeafe;background-color:var(--color-info-light)}.bg-blue-100{background-color:#dbeafe;background-color:var(--color-secondary-light)}.bg-blue-600{background-color:#3b82f6;background-color:var(--color-secondary)}.bg-green-600{background-color:#10b981;background-color:var(--color-primary)}.bg-gray-50{background-color:#f1f5f9;background-color:var(--color-surface-alt)}.bg-gray-200{background-color:#cbd5e1;background-color:var(--color-border-dark)}.bg-gray-600{background-color:#475569;background-color:var(--color-text-secondary)}.bg-purple-50{background-color:#ede9fe;background-color:var(--color-accent-purple-light)}.bg-purple-600{background-color:#8b5cf6;background-color:var(--color-accent-purple)}.bg-orange-600{background-color:#f59e0b;background-color:var(--color-accent-orange)}.bg-yellow-100{background-color:#fef3c7;background-color:var(--color-warning-light)}.bg-green-100{background-color:#d1fae5;background-color:var(--color-success-light)}.bg-red-100{background-color:#fee2e2;background-color:var(--color-error-light)}.text-white{color:#fff;color:var(--color-text-inverse)}.text-gray-500{color:#64748b;color:var(--color-text-muted)}.text-gray-600,.text-gray-700{color:#475569;color:var(--color-text-secondary)}.text-gray-800,.text-gray-900{color:#1e293b;color:var(--color-text-primary)}.text-blue-600{color:#10b981;color:var(--color-primary)}.text-blue-800{color:#047857;color:var(--color-primary-dark)}.text-green-600{color:#10b981;color:var(--color-success)}.text-green-800{color:#047857;color:var(--color-success-dark)}.text-red-600{color:#ef4444;color:var(--color-error)}.text-red-800{color:#dc2626;color:var(--color-error-dark)}.text-purple-800{color:#8b5cf6;color:var(--color-accent-purple)}.text-yellow-800{color:#d97706;color:var(--color-warning-dark)}.border{border:1px solid #e2e8f0;border:1px solid var(--color-border)}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border)}.border-b-2{border-bottom:2px solid}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border)}.border-2{border:2px solid #e2e8f0;border:2px solid var(--color-border)}.border-gray-100,.border-gray-200{border-color:#e2e8f0;border-color:var(--color-border)}.border-gray-300{border-color:#cbd5e1;border-color:var(--color-border-dark)}.border-blue-600{border-color:#10b981;border-color:var(--color-primary)}.border-gray-800{border-color:#1e293b;border-color:var(--color-text-primary)}.rounded{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.rounded-t-lg{border-top-left-radius:12px;border-top-left-radius:var(--radius-lg);border-top-right-radius:12px;border-top-right-radius:var(--radius-lg)}.shadow-sm{box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-md)}.last\:border-b-0:last-child{border-bottom:0}input[type=date],input[type=number],input[type=text],select{background-color:#fff;background-color:var(--color-surface);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text-primary);font-size:.875rem;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .2s ease;width:100%}input[type=checkbox]{accent-color:#10b981;accent-color:var(--color-primary);background-color:#fff;background-color:var(--color-surface);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);height:1rem;padding:0;width:auto}input[type=date]:focus,input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#10b981;border-color:var(--color-primary);box-shadow:0 0 0 3px #7dd3c01a;box-shadow:var(--shadow-focus);outline:none}button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;padding:var(--space-md) var(--space-xl);transition:all .2s ease}button:hover{box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus{box-shadow:0 0 0 3px #7dd3c01a;box-shadow:var(--shadow-focus);outline:none}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background-color:#10b981;background-color:var(--color-primary);box-shadow:0 1px 3px #10b98133;color:#fff;color:var(--color-text-inverse);font-weight:600}.btn-primary:hover{background-color:#059669;background-color:var(--color-primary-hover);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background-color:#3b82f6;background-color:var(--color-secondary);box-shadow:0 1px 3px #3b82f633;color:#fff;color:var(--color-text-inverse);font-weight:600}.btn-secondary:hover{background-color:#2563eb;background-color:var(--color-info-dark);box-shadow:0 4px 12px #3b82f64d}.btn-success{background-color:#10b981;background-color:var(--color-success);box-shadow:0 1px 3px #10b98133;color:#fff;color:var(--color-text-inverse);font-weight:600}.btn-success:hover{background-color:#047857;background-color:var(--color-success-dark);box-shadow:0 4px 12px #10b9814d}.btn-danger{background-color:#ef4444;background-color:var(--color-error);box-shadow:0 1px 3px #ef444433;color:#fff;color:var(--color-text-inverse);font-weight:600}.btn-danger:hover{background-color:#dc2626;background-color:var(--color-error-dark);box-shadow:0 4px 12px #ef44444d}.btn-neutral{background-color:#475569;background-color:var(--color-text-secondary);box-shadow:0 1px 3px #47556933;color:#fff;color:var(--color-text-inverse);font-weight:600}.btn-neutral:hover{background-color:#1e293b;background-color:var(--color-text-primary)}.payment-row{align-items:center;background-color:#fff;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.payment-row:hover{background-color:#e2e8f0;background-color:var(--color-surface-hover);border-color:#cbd5e1;border-color:var(--color-border-dark);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.payment-info{flex:1 1;min-width:0}.payment-meta{gap:16px;gap:var(--space-lg)}.payment-actions,.payment-meta{align-items:center;display:flex;flex-shrink:0}.payment-actions{gap:8px;gap:var(--space-sm)}.hover\:bg-blue-700:hover,.hover\:bg-green-700:hover{background-color:#059669;background-color:var(--color-primary-hover)}.hover\:bg-gray-700:hover{background-color:#1e293b;background-color:var(--color-text-primary)}.hover\:text-gray-700:hover{color:#475569;color:var(--color-text-secondary)}.hover\:text-red-800:hover{color:#e57373}.hover\:text-blue-800:hover{color:#047857;color:var(--color-primary-dark)}.card{background-color:#fff;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-xl)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);margin-bottom:16px;margin-bottom:var(--space-lg);padding-bottom:16px;padding-bottom:var(--space-lg)}.pill{border:1px solid;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:4px 12px;padding:var(--space-xs) var(--space-md)}.pill-success{background-color:#d1fae5;background-color:var(--color-success-light);border-color:#10b981;border-color:var(--color-success);color:#047857;color:var(--color-success-dark)}.pill-error{background-color:#fee2e2;background-color:var(--color-error-light);border-color:#ef4444;border-color:var(--color-error);color:#dc2626;color:var(--color-error-dark)}.pill-warning{background-color:#fef3c7;background-color:var(--color-warning-light);border-color:#f59e0b;border-color:var(--color-warning);color:#d97706;color:var(--color-warning-dark)}.pill-info{background-color:#dbeafe;background-color:var(--color-info-light);border-color:#3b82f6;border-color:var(--color-info);color:#2563eb;color:var(--color-info-dark)}.pill-recurring{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.pill-oneoff{background-color:#f0fdf4;border-color:#22c55e;color:#166534}.pill-creditcard{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.pill-payday{background-color:#f3e8ff;border-color:#8b5cf6;color:#7c3aed}.progress-bar{background-color:#cbd5e1;background-color:var(--color-border-dark);height:8px;height:var(--space-sm);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;transition:width .3s ease}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background-color:#fff;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-lg);max-height:90vh;max-width:32rem;overflow-y:auto;padding:24px;padding:var(--space-xl);width:100%}.balance-positive{color:#047857;color:var(--color-success-dark);font-weight:600}.balance-negative{color:#dc2626;color:var(--color-error-dark);font-weight:600}.balance-zero{color:#64748b;color:var(--color-text-muted);font-weight:500}.balance-card{background:linear-gradient(135deg,#fff,#f1f5f9);background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-lg);padding:16px;padding:var(--space-lg);transition:all .3s ease}.balance-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.balance-card-positive{background:linear-gradient(135deg,#d1fae5,#fff);background:linear-gradient(135deg,var(--color-success-light) 0,var(--color-surface) 100%);border-left:4px solid #10b981;border-left:4px solid var(--color-success)}.balance-card-negative{background:linear-gradient(135deg,#fee2e2,#fff);background:linear-gradient(135deg,var(--color-error-light) 0,var(--color-surface) 100%);border-left:4px solid #ef4444;border-left:4px solid var(--color-error)}.navigation{background:linear-gradient(135deg,#fff,#f1f5f9);background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.nav-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-tab{background:#0000;border:1px solid #0000;border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#475569;color:var(--color-text-secondary);font-weight:500;margin-bottom:-1px;padding:12px 24px;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{background:#d1fae5;background:var(--color-primary-light)}.nav-tab.active,.nav-tab:hover{color:#10b981;color:var(--color-primary);transform:translateY(-2px)}.nav-tab.active{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border-bottom:1px solid #fff;border:1px solid var(--color-border);border-bottom-color:var(--color-surface);box-shadow:0 -2px 8px #10b9811a}.nav-tab.active:before{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.app-header{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-text-inverse)}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);background:linear-gradient(135deg,var(--color-text-inverse) 0,#ffffffe6 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.025em}.focus-ring:focus{box-shadow:0 0 0 3px #7dd3c01a;box-shadow:var(--shadow-focus);outline:none}.data-table{background-color:#fff;background-color:var(--color-surface);border-collapse:collapse;width:100%}.data-table th{background-color:#f1f5f9;background-color:var(--color-surface-alt);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--color-border-dark);color:#475569;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:12px 16px;padding:var(--space-md) var(--space-lg);text-transform:uppercase}.data-table th.text-left{text-align:left}.data-table th.text-right{text-align:right}.data-table th.text-center{text-align:center}.data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);font-size:.875rem;padding:12px 16px;padding:var(--space-md) var(--space-lg)}.data-table td.text-left{text-align:left}.data-table td.text-right{text-align:right}.data-table td.text-center{text-align:center}.data-table tbody tr:hover{background-color:#e2e8f0;background-color:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.table-container{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);overflow-x:auto}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}}@media (max-width:767px){.navigation{background:#fff;background:var(--color-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000014}.nav-container{padding-left:16px;padding-left:var(--space-lg);padding-right:16px;padding-right:var(--space-lg)}.nav-tabs-wrapper{flex-wrap:wrap;gap:4px;gap:var(--space-xs)}.nav-tab{border-radius:8px;border-radius:var(--radius-md);flex:1 1;font-size:.75rem;margin-bottom:0;min-width:calc(33.333% - 4px);min-width:calc(33.333% - var(--space-xs));padding:8px 12px;padding:var(--space-sm) var(--space-md);text-align:center}.nav-tab.active{box-shadow:0 2px 4px #10b98133;transform:none}.nav-tab.active:before{display:none}.app-header .flex{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-md)}.app-header .items-center:last-child{gap:12px;gap:var(--space-md);justify-content:center}.app-title{font-size:1.5rem;text-align:center}main{padding-left:16px;padding-left:var(--space-lg);padding-right:16px;padding-right:var(--space-lg)}main .px-4{padding-left:0;padding-right:0}.bg-white,.card{border-left:none;border-radius:0;border-right:none;margin-left:-16px;margin-left:calc(var(--space-lg)*-1);margin-right:-16px;margin-right:calc(var(--space-lg)*-1)}.balance-card{padding:16px;padding:var(--space-lg)}.grid-cols-1,.lg\:grid-cols-3,.md\:grid-cols-2{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;border:none;border-radius:0;overflow-x:auto}.data-table{min-width:600px}.data-table td,.data-table th{font-size:.75rem;padding:8px 12px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.dashboard-forecast .data-table td:nth-child(3),.dashboard-forecast .data-table th:nth-child(3),.dashboard-upcoming .data-table td:nth-child(3),.dashboard-upcoming .data-table td:nth-child(4),.dashboard-upcoming .data-table th:nth-child(3),.dashboard-upcoming .data-table th:nth-child(4),.payments-table .data-table td:nth-child(4),.payments-table .data-table td:nth-child(5),.payments-table .data-table th:nth-child(4),.payments-table .data-table th:nth-child(5),.pots-table .data-table td:nth-child(4),.pots-table .data-table th:nth-child(4){display:none}input[type=date],input[type=number],input[type=text],select{-webkit-appearance:none;border-radius:8px;border-radius:var(--radius-md);font-size:16px;padding:16px;padding:var(--space-lg)}input[type=date]:focus,input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#10b981;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-position:right var(--space-md) center;background-repeat:no-repeat;background-size:1rem;padding-right:calc(16px + 1.5rem);padding-right:calc(var(--space-lg) + 1.5rem)}button{font-size:1rem;min-height:48px;padding:16px 24px;padding:var(--space-lg) var(--space-xl)}.btn-secondary.text-xs{font-size:.875rem;min-height:36px;padding:8px 16px;padding:var(--space-sm) var(--space-lg)}.modal{margin:16px;margin:var(--space-lg);max-height:calc(100vh - 32px);max-height:calc(100vh - var(--space-2xl));max-width:calc(100vw - 32px);max-width:calc(100vw - var(--space-2xl))}.space-y-6>*+*{margin-top:16px;margin-top:var(--space-lg)}.space-y-4>*+*{margin-top:12px;margin-top:var(--space-md)}.space-y-3>*+*{margin-top:8px;margin-top:var(--space-sm)}.gap-6{gap:16px;gap:var(--space-lg)}.gap-4{gap:12px;gap:var(--space-md)}.text-3xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.25rem}.text-2xl,.text-xl{line-height:1.75rem}.text-xl{font-size:1.125rem}.payment-row{align-items:stretch;flex-direction:column}.payment-meta,.payment-row{gap:8px;gap:var(--space-sm)}.payment-meta{flex-wrap:wrap}.payment-actions{justify-content:stretch}.payment-actions button{flex:1 1}}@media (max-width:480px){.nav-tab{font-size:.7rem;min-width:calc(50% - 4px);min-width:calc(50% - var(--space-xs));padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.app-title,.text-3xl{font-size:1.25rem}.text-2xl{font-size:1.125rem}.data-table{min-width:500px}.nav-tabs-wrapper{flex-direction:column}.nav-tab{min-width:100%}}@media (hover:none) and (pointer:coarse){.balance-card:hover,.nav-tab:hover,.payment-row:hover,button:hover{transform:none}}
/*# sourceMappingURL=main.c596a926.css.map*/