#budget-tracker-root .budget-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#e0e7ff);padding:1rem;font-family:system-ui,-apple-system,sans-serif}#budget-tracker-root .budget-max-width{max-width:1280px;margin:0 auto}#budget-tracker-root .budget-card{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}#budget-tracker-root .budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}#budget-tracker-root .budget-title{font-size:1.875rem;font-weight:700;color:#1f2937}#budget-tracker-root .budget-btn{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s;font-size:1rem}#budget-tracker-root .budget-btn:hover{background:#1d4ed8}#budget-tracker-root .budget-grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){#budget-tracker-root .budget-grid-2{grid-template-columns:repeat(2,1fr)}}#budget-tracker-root .budget-grid-3{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){#budget-tracker-root .budget-grid-3{grid-template-columns:repeat(3,1fr)}}#budget-tracker-root .income-card{background:#f9fafb;border-radius:.5rem;padding:1.5rem;border:1px solid #e5e7eb;color:#1f2937}#budget-tracker-root .balance-card{background:#f9fafb;border-radius:.5rem;padding:1.5rem;color:#1f2937;border:1px solid #e5e7eb}#budget-tracker-root .balance-positive{color:#059669}#budget-tracker-root .balance-negative{color:#dc2626}#budget-tracker-root .stat-card{background:#f9fafb;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}#budget-tracker-root .chart-container{background:#f9fafb;border-radius:.5rem;padding:1rem;overflow:hidden}#budget-tracker-root .chart-wrapper{height:300px;width:100%;max-width:100%;position:relative;overflow:hidden}#budget-tracker-root .chart-wrapper>div{width:100%!important;max-width:100%!important}#budget-tracker-root .chart-wrapper svg{max-width:100%!important;height:auto!important}#budget-tracker-root .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}#budget-tracker-root .category-title{font-size:1.5rem;font-weight:700}#budget-tracker-root table{width:100%;border-collapse:collapse}#budget-tracker-root th{text-align:left;padding:.5rem;border-bottom:1px solid #e5e7eb;font-weight:600}#budget-tracker-root td{padding:.5rem;border-bottom:1px solid #e5e7eb}#budget-tracker-root tr:hover{background:#f9fafb}#budget-tracker-root input[type=number],#budget-tracker-root input[type=text]{width:100%;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}#budget-tracker-root input[type=number]:focus,#budget-tracker-root input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#budget-tracker-root .delete-btn{color:#ef4444;background:none;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem}#budget-tracker-root .delete-btn:hover{color:#dc2626}#budget-tracker-root .add-btn{background:#2563eb;color:#fff;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s;font-size:.875rem;white-space:nowrap}#budget-tracker-root .add-btn:hover{background:#1d4ed8}#budget-tracker-root .tips-card{background:linear-gradient(to right,#4f46e5,#7c3aed);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;color:#fff;text-align:center}#budget-tracker-root .text-green{color:#059669}#budget-tracker-root .text-red{color:#dc2626}#budget-tracker-root .income-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}#budget-tracker-root .income-input-wrapper{display:flex;align-items:center;gap:.5rem}#budget-tracker-root .income-emoji{font-size:1.5rem}#budget-tracker-root .income-input{width:100%;background:#fff;color:#1f2937;padding:.5rem 1rem;border-radius:.5rem;font-size:1.25rem;font-weight:700;border:none}#budget-tracker-root .balance-title{font-size:.875rem;font-weight:500;margin-bottom:.5rem}#budget-tracker-root .balance-amount-wrapper{display:flex;align-items:center;gap:.5rem}#budget-tracker-root .balance-emoji{font-size:1.5rem}#budget-tracker-root .balance-amount{font-size:1.875rem;font-weight:700}#budget-tracker-root .balance-budgeted{font-size:.875rem;margin-top:.5rem;opacity:.9}#budget-tracker-root .stat-label{font-size:.875rem;color:#4b5563}#budget-tracker-root .stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}#budget-tracker-root .chart-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}#budget-tracker-root .category-total{text-align:right}#budget-tracker-root .category-total-label{font-size:.875rem;color:#4b5563}#budget-tracker-root .category-total-value{font-size:1.25rem;font-weight:700;color:#1f2937}#budget-tracker-root .tips-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}#budget-tracker-root .tips-text{font-size:.875rem;opacity:.9}@media (max-width: 640px){#budget-tracker-root table thead{display:none}#budget-tracker-root table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}#budget-tracker-root table td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:.75rem 0;border-bottom:none!important}#budget-tracker-root table td:before{content:attr(data-label);font-weight:600;color:#374151;padding-bottom:2px;flex:none;text-align:left}#budget-tracker-root input[type=text],#budget-tracker-root input[type=number]{width:100%;margin-top:4px}}
