@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.dashboard{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,3vw,2rem)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.onboarding-card{margin-bottom:2rem;background:linear-gradient(135deg,#ebf4ff,#e0f2fe)!important;border:2px solid var(--primary-color)!important;box-shadow:0 4px 12px #0000001a!important}.onboarding-content{display:flex;gap:1.5rem;align-items:flex-start}.onboarding-icon{flex-shrink:0;width:64px;height:64px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.onboarding-icon i{font-size:2rem;color:#fff}.onboarding-text h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.onboarding-text p{margin:0 0 1rem;font-size:1.05rem;line-height:1.6;color:var(--text-color)}.onboarding-steps{margin:1rem 0 0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.onboarding-steps li{font-size:1rem;line-height:1.6;color:var(--text-color-secondary)}.onboarding-steps li strong{color:var(--text-color);font-weight:600}.step-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;transition:color .2s ease}.step-link:hover{color:var(--primary-color)}.step-link:hover strong{text-decoration:underline}.philosophy-card{margin-bottom:2rem;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:2px solid #F59E0B!important;box-shadow:0 4px 12px #0000001a!important}.philosophy-content{display:flex;gap:1.5rem;align-items:flex-start}.philosophy-icon{flex-shrink:0;width:56px;height:56px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b4d}.philosophy-icon i{font-size:1.75rem;color:#fff}.philosophy-text p{margin:0;font-size:1.05rem;line-height:1.7;color:var(--text-color)}.philosophy-text strong{color:#92400e}.dashboard-title h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-color)}.dashboard-subtitle{margin:.5rem 0 0;font-size:1rem;color:var(--text-color-secondary)}.dashboard-actions{display:flex;gap:.5rem}.dashboard-pyramid-container{display:flex;justify-content:center;align-items:center;min-height:600px;margin:2rem 0;padding:2rem;background:var(--surface-card);border-radius:var(--border-radius);box-shadow:var(--shadow-md);width:100%}.pyramid-loading{display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--primary-color)}.dashboard-pyramid-container .pyramid-visualization{width:100%;max-width:100%}.dashboard-cta{display:flex;justify-content:center;margin:2rem 0 3rem}.financial-summary-card{margin:2rem 0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.summary-breakdown{display:flex;flex-direction:column;gap:.75rem}.summary-breakdown h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;gap:1rem}.breakdown-item span:first-child{color:var(--text-color-secondary)}.breakdown-item span:last-child{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.breakdown-item .income{color:#10b981}.breakdown-item .expense{color:#ef4444}.breakdown-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;padding-top:.5rem;margin-top:.5rem}.breakdown-total span.large{font-size:1.25rem}.summary-card{text-align:center}.summary-stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-color)}.stat-value.negative{color:#ef4444}.stat-value.positive{color:#10b981}.dashboard-targets{margin:2rem 0}.dashboard-targets h3{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-color)}.targets-list{display:flex;flex-direction:column;gap:1rem}.target-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--surface-border)}.target-item:last-child{border-bottom:none}.target-label{display:flex;align-items:center;gap:.75rem;font-weight:500}.target-value{display:flex;align-items:center;gap:1rem}.target-value .percentage{font-weight:700;font-size:1.125rem;color:var(--primary-color);min-width:50px;text-align:right}.target-value .amount{font-size:.875rem;color:var(--text-color-secondary);min-width:80px;text-align:right}.dashboard-hint{text-align:center;margin-top:2rem;padding:1rem;background:var(--surface-50);border-radius:var(--border-radius);color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.dashboard-hint i{font-size:1.25rem;color:var(--primary-color)}.dashboard-hint p{margin:0;font-size:.875rem}@media print{.dashboard{padding:0}.dashboard-header{margin-bottom:1rem}.dashboard-actions,.dashboard-cta,.dashboard-hint,.no-print{display:none!important}.dashboard-pyramid-container{page-break-inside:avoid;box-shadow:none;min-height:auto}.dashboard-targets,.summary-grid{page-break-inside:avoid}}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.onboarding-content{flex-direction:column;align-items:center;text-align:center}.onboarding-text{width:100%}.onboarding-steps{text-align:left}.philosophy-content{flex-direction:column;align-items:center;text-align:center}.philosophy-text{width:100%}.dashboard-pyramid-container{min-height:500px;padding:1rem}.dashboard-pyramid-container .pyramid-visualization{transform:scale(1)}.summary-grid{grid-template-columns:1fr}.target-value{flex-direction:column;align-items:flex-end;gap:.25rem}.dashboard-hint{flex-direction:column;text-align:center}}.summary-categories{padding:1.5rem 0}.summary-categories h3{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-color)}.categories-breakdown{display:flex;flex-direction:column;gap:1rem}.category-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:var(--surface-50);border-radius:10px;border:1px solid var(--surface-border);transition:all .2s ease}.category-breakdown-item:hover{background:var(--surface-100);transform:translate(4px)}.category-info{display:flex;align-items:center;gap:1rem}.level-color-bar{width:4px;height:32px;border-radius:2px}.category-label{font-weight:600;font-size:1rem;color:var(--text-color)}.category-amounts{display:flex;align-items:center;gap:1.5rem}.category-amount{font-weight:700;font-size:1.1rem;color:var(--text-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category-percentage{font-weight:600;font-size:clamp(.8rem,2vw,.95rem);color:var(--text-color-secondary);background:var(--surface-200);padding:.25rem .75rem;border-radius:12px;min-width:55px;text-align:center}.monthly-budget{max-width:1600px;margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);position:relative;box-sizing:border-box}.monthly-budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;padding:1rem clamp(.5rem,2vw,1rem)}.monthly-budget-header .header-title-section{flex:1}.monthly-budget-header .header-title-section h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.monthly-budget-header .header-title-section .subtitle{font-size:1.1rem;color:var(--text-color-secondary)}.monthly-budget-header .header-actions{display:flex;gap:.75rem;align-items:center}.saving-indicator{position:fixed;top:20px;right:20px;background:var(--surface-card);padding:.75rem 1.5rem;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:500;z-index:1000}.save-banner{position:sticky;top:0;z-index:999;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.65rem 1rem;margin:-1rem -1rem 1.5rem;box-shadow:0 2px 8px #0000001a}.save-banner-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.save-banner-content i{font-size:1.25rem}.save-banner-content span{flex:1;min-width:200px;font-weight:500}.save-banner-content button{background:#fff!important;color:#2563eb!important;border:none!important;font-weight:600!important;padding:.375rem .875rem!important;font-size:.8rem!important;border-radius:6px!important}.save-banner-content button:hover{background:#fffffff2!important;transform:translateY(-1px);box-shadow:0 2px 8px #00000026!important}.planner-container{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%;align-items:start}.planner-left{display:flex;flex-direction:column;gap:2rem;min-width:0;order:1}.planner-right{position:sticky;top:1rem;min-width:0;order:1;align-self:flex-start}.income-section{background:var(--surface-card);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-md)}.income-section h2{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.income-section h3{font-size:1.25rem;font-weight:700;color:var(--text-color)}.start-here-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;animation:gentle-pulse 2s ease-in-out infinite;box-shadow:0 2px 8px #3b82f64d}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.income-helper-text{margin:0 0 .75rem;padding:.65rem .85rem;background:#3b82f614;border-left:3px solid var(--primary-color);border-radius:6px;font-size:.875rem;color:var(--text-color-secondary);line-height:1.5}.income-input{width:100%}.income-input .p-inputnumber-input{font-size:1.5rem;font-weight:700;text-align:left}.income-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.income-item{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;min-width:0;width:100%}.income-name{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.income-amount{width:150px;min-width:150px;max-width:150px;flex-shrink:0;box-sizing:border-box}.income-amount .p-inputnumber{width:100%;max-width:100%}.income-amount .p-inputnumber-input{width:100%;max-width:100%;box-sizing:border-box}.add-income-btn{margin-bottom:1rem}.income-total{padding:.75rem;background:var(--green-50);border-radius:8px;margin-bottom:1rem;text-align:center;color:var(--green-700);font-size:1.1rem}@media (max-width: 768px){.income-item{grid-template-columns:1fr;gap:.5rem}.income-amount{width:100%;min-width:100%;max-width:100%}}.allocation-status{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.875rem;font-weight:600}.status-over{background:#fef2f2;color:var(--red-600);border-left:4px solid var(--red-600)}.status-remaining{background:#eff6ff;color:var(--blue-600);border-left:4px solid var(--blue-600)}.status-perfect{background:#f0fdf4;color:var(--green-600);border-left:4px solid var(--green-600)}.expense-categories-card{border-top:4px solid var(--blue-600)}.expense-categories{display:flex;flex-direction:column;gap:1rem}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.categories-header h2{font-size:1.25rem;font-weight:700;color:var(--text-color)}.expense-panel{box-shadow:var(--shadow-sm);width:100%;min-width:0;overflow:hidden}.expense-panel .p-panel-content{width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.panel-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:1rem;gap:.75rem}.panel-header i{font-size:1.1rem}.level-total{font-weight:700;color:var(--text-color);background:var(--surface-100);padding:.25rem .75rem;border-radius:6px}.expense-items{display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:0;overflow:hidden}.expense-item{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;min-width:0;width:100%}.expense-name{padding:.5rem;border:1px solid var(--surface-border);border-radius:6px;font-size:.875rem;transition:border-color .2s;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.expense-name:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.expense-amount{width:110px;min-width:110px;max-width:110px;flex-shrink:0;box-sizing:border-box}.expense-amount .p-inputnumber{width:100%;max-width:100%}.expense-amount .p-inputnumber-input{width:100%;max-width:100%;box-sizing:border-box}.add-item-btn{margin-top:.5rem}.monthly-summary-card{margin-top:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--surface-border);border-radius:16px;overflow:hidden}.monthly-summary-card .p-card-body,.monthly-summary-card .p-card-content{padding:0}.summary-subtitle{margin:0;font-size:1rem;opacity:.95;color:#ffffffe6}.stat-value.expense{color:var(--red-600)}.level-color-dot{width:12px;height:12px;border-radius:50%}@media (min-width: 1200px){.planner-container{grid-template-columns:minmax(0,1fr) minmax(0,650px);gap:2rem}.planner-left{order:0}.summary-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.budget-planner{padding:0 .5rem}.planner-container,.planner-left{gap:1rem}.income-section,.percentage-controls{padding:1rem}.expense-item{grid-template-columns:1fr;gap:.75rem;width:100%}.expense-amount{width:100%;min-width:100%;max-width:100%}.expense-name{width:100%;max-width:100%;min-width:0}.p-panel .p-panel-header,.p-panel .p-panel-content{padding:.75rem 1rem}.summary-header{padding:1.5rem 1rem}.summary-header h2{font-size:1.5rem}.summary-subtitle{font-size:.9rem}.summary-stats-row{grid-template-columns:1fr}.summary-stat{padding:1.5rem 1rem;border-right:none;border-bottom:1px solid var(--surface-border)}.summary-stat:last-child{border-bottom:none}.stat-value{font-size:1.75rem}.summary-categories{padding:1.5rem 1rem}.category-breakdown-item{padding:.875rem 1rem}.category-amounts{gap:1rem}.category-amount{font-size:1rem}.MuiTextField-root{width:100%}.MuiInputBase-root{font-size:16px!important;min-height:48px!important;padding:12px 14px!important}.MuiInputBase-input{font-size:16px!important;padding:0!important;height:auto!important}.MuiInputBase-input::-moz-placeholder{font-size:16px!important}.MuiInputBase-input::placeholder{font-size:16px!important}.income-item{grid-template-columns:1fr!important;gap:.75rem!important}.income-amount{width:100%!important;min-width:100%!important;max-width:100%!important}.expense-item{padding:.5rem 0}.MuiIconButton-root{min-width:48px!important;min-height:48px!important;padding:12px!important}.space-y-3>*+*{margin-top:.875rem}.amount-input .MuiInputBase-root,.flex.items-center.gap-2 .MuiTextField-root.amount-input .MuiInputBase-root{font-size:15px!important;min-height:44px!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important}.amount-input .MuiInputBase-root:focus-within,.flex.items-center.gap-2 .MuiTextField-root.amount-input .MuiInputBase-root:focus-within{border-color:var(--primary-color)!important}}@media (max-width: 480px){.income-section h2,.categories-header h2{font-size:1.1rem}.income-input .p-inputnumber-input{font-size:1.25rem}.MuiInputBase-root{min-height:52px!important;padding:14px 16px!important}.MuiInputBase-input{font-size:18px!important}.MuiIconButton-root{min-width:52px!important;min-height:52px!important}}@keyframes highlight-flash{0%,to{background-color:transparent}50%{background-color:#3b82f626}}.highlight-flash{animation:highlight-flash 2s ease-in-out}.monthly-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.monthly-breakdown-grid-empty{padding:2rem;text-align:center;color:var(--text-color-secondary)}.monthly-breakdown-card{background:#fff;border:1px solid var(--surface-border);border-radius:8px;padding:1rem;transition:all .2s}.monthly-breakdown-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.monthly-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--surface-border);gap:.5rem}.monthly-breakdown-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color);flex:1}.add-item-button{opacity:.6;transition:opacity .2s}.monthly-breakdown-card:hover .add-item-button{opacity:1}.monthly-breakdown-stats{margin-bottom:.75rem}.monthly-breakdown-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.monthly-breakdown-label{font-size:.85rem;color:var(--text-color-secondary)}.monthly-breakdown-value{font-weight:600;font-size:.95rem}.monthly-breakdown-value.income{color:var(--green-600)}.monthly-breakdown-value.expense{color:var(--red-600)}.monthly-breakdown-value.positive{color:var(--green-700)}.monthly-breakdown-value.negative{color:var(--orange-600)}.monthly-breakdown-events{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--surface-border)}.monthly-breakdown-event{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;background:var(--surface-50);border-radius:4px;font-size:.85rem}.monthly-breakdown-event:last-child{margin-bottom:0}.monthly-breakdown-event.income{border-left:3px solid var(--green-600)}.monthly-breakdown-event.expense{border-left:3px solid var(--red-600)}.monthly-breakdown-event i{font-size:.9rem}.monthly-breakdown-event.income i{color:var(--green-600)}.monthly-breakdown-event.expense i{color:var(--red-600)}@media (max-width: 768px){.monthly-breakdown-grid{grid-template-columns:1fr}}.periodic-budget{max-width:1600px;margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);box-sizing:border-box;position:relative}.periodic-budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;padding:1rem clamp(.5rem,2vw,1rem)}.periodic-budget-header .header-title-section{flex:1}.periodic-budget-header .header-title-section h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.periodic-budget-header .header-title-section .subtitle{font-size:1.1rem;color:var(--text-color-secondary)}.periodic-budget-header .header-actions{display:flex;gap:.75rem;align-items:center}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:3rem;height:3rem;border-radius:50%;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.scroll-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}@media (max-width: 768px){.scroll-to-top{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}}.periodic-header{text-align:center;margin-bottom:2rem}.periodic-header h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--text-color);margin-bottom:.5rem}.subtitle{font-size:clamp(.875rem,2.5vw,1rem);color:var(--text-color-secondary)}.periodic-container{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%;align-items:start}.periodic-left{display:flex;flex-direction:column;gap:1.5rem;min-width:0;order:1}.periodic-right{position:sticky;top:1rem;min-width:0;order:1;align-self:flex-start}.summary-card,.periodic-card,.periodic-summary-card{box-shadow:var(--shadow-md)}.card-description{font-size:.875rem;color:var(--text-color-secondary);margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem}.summary-row.highlight{font-weight:600;padding:.75rem 0}.summary-row.total{font-size:1.1rem;font-weight:700}.summary-row .label{color:var(--text-color)}.summary-row .value{font-weight:600}.value.income{color:var(--maslow-physiological)}.value.expense{color:#64748b}.value.positive{color:var(--maslow-physiological)}.value.negative{color:var(--maslow-esteem)}.value.large{font-size:1.2rem}.periodic-items-section{margin-bottom:1rem}.periodic-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.periodic-item{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center}.periodic-item.placeholder-item{opacity:.5;font-style:italic;background-color:#00000005}.periodic-item.placeholder-item .item-name,.periodic-item.placeholder-item .item-amount{color:var(--text-color-secondary)}.item-name{padding:.5rem;border:1px solid var(--surface-border);border-radius:6px;font-size:.875rem}.item-name:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.item-amount,.item-month{min-width:120px}.add-btn{margin-top:.5rem}.section-total{margin-top:1rem;padding:.75rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700}.section-total.income{background:#f0fdf4;color:var(--green-600);border-left:4px solid var(--green-600)}.section-total.expense{background:#f1f5f9;color:#475569;border-left:4px solid #64748b}.periodic-summary-card{margin-top:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--surface-border);border-radius:16px;overflow:hidden}.periodic-summary-card .p-card-body,.periodic-summary-card .p-card-content{padding:0}.summary-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-600));color:#fff;padding:2rem;text-align:center}.summary-header h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff}.summary-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-bottom:1px solid var(--surface-border)}.summary-stat{padding:2rem 1.5rem;text-align:center;border-right:1px solid var(--surface-border);background:var(--surface-card);transition:background .2s}.summary-stat:last-child{border-right:none}.summary-stat:hover{background:var(--surface-50)}.stat-label{font-size:.875rem;font-weight:500;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value.expense{color:var(--blue-600)}.stat-value.deficit{color:var(--red-600)}.stat-description{font-size:.813rem;color:var(--text-color-secondary);font-style:italic;margin-top:.25rem}.monthly-equivalents{margin-top:1.5rem}.monthly-equivalents h4{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--surface-0)}.equivalent-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;opacity:.95}.equivalent-item.highlight{font-weight:700;font-size:1rem;opacity:1}@media (min-width: 1200px){.periodic-container{grid-template-columns:minmax(0,1fr) minmax(0,650px);gap:2rem}.periodic-left{order:0}.summary-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.periodic-budget{padding:0 .5rem}.periodic-container,.periodic-left{gap:1rem}.periodic-item{grid-template-columns:1fr;gap:.5rem}.item-amount,.item-month{min-width:100%;width:100%}.item-name,.MuiTextField-root{width:100%}.MuiInputBase-root{font-size:16px!important;min-height:48px!important;padding:12px 14px!important}.MuiInputBase-input{font-size:16px!important;padding:0!important;height:auto!important}.MuiInputBase-input::-moz-placeholder{font-size:16px!important}.MuiInputBase-input::placeholder{font-size:16px!important}.MuiSelect-root{font-size:16px!important;min-height:48px!important;padding:12px 14px!important}.MuiIconButton-root{min-width:48px!important;min-height:48px!important;padding:12px!important}.space-y-2>*+*{margin-top:.75rem}.amount-input .MuiInputBase-root{font-size:15px!important;min-height:44px!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important}.amount-input .MuiInputBase-root:focus-within{border-color:var(--primary-color)!important}.summary-header{padding:1.5rem 1rem}.summary-header h2{font-size:1.5rem}.summary-subtitle{font-size:.9rem}.summary-stats-row{grid-template-columns:1fr}.summary-stat{padding:1.5rem 1rem;border-right:none;border-bottom:1px solid var(--surface-border)}.summary-stat:last-child{border-bottom:none}.stat-value{font-size:1.75rem}.summary-categories{padding:1.5rem 1rem}.category-breakdown-item{padding:.875rem 1rem}.category-amounts{gap:1rem}.category-amount{font-size:1rem}}@media (max-width: 480px){.MuiInputBase-root{min-height:52px!important;padding:14px 16px!important}.MuiInputBase-input{font-size:18px!important}.MuiSelect-root{font-size:18px!important;min-height:52px!important}.MuiIconButton-root{min-width:52px!important;min-height:52px!important}}.maslow-panels{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.maslow-panel{border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-ground);box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.maslow-panel:hover{box-shadow:0 2px 8px #0000001a}.maslow-panel-header{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.maslow-panel-header i{font-size:1.1rem}.maslow-panel-header .level-total{margin-left:auto;font-weight:600;font-size:.9rem;color:var(--text-color-secondary)}.maslow-items{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.no-items-message{text-align:center;color:var(--text-color-secondary);font-size:.85rem;font-style:italic;padding:.5rem;margin:0}.add-item-btn{margin-top:.5rem;width:100%}.periodic-item{display:grid;grid-template-columns:1.5fr 1fr auto;gap:.5rem;align-items:center;padding:.5rem;border-radius:6px;background:var(--surface-card);transition:background .2s ease}.periodic-item:hover{background:var(--surface-hover)}.periodic-item.reduction-item{background:#fff7ed;border-left:3px solid #f59e0b}.item-dropdown-with-delete{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.item-maslow{min-width:140px;flex:1}.item-delete-btn{flex-shrink:0}.reduction-section{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px dashed #f59e0b}.reduction-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:#92400e;margin-bottom:.5rem}.reduction-header i{font-size:1.1rem;color:#f59e0b}.reduction-header .reduction-total{margin-left:auto;font-weight:700;color:#b45309}.reduction-description{font-size:.95rem;color:#78350f;margin-bottom:.75rem;font-style:italic;line-height:1.5}.reduction-items{display:flex;flex-direction:column;gap:.5rem}.reduction-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fde68a;color:#92400e;border:1px solid #f59e0b;border-radius:50%;font-size:.7rem;transition:all .2s ease}.reduction-badge:hover{background:#fcd34d;transform:scale(1.1)}.reduction-badge i{font-size:.75rem}.add-reduction-btn{margin-top:.75rem;width:100%;color:#b45309;border-color:#f59e0b}.add-reduction-btn:hover{background:#fef3c7;border-color:#d97706}.income-card{border-top:4px solid var(--green-600)}.expense-card{border-top:4px solid var(--blue-600)}.section-total{margin-top:1.5rem;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.section-total.income{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:var(--green-700);border:2px solid var(--green-300)}.section-total.expense{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:2px solid #cbd5e1}@media (max-width: 768px){.maslow-panel-header{font-size:.85rem}.maslow-panel-header i{font-size:1rem}.periodic-item{grid-template-columns:1fr}.item-dropdown-with-delete{width:100%}.item-maslow{min-width:0;flex:1}}@media (max-width: 480px){.periodic-header{margin-bottom:1rem}.card-description{font-size:.8rem}.periodic-card,.periodic-summary-card{font-size:.9rem}.net-amount{font-size:1.75rem}.maslow-panels{gap:.5rem}.reduction-section{padding:.75rem}}.long-term-event-dialog .event-form{padding:.5rem 0}.long-term-event-dialog .form-section{margin-bottom:1.5rem}.long-term-event-dialog .form-section:last-child{margin-bottom:0}.long-term-event-dialog .form-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--primary-color)}.long-term-event-dialog .field{margin-bottom:1.25rem}.long-term-event-dialog .field:last-child{margin-bottom:0}.long-term-event-dialog .field label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.9rem}.long-term-event-dialog .field small{display:block;margin-top:.4rem;color:var(--text-color-secondary);font-size:.8rem;line-height:1.4}.long-term-event-dialog .field .w-full,.long-term-event-dialog .field .p-inputnumber,.long-term-event-dialog .field .p-dropdown,.long-term-event-dialog .field .p-inputtext{width:100%}.long-term-event-dialog .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.long-term-event-dialog .type-radios{display:flex;gap:2rem;padding:.5rem 0}.long-term-event-dialog .radio-option{display:flex;align-items:center;gap:.5rem}.long-term-event-dialog .radio-option label{margin:0;cursor:pointer}@media (max-width: 768px){.long-term-event-dialog{width:95vw!important;max-width:95vw!important}.long-term-event-dialog .field-row{grid-template-columns:1fr}}.lifetime-planning{max-width:1600px;margin:0 auto;padding:2rem}.lifetime-planning-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.lifetime-planning-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:.75rem}.lifetime-planning-header .subtitle{margin:0;color:var(--text-color-secondary);font-size:1rem}.milestones-card{margin-bottom:2rem}.milestones-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.milestone-item{text-align:center;padding:1rem;background:var(--surface-50);border-radius:8px;border:1px solid var(--surface-border)}.milestone-label{font-size:.85rem;color:var(--text-color-secondary);margin-bottom:.5rem}.milestone-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.milestone-value.success{color:var(--green-600)}.milestone-value.warning{color:var(--orange-600)}.assumptions-summary h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.assumptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.assumption-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface-100);border-radius:6px;font-size:.9rem}.assumption-item i{color:var(--primary-color)}.edit-settings-btn{margin-top:1rem}.multi-year-view{margin-bottom:2rem}.year-navigation-bar{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--surface-50);border-radius:12px;flex-wrap:wrap}.nav-controls-left,.nav-controls-right{display:flex;align-items:center;flex-shrink:0}.year-selector-scroll{display:flex;align-items:center;overflow:hidden;gap:.5rem;flex:1;min-width:0;padding:.5rem;justify-content:center}.year-selector-item{padding:.5rem 1rem;min-width:70px;text-align:center;cursor:pointer;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s;flex-shrink:0;border:2px solid transparent;background:var(--surface-0);color:var(--text-color-secondary)}.year-selector-item:hover{background:var(--surface-100);color:var(--text-color)}.year-selector-item.visible{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-200)}.year-selector-item.current{background:var(--primary-color);color:#fff;font-weight:700;border-color:var(--primary-color);box-shadow:0 2px 8px #3b82f64d}.view-controls-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.years-visible-control{display:flex;align-items:center;gap:.5rem}.years-visible-control label{font-weight:600;color:var(--text-color);font-size:.875rem}.years-visible-dropdown{min-width:120px}.years-grid-container{overflow:hidden;padding:.5rem 0;display:flex;justify-content:center}.year-group-card{background:#fff;border:1px solid var(--surface-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.year-group-card:hover{box-shadow:0 4px 12px #0000001a}.year-group-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--surface-100);cursor:pointer;transition:background .2s;gap:1rem}.year-group-header:hover{background:var(--surface-200)}.group-title{display:flex;align-items:center;gap:.75rem;flex:1}.group-title strong{font-size:1.25rem;color:var(--text-color)}.group-subtitle{font-size:.85rem;color:var(--text-color-secondary);display:block;margin-top:.25rem}.group-summary{display:flex;gap:1.5rem;align-items:center;font-size:.95rem;font-weight:600}.summary-stat{display:flex;align-items:center;gap:.5rem}.summary-stat.income{color:var(--green-600)}.summary-stat.expense{color:var(--red-600)}.summary-stat.net.positive{color:var(--green-700)}.summary-stat.net.negative{color:var(--orange-600)}.years-grid{display:flex;gap:1.25rem;padding:1.5rem;background:var(--surface-0);min-width:-moz-fit-content;min-width:fit-content}.year-cell{background:var(--surface-50);border:2px solid var(--surface-border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;min-width:280px}.year-cell:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.year-cell.current-year{border-color:var(--primary-color);background:var(--blue-50);box-shadow:0 4px 12px #3b82f633}.year-cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.current-indicator{background:var(--primary-color);color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.year-cell-header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.event-badge{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.event-badge-small{background:var(--primary-color);color:#fff;padding:.15rem .4rem;border-radius:10px;font-size:.7rem;font-weight:600}.year-cell-stats{margin-bottom:.75rem}.cell-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--surface-border)}.cell-stat:last-child{border-bottom:none}.cell-label{font-size:.85rem;color:var(--text-color-secondary)}.cell-value{font-weight:600;font-size:.95rem}.cell-value.income{color:var(--green-600)}.cell-value.expense{color:var(--red-600)}.cell-value.positive{color:var(--green-700)}.cell-value.negative{color:var(--orange-600)}.year-cell-debt{font-size:.85rem;color:var(--text-color-secondary);margin-bottom:.75rem;padding-top:.75rem;border-top:1px dashed var(--surface-border)}.year-cell-action{display:flex;justify-content:center;padding-top:.75rem;border-top:1px solid var(--surface-border)}.year-detail-view{margin-bottom:2rem}.year-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:var(--surface-50);border-radius:12px}.year-title{text-align:center;flex:1}.year-title h2{margin:0 0 .25rem;font-size:2.5rem;font-weight:700;color:var(--primary-color)}.year-subtitle{margin:0;color:var(--text-color-secondary);font-size:1rem}.nav-button{width:3rem;height:3rem}.year-summary-card{background:#fff;border:2px solid var(--primary-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-item{text-align:center}.summary-label{font-size:.85rem;color:var(--text-color-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.75rem;font-weight:700}.summary-value.positive{color:var(--green-700)}.summary-value.negative{color:var(--orange-600)}.summary-value.debt{color:var(--purple-600)}.months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.month-card{background:#fff;border:1px solid var(--surface-border);border-radius:8px;padding:1rem;transition:all .2s}.month-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--surface-border)}.month-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color)}.month-stats{margin-bottom:.75rem}.month-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.month-label{font-size:.85rem;color:var(--text-color-secondary)}.month-value{font-weight:600;font-size:.95rem}.month-value.income{color:var(--green-600)}.month-value.expense{color:var(--red-600)}.month-value.positive{color:var(--green-700)}.month-value.negative{color:var(--orange-600)}.month-events{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--surface-border)}.month-event{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;background:var(--surface-50);border-radius:4px;font-size:.85rem}.month-event:last-child{margin-bottom:0}.month-event.income{border-left:3px solid var(--green-600)}.month-event.expense{border-left:3px solid var(--red-600)}.month-event i{font-size:.9rem}.month-event.income i{color:var(--green-600)}.month-event.expense i{color:var(--red-600)}.year-events-card{margin-bottom:2rem}.year-events-card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--surface-50);border-radius:6px;font-size:.9rem}.event-info{display:flex;align-items:center;gap:.5rem;flex:1}.event-actions{display:flex;gap:.25rem;opacity:.7;transition:opacity .2s}.event-item:hover .event-actions{opacity:1}.event-item.income{border-left:3px solid var(--green-600)}.event-item.expense{border-left:3px solid var(--red-600)}.event-item i{font-size:.9rem}.event-item.income i{color:var(--green-600)}.event-item.expense i{color:var(--red-600)}.year-view-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.info-footer{margin-top:2rem;background:var(--blue-50);border:1px solid var(--blue-200)}.info-content i{color:var(--blue-600);font-size:1.5rem;margin-top:.25rem}.info-content strong{display:block;margin-bottom:.5rem;color:var(--blue-800)}.info-content p{margin:0;color:var(--blue-700);line-height:1.6}@media (max-width: 768px){.lifetime-planning{padding:1rem}.lifetime-planning-header{flex-direction:column;align-items:stretch}.header-actions{width:100%;justify-content:stretch}.header-actions button{flex:1}.view-controls{flex-direction:column;align-items:stretch}.group-summary{flex-direction:column;gap:.5rem;align-items:flex-start}.years-grid,.months-grid{grid-template-columns:1fr}.year-view-header{flex-direction:column;gap:1rem}.year-title h2{font-size:2rem}.summary-grid,.milestones-grid,.assumptions-grid{grid-template-columns:1fr}}.monthly-breakdown-table-wrapper{width:100%;background:var(--surface-card);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.monthly-breakdown-table{font-size:.9rem}.monthly-breakdown-table .p-datatable-thead>tr>th{background:var(--surface-100);color:var(--text-color);font-weight:700;padding:1rem .75rem;border-bottom:2px solid var(--surface-300);text-align:right}.monthly-breakdown-table .category-column .p-column-header-content{justify-content:flex-start;text-align:left}.monthly-breakdown-table .p-datatable-tbody>tr>td{padding:.75rem;text-align:right;border-bottom:1px solid var(--surface-200)}.monthly-breakdown-table .category-column{text-align:left!important}.monthly-breakdown-table .category-column .p-column-title{text-align:left}.row-type-section-header td{background:var(--surface-200)!important;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;padding:.75rem!important;color:var(--text-color)}.row-type-section-header .section-header-cell{text-align:left}.row-type-subtotal td{background:var(--surface-100)!important;font-weight:700;border-top:2px solid var(--surface-300);border-bottom:2px solid var(--surface-300)}.row-type-maslow-header td{background:var(--surface-50)!important;font-weight:600;border-top:1px solid var(--surface-300)}.row-type-net td{background:var(--surface-100)!important;font-weight:700;font-size:1rem;border-top:3px solid var(--surface-400);border-bottom:3px solid var(--surface-400);padding:1rem .75rem!important}.row-type-expense-item td{background:transparent}.row-type-periodic-item td{background:#fb923c0d}.cell-value{text-align:right;font-variant-numeric:tabular-nums}.bold-value{font-weight:600}.positive-value{color:var(--green-600);font-weight:600}.negative-value{color:var(--red-600);font-weight:600}.total-cell{font-weight:600}.section-header-cell{display:flex;align-items:center;justify-content:flex-start}.maslow-header-cell{display:flex;align-items:center;gap:.5rem;font-weight:600}.maslow-header-cell i{font-size:1rem}.periodic-item-cell{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.periodic-item-cell .edit-item-btn{opacity:0;transition:opacity .2s}.periodic-item-cell:hover .edit-item-btn{opacity:1}.recurring-item-cell{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recurring-icon{font-size:.75rem;color:var(--text-color-secondary);opacity:.5}.indented-item{padding-left:1.5rem}.category-text{display:block;text-align:left}.monthly-breakdown-table .p-frozen-column{background:inherit!important}.mobile-table-container{width:100%;padding:0}.mobile-table-card{transition:transform .2s,box-shadow .2s;width:100%}.mobile-table-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}@media (max-width: 960px){.mobile-table-card{margin-bottom:1rem}}@media (max-width: 768px){.monthly-breakdown-table{font-size:.8rem}.monthly-breakdown-table .p-datatable-thead>tr>th,.monthly-breakdown-table .p-datatable-tbody>tr>td{padding:.5rem}.monthly-breakdown-table .category-column{min-width:200px!important;max-width:200px!important}.monthly-breakdown-table .month-column{min-width:90px!important;max-width:90px!important}.monthly-breakdown-table .total-column{min-width:100px!important;max-width:100px!important}}.monthly-breakdown-table .p-datatable-wrapper::-webkit-scrollbar{height:12px}.monthly-breakdown-table .p-datatable-wrapper::-webkit-scrollbar-track{background:var(--surface-100);border-radius:6px}.monthly-breakdown-table .p-datatable-wrapper::-webkit-scrollbar-thumb{background:var(--surface-400);border-radius:6px}.monthly-breakdown-table .p-datatable-wrapper::-webkit-scrollbar-thumb:hover{background:var(--surface-500)}.edit-item-dialog .edit-dialog-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.edit-item-dialog .field{display:flex;flex-direction:column;gap:.5rem}.edit-item-dialog .field label{font-weight:600;font-size:.95rem;color:var(--text-color)}.edit-item-dialog .field-help{font-size:.85rem;color:var(--text-color-secondary);margin-top:.25rem}.edit-item-dialog .field-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.edit-item-dialog .field-checkbox label{font-weight:500;cursor:pointer}.edit-item-dialog .field-help-block{margin-left:2rem;margin-top:.25rem}.edit-dialog-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem}.edit-dialog-footer .footer-left,.edit-dialog-footer .footer-right{display:flex;gap:.5rem}.edit-item-dialog .w-full{width:100%}.edit-item-dialog .flex{display:flex}.edit-item-dialog .align-items-center{align-items:center}.edit-item-dialog .gap-2{gap:.5rem}.monthly-breakdown{padding:2rem;max-width:100%;margin:0 auto}.monthly-breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title-section h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-color)}.header-title-section .subtitle{margin:0;font-size:1rem;color:var(--text-color-secondary)}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:var(--surface-card);border-radius:8px;box-shadow:0 2px 8px #0000001a}.summary-card .p-card-body{padding:1.5rem}.summary-card-content{text-align:center}.summary-label{font-size:.9rem;color:var(--text-color-secondary);margin-bottom:.5rem;font-weight:500}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-value.income{color:var(--green-600)}.summary-value.expense{color:var(--red-600)}.summary-detail{font-size:.85rem;color:var(--text-color-secondary)}.breakdown-table-section{margin-bottom:2rem}.no-data-card{margin-top:2rem}.no-data-content{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-data-content h3{margin:0;color:var(--text-color)}.no-data-content p{margin:0;color:var(--text-color-secondary);max-width:500px}.info-card{margin-top:2rem;background:var(--primary-50);border-left:4px solid var(--primary-color)}.info-content{display:flex;gap:1rem;align-items:flex-start}.info-icon{font-size:1.5rem;color:var(--primary-color);flex-shrink:0}.info-text h4{margin:0 0 .75rem;color:var(--text-color);font-size:1rem}.info-text ul{margin:0;padding-left:1.25rem;list-style:none}.info-text ul li{margin-bottom:.5rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.info-text ul li:last-child{margin-bottom:0}.info-text ul li i{font-size:.875rem;color:var(--primary-color)}.annual-summary-card{margin:2rem 0;background:var(--surface-card);box-shadow:0 2px 8px #0000001a}.annual-summary-card .p-card-body{padding:2rem}.annual-summary-card .p-card-content{padding:0}.summary-header{text-align:center;margin-bottom:2rem}.summary-header h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-color)}.summary-subtitle{margin:0;font-size:1rem;color:var(--text-color);opacity:.85}.summary-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--surface-50);border-radius:8px}.summary-stat{text-align:center}.stat-label{font-size:.95rem;color:var(--text-color-secondary);margin-bottom:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.stat-value.income{color:var(--green-600)}.stat-value.expense,.stat-value.deficit{color:var(--red-600)}.stat-description{font-size:.9rem;color:var(--text-color-secondary)}@media (max-width: 768px){.monthly-breakdown{padding:1rem}.monthly-breakdown-header{flex-direction:column;align-items:stretch}.header-title-section h1{font-size:1.5rem}.header-actions{justify-content:stretch}.header-actions button{flex:1}.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-value{font-size:1.5rem}.info-content{flex-direction:column}.info-text ul li{font-size:.9rem}.annual-summary-card .p-card-body{padding:1rem}.summary-stats-row{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.stat-value{font-size:1.75rem}}@media (min-width: 769px) and (max-width: 1024px){.summary-cards,.summary-stats-row{grid-template-columns:repeat(2,1fr)}}.balance-sheet{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,3vw,2rem)}.balance-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.header-title-section{flex:1}.header-title-section h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.header-title-section .subtitle{font-size:1.1rem;color:var(--text-color-secondary)}.header-actions{display:flex;gap:.75rem;align-items:center}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.summary-content{display:flex;align-items:center;gap:1.5rem;padding:.5rem}.summary-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.assets-card .summary-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.liabilities-card .summary-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.net-worth-card.positive .summary-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.net-worth-card.negative .summary-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.summary-info{flex:1}.summary-label{font-size:.9rem;color:var(--text-color-secondary);margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.75rem;font-weight:700;color:var(--text-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.balance-sheet-container{display:grid;grid-template-columns:1fr;gap:2rem}.balance-panel{border-radius:12px;box-shadow:0 2px 8px #00000014}.balance-items{display:flex;flex-direction:column;gap:1rem}.balance-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:var(--surface-50);border-radius:8px;transition:background .2s ease}.balance-item:hover{background:var(--surface-100)}.item-name{flex:1;min-width:200px;margin-top:1.75rem}.item-amount-field{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.field-label{font-size:.75rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.amount-input-wrapper{display:flex;align-items:center;gap:.5rem}.item-amount{flex:1;min-width:160px}.remove-btn{flex-shrink:0}.liability-item{padding:1rem;background:var(--surface-50);border-radius:8px;transition:background .2s ease}.liability-item:hover{background:var(--surface-100)}.liability-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.liability-row .item-name{margin-top:1.75rem}.liability-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:.75rem;border-top:1px solid var(--surface-200)}.detail-field{display:flex;flex-direction:column;gap:.5rem}.detail-field label{font-size:.85rem;font-weight:600;color:var(--text-color-secondary)}.detail-input{width:100%}.add-item-btn{margin-top:.5rem;width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.balance-sheet{padding:1rem}.balance-sheet-header{flex-direction:column;align-items:flex-start}.header-title-section h1{font-size:2rem}.header-actions{width:100%;flex-direction:column}.header-actions .p-button{width:100%}.summary-cards{grid-template-columns:1fr}.summary-value{font-size:1.5rem}.balance-item,.liability-row{flex-direction:column;align-items:stretch;gap:.75rem}.item-name,.item-amount{width:100%;min-width:0}.liability-details{grid-template-columns:1fr}.MuiTextField-root{width:100%}.MuiInputBase-root{font-size:16px!important;min-height:48px!important;padding:12px 14px!important}.MuiInputBase-input{font-size:16px!important;padding:0!important;height:auto!important}.MuiInputBase-input::-moz-placeholder{font-size:16px!important}.MuiInputBase-input::placeholder{font-size:16px!important}.flex.items-center.gap-2{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.flex.items-center.gap-2>.flex.items-center.gap-2{width:100%;flex-direction:row!important;align-items:center!important}.space-y-3>*+*{margin-top:.875rem}.space-y-4>*+*{margin-top:1rem}.MuiIconButton-root{min-width:48px!important;min-height:48px!important;padding:12px!important}label.text-sm{font-size:14px!important;margin-bottom:.5rem;display:block}.amount-input .MuiInputBase-root{font-size:15px!important;min-height:44px!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important}.amount-input .MuiInputBase-root:focus-within{border-color:var(--primary-color)!important}.grid.grid-cols-2{grid-template-columns:1fr!important;gap:.75rem!important}.MuiAccordionDetails-root{padding:1rem!important}}@media (max-width: 480px){.MuiInputBase-root{min-height:52px!important;padding:14px 16px!important}.MuiInputBase-input{font-size:18px!important}.MuiIconButton-root{min-width:52px!important;min-height:52px!important}.header-title-section h1{font-size:1.75rem}}.percentage-controls-panel{margin-bottom:2rem}.percentage-controls{padding:0}.controls-top-row{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--surface-50);border-radius:10px;border:1px solid var(--surface-200);flex-wrap:wrap}.auto-adjust-toggle{display:flex;align-items:center;gap:.75rem;padding-right:1.5rem;border-right:1px solid var(--surface-200)}.auto-adjust-toggle label{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:nowrap}.preset-selector-inline{display:flex;align-items:center;gap:.75rem;flex:1;min-width:300px}.preset-selector-inline label{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:nowrap}.preset-dropdown-inline{flex:1;min-width:0}.preset-selector-inline .p-button{min-width:80px;display:flex;align-items:center;justify-content:center;font-weight:600}.preset-description-box{margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--surface-100);border-radius:8px;border-left:3px solid var(--primary-color)}.preset-description-box p{margin:0;font-size:.8rem;color:var(--text-color-secondary);font-style:italic}.percentage-sliders{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.slider-group{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.slider-group label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:.25rem}.level-label{font-weight:600;font-size:.9rem}.level-label.physiological{color:var(--maslow-physiological)}.level-label.safety{color:var(--maslow-safety)}.level-label.love{color:var(--maslow-love)}.level-label.esteem{color:var(--maslow-esteem)}.level-label.self-actualization{color:var(--maslow-self-actualization)}.level-value{font-weight:700;font-size:1rem;color:var(--text-color);background:var(--surface-100);padding:.25rem .75rem;border-radius:6px;min-width:50px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.total-percentage{margin-top:1.5rem;padding:1rem;background:var(--surface-50);border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:1rem}.total-percentage.valid{border-left:4px solid var(--maslow-physiological)}.total-percentage.invalid{border-left:4px solid var(--maslow-esteem)}.error-msg{color:var(--maslow-esteem);font-size:.875rem;font-weight:600}.auto-adjust-info{display:flex;gap:1rem;padding:1.5rem;background:#eff6ff;border-radius:8px;border-left:4px solid var(--maslow-safety)}.auto-adjust-info i{font-size:1.5rem;color:var(--maslow-safety);flex-shrink:0}.auto-adjust-info p{color:var(--blue-600);font-size:.875rem;line-height:1.5}@media (max-width: 768px){.controls-top-row{flex-direction:column;align-items:stretch;gap:1rem}.auto-adjust-toggle{border-right:none;border-bottom:1px solid var(--surface-200);padding-right:0;padding-bottom:1rem}.preset-selector-inline{flex-direction:column;align-items:stretch;min-width:0;gap:.5rem}.preset-selector-inline .p-button{width:100%}.auto-adjust-toggle label{font-size:.8rem}}.projection-settings{margin-top:1rem}.settings-description{background:var(--surface-100);padding:1rem;border-radius:6px;margin-bottom:1.5rem}.settings-description p{margin:0;color:var(--text-color-secondary);line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.settings-section{background:var(--surface-50);padding:1.25rem;border-radius:8px;border:1px solid var(--surface-border)}.settings-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--primary-color)}.setting-item{margin-bottom:1.25rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.9rem}.setting-item small{display:block;margin-top:.4rem;color:var(--text-color-secondary);font-size:.8rem;line-height:1.4}.setting-item .p-inputnumber,.setting-item .p-dropdown,.strategy-dropdown{width:100%}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.donation-content{padding:1rem 0}.demo-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;box-shadow:0 2px 8px #00000026}.demo-banner i{font-size:1.25rem;flex-shrink:0}.donation-message{text-align:center;margin-bottom:2rem}.donation-icon{font-size:3rem;color:#e74c3c;margin-bottom:1rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}}.donation-message h3{margin:.5rem 0;color:var(--primary-color)}.donation-message p{margin:.75rem 0;line-height:1.6;color:var(--text-color)}.donation-subtext{font-size:.9rem;font-style:italic;opacity:.8}.donation-amounts{margin:2rem 0}.donation-amounts h4{margin-bottom:1rem;font-weight:600}.preset-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.preset-amount-btn{font-size:1.25rem;font-weight:700;padding:1rem;transition:all .2s}.preset-amount-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.custom-amount{border-top:1px solid var(--surface-border);padding-top:1.5rem}.custom-amount label{display:block;margin-bottom:.75rem;font-weight:500}.custom-amount-input{display:flex;gap:.75rem;align-items:center}.custom-amount-input .p-inputnumber{flex:1}.custom-amount-input button{flex-shrink:0}.donation-features{background:var(--surface-50);border-radius:var(--border-radius);padding:1.5rem;margin-top:2rem}.features-title{font-weight:600;margin-bottom:.75rem}.donation-features ul{list-style:none;padding:0;margin:0}.donation-features li{padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.donation-features li i{color:var(--green-500);font-weight:700}.donation-footer{display:flex;justify-content:center;padding:.5rem 0}.donation-footer button{font-size:1rem}@media (max-width: 600px){.preset-amounts{grid-template-columns:repeat(2,1fr)}.custom-amount-input{flex-direction:column}.custom-amount-input button{width:100%}}.settings-page{max-width:1000px;margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);position:relative;box-sizing:border-box}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;padding:1rem clamp(.5rem,2vw,1rem)}.settings-header .header-title-section{flex:1}.settings-header .header-title-section h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.settings-header .header-title-section .subtitle{font-size:1.1rem;color:var(--text-color-secondary)}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-color-secondary)}.settings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;align-items:stretch}.settings-container>*{min-height:0}.settings-info-card{background:var(--surface-card);box-shadow:var(--shadow-md);border-left:4px solid var(--primary-color)}.settings-info-card h3{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.settings-info-card p{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:.75rem}.settings-info-card p:last-child{margin-bottom:0}.settings-info-card strong{color:var(--primary-color);font-weight:600}.settings-card{background:var(--surface-card);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%}.settings-card.MuiCard-root{height:100%;display:flex;flex-direction:column}.settings-card h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:0;display:flex;align-items:center;gap:.75rem}.settings-card h3{font-size:1.15rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.settings-card p{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:.75rem}.settings-card p:last-child{margin-bottom:0}.settings-card strong{color:var(--primary-color);font-weight:600}.settings-card .MuiCardContent-root{flex:1;display:flex;flex-direction:column}.export-section{display:flex;justify-content:space-between;align-items:center;gap:2rem}.export-info{flex:1}.export-actions{display:flex;gap:1rem;align-items:center}.export-button-primary{min-width:200px;font-size:1.05rem;padding:.75rem 1.5rem}.export-menu-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.export-menu-item i{font-size:1.5rem;color:var(--primary-color)}.export-menu-label{font-weight:600;font-size:1rem;color:var(--text-color)}.export-menu-desc{font-size:.85rem;color:var(--text-color-secondary);margin-top:.25rem}.clear-data-section{display:flex;justify-content:space-between;align-items:center;gap:2rem}.clear-data-info{flex:1}.clear-data-actions{display:flex;gap:1rem;align-items:center}.confirmation-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem}.confirmation-content p{margin:.5rem 0}.confirmation-content ul{text-align:left;margin:1rem 0}.confirmation-content ul li{margin:.5rem 0}.allocation-info{margin-bottom:2rem}@media (max-width: 1024px){.settings-container{grid-template-columns:1fr}}@media (max-width: 768px){.settings-page{padding:0 .5rem}.settings-header{padding:.5rem}.settings-header .header-title-section h1{font-size:1.75rem}.settings-header .header-title-section .subtitle{font-size:.95rem}.settings-info-card h3{font-size:1.1rem}.settings-info-card p{font-size:.95rem}.settings-container{grid-template-columns:1fr}.export-section,.clear-data-section{flex-direction:column;align-items:flex-start}.export-actions,.clear-data-actions,.export-button-primary{width:100%}}@media (max-width: 480px){.settings-header .header-title-section h1{font-size:1.5rem}.settings-card h2{font-size:1.25rem}}.draggable-category{padding:.75rem 1rem;background:var(--surface-card);border:2px solid var(--surface-border);border-radius:var(--border-radius);cursor:grab;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-category:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.draggable-category.dragging{cursor:grabbing;box-shadow:0 4px 12px #0003;transform:rotate(2deg)}.category-content{display:flex;align-items:center;gap:.75rem}.drag-handle{color:var(--text-color-secondary);font-size:1rem}.category-name{flex:1;font-weight:500;color:var(--text-color)}.category-amount{font-weight:600;font-family:Courier New,monospace;color:var(--primary-color);background:#3b82f61a;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;white-space:nowrap}.remove-button{opacity:0;transition:opacity .2s}.draggable-category:hover .remove-button{opacity:1}.remove-button:hover{background:#ef44441a}.droppable-level{border:2px solid;border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;background:var(--surface-card)}.droppable-level.drag-over{box-shadow:0 0 0 4px #3b82f666,0 8px 24px #3b82f633;transform:scale(1.03);border-width:3px;border-style:dashed;animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #3b82f666,0 8px 24px #3b82f633}50%{box-shadow:0 0 0 6px #3b82f699,0 12px 32px #3b82f64d}}.level-header{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--surface-border);transition:all .3s ease}.droppable-level.drag-over .level-header{border-bottom:2px solid var(--primary-color);background:#3b82f626!important}.level-header i{font-size:1.25rem}.level-header h4{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.level-meta{display:flex;align-items:center;gap:.75rem}.category-count{font-size:.875rem;color:var(--text-color-secondary);font-weight:400}.level-total{font-size:.875rem;font-weight:700;font-family:Courier New,monospace;color:var(--text-color);background:#fff3;padding:.25rem .5rem;border-radius:4px}.level-content{padding:1rem;min-height:100px;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;position:relative}.droppable-level.drag-over .level-content{background:#3b82f614;border-radius:var(--border-radius)}.droppable-level.drag-over .level-content:after{content:"+ Drop here";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);color:var(--primary-color);font-size:.875rem;font-weight:600;opacity:.7;animation:fade-bounce 1s ease-in-out infinite}@keyframes fade-bounce{0%,to{opacity:.5;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-3px)}}.empty-level{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-color-secondary);background:var(--surface-ground);border:2px dashed var(--surface-border);border-radius:var(--border-radius)}.empty-level i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-level p{margin:0;font-size:.875rem}.droppable-level.drag-over .empty-level{border-color:var(--primary-color);border-width:3px;background:#3b82f61a;box-shadow:0 0 20px #3b82f64d}.droppable-level.drag-over .empty-level i{color:var(--primary-color);opacity:1;animation:bounce .6s ease-in-out infinite}.droppable-level.drag-over .empty-level p{color:var(--primary-color);font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.droppable-level.drag-over .level-content>.draggable-category{opacity:.7;transform:scale(.98)}.import-data-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{font-size:2rem;font-weight:700;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.75rem}.page-header h1 i{color:var(--primary-color)}.page-subtitle{color:var(--text-color-secondary);margin-top:.5rem}.back-button{margin-bottom:1rem}.progress-section{margin-bottom:3rem}.step-indicators{display:flex;justify-content:space-between;margin-top:1.5rem;gap:1rem}.step-indicator{flex:1;text-align:center;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:var(--surface-ground);border:2px solid var(--surface-border);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-weight:600;transition:all .3s}.step-indicator.completed .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-indicator.active .step-number{border-color:var(--primary-color);border-width:3px;background:var(--primary-color);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-label{font-size:.875rem;color:var(--text-color-secondary)}.step-indicator.active .step-label{color:var(--primary-color);font-weight:600}.import-card{margin-bottom:2rem;background:var(--surface-card)}.upload-section{padding:2rem}.upload-description{margin-bottom:1.5rem;color:var(--text-color-secondary);line-height:1.6}.file-upload{margin-bottom:2rem}.format-examples{background:var(--surface-ground);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--surface-border)}.format-examples h4{margin-top:0;margin-bottom:1rem;color:var(--text-color)}.format-examples ul{margin:0;padding-left:1.5rem;line-height:1.8}.format-examples li{color:var(--text-color-secondary)}.format-examples strong{color:var(--text-color)}.column-mapping-section{padding:2rem}.mapping-description{margin-bottom:1.5rem;color:var(--text-color-secondary);line-height:1.6}.income-info-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-top:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius);color:var(--text-color)}.income-info-banner i{color:var(--green-600);font-size:1.25rem}.income-display-section-compact{margin-top:2rem;padding:1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius);transition:all .2s ease}.income-compact-header{display:flex;align-items:center;gap:.75rem;color:var(--text-color);font-size:.95rem;padding:.25rem;border-radius:var(--border-radius);transition:background .2s ease}.income-compact-header.clickable:hover{background:#22c55e1a}.income-compact-header i:first-child{font-size:1.1rem}.income-items-list{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(34,197,94,.2);display:flex;flex-direction:column;gap:.5rem}.income-item-compact{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#22c55e0d;border-radius:var(--border-radius);font-size:.9rem}.income-item-name{color:var(--text-color)}.income-item-amount{color:var(--green-600);font-weight:600}.income-compact-note{display:flex;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(34,197,94,.15);color:var(--text-color-secondary);font-size:.875rem}.unmapped-droppable{padding:1rem;border:2px dashed transparent;border-radius:var(--border-radius);transition:all .2s ease}.unmapped-droppable.drag-over{background:#3b82f614;border-color:var(--blue-500)}.column-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.selector-group{display:flex;flex-direction:column;gap:.5rem}.selector-group label{font-weight:600;color:var(--text-color)}.selector-group label .required{color:var(--red-500);margin-left:.25rem}.selector-group label .optional{color:var(--text-color-secondary);font-weight:400;font-size:.875rem;margin-left:.25rem}.selector-group .field-hint{display:block;color:var(--text-color-secondary);font-size:.875rem;margin-top:.25rem;line-height:1.4}.column-dropdown{width:100%}.data-preview{margin-top:2rem}.data-preview h4{margin-bottom:1rem;color:var(--text-color)}.preview-table{font-size:.875rem}.mapping-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:2rem 0}.unmapped-section,.maslow-levels-section{display:flex;flex-direction:column}.unmapped-section{position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto}.unmapped-section h3,.maslow-levels-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:1rem;color:var(--text-color)}.category-list{display:flex;flex-direction:column;gap:.5rem;min-height:200px;padding:1rem;background:var(--surface-ground);border-radius:var(--border-radius);border:2px dashed var(--surface-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-color-secondary);text-align:center}.empty-state i{font-size:3rem;margin-bottom:1rem;color:var(--green-500)}.levels-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.levels-container>*:nth-child(1){width:70%}.levels-container>*:nth-child(2){width:80%}.levels-container>*:nth-child(3){width:90%}.levels-container>*:nth-child(4){width:95%}.levels-container>*:nth-child(5){width:100%}.hint-text{font-size:.875rem;color:var(--text-color-secondary);font-style:italic}.drag-overlay-item{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:500;box-shadow:0 4px 12px #0000004d;cursor:grabbing}.review-section{padding:2rem}.review-description{margin-bottom:2rem;color:var(--text-color-secondary);line-height:1.6}.review-level{border-left:4px solid;margin-bottom:1.5rem;border-radius:var(--border-radius);overflow:hidden;background:var(--surface-card)}.review-level.income-section{margin-bottom:2rem;box-shadow:0 0 0 1px #22c55e1a}.review-level-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.review-level-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem}.level-total{font-size:1.25rem;font-weight:700}.review-level-items{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.review-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--surface-ground);border-radius:var(--border-radius)}.item-name{color:var(--text-color)}.item-amount{font-weight:600;font-family:Courier New,monospace}.review-total{margin-top:2rem;padding:1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;font-size:1.25rem}.total-amount{font-size:1.75rem;font-weight:700;font-family:Courier New,monospace}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--surface-border);gap:1rem}.mobile-mapping-container{display:flex;flex-direction:column;gap:1.5rem;padding:0}.mobile-section{border-radius:var(--border-radius);overflow:hidden}.mobile-section-title{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:0 0 1rem;background:var(--surface-ground);border-left:4px solid var(--primary-color);font-size:1rem;font-weight:600}.mobile-level-total{margin-left:auto;font-weight:700;font-family:Courier New,monospace;color:var(--primary-color)}.mobile-category-list{display:flex;flex-direction:column;gap:.75rem}.mobile-category-item{background:var(--surface-card);border:2px solid var(--surface-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mobile-category-item.mapped{border-color:var(--surface-border);background:var(--surface-ground)}.mobile-category-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mobile-category-name{flex:1;font-weight:600;color:var(--text-color);word-break:break-word}.mobile-category-amount{font-weight:700;font-family:Courier New,monospace;color:var(--primary-color);white-space:nowrap}.mobile-category-actions{display:flex;gap:.5rem;align-items:center}.mobile-level-dropdown{flex:1;min-width:0}.mobile-level-dropdown.compact{font-size:.875rem}.dropdown-item{display:flex;align-items:center;gap:.5rem}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--green-600)}.success-state i{font-size:4rem;margin-bottom:1rem;color:var(--green-500)}.success-state p{margin:0;font-size:1.1rem;font-weight:600}@media (max-width: 1024px){.mapping-container{grid-template-columns:1fr}.unmapped-section{order:2;position:static;max-height:none}.maslow-levels-section{order:1}.levels-container>*:nth-child(1),.levels-container>*:nth-child(2),.levels-container>*:nth-child(3),.levels-container>*:nth-child(4),.levels-container>*:nth-child(5){width:100%}}@media (max-width: 768px){.import-data-page{padding:.75rem .75rem 1rem;max-width:100vw;overflow-x:hidden}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.step-indicators{flex-wrap:wrap;gap:.5rem}.step-indicator{min-width:calc(50% - .25rem)}.column-selectors{grid-template-columns:1fr}.step-actions{flex-direction:column}.step-actions button{width:100%}.review-total{flex-direction:column;gap:.5rem;text-align:center}.mobile-category-item{padding:.75rem}.mobile-category-header{flex-wrap:wrap}.mobile-category-name{font-size:.95rem;flex-basis:100%;margin-bottom:.5rem}.mobile-category-amount{font-size:1rem}.mobile-section-title{padding:.75rem;font-size:.95rem}.mobile-level-total{font-size:.95rem}.import-content,.import-card,.mobile-mapping-container,.mobile-category-list{max-width:100%;overflow-x:hidden}.p-card{overflow-x:hidden}.p-card-body{padding:1rem}.p-card-content{padding:0}.p-dropdown{max-width:100%;width:100%}.p-dropdown-panel{max-width:calc(100vw - 2rem)!important}}.cta-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;text-align:center;color:#fff}.cta-box:first-child{margin-bottom:2rem}.cta-box:last-child{margin-top:3rem}.cta-title{margin:0 0 1rem;font-size:1.5rem;color:#fff!important;font-weight:600}.cta-description{margin:0 0 1.5rem;opacity:.95}.cta-button{display:inline-block;background:#fff!important;color:#333!important;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:transform .2s}.cta-button:hover{transform:translateY(-2px);color:#333!important}.docs-landing{padding:1rem 2rem 3rem;max-width:1400px;margin:0 auto;width:100%}.docs-landing-header{text-align:center;margin-bottom:3rem}.docs-landing-header h1{font-size:2.75rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.docs-landing-header .lead{font-size:1.25rem;line-height:1.7;color:var(--text-color-secondary);max-width:700px;margin:0 auto}.docs-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-bottom:4rem;width:100%}.doc-section-card{background:var(--surface-card)!important;border:1px solid var(--surface-border)!important;border-radius:12px!important;padding:2rem!important;transition:box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px #00000014!important;display:flex;flex-direction:column}.doc-section-card:hover{box-shadow:0 8px 24px #0000001f!important;border-color:var(--primary-color)!important}.doc-section-card .p-card-body{padding:0!important;display:flex;flex-direction:column;flex:1}.doc-section-icon{width:56px;height:56px;background:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.doc-section-icon i{font-size:1.75rem;color:#fff}.doc-section-card h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.doc-section-description{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:1.5rem;flex:1}.doc-section-highlights{list-style:none;padding:0;margin:0 0 1.5rem}.doc-section-highlights li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.95rem;color:var(--text-color-secondary)}.doc-section-highlights li i{color:var(--primary-color);font-size:.875rem}.doc-section-btn{margin-top:auto}.doc-section-btn.p-button{width:100%;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;background:var(--primary-color)!important;border:none!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important}.doc-section-btn.p-button:hover{background:var(--primary-600)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.doc-section-btn.p-button .p-button-label{flex:1}.doc-section-btn.p-button .p-button-icon{margin-left:.75rem!important;font-size:1.125rem!important}.docs-landing-footer{max-width:600px;margin:0 auto}.docs-landing-footer .p-card{background:var(--primary-50)!important;border:1px solid var(--primary-color)!important;border-radius:12px!important}.footer-content{text-align:center;padding:1.5rem}.footer-content h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.footer-content p{font-size:1.05rem;color:var(--text-color-secondary);margin-bottom:1.5rem}.footer-content .p-button{padding:.875rem 1.75rem!important;font-size:1.05rem!important;font-weight:600!important;background:var(--primary-color)!important;border:none!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important}.footer-content .p-button:hover{background:var(--primary-600)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.footer-content .p-button .p-button-label{flex:1}.footer-content .p-button .p-button-icon{margin-right:.75rem!important;font-size:1.125rem!important}@media (max-width: 768px){.docs-landing{padding:2rem 1.5rem}.docs-landing-header{margin-bottom:3rem}.docs-landing-header h1{font-size:2rem}.docs-landing-header .lead{font-size:1.125rem}.docs-sections{gap:1.5rem;margin-bottom:3rem;grid-template-columns:1fr}.footer-content h3{font-size:1.25rem}}.documentation-page{min-height:calc(100vh - 80px);background:var(--surface-ground)}.documentation-layout{display:flex;min-height:calc(100vh - 80px);width:100%}.documentation-main{flex:1;padding:2rem 3rem;max-width:900px;margin:0 auto;width:100%}.documentation-main.no-sidebar{max-width:1400px;padding:2rem 3rem}.documentation-main:has(.docs-landing){max-width:1400px;padding:2rem 3rem}.mdx-content{line-height:1.8;color:var(--text-color)}.mdx-content h1{font-size:2.5rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;color:var(--text-color);border-bottom:2px solid var(--surface-border);padding-bottom:.75rem}.mdx-content h2{font-size:2rem;font-weight:600;margin-top:3rem;margin-bottom:1rem;color:var(--text-color)}.mdx-content h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--primary-color)}.mdx-content h4{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.mdx-content p{margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.8}.mdx-content strong{color:var(--text-color);font-weight:600}.mdx-content em{color:var(--text-color-secondary);font-style:italic}.mdx-content ul,.mdx-content ol{margin-bottom:1.5rem;padding-left:2rem}.mdx-content li{margin-bottom:.75rem;font-size:1.0625rem;line-height:1.7}.mdx-content li>ul,.mdx-content li>ol{margin-top:.5rem;margin-bottom:.5rem}.mdx-content code{background:var(--surface-100);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--primary-color)}.mdx-content pre{background:var(--surface-100);padding:1.25rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.mdx-content pre code{background:none;padding:0}.mdx-content blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:1.5rem 0;color:var(--text-color-secondary);font-style:italic}.mdx-content hr{border:none;border-top:2px solid var(--surface-border);margin:3rem 0}.mdx-content a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.mdx-content a:hover{color:var(--primary-600);text-decoration:underline}.doc-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--surface-border);gap:1rem}.pagination-prev{flex:1;display:flex;justify-content:flex-start}.pagination-next{flex:1;display:flex;justify-content:flex-end}.pagination-btn{font-size:1rem;padding:.75rem 1.25rem;color:var(--primary-color)!important;transition:all .2s}.pagination-btn:hover{background:var(--primary-50);color:var(--primary-700)!important}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;z-index:1000;box-shadow:0 4px 12px #00000026;animation:fadeInUp .3s ease-out}.back-to-top-btn:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.documentation-main{padding:2rem}}@media (max-width: 768px){.documentation-layout{flex-direction:column}.documentation-sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--surface-border)}.sidebar-content{padding:1rem 0}.sidebar-home-btn{padding:.75rem 1rem}.sidebar-header{padding:1.5rem 1rem 1rem}.sidebar-header h2{font-size:1.25rem}.sidebar-nav{padding:.5rem 0}.sidebar-nav-item{padding:.875rem 1rem}.nav-item-label{font-size:.9375rem}.nav-item-desc{font-size:.75rem}.sidebar-footer{padding:1rem}.documentation-main{padding:1.5rem}.mdx-content h1{font-size:1.875rem}.mdx-content h2{font-size:1.5rem}.mdx-content h3{font-size:1.25rem}.mdx-content h4{font-size:1.125rem}.mdx-content p,.mdx-content li{font-size:1rem}.doc-pagination{flex-direction:column;gap:1rem;margin-top:3rem}.pagination-prev,.pagination-next{width:100%}.pagination-btn{width:100%;justify-content:center}.back-to-top-btn{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}}.home-page{min-height:100vh;background:var(--surface-ground)}.hero-section{padding:4rem 2rem;background:linear-gradient(135deg,#ebf4ff,#e0f2fe);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='%233b82f6' 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-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{color:var(--text-color)}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:var(--primary-color)}.hero-subtitle{font-size:1.35rem;line-height:1.7;color:var(--text-color-secondary);margin-bottom:2rem}.hero-highlight{background:#fff;border:2px solid var(--primary-color);border-radius:16px;padding:1.5rem;margin-bottom:2.5rem;display:flex;gap:1rem;align-items:center;box-shadow:0 4px 12px #00000014}.highlight-icon{width:48px;height:48px;background:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.highlight-icon i{font-size:1.5rem;color:#fff}.highlight-text{font-size:1.15rem;line-height:1.6;color:var(--text-color)}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-cta-primary{font-weight:600!important;padding:1rem 2rem!important;font-size:1.125rem!important;box-shadow:0 4px 14px #3b82f640!important;transition:all .3s ease!important}.hero-cta-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #3b82f659!important}.hero-cta-primary .p-button-icon-right{margin-left:.5rem}.hero-cta-secondary{font-weight:600!important;padding:1rem 2rem!important;font-size:1.125rem!important;transition:all .3s ease!important}.hero-cta-secondary:hover{transform:translateY(-2px)!important}.hero-cta-secondary .p-button-icon{margin-right:.5rem}.hero-visual{display:flex;justify-content:center;align-items:center}.pyramid-showcase{width:100%;max-width:500px;display:flex;flex-direction:column;gap:.5rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pyramid-level{background:var(--level-color);border-radius:12px;padding:1.25rem;text-align:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 4px 20px #0003;transition:all .3s ease;position:relative;overflow:hidden}.pyramid-level:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pyramid-level:hover:before{left:100%}.pyramid-level:hover{transform:translate(8px);box-shadow:0 8px 30px #0000004d}.pyramid-level.level-1{width:100%}.pyramid-level.level-2{width:85%;margin:0 auto}.pyramid-level.level-3{width:70%;margin:0 auto}.pyramid-level.level-4{width:55%;margin:0 auto}.pyramid-level.level-5{width:40%;margin:0 auto}.features-section{padding:5rem 2rem;max-width:1400px;margin:0 auto}.features-title{font-size:2.5rem;font-weight:700;text-align:center;color:var(--text-color);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:var(--surface-card)!important;border:1px solid var(--surface-border)!important;border-radius:12px!important;padding:2rem!important;transition:all .3s ease!important;box-shadow:0 2px 8px #00000014!important}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f!important}.feature-card .p-card-body{padding:0!important}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 20px #0003}.feature-icon i{font-size:2rem;color:#fff}.feature-card h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.feature-card p{font-size:1.05rem;line-height:1.7;color:var(--text-color-secondary);margin-bottom:1rem}.feature-insight{color:var(--primary-color)!important;font-style:italic;font-weight:500;padding:1rem;background:var(--primary-50);border-left:3px solid var(--primary-color);border-radius:8px;margin-top:1rem!important}.cta-section{padding:0 2rem 5rem;max-width:900px;margin:0 auto}.cta-section .p-card{background:var(--surface-card)!important;border:1px solid var(--surface-border)!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important}.cta-content{text-align:center;padding:2rem}.cta-content h3{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.cta-content>p{font-size:1.15rem;color:var(--text-color-secondary);margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button-primary{font-weight:600!important;padding:1rem 2rem!important;font-size:1.125rem!important;box-shadow:0 2px 8px #3b82f633!important;transition:all .3s ease!important}.cta-button-primary:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f64d!important}.cta-button-primary .p-button-icon{margin-right:.5rem}.cta-button-secondary{font-weight:600!important;padding:1rem 2rem!important;font-size:1.125rem!important;transition:all .3s ease!important}.cta-button-secondary:hover{transform:translateY(-2px)!important}.cta-button-secondary .p-button-icon{margin-right:.5rem}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;z-index:1000;box-shadow:0 2px 12px #00000026!important;transition:all .3s ease!important}.back-to-top-btn:hover{transform:translateY(-4px)!important;box-shadow:0 4px 20px #0003!important}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.75rem}.pyramid-showcase{max-width:400px}}@media (max-width: 768px){.hero-section{padding:3rem 1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.15rem}.hero-actions{flex-direction:column}.hero-cta-primary,.hero-cta-secondary{width:100%;justify-content:center}.pyramid-level{font-size:1rem;padding:1rem}.pyramid-level:hover{transform:translate(4px)}.features-section{padding:3rem 1.5rem}.features-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.cta-section{padding:0 1.5rem 3rem}.cta-content h3{font-size:1.5rem}.cta-actions{flex-direction:column}.cta-button-primary,.cta-button-secondary{width:100%;justify-content:center}.back-to-top-btn{bottom:1rem;right:1rem;width:3rem;height:3rem}}@media (max-width: 480px){.pyramid-level{font-size:.9rem;padding:.875rem;word-break:break-word}}.app-navbar{position:sticky;top:0;z-index:1000}.desktop-nav{display:none}@media (min-width: 769px){.desktop-nav{display:block}.mobile-nav{display:none}}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;color:#6b7280;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.nav-item:hover{background:#f3f4f6;color:#111827}.nav-item.active{background:#eff6ff;color:#2563eb;font-weight:600;border-bottom:3px solid #2563eb}.navbar-brand{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-nav{display:block}@media (min-width: 769px){.mobile-nav{display:none}}.docs-sidebar{width:280px;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;background:var(--surface-card);border-right:1px solid var(--surface-border);padding:1.5rem;flex-shrink:0}@media (max-width: 968px){.docs-sidebar{display:none}}.docs-sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.docs-sidebar-header h3{margin:0;font-size:1.25rem;color:var(--text-color);font-weight:600}.docs-nav{display:flex;flex-direction:column;gap:.5rem}.docs-nav-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:8px;transition:background .2s ease;color:var(--text-color);width:100%}.docs-nav-item:hover{background:var(--surface-hover)}.docs-nav-item.active{background:var(--primary-color);color:#fff;font-weight:600}.docs-nav-item i{font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.docs-nav-item.active i{color:#fff}.docs-nav-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.docs-nav-label{font-size:1rem;font-weight:600;line-height:1.2}.docs-nav-desc{font-size:.875rem;opacity:.8;line-height:1.3}.docs-nav-item.active .docs-nav-desc{opacity:.9}.docs-sidebar::-webkit-scrollbar{width:6px}.docs-sidebar::-webkit-scrollbar-track{background:var(--surface-ground)}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-card);border-top:1px solid var(--surface-border);display:grid;grid-template-columns:repeat(6,1fr);padding:.5rem 0;z-index:999;box-shadow:0 -2px 8px #0000001a}@media (min-width: 769px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border:none;background:transparent;color:var(--text-color-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:56px;position:relative}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item i{font-size:1.25rem;transition:all .2s ease}.bottom-nav-item.active{color:var(--primary-color);font-weight:600}.bottom-nav-item.active i{color:var(--primary-color);transform:scale(1.1)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--primary-color);border-radius:0 0 3px 3px}.bottom-nav-label{font-size:.75rem;white-space:nowrap}@media (max-width: 360px){.bottom-nav-label{display:none}.bottom-nav-item{min-height:48px}.bottom-nav-item i{font-size:1.5rem}}@media (max-width: 768px){body{padding-bottom:70px}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.onboarding-modal{width:100%;max-width:450px;animation:slideIn .3s ease-out;position:relative;z-index:1001;display:flex;flex-direction:column;overflow:visible;cursor:default;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.onboarding-card{box-shadow:0 20px 60px #0000004d;border-radius:12px;overflow:visible;position:relative;display:flex;flex-direction:column;background:#fff;pointer-events:auto}.onboarding-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-600));z-index:1}.onboarding-card .p-card-body,.onboarding-card .p-card-content{padding:0}.onboarding-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-600));color:#fff;padding:1rem 1.25rem;text-align:center;position:relative;flex-shrink:0}.onboarding-close-button{position:absolute;top:1rem;right:1rem}.onboarding-close-button .close-btn{color:#fff;opacity:.8;transition:opacity .2s}.onboarding-close-button .close-btn:hover{opacity:1;background:#ffffff1a}.onboarding-header h2{margin:0 0 .3rem;font-size:1.2rem;font-weight:700;color:#fff;line-height:1.2}.onboarding-subtitle{margin:0 0 .6rem;font-size:.8rem;opacity:.95;color:#ffffffe6;line-height:1.3}.onboarding-progress{margin-bottom:.4rem;height:3px;background:#fff3}.onboarding-progress .p-progressbar-value{background:#fff}.onboarding-step-indicator{font-size:.75rem;opacity:.9;font-weight:500}.onboarding-body{padding:.875rem;background:var(--surface-card);overflow:hidden;flex:1;min-height:0;max-height:none;-ms-overflow-style:none;scrollbar-width:none}.onboarding-body::-webkit-scrollbar{display:none;width:0;height:0}.onboarding-content{line-height:1.5;display:block;width:100%}.onboarding-content p{margin:0 0 .5rem;color:var(--text-color);font-size:.85rem;line-height:1.4}.onboarding-steps-list,.onboarding-features-list{margin:.4rem 0;padding-left:1.25rem;color:var(--text-color);font-size:.8rem}.onboarding-steps-list li,.onboarding-features-list li{margin-bottom:.3rem;line-height:1.3}.onboarding-note{margin-top:.6rem!important;padding:.6rem;background:#3b82f614;border-left:3px solid var(--primary-color);border-radius:6px;font-size:.75rem;line-height:1.35}.onboarding-footer{padding:.875rem 1.25rem;background:var(--surface-50);border-top:1px solid var(--surface-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;flex-shrink:0}.onboarding-checkbox{display:flex;align-items:center;gap:.5rem}.onboarding-checkbox-label{font-size:.875rem;color:var(--text-color-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboarding-actions{display:flex;gap:.75rem;align-items:center}.onboarding-skip-btn{color:var(--text-color-secondary)}.onboarding-action-btn{background:var(--primary-color);border:none;color:#fff;font-weight:600}.onboarding-action-btn:hover{background:var(--primary-600)}.onboarding-next-btn{background:var(--primary-color);border:none;color:#fff;font-weight:600}.onboarding-next-btn:hover{background:var(--primary-600)}@media (max-width: 768px){.onboarding-modal{max-width:100%}.onboarding-header{padding:1.5rem}.onboarding-header h2{font-size:1.5rem}.onboarding-body{padding:1.5rem}.onboarding-footer{padding:1rem;flex-direction:column;align-items:stretch}.onboarding-actions{width:100%;flex-direction:column}.onboarding-actions button{width:100%}}.example-nav{background:#667eea0d;border-bottom:1px solid rgba(102,126,234,.2);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-nav-container{display:flex;gap:.5rem;padding:.75rem 1rem;max-width:1400px;margin:0 auto;overflow-x:auto}.example-nav-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500;white-space:nowrap}.example-nav-item i{font-size:1.1rem}.example-nav-item:hover{background:#667eea1a;color:#667eea}.example-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.example-nav-item.active:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}.example-nav-label{font-weight:500}@media (max-width: 768px){.example-nav-container{padding:.5rem;gap:.25rem;justify-content:space-around}.example-nav-item{flex-direction:column;gap:.25rem;padding:.5rem .75rem;flex:1;min-width:0}.example-nav-label{font-size:.75rem}.example-nav-item i{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.example-nav-container{gap:.25rem}.example-nav-item{padding:.5rem 1rem;font-size:.9rem}}.example-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.example-banner-content{display:flex;align-items:center;gap:1rem;color:#fff}.example-banner-content>i{font-size:2rem;opacity:.9}.example-banner-content>div{flex:1}.example-banner-content strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.example-banner-content p{margin:0;opacity:.9;font-size:.9rem}.example-banner-content .p-button{color:#fff;border-color:#fff}.example-banner-content .p-button:hover{background:#ffffff1a}@media (max-width: 768px){.example-banner{padding:1rem}.example-banner-content{flex-direction:column;align-items:flex-start;gap:.75rem}.example-banner-content>i{font-size:1.5rem}.example-banner-content strong{font-size:1rem}.example-banner-content p{font-size:.85rem}.example-banner-content .p-button{width:100%}}.app{height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.app-main{flex:1;padding:clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem);max-width:100vw;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;min-height:0}.app-main.with-docs-sidebar{max-width:calc(100vw - 280px)}@media (max-width: 768px){.app-main{padding:1rem .75rem 5rem}.app-main.with-docs-sidebar{max-width:100vw}}@media (max-width: 480px){.app-main{padding:.75rem .5rem 5rem}}.export-button.p-button{background:var(--primary-color)!important;border:none!important;padding:.75rem 1.25rem!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000001a!important}.export-button.p-button:hover:not(:disabled){background:var(--primary-600)!important;transform:translateY(-2px);box-shadow:0 4px 8px #00000026!important}.export-button.p-button:active{transform:translateY(0)}.export-button.p-button .p-button-icon{margin-right:.5rem}.clear-all-button.p-button{background:var(--red-500)!important;border:none!important;padding:.75rem 1.25rem!important;font-weight:500!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 2px 4px #dc262633!important}.clear-all-button.p-button:hover:not(:disabled){background:var(--red-600)!important;transform:translateY(-2px);box-shadow:0 4px 8px #dc26264d!important}.clear-all-button.p-button:active{transform:translateY(0)}.clear-all-button.p-button .p-button-icon{margin-right:.5rem}.dashboard-cta-button.p-button{background:var(--green-500)!important;border:none!important;padding:1rem 2rem!important;font-size:1.125rem!important;font-weight:600!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 4px 12px #22c55e4d!important}.dashboard-cta-button.p-button:hover:not(:disabled){background:var(--green-600)!important;transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66!important}.dashboard-cta-button.p-button:active{transform:translateY(0)}.dashboard-cta-button.p-button .p-button-icon{margin-left:.75rem;font-size:1.25rem}.p-menu{border:1px solid var(--surface-border)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:.5rem!important;min-width:180px}.p-menu .p-menuitem-link{padding:.75rem 1rem!important;border-radius:6px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:.75rem!important}.p-menu .p-menuitem-link:hover{background:var(--primary-50)!important;color:var(--primary-color)!important}.p-menu .p-menuitem-link:focus{box-shadow:none!important;outline:2px solid var(--primary-200)!important;outline-offset:-2px!important}.p-menu .p-menuitem-icon{font-size:1.125rem!important;color:var(--text-color-secondary)!important}.p-menu .p-menuitem-link:hover .p-menuitem-icon{color:var(--primary-color)!important}.p-menu .p-menuitem-text{font-size:.95rem!important;font-weight:500!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-12{left:3rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.top-2{top:.5rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-2{margin-top:-.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-\[400px\]{min-height:400px}.min-h-\[56px\]{min-height:56px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-20{min-width:5rem}.min-w-32{min-width:8rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[1800px\]{max-width:1800px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-green-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}.p-0{padding:0}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-orange-900{--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f7f9fb;color:#333;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden;max-width:100vw}#root{min-height:100vh;max-width:100vw;overflow:clip}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){button,.p-button,a{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:rgba(59,130,246,.1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@media (max-width: 768px){input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{font-size:16px!important}}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:w-32{width:8rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-auto{width:auto}.sm\:flex-initial{flex:0 1 auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:self-center{align-self:center}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[55\%_45\%\]{grid-template-columns:55% 45%}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}