*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#f8fafc;color:#1e293b;font-size:16px;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:600;color:#1e293b}.page-subtitle{font-size:.875rem;color:#64748b;margin-top:.25rem}button,.primary-btn,.submit-btn,.quick-action-btn{cursor:pointer;border:none;outline:none;border-radius:.5rem;font-weight:500;transition:all .25s ease}.primary-btn{background-color:#3b82f6;color:#fff;padding:.5rem 1rem}.primary-btn:hover{background-color:#2563eb}.submit-btn{background-color:#10b981;color:#fff;padding:.5rem 1rem}.submit-btn:hover{background-color:#059669}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background-color:#f1f5f9;padding:1rem;border-radius:.75rem}.quick-action-btn:hover{background-color:#e2e8f0}.delete-btn{background-color:#ef4444;color:#fff;padding:.25rem .5rem}.form-card,.table-card,.chart-card,.summary-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 4px #0000000f}.form-row{display:flex;gap:1rem}.label{font-size:.875rem;margin-bottom:.25rem;font-weight:500}.input,.select,.textarea{padding:.5rem;border-radius:.5rem;border:1px solid #cbd5e1;font-size:.875rem}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.helper-text{font-size:.75rem;color:#64748b;margin-top:.25rem}.summary-cards,.stats-grid,.charts-grid,.budget-cards{display:grid;gap:1rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.mini-card,.stat-card,.budget-card,.chart-card{padding:1rem;border-radius:.75rem;background-color:#fff;box-shadow:0 1px 4px #0000000f}.mini-card-label,.stat-label{font-size:.875rem;color:#64748b}.mini-card-value,.stat-value{font-size:1.25rem;font-weight:600}.negative{color:#ef4444}.primary{color:#3b82f6}.success{color:#10b981}.highlight{color:#8b5cf6}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.table-total{font-weight:600;background-color:#f1f5f9}.badge{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-danger{background-color:#fee2e2;color:#b91c1c}.badge-warning{background-color:#fef3c7;color:#b45309}.chart-title{font-weight:600;margin-bottom:1rem;font-size:1rem}.empty-chart{text-align:center;color:#64748b;padding:2rem 0}.profit-breakdown,.calculation-breakdown{display:flex;flex-direction:column;gap:.5rem}.profit-row,.calc-row{display:flex;justify-content:space-between;padding:.25rem 0}.profit-divider,.divider{border-top:1px solid #e2e8f0;padding-top:.5rem}.profit-total,.total{font-weight:600;font-size:1rem}@media(max-width:768px){.form-row{flex-direction:column}.summary-cards,.stats-grid,.charts-grid,.budget-cards{grid-template-columns:1fr}}.app{display:flex;width:100%;height:100vh}.main-content{flex:1;overflow-y:auto}.form-card,.table-card,.subscription-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;box-shadow:0 2px 6px #00000008;margin-bottom:2rem}.input,.select{padding:.7rem .9rem;border:1px solid #ddd;border-radius:8px;background:#fafafa;font-size:.95rem;transition:all .2s ease}.input:focus,.select:focus{border-color:#07f;background:#fff;outline:none;box-shadow:0 0 0 3px #0077ff1a}.primary-btn,.submit-btn{padding:.7rem 1.4rem;background:#07f;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.primary-btn:hover,.submit-btn:hover{background:#005fcc}.secondary-btn{padding:.5rem 1rem;background:#f3f4f6;color:#333;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;margin-right:.5rem}.secondary-btn:hover{background:#e2e8f0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-item{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 6px #00000005}.summary-label{font-size:.9rem;color:#666;margin-bottom:.3rem;display:block}.summary-value{font-size:1.3rem;font-weight:600;color:#222}.summary-value.highlight{color:#f59e0b}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.subscription-card{display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;padding:1rem;background:#fff;box-shadow:0 2px 6px #00000008;transition:transform .2s}.subscription-card.paused{opacity:.6}.subscription-card:hover{transform:translateY(-2px)}.subscription-header{display:flex;justify-content:space-between;margin-bottom:.8rem}.subscription-header h4{font-size:1rem;margin:0}.subscription-details{display:flex;flex-direction:column;gap:.5rem}.subscription-cost{font-weight:600}.cost-amount{margin-right:.2rem}.due-date{font-size:.85rem;color:#444}.due-date.overdue{color:#ef4444;font-weight:600}.due-date.due-soon{color:#f59e0b;font-weight:600}.days-until{font-style:italic;margin-left:.3rem;font-size:.8rem}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500}.paused-badge{background:#f3f4f6;color:#9ca3af}.empty-state-card,.empty-state{text-align:center;color:#777;padding:1.5rem 0;font-style:italic}@media(max-width:600px){.form-row{flex-direction:column}.page-title{font-size:1.5rem}.submit-btn,.primary-btn{width:100%}.summary-grid,.subscription-grid{grid-template-columns:1fr}}.nav{width:250px;min-height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;position:fixed;left:0;top:0;transition:all .3s ease;z-index:100;box-shadow:0 1px 3px #0000000a}.nav.collapsed{width:80px}.nav-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;position:relative}.nav-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.25rem;text-align:center}.nav-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.toggle-btn{border:none;background-color:transparent;color:#3b82f6;font-size:1.25rem;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:color .3s ease,background-color .3s ease}.toggle-btn:hover{background-color:#f3f4f6;color:#2563eb}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.nav-item{width:100%}.nav-button{width:100%;background:transparent;border:none;font-size:.95rem;color:#4b5563;display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:.65rem;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .15s ease}.nav-button:hover{background-color:#f9fafb;color:#111827;transform:translate(2px)}.nav-button.active{background-color:#111827;color:#fff;font-weight:500}.nav-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:inherit;transition:color .3s ease}.nav.collapsed .nav-title,.nav.collapsed .nav-subtitle{display:none}.nav.collapsed .nav-button{justify-content:center;padding:.75rem}.nav.collapsed .nav-button span:last-child{display:none}.main-content{margin-left:250px;transition:margin-left .3s ease;padding:2rem;min-height:100vh;background-color:#f9fafb}.main-content.collapsed{margin-left:80px}@media(max-width:768px){.nav{width:100%;height:auto;min-height:auto;flex-direction:row;align-items:center;padding:1rem;border-right:none;border-bottom:1px solid #e5e7eb;position:relative}.nav.collapsed{width:100%}.main-content,.main-content.collapsed{margin-left:0}.nav-list{flex-direction:row;justify-content:space-around;width:100%}.toggle-btn{position:absolute;right:1rem;top:1rem}.nav-header{margin-bottom:0}}.container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;color:#111827;background:#f9fafb}.page-title{font-size:1.8rem;font-weight:700;color:#1f2937}.page-subtitle{font-size:1rem;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000000a;padding:1.5rem;display:flex;align-items:center;border-top:4px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.stat-icon{font-size:2rem;margin-right:1rem}.stat-label{font-size:.95rem;color:#6b7280}.stat-value{font-size:1.4rem;font-weight:600}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem;margin-bottom:2.5rem}.chart-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 8px #0000000a}.chart-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.empty-chart{text-align:center;color:#9ca3af;padding:2rem 0;font-size:.95rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.quick-action-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;font-size:.9rem;font-weight:500;cursor:pointer;text-align:center;transition:all .2s ease}.quick-action-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px)}.quick-action-icon{display:block;font-size:1.5rem;margin-bottom:.3rem}.summary-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 8px #0000000a;margin-bottom:2.5rem}.profit-breakdown{display:flex;flex-direction:column;gap:.6rem}.profit-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#374151}.profit-divider{margin-top:.6rem;padding-top:.6rem;border-top:1px solid #e5e7eb}.profit-total{margin-top:.8rem;padding-top:.8rem;border-top:2px solid #d1d5db}.profit-amount{font-weight:600}.profit-amount.negative{color:#ef4444}.profit-amount.primary{color:#3b82f6}.profit-amount.success{color:#10b981}.profit-amount.highlight{color:#8b5cf6}.budget-overview{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 8px #0000000a;margin-bottom:2rem}.budget-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.budget-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.2rem;text-align:center;transition:background .2s ease}.budget-card:hover{background:#f3f4f6}.budget-card h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.budget-total{font-size:1.2rem;font-weight:600;color:#3b82f6}.budget-spent,.budget-remaining,.budget-label{font-size:.9rem;color:#6b7280}@media(max-width:768px){.charts-grid,.stats-grid{grid-template-columns:1fr}}.form-card,.table-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;box-shadow:0 2px 6px #00000008;margin-bottom:2rem}.form-title,.table-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1.2rem}.submit-btn{align-self:flex-start;padding:.7rem 1.4rem;background:#07f;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.submit-btn:hover{background:#005fcc}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.mini-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 6px #00000005}.mini-card.highlight{background:#f7fbff;border-color:#cce5ff}.mini-card-label{color:#666;font-size:.9rem;margin-bottom:.4rem}.mini-card-value{font-size:1.3rem;font-weight:600;color:#222}.mini-card-value.success{color:#07f}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid #eee}.table th{background:#f9fafb;font-weight:600;color:#555}.table td{color:#333}@media(max-width:600px){.form-row{flex-direction:column}.page-title{font-size:1.5rem}.submit-btn{width:100%}}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 6px #0000000a}.form-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#111827}.form-group{flex:1;min-width:240px;display:flex;flex-direction:column}.label{font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.35rem}.input,.select,.textarea{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background-color:#f9fafb;outline:none;transition:border .2s ease,background .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:#2563eb;background:#fff}.submit-btn{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:.7rem 1.2rem;font-weight:500;cursor:pointer;transition:background .2s ease;align-self:flex-start}.submit-btn:hover{background-color:#1d4ed8}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.mini-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.2rem;text-align:center;box-shadow:0 1px 4px #0000000a}.mini-card-value{font-size:1.2rem;font-weight:600;margin-top:.4rem}.mini-card-value.warning{color:#f59e0b}.mini-card.danger{background:#fef2f2;border-color:#fecaca}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;padding:1.5rem}.table-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#111827}.table th,.table td{padding:.8rem .75rem;border-bottom:1px solid #f3f4f6;text-align:left}.table th{background:#f9fafb;color:#374151;font-weight:500;font-size:.9rem}.table tr:hover td{background:#f9fafb}.badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-warning{background:#fef3c7;color:#b45309}.empty-state{text-align:center;color:#6b7280;font-size:.9rem;padding:1.5rem 0}.delete-btn{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s ease}@media(max-width:640px){.form-row{flex-direction:column}.table th,.table td{padding:.65rem}}.container{max-width:1100px;margin:2rem auto;padding:1rem;font-family:Inter,sans-serif;color:#1f2937}.tabs{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.tab{padding:.6rem 1.25rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;font-size:.95rem;color:#374151;transition:all .2s ease}.tab:hover{background:#f3f4f6}.tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 6px #0000000a}.form-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-group{flex:1;min-width:220px;display:flex;flex-direction:column}.label{font-size:.9rem;font-weight:500;margin-bottom:.35rem;color:#374151}.input,.select{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;background-color:#f9fafb;transition:border .2s ease,background .2s ease}.input:focus,.select:focus{border-color:#2563eb;background:#fff}.helper-text{font-size:.8rem;color:#6b7280;margin-top:.25rem}.primary-btn,.submit-btn{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:.65rem 1.2rem;font-weight:500;cursor:pointer;transition:background .2s ease}.secondary-btn{background-color:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s ease}.secondary-btn:hover{background-color:#e5e7eb}.delete-btn{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s ease}.delete-btn:hover{background-color:#dc2626}.small{padding:.3rem .7rem;font-size:.8rem}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.budget-stats{display:flex;justify-content:space-between;gap:.5rem;margin:.75rem 0}.budget-stat{flex:1;text-align:center}.budget-stat-label{font-size:.85rem;color:#6b7280}.budget-stat-value{font-weight:600;font-size:.95rem}.budget-stat-value.success{color:#10b981}.budget-stat-value.negative{color:#ef4444}.progress-bar{height:6px;background-color:#e5e7eb;border-radius:6px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;transition:width .3s ease}.progress-text{text-align:right;font-size:.8rem;color:#6b7280;margin-top:.3rem}.transactions-list{margin-top:1rem;border-top:1px solid #f3f4f6;padding-top:.75rem}.transaction-item{display:flex;flex-direction:column;margin-bottom:.4rem;font-size:.85rem}.transaction-date{color:#6b7280}.transaction-amount{font-weight:600}.transaction-desc{color:#4b5563;font-size:.85rem}.mini-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;text-align:center}.mini-card.highlight{background:#eff6ff;border-color:#93c5fd}.mini-card-label{font-size:.85rem;color:#6b7280}.mini-card-value{font-weight:600;font-size:1rem}.warning{color:#f59e0b}.badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.badge-info{background:#e0f2fe;color:#0369a1}.due-date{margin-top:.75rem;font-size:.85rem;color:#374151}.due-date.overdue{color:#ef4444}.due-date.due-soon{color:#f59e0b}.paused{opacity:.65}.status-badge.paused-badge{background:#f3f4f6;color:#6b7280;font-size:.8rem;border-radius:6px;padding:.2rem .5rem;margin-top:.5rem;display:inline-block}.empty-state-card{text-align:center;padding:2rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280}@media(max-width:640px){.form-row{flex-direction:column}}.container{max-width:1200px;margin:0 auto;padding:2rem;color:#1f2937;font-family:Inter,Poppins,sans-serif;background-color:#fafafa}.page-header{margin-bottom:2.5rem;text-align:center}.page-title{font-size:1.75rem;font-weight:600;color:#111827}.page-subtitle{font-size:.95rem;color:#6b7280;margin-top:.25rem}.primary-btn,.submit-btn{background-color:#2563eb;color:#fff;padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .25s ease}.primary-btn:hover,.submit-btn:hover{background-color:#1d4ed8}.delete-btn{background:none;color:#ef4444;border:1px solid #ef4444;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .25s ease}.delete-btn:hover{background-color:#ef4444;color:#fff}.form-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.form-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.info-text{font-size:.9rem;color:#6b7280;margin-bottom:1.25rem}.form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;flex-wrap:wrap;gap:1.25rem}.label{font-size:.85rem;color:#374151;margin-bottom:.4rem}.input{border:1px solid #d1d5db;border-radius:8px;padding:.55rem .75rem;font-size:.9rem;outline:none;transition:border-color .25s ease}.input:focus{border-color:#2563eb}.helper-text{font-size:.8rem;color:#6b7280;margin-top:.3rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:2rem}.mini-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;text-align:center}.mini-card-label{font-size:.85rem;color:#6b7280;margin-bottom:.25rem}.mini-card-value{font-size:1.2rem;font-weight:600}.mini-card-value.success{color:#10b981}.mini-card-value.negative{color:#ef4444}.mini-card.highlight{border-left:4px solid #10b981}.profit-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.profit-card{background-color:#fff;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:10px;padding:1rem 1.25rem;text-align:left;transition:transform .2s ease}.profit-card:hover{transform:translateY(-3px)}.profit-card-label{font-size:.9rem;color:#6b7280}.profit-card-value{font-size:1.15rem;font-weight:600;margin-top:.3rem}.summary-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin-bottom:2rem}.chart-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#111827}.calculation-breakdown{display:flex;flex-direction:column;gap:.6rem}.calc-row{display:flex;justify-content:space-between;font-size:.9rem}.calc-row.divider{border-top:1px dashed #d1d5db;padding-top:.6rem;margin-top:.5rem}.calc-value{font-weight:600}.calc-value.negative{color:#ef4444}.calc-value.success{color:#10b981}.calc-value.highlight{color:#3b82f6}.table-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin-bottom:2rem}.table th,.table td{padding:.75rem;border-bottom:1px solid #e5e7eb;text-align:left}.table th{font-weight:600;color:#374151}.empty-state{text-align:center;padding:1rem;color:#9ca3af;font-size:.9rem}.text-success{color:#10b981}.text-danger{color:#ef4444}@media(max-width:640px){.form-row{flex-direction:column}.profit-cards-grid,.summary-cards{grid-template-columns:1fr}}.container{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:Inter,sans-serif;color:#1f2937}.page-title{font-size:1.8rem;font-weight:700;color:#111827}.page-subtitle{color:#6b7280;font-size:.95rem}.report-controls{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.label{display:block;font-weight:600;margin-bottom:.3rem}.input{width:200px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.primary-btn{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;transition:.3s ease}.primary-btn:hover{background-color:#1e40af}.report-summary{margin-bottom:2rem;background:#f9fafb;padding:1.5rem;border-radius:10px;box-shadow:0 1px 3px #0000000d}.section-title{font-size:1.3rem;margin-bottom:1rem;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.summary-item{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014}.summary-label{font-weight:600;color:#4b5563}.summary-value{font-size:1.2rem;font-weight:700;margin-top:.5rem}.summary-value.success{color:#10b981}.summary-value.negative{color:#ef4444}.summary-value.primary{color:#3b82f6}.summary-value.highlight{color:#8b5cf6}.summary-change{font-size:.85rem;margin-top:.3rem;display:block;font-weight:600}.summary-change.positive{color:#10b981}.summary-change.negative{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:10px;padding:1.2rem;box-shadow:0 1px 4px #00000014}.chart-title{font-weight:600;margin-bottom:1rem;color:#111827}.empty-chart{text-align:center;color:#9ca3af;font-style:italic;padding:2rem 0}.table-card{background:#fff;border-radius:10px;padding:1rem;margin-bottom:2rem;box-shadow:0 1px 4px #0000000d}.table-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#111827}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background:#f3f4f6;font-weight:600;color:#374151}.table-total td{background:#f9fafb;font-weight:700}.empty-state{text-align:center;padding:1rem 0;color:#9ca3af;font-style:italic}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#e5e7eb;color:#111827}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.summary-card{background:#fff;padding:1.5rem;border-radius:10px;margin-top:2rem;box-shadow:0 1px 4px #00000014}.profit-analysis{margin-top:1rem}.analysis-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.analysis-row.divider{border-top:2px solid #e5e7eb;margin:.5rem 0}.analysis-row.total{background:#f9fafb;border-radius:6px;font-weight:700}.analysis-value{font-weight:600}.analysis-value.negative{color:#ef4444}.analysis-value.primary{color:#3b82f6}.analysis-value.success{color:#10b981}.analysis-value.highlight{color:#8b5cf6}.delete-btn{background:#fee2e2;border:none;padding:.4rem .8rem;border-radius:5px;color:#b91c1c;cursor:pointer;font-weight:600;transition:background .2s}.delete-btn:hover{background:#fecaca}@media(max-width:768px){.charts-grid,.summary-grid{grid-template-columns:1fr}.input{width:100%}.report-controls{flex-direction:column;align-items:stretch}}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;font-family:Inter,Poppins,sans-serif;color:#1f1f1f}.primary-btn,.secondary-btn{padding:.7rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease;font-weight:500}.primary-btn{background:#07f;color:#fff}.primary-btn:hover{background:#005fcc}.secondary-btn{background:#f3f4f6;color:#222}.secondary-btn:hover{background:#e5e7eb}.small{padding:.4rem .8rem;font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.form-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;box-shadow:0 2px 6px #00000008;margin-bottom:2rem}.form-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1.2rem}.asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}.empty-state-card{grid-column:1 / -1;text-align:center;background:#fff;border:1px dashed #ccc;border-radius:14px;padding:2rem;color:#777;font-style:italic}.asset-plan-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;box-shadow:0 2px 6px #00000008;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.asset-plan-card:hover{box-shadow:0 4px 10px #0000000d}.asset-header{display:flex;justify-content:space-between;align-items:center}.asset-header h4{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.badge{background:#eef6ff;color:#07f;font-size:.8rem;padding:.3rem .6rem;border-radius:8px}.badge-info{background:#e0f2fe;color:#0284c7}.asset-progress{display:flex;flex-direction:column;gap:.3rem}.progress-bar{height:8px;background:#f3f4f6;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .4s ease}.progress-text{font-size:.85rem;color:#555}.asset-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:.8rem 0}.asset-stat{display:flex;flex-direction:column;align-items:center;flex:1}.asset-stat-label{font-size:.85rem;color:#666}.asset-stat-value{font-weight:600;font-size:1rem;color:#333}.asset-stat-value.success{color:#10b981}.asset-stat-value.warning{color:#f59e0b}.asset-details p{font-size:.9rem;color:#444;margin-bottom:.3rem}.asset-details strong{color:#222}.asset-contribution{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.input.small{flex:1;min-width:130px;padding:.5rem .8rem;font-size:.85rem}.contributions-list{margin-top:1rem;background:#f9fafb;border-radius:10px;padding:.8rem}.contributions-list h5{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.contribution-item{display:flex;justify-content:space-between;font-size:.85rem;padding:.4rem 0;border-bottom:1px solid #eee}.contribution-item:last-child{border-bottom:none}.contribution-date{color:#555}.contribution-amount{font-weight:600;color:#07f}@media(max-width:600px){.form-row{flex-direction:column}.asset-stat{flex:1 1 45%}.asset-header h4{font-size:1rem}.primary-btn,.secondary-btn{width:100%}}.container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;font-family:Inter,Poppins,sans-serif;color:#1f1f1f}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:1.8rem;font-weight:600;color:#222;margin-bottom:.3rem}.page-subtitle{color:#666;font-size:.95rem}.form-card,.client-card,.log-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;box-shadow:0 2px 6px #00000008;margin-bottom:2rem}.form-title,.client-title,.log-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1.2rem}.form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-group{flex:1;display:flex;flex-direction:column}.label{font-weight:500;color:#444;margin-bottom:.4rem;font-size:.9rem}.input,.select,.textarea{padding:.7rem .9rem;border:1px solid #ddd;border-radius:8px;background:#fafafa;font-size:.95rem;transition:all .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:#07f;background:#fff;outline:none;box-shadow:0 0 0 3px #0077ff1a}.submit-btn,.save-btn,.edit-btn{align-self:flex-start;padding:.6rem 1.2rem;background:#07f;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.submit-btn:hover,.save-btn:hover,.edit-btn:hover{background:#005fcc}.delete-btn{background:#fff;color:#d33;border:1px solid #f0bcbc;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#ffe6e6}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.client-card{position:relative}.client-name{font-size:1.2rem;font-weight:600;color:#222;margin-bottom:.3rem}.client-category{font-size:.9rem;color:#777;margin-bottom:.8rem}.client-budget{font-size:1.1rem;font-weight:600;color:#07f;margin-bottom:1rem}.edit-budget-input{width:100%;padding:.6rem;border-radius:8px;border:1px solid #ccc;margin-bottom:.6rem;background:#fafafa}.client-actions{display:flex;gap:.6rem;margin-top:.8rem}.log-card{padding:1.2rem 1.5rem}.log-entry{border-left:3px solid #0077ff;padding-left:1rem;margin-bottom:1rem}.log-entry:last-child{margin-bottom:0}.log-entry p{margin:.2rem 0;color:#333}.log-date{font-size:.85rem;color:#777}.empty-state{text-align:center;color:#777;padding:1.5rem 0;font-style:italic}@media(max-width:600px){.form-row{flex-direction:column}.page-title{font-size:1.5rem}.submit-btn,.save-btn{width:100%}}