.sidebar{background:#34495e;border-right:1px solid #2c3e50;color:#fff;padding:2rem 0;transition:width .3s;width:250px}.sidebar.closed{overflow:hidden;width:60px}.sidebar-nav{display:flex;flex-direction:column;gap:0}.sidebar-section-title{color:#bdc3c7;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem .5rem;text-transform:uppercase}.sidebar-item{color:#fff;display:block;padding:1rem 1.5rem;text-decoration:none;transition:background .2s;white-space:nowrap}.sidebar-item:hover{background:#2c3e50}.sidebar hr{border:none;border-top:1px solid #2c3e50;margin:1rem 0}@media (max-width:768px){.sidebar{height:calc(100vh - 60px);left:-250px;position:fixed;transition:left .3s;z-index:100}.sidebar.open{left:0}}.header{background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem}.sidebar-toggle:hover{opacity:.8}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.logo:hover{opacity:.9}.environment-badge{border:1px solid #ffffff80;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.2rem .45rem}.environment-dev{background:#f1c40f40;color:#f7dc6f}.environment-stg{background:#3498db40;color:#85c1e9}.header-nav{display:flex;gap:2rem}.nav-item{color:#fff;text-decoration:none;transition:opacity .2s}.nav-item:hover{opacity:.7}.header-right{align-items:center;display:flex;gap:1rem}.feedback-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.feedback-btn:hover{background:#2980b9}.logout-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.logout-btn:hover{background:#c0392b}@media (max-width:768px){.header-content{padding:0 1rem}.header-nav{font-size:.9rem;gap:1rem}.environment-badge{display:none}}.notification-center{display:flex;flex-direction:column;gap:.5rem;max-width:400px;position:fixed;right:1rem;top:80px;z-index:1000}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;justify-content:space-between;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.notification.success{background:#27ae60;color:#fff}.notification.error{background:#e74c3c;color:#fff}.notification.info{background:#3498db;color:#fff}.notification.warning{background:#f39c12;color:#fff}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:1rem;padding:0}.notification-close:hover{opacity:.7}.layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.layout-container{display:flex;flex:1 1}.main-content{background:#fff;flex:1 1;overflow-y:auto;padding:2rem}.main-content.with-sidebar{width:100%}@media (max-width:768px){.layout-container{flex-direction:column}.main-content{padding:1rem}}.financial-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1.5rem}.chart-title{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.income-chart,.spending-chart{grid-column:span 1}.comparison-chart{grid-column:1/-1}.chart-placeholder{color:#95a5a6;font-style:italic;padding:2rem;text-align:center}.empty-charts{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;color:#34495e;font-size:1.1rem;font-weight:500;grid-column:1/-1;padding:3rem;text-align:center}.chart-tooltip{background:#fff;border:1px solid #bdc3c7;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:.75rem}.tooltip-label{color:#34495e;font-size:.9rem;font-weight:600;margin:0 0 .25rem}.tooltip-value{color:#27ae60;font-size:.95rem;font-weight:700;margin:0}.recharts-surface{border-radius:6px}.recharts-text{font-family:inherit;font-size:.85rem}.recharts-pie-sector{transition:all .3s ease}.recharts-bar:hover,.recharts-pie-sector:hover{filter:brightness(1.1)}@media (max-width:1024px){.financial-charts{grid-template-columns:1fr}.comparison-chart{grid-column:1}}@media (max-width:768px){.financial-charts{gap:1.5rem}.chart-container{padding:1rem}.chart-title,.empty-charts{font-size:1rem}.empty-charts{padding:2rem 1rem}.recharts-text{font-size:.75rem}}.modal-content{box-shadow:0 4px 6px #0000001a;max-height:90vh}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{color:#333;font-size:20px}.modal-close{height:30px;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#f0f0f0}.transaction-form{padding:20px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{color:#333;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;margin-top:24px;padding-top:16px}.btn-cancel,.btn-delete,.btn-submit{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s}.btn-cancel{background-color:#f0f0f0;color:#333}.btn-cancel:hover{background-color:#e0e0e0}.btn-delete{background-color:#ff9800}.btn-delete:hover{background-color:#e68900}.btn-submit{background-color:#4caf50;color:#fff}.btn-submit:hover{background-color:#45a049}.asset-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.asset-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.asset-form{padding:20px}.liability-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.liability-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #eee;padding:20px}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s;width:40px}.close-btn:hover{background-color:#f0f0f0}.liability-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;padding:10px}.form-actions{border-top:1px solid #eee;gap:10px;padding-top:20px}.cancel-btn,.delete-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 16px;transition:all .2s}.submit-btn{background-color:#27ae60;color:#fff}.submit-btn:hover{background-color:#229954}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b}.cancel-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover{background-color:#7f8c8d}.assets-list{background:#fff;border-radius:8px;margin:16px 0;padding:16px}.assets-list.empty{color:#999;font-style:italic;padding:32px 16px;text-align:center}.asset-items{list-style:none;margin:0 0 16px;padding:0}.asset-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0;transition:background-color .2s}.asset-item:hover{background-color:#f9f9f9;border-radius:4px;margin:0 -8px;padding:12px 8px}.asset-item:last-child{border-bottom:none}.asset-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.asset-header{align-items:center;display:flex;gap:12px}.asset-type{background-color:#e8f4f8;border-radius:4px;color:#2c3e50;display:inline-block;font-size:.75rem;font-weight:600;min-width:60px;padding:4px 8px;text-transform:uppercase}.asset-description{color:#2c3e50;font-weight:500}.asset-acquired{color:#999;font-size:.85rem}.asset-value{align-items:center;display:flex;gap:12px;margin-left:16px}.amount{color:#27ae60}.assets-summary{border-top:2px solid #eee;color:#2c3e50;display:flex;font-weight:600;justify-content:space-between;padding-top:16px}.total-amount{color:#27ae60}.liabilities-list{background:#fff;border-radius:8px;margin:16px 0;padding:16px}.liabilities-list.empty{color:#999;font-style:italic;padding:32px 16px;text-align:center}.list-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 16px}.liability-items{list-style:none;margin:0 0 16px;padding:0}.liability-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0;transition:background-color .2s}.liability-item:hover{background-color:#fef5f5;border-radius:4px;margin:0 -8px;padding:12px 8px}.liability-item:last-child{border-bottom:none}.liability-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.liability-header{align-items:center;display:flex;gap:12px}.liability-type{background-color:#ffe8e8;border-radius:4px;color:#c0392b;display:inline-block;font-size:.75rem;font-weight:600;min-width:80px;padding:4px 8px;text-transform:uppercase}.liability-description{color:#2c3e50;font-weight:500}.liability-rate{color:#e74c3c;font-size:.85rem;font-weight:600}.liability-value{align-items:center;display:flex;gap:12px;margin-left:16px}.amount{color:#e74c3c;font-size:1.1rem}.liabilities-summary{border-top:2px solid #eee;color:#2c3e50;display:flex;font-weight:600;justify-content:space-between;padding-top:16px}.total-amount{color:#e74c3c;font-size:1.1rem}.transactions-list{background:#fff;border-radius:8px;margin:16px 0;padding:16px}.transactions-list.empty{color:#999;font-style:italic;padding:32px 16px;text-align:center}.transaction-section{border-bottom:2px solid #eee;margin-bottom:24px;padding-bottom:24px}.transaction-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.1rem;margin:0 0 16px}.section-title.income{color:#27ae60}.section-title.spending{color:#e74c3c}.transaction-items{list-style:none;margin:0 0 16px;padding:0}.transaction-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0;transition:background-color .2s}.transaction-item:hover{background-color:#f9f9f9;border-radius:4px;margin:0 -8px;padding:12px 8px}.transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.transaction-header{align-items:center;display:flex;gap:12px}.transaction-category{background-color:#f0f0f0;border-radius:4px;color:#2c3e50;display:inline-block;font-size:.75rem;font-weight:600;min-width:70px;padding:4px 8px;text-transform:uppercase}.transaction-description{color:#2c3e50;font-weight:500}.transaction-date{align-items:center;color:#999;display:flex;font-size:.85rem;gap:8px}.frequency-badge{background-color:#fff3cd;border-radius:3px;color:#856404;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.transaction-value{align-items:center;display:flex;gap:12px;margin-left:16px}.amount{font-size:1rem;font-weight:600;min-width:80px;text-align:right}.amount.income{color:#27ae60}.amount.spending{color:#e74c3c}.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background-color .2s}.edit-btn:hover{background-color:#f0f0f0}.transaction-summary{color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding-top:12px}.total-amount{font-size:1rem}.total-amount.income{color:#27ae60}.total-amount.spending{color:#e74c3c}.modal-overlay{background-color:#00000080}.onboarding-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.modal-close{color:#999;font-size:24px;position:absolute;right:16px;top:16px;transition:color .2s}.modal-close:hover{color:#333}.onboarding-step{text-align:center}.step-icon{display:block;font-size:60px;margin-bottom:20px}.onboarding-step h2{color:#2c3e50;font-size:28px;margin:0 0 16px}.step-description{color:#555;font-size:16px;line-height:1.6;margin-bottom:24px}.benefit-list{list-style:none;margin:0 0 24px;padding:0;text-align:left}.benefit-list li{align-items:center;color:#333;display:flex;font-size:15px;gap:12px;padding:10px 0}.benefit-list li:before{content:""}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:24px 0}.feature-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.feature-emoji{font-size:32px}.feature-text{color:#333;font-size:14px;font-weight:600}.step-note{color:#999;font-size:14px;font-style:italic;margin:16px 0 0}.upgrade-info{display:flex;flex-direction:column;gap:12px;margin:24px 0}.info-item{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:8px;padding:16px;text-align:left}.info-item.paid{border-left-color:#2196f3}.badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}.badge.free{background-color:#e8f5e9;color:#2e7d32}.badge.paid{background-color:#e3f2fd;color:#1565c0}.info-item strong{color:#2c3e50;display:block;font-size:16px;margin-bottom:4px}.info-item p{color:#666;font-size:13px;margin:8px 0 0}.onboarding-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:32px}.btn-next,.btn-prev{border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.btn-prev{background-color:#f0f0f0;color:#333}.btn-prev:hover:not(:disabled){background-color:#e0e0e0}.btn-prev:disabled{cursor:not-allowed;opacity:.5}.btn-next{background-color:#4caf50;color:#fff}.btn-next:hover{background-color:#45a049}.step-indicators{display:flex;flex:1 1;gap:8px;justify-content:center}.dot{background-color:#ddd;border-radius:50%;height:10px;transition:all .3s;width:10px}.dot.active{background-color:#4caf50;transform:scale(1.3)}@media (max-width:600px){.onboarding-modal{max-height:90vh;padding:24px}.step-icon{font-size:48px}.onboarding-step h2{font-size:24px}.features-grid{grid-template-columns:1fr}.onboarding-controls{flex-wrap:wrap}.btn-next,.btn-prev{flex:1 1;min-width:100px}}.financial-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content{flex:1 1;min-width:200px}.dashboard-header h1{color:#2c3e50;font-size:2rem;margin:0 0 .25rem}.dashboard-header .subtitle{color:#7f8c8d;font-size:.95rem;font-weight:400;margin:0}.period-selector{align-items:center;display:flex;gap:1rem}.nav-btn{background:#fff;border:2px solid #bdc3c7;border-radius:6px;color:#34495e;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{background:#ecf0f1;border-color:#3498db;transform:translateX(0);transform:translateX(var(--offset,0))}.prev-btn:hover{--offset:-2px}.next-btn:hover{--offset:2px}.nav-btn:active{transform:scale(.98)}.period-center{align-items:center;display:flex;flex-direction:column;gap:.75rem}.period-label{color:#34495e;font-size:1.1rem;font-weight:600;min-width:120px;text-align:center}.today-btn{background:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.today-btn:hover{background:#e67e22;transform:scale(1.05)}.today-btn:active{transform:scale(.98)}.period-buttons{display:flex;gap:.5rem}.period-btn{background:#fff;border:2px solid #bdc3c7;border-radius:6px;color:#34495e;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.period-btn:hover{background:#ecf0f1;border-color:#3498db}.period-btn.active{background:#3498db;border-color:#3498db;color:#fff}.summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card-header{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.1rem;font-weight:600;padding-bottom:.5rem}.net-position .card-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.metric{gap:.5rem}.metric-label{font-size:.9rem}.metric-divider{background:#ecf0f1;grid-column:1/-1;height:2px;margin:.5rem 0}.metric.total .metric-value{color:#3498db;font-size:1.8rem}.summary-cards-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.summary-card.income,.summary-card.net-monthly,.summary-card.spending{display:flex;flex-direction:column}.summary-card.income .card-header,.summary-card.net-monthly .card-header,.summary-card.spending .card-header{color:#2c3e50}.card-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.amount-large{color:#2c3e50;font-size:2rem;font-weight:700}.amount-large.positive{color:#27ae60}.amount-large.negative{color:#e74c3c}.transaction-count{color:#95a5a6;font-size:.85rem;font-weight:500}.net-label{color:#7f8c8d;font-size:.9rem;font-weight:500;margin-top:.5rem}.summary-card.net-monthly.positive{border-left:4px solid #27ae60}.summary-card.net-monthly.negative{border-left:4px solid #e74c3c}.breakdown-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.breakdown-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.breakdown-card .card-header{color:#2c3e50}.category-list{list-style:none;margin:0;padding:0}.category-item{border-bottom:1px solid #ecf0f1;font-size:.95rem;padding:.75rem 0}.category-item:last-child{border-bottom:none}.category-name{color:#34495e}.category-amount{font-size:1rem}.category-amount.positive{color:#27ae60}.category-amount.negative{color:#e74c3c}.empty-state{color:#95a5a6;font-size:.95rem;font-style:italic;padding:1rem 0}.quick-actions{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.income-btn{background:linear-gradient(135deg,#27ae60,#229954)}.income-btn:hover{box-shadow:0 6px 12px #27ae6066;transform:translateY(-2px)}.spending-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.spending-btn:hover{box-shadow:0 6px 12px #e74c3c66;transform:translateY(-2px)}.asset-btn{background:linear-gradient(135deg,#3498db,#2980b9)}.asset-btn:hover{box-shadow:0 6px 12px #3498db66;transform:translateY(-2px)}.liability-btn{background:linear-gradient(135deg,#f39c12,#d68910)}.liability-btn:hover{box-shadow:0 6px 12px #f39c1266;transform:translateY(-2px)}@media (max-width:768px){.financial-dashboard{padding:1rem}.dashboard-header,.period-selector{align-items:flex-start;flex-direction:column}.period-selector{width:100%}.period-center{align-items:center;display:flex;flex-direction:column;width:100%}.period-buttons{flex-wrap:wrap;justify-content:center;width:100%}.nav-btn{flex:1 1;min-width:80px}.summary-card{padding:1rem}.net-position .card-content{grid-template-columns:1fr}.amount-large{font-size:1.5rem}.quick-actions{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-btn{font-size:.85rem;padding:.75rem .5rem}}.upgrade-prompt-container{padding:1rem 0}.upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;padding:1.5rem;position:relative}.prompt-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:background .2s;width:32px}.prompt-close:hover{background:#ffffff4d}.prompt-icon{font-size:2.5rem;margin-bottom:.75rem}.prompt-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.prompt-message{font-size:1rem;margin:0 0 .5rem;opacity:.95}.prompt-description{font-size:.875rem;margin:0 0 1rem;opacity:.85}.prompt-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-dismiss,.btn-upgrade{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.btn-upgrade{background:#fff;color:#667eea}.btn-upgrade:hover{background:#f0f0f0;transform:translateY(-2px)}.btn-dismiss{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-dismiss:hover{background:#ffffff4d}@media (max-width:600px){.upgrade-prompt{padding:1rem}.prompt-actions{flex-direction:column}.btn-dismiss,.btn-upgrade{width:100%}}.category-manager{background:#f8f9fa;border-radius:8px;margin:0 auto;max-width:900px;padding:24px}.category-manager__header{margin-bottom:24px}.category-manager__header h2{color:#1a1a1a;font-size:24px;margin:0 0 16px}.category-manager__tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:12px}.category-manager__tab{background:none;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:color .2s ease}.category-manager__tab.active,.category-manager__tab:hover{color:#1abc9c}.category-manager__tab.active:after{background:#1abc9c;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.category-manager__content{display:flex;flex-direction:column;gap:32px}.category-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.category-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{margin:0}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preset-category{background:#f0f0f0;border:2px solid #0000;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.preset-category:hover:not(:disabled){background:#e8f5f0;border-color:#1abc9c;color:#1abc9c}.preset-category.added{background:#d4f1e9;border-color:#1abc9c;color:#1abc9c;font-weight:600}.preset-category:disabled{cursor:not-allowed;opacity:.6}.add-category-form{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.add-category-form input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:inherit;font-size:14px;min-width:150px;padding:10px 12px}.add-category-form input[type=text]:focus{border-color:#1abc9c;box-shadow:0 0 0 3px #1abc9c1a;outline:none}.color-input-group{align-items:center;display:flex;gap:8px}.color-input-group input[type=color]{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;padding:0;width:40px}.color-preview{border:1px solid #ddd;border-radius:4px;display:inline-block;height:24px;width:24px}.add-category-form button{background:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s ease}.add-category-form button:hover:not(:disabled){background:#16a085}.add-category-form button:disabled{background:#ccc;cursor:not-allowed}.btn-add-custom,.btn-delete{background:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:background .2s ease}.btn-add-custom:hover:not(:disabled){background:#16a085}.btn-add-custom:disabled{background:#ccc;cursor:not-allowed}.btn-delete{font-size:12px;padding:6px 12px}.btn-delete:hover:not(:disabled){background:#c0392b}.btn-delete:disabled{background:#ccc;cursor:not-allowed}.category-list{gap:8px}.category-item{border:1px solid #e0e0e0;padding:12px;transition:all .2s ease}.category-item:hover{background:#f0f0f0;border-color:#1abc9c}.category-item__info{align-items:center;display:flex;flex:1 1;gap:12px}.category-item__color{border:1px solid #ddd;border-radius:4px;display:inline-block;height:20px;width:20px}.category-item__name{color:#1a1a1a;font-size:14px;font-weight:500}.category-item__badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:11px;font-weight:600;margin-left:auto;margin-right:12px;padding:2px 8px}.empty-state{font-size:14px;padding:24px}@media (max-width:768px){.category-manager{padding:16px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.add-category-form{align-items:stretch;flex-direction:column}.add-category-form button,.add-category-form input[type=text]{width:100%}.color-input-group{justify-content:space-between;width:100%}.category-item{align-items:flex-start;flex-direction:column;gap:8px}.category-item__badge{margin-left:0;margin-right:0;margin-top:4px}.btn-delete{align-self:flex-end}}@media (max-width:480px){.category-manager__tabs{border-bottom:none;flex-direction:column}.category-manager__tab{border-bottom:2px solid #e0e0e0;padding:12px 0}.category-manager__tab.active:after{display:none}.category-manager__tab.active{border-bottom:2px solid #1abc9c}.category-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.preset-category{font-size:12px;padding:8px}}.subscription-manager{margin:0 auto;max-width:1200px;padding:2rem}.subscription-header{margin-bottom:2rem}.subscription-header h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:.5rem}.error-message{background-color:#fee;border-radius:.5rem;color:#c33;font-size:.95rem;margin-top:.5rem;padding:1rem}.current-subscription{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;margin-bottom:2rem;padding:1.5rem}.subscription-badge{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tier-name{font-size:1.3rem;font-weight:600}.status-badge{background-color:#ffffff4d;border-radius:1rem;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.expiry-info p{font-size:1rem;margin:.25rem 0}.expiry-date{font-size:.9rem;opacity:.9}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.pricing-card{background:#fff;border:2px solid #eee;border-radius:.75rem;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.pricing-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.pricing-card.current{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:#1a1a1a;font-size:1.3rem;margin:0}.current-plan-badge{background-color:#667eea;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.card-price{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.5rem}.price{color:#667eea;font-size:2rem;font-weight:700}.duration{color:#666;font-size:.9rem}.card-description{color:#666;font-size:.95rem;margin:.5rem 0 1rem}.features-list{list-style:none;margin:1rem 0 auto;padding:0}.features-list li{align-items:flex-start;color:#555;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.checkmark{color:#667eea;flex-shrink:0;font-weight:700}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.upgrade-button:hover:not(.disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.upgrade-button.disabled{cursor:not-allowed;opacity:.5}.subscription-faq{background:#f9f9f9;border-radius:.75rem;margin-top:2rem;padding:2rem}.subscription-faq h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:1.5rem}.faq-item{margin-bottom:1.5rem}.faq-item h4{color:#667eea;font-size:1rem;margin:0 0 .5rem}.faq-item p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.subscription-manager{padding:1rem}.pricing-grid{grid-template-columns:1fr}.card-header,.subscription-badge{gap:.5rem}.card-header,.card-price,.subscription-badge{align-items:flex-start;flex-direction:column}.price{font-size:1.5rem}}.export-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-width:500px;width:90%}.export-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:1.5rem}.export-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.export-close{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.export-close:hover{background:#ecf0f1}.export-body{flex:1 1;overflow-y:auto;padding:1.5rem}.export-section{margin-bottom:1.5rem}.section-title{color:#2c3e50;display:block;font-weight:600;margin-bottom:.75rem}.option-group{flex-direction:column}.option,.option-group{display:flex;gap:.75rem}.option{align-items:center;border-radius:4px;cursor:pointer;padding:.75rem;transition:background .2s}.option:hover{background:#f8f9fa}.option input[type=radio]{cursor:pointer;height:18px;width:18px}.option input[type=radio]:disabled,.option.disabled{cursor:not-allowed;opacity:.5}.option.disabled label{cursor:not-allowed}.option span{color:#2c3e50;font-weight:500}.export-info{background:#ecf0f1;border-radius:4px;margin:1rem 0;padding:1rem}.export-info p{color:#34495e;font-size:.875rem;line-height:1.5;margin:0}.export-footer{border-top:1px solid #ecf0f1;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-cancel,.btn-export{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-export{background:#3498db;color:#fff}.btn-export:hover:not(:disabled){background:#2980b9}.btn-export:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}@media (max-width:600px){.export-modal{max-width:none;width:95%}.export-body,.export-header{padding:1rem}.export-footer{flex-direction:column;padding:1rem}.btn-cancel,.btn-export{width:100%}}.period-reports{padding:2rem}.period-reports.empty{color:#999;padding:3rem;text-align:center}.reports-header{margin-bottom:2rem}.reports-header h2{color:#2c3e50;margin-bottom:1rem}.report-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.date-picker,.period-selector{align-items:center;display:flex;gap:.5rem}.date-picker label,.period-selector label{color:#34495e;font-weight:600}.date-picker input,.period-selector select{border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;padding:.5rem}.btn-export-report{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.btn-export-report:hover{background:#229954}.btn-export-report:active{transform:scale(.98)}.report-summary{background:#ecf0f1;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.summary-row{align-items:center;display:flex;justify-content:space-between}.summary-label{color:#34495e;font-weight:600}.summary-value{color:#2c3e50}.report-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.metric-card.income{border-left:4px solid #27ae60}.metric-card.spending{border-left:4px solid #e74c3c}.metric-card.net{border-left:4px solid #3498db}.metric-card.assets{border-left:4px solid #9b59b6}.metric-card.liabilities{border-left:4px solid #e67e22}.metric-card.position{border-left:4px solid #2980b9}.metric-label{color:#7f8c8d;font-size:.875rem;font-weight:600}.metric-value{color:#2c3e50;font-size:1.5rem}.metric-value.positive{color:#27ae60}.metric-value.negative{color:#e74c3c}.category-breakdown{background:#fff;border:1px solid #bdc3c7;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.category-breakdown h3{color:#2c3e50;margin-bottom:1rem}.category-list{display:flex;flex-direction:column;gap:.75rem}.category-item{align-items:center;background:#f8f9fa;border-left:3px solid #3498db;border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.category-name{color:#2c3e50;font-weight:500}.category-amount{color:#34495e;font-weight:600}@media (max-width:768px){.period-reports{padding:1rem}.report-controls{flex-direction:column}.report-metrics{grid-template-columns:1fr}}.recommendations-list{margin:0 auto;max-width:1200px;padding:20px}.recommendations-header{margin-bottom:30px}.recommendations-header h2{color:#333;font-size:28px;margin:0 0 5px}.recommendations-header .subtitle{color:#666;font-size:14px;margin:0}.recommendations-header .savings{color:#27ae60;font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#333;font-weight:600;min-width:70px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.filter-btn:hover{border-color:#4a90e2;color:#4a90e2}.filter-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.recommendations{display:flex;flex-direction:column;gap:16px}.recommendation-item{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #ddd;border-radius:8px;overflow:hidden;transition:all .2s}.recommendation-item:hover{box-shadow:0 4px 12px #0000001a}.recommendation-item.priority-high{background:#fff8f8;border-left-color:#ff6b6b}.recommendation-item.priority-medium{background:#fffbf5;border-left-color:orange}.recommendation-item.priority-low{background:#f8fdf9;border-left-color:#27ae60}.recommendation-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.title-section{flex:1 1}.recommendation-header h3{color:#333;font-size:16px;margin:0 0 8px}.category-badge{background:#e8f0ff;border-radius:14px;color:#4a90e2;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-section{align-items:center;display:flex;gap:10px}.state-badge{background:#f0f0f0;font-weight:500;white-space:nowrap}.priority-badge,.state-badge{border-radius:4px;font-size:12px;padding:6px 10px}.priority-badge{background:#ff6b6b;color:#fff;font-weight:600}.recommendation-item.priority-medium .priority-badge{background:orange}.recommendation-item.priority-low .priority-badge{background:#27ae60}.recommendation-body{padding:16px}.recommendation-body p{font-size:14px;line-height:1.5;margin:0 0 12px}.recommendation-body .description{color:#333}.recommendation-body .rationale{background:#4a90e20d;border-radius:4px;color:#666;padding:10px}.recommendation-body .rationale strong{color:#333}.metrics{background:#fafafa;border-radius:4px;display:flex;gap:20px;margin:12px 0;padding:12px}.metric{display:flex;flex-direction:column}.metric-label{color:#999;font-size:12px;font-weight:500;text-transform:uppercase}.metric-value{color:#27ae60;font-size:18px;font-weight:700}.action-items{margin:12px 0}.action-items strong{color:#333;display:block;font-size:13px;margin-bottom:8px}.action-items ol{color:#666;font-size:13px;margin:0;padding-left:20px}.action-items li{line-height:1.4;margin-bottom:6px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.tag{background:#d4e8ff;border-radius:12px;color:#2c5aa0;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.recommendation-footer{background:#fafafa;border-top:1px solid #f0f0f0;font-size:12px;padding:12px 16px}.timestamps{display:flex;gap:12px}.timestamp{color:#666}.no-recommendations{color:#999;padding:40px 20px;text-align:center}.no-recommendations p{margin:0 0 16px}.reset-button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.reset-button:hover{background:#2c5aa0}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}@media (max-width:768px){.filters{flex-direction:column;gap:15px}.filter-group{align-items:flex-start;flex-direction:column}.recommendation-header{flex-direction:column;gap:12px}.status-section{justify-content:flex-start;width:100%}.metrics{flex-direction:column;gap:8px}.recommendations-header h2{font-size:20px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#ecf0f1}.profile-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #bdc3c7;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.btn-cancel{background:#ecf0f1;color:#2c3e50}.btn-cancel:hover{background:#bdc3c7}.btn-save{background:#3498db;color:#fff}.btn-save:hover{background:#2980b9}.profiles-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.profiles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profiles-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.btn-create-profile{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.btn-create-profile:hover{background:#229954}.profiles-empty{background:#f8f9fa;border-radius:4px;color:#7f8c8d;padding:3rem 1rem;text-align:center}.profiles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-card{background:#f8f9fa;border-radius:8px;padding:1.5rem}.profile-card:hover{box-shadow:0 4px 12px #3498db1a}.profile-card.active{background:#f0fdf4}.profile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-card-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.profile-year{color:#7f8c8d;font-size:.9rem;margin:.5rem 0 0}.active-badge{background:#27ae60;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.profile-card-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit,.btn-select{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-select{background:#3498db;color:#fff;flex:1 1}.btn-select:hover:not(:disabled){background:#2980b9}.btn-select:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.btn-edit{background:#f39c12;color:#fff;padding:.5rem .75rem}.btn-edit:hover{background:#e67e22}.btn-delete{background:#e74c3c;color:#fff;padding:.5rem .75rem}.btn-delete:hover{background:#c0392b}@media (max-width:768px){.profiles-grid{grid-template-columns:1fr}.profiles-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-create-profile{width:100%}}.LocalStorageTest_container__t4MVw{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1000px;padding:40px 20px}.LocalStorageTest_container__t4MVw h1{color:#333;font-size:32px;margin-bottom:10px}.LocalStorageTest_container__t4MVw p{line-height:1.6}.LocalStorageTest_error__Mvh\+0{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px 16px}.LocalStorageTest_statsCard__BSY4b{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.LocalStorageTest_statsCard__BSY4b h2{color:#333;font-size:18px;margin:0 0 20px}.LocalStorageTest_statsGrid__M3uGc{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.LocalStorageTest_statItem__xc0B6{background:#f9f9f9;border-left:4px solid #007bff;border-radius:4px;padding:16px;text-align:center}.LocalStorageTest_statLabel__x\+KhU{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.LocalStorageTest_statValue__-iANx{color:#007bff;font-size:28px;font-weight:700}.LocalStorageTest_controlsSection__QLyNy{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.LocalStorageTest_controlsSection__QLyNy h2{color:#333;font-size:18px;margin:0 0 20px}.LocalStorageTest_buttonGroup__b\+AVu{display:flex;flex-wrap:wrap;gap:10px}.LocalStorageTest_button__zM8GY{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.LocalStorageTest_button__zM8GY:hover:not(:disabled){background-color:#0056b3}.LocalStorageTest_button__zM8GY:disabled{cursor:not-allowed;opacity:.6}.LocalStorageTest_buttonDanger__\+9Xvd{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.LocalStorageTest_buttonDanger__\+9Xvd:hover{background-color:#c82333}.LocalStorageTest_logsSection__IIHus{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.LocalStorageTest_logsSection__IIHus h2{color:#333;font-size:18px;margin:0 0 20px}.LocalStorageTest_logContainer__6h6dD{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:12px}.LocalStorageTest_logEntry__xM9ee{color:#333;margin-bottom:4px;word-break:break-word}.LocalStorageTest_logEntry__xM9ee:last-child{margin-bottom:0}.LocalStorageTest_footer__w2beL{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;color:#004085;font-size:14px;line-height:1.5;padding:16px}.LocalStorageTest_footer__w2beL p{margin:0}@media (max-width:600px){.LocalStorageTest_container__t4MVw{padding:20px 10px}.LocalStorageTest_statsGrid__M3uGc{grid-template-columns:1fr}.LocalStorageTest_buttonGroup__b\+AVu{flex-direction:column}.LocalStorageTest_buttonDanger__\+9Xvd,.LocalStorageTest_button__zM8GY{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{font-size:1rem;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{margin:0 auto;max-width:1200px}h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}h2{color:#34495e;font-size:1.8rem;margin:2rem 0 1rem}button{font-family:inherit;font-size:1rem}.btn,button{cursor:pointer}.btn{border:none;border-radius:4px;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.error-boundary{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:2rem;padding:2rem;text-align:center}.error-reset-btn{background:#721c24;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.dashboard-section{background:#f9f9f9;border-left:4px solid #3498db;border-radius:4px;margin:2rem 0;padding:1.5rem}.profiles-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.profile-card{background:#fff;border:2px solid #ecf0f1;border-radius:4px;cursor:pointer;padding:1rem;transition:all .2s}.profile-card:hover{border-color:#3498db;box-shadow:0 2px 8px #0000001a}.profile-card.active{background:#ecf9f0;border-color:#27ae60}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.action-btn:hover{background:#2980b9}.home-page{padding:3rem 1rem;text-align:center}.home-cta{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.features{margin:3rem 0;text-align:left}.features ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin-top:1rem}.features li{padding:1rem}.features li,.settings-section{background:#f9f9f9;border-left:4px solid #3498db;border-radius:4px}.settings-section{margin:2rem 0;padding:1.5rem}.setting-item{background:#fff;border-radius:4px;margin:1rem 0;padding:1rem}.setting-item label{display:block;font-weight:600;margin-bottom:.5rem}.not-found-page{padding:4rem 1rem;text-align:center}.not-found-page a{margin-top:1rem}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.4rem}.features ul,.profiles-list{grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-btn,.btn{text-align:center;width:100%}}
/*# sourceMappingURL=main.ee258763.css.map*/