body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.add-header{display:flex;justify-content:space-between;margin-top:10px}.add-header button{margin:10px;padding:10px}.category{display:flex;flex:2 1;justify-content:end}.add-btn{background-color:blue;color:#fff;margin-left:0;width:100%}label{font-size:18px;font-weight:700;text-align:left!important}.add-expense-form input,.category-selector{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#000;font-size:16px;margin:10px 0;outline:none;padding:15px;width:100%}.category input{max-width:300px}.expense-card{background:#fff}.expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.expense-header h2{color:var(--primary-color);font-size:1.5rem;margin:0}.category-form{background:var(--light-bg);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.category-form .input-group{flex:1 1;margin-bottom:0}.category-input{background:#fff;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.category-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #304ffe1a;outline:none}.expense-form{display:flex;flex-direction:column;gap:1rem}.expense-form .input-group{margin-bottom:0}.category-selector{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}.category-selector:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #304ffe1a;outline:none}.submit-btn{margin-top:1rem}@keyframes submitPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.submit-btn:active{animation:submitPulse .2s ease}@media screen and (max-width:768px){.expense-header{align-items:flex-start;flex-direction:column;gap:16px}}@media screen and (max-width:480px){.expense-card{padding:16px}.submit-btn{padding:10px}.category-form{flex-direction:column}}:root{--primary-color:#1a237e;--secondary-color:#304ffe;--success-color:#00c853;--danger-color:#d50000;--warning-color:#ffd600;--text-color:#263238;--text-light:#546e7a;--text-white:#fff;--light-bg:#f5f7fa;--border-color:#eceff1;--shadow:0 2px 4px #00000014;--card-shadow:0 4px 6px #0000001f;--hover-shadow:0 8px 16px #00000029}body{background:linear-gradient(135deg,#f5f7fa,#e4e7eb);color:#263238;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh}.app-title{background-color:#fff;color:#1a237e;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0;padding:1rem;text-shadow:0 2px 4px #0000001a}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;padding:2rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 6px #0000001f;box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #00000029;box-shadow:var(--hover-shadow);transform:translateY(-4px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 1.5rem;transition:all .3s ease}.btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#304ffe,#1a237e);background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);color:#fff}.btn-danger{background:linear-gradient(135deg,#ff1744,#d50000);background:linear-gradient(135deg,#ff1744 0,var(--danger-color) 100%);color:#fff}.btn-success{background:linear-gradient(135deg,#00c853,#00796b);background:linear-gradient(135deg,var(--success-color) 0,#00796b 100%);color:#fff}.btn-success:hover{box-shadow:0 4px 8px #00800033;transform:translateY(-2px)}.input-group{margin-bottom:1.5rem}.input-group label{color:#263238;color:var(--text-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group select{background:#fff;border:2px solid #eceff1;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#263238;color:var(--text-color);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:#304ffe;border-color:var(--secondary-color);box-shadow:0 0 0 3px #304ffe1a;outline:none}.spinner-container{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner-container img{opacity:.7}@media screen and (max-width:768px){.dashboard-grid{grid-template-columns:1fr;padding:1rem}.app-title{font-size:2rem;margin-bottom:2rem}.card{border-radius:12px;padding:1.25rem}}@media screen and (max-width:480px){.app-title{font-size:1.75rem}.btn{font-size:.9rem;padding:8px 16px}}.badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.badge-success{background:#00c853;background:var(--success-color);color:#fff}.badge-danger{background:#d50000;background:var(--danger-color);color:#fff}.history-card{background:#fff}.history-title{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.month-list{display:flex;flex-direction:column;gap:1rem}.month-section{background:var(--light-bg);border-radius:12px;overflow:hidden;transition:all .3s ease}.month-section.expanded{box-shadow:var(--card-shadow)}.month-header{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.month-header:hover{background:var(--light-bg)}.month-header-content{align-items:center;display:flex;gap:.75rem}.month-icon{align-items:center;color:var(--text-light);display:flex;transition:transform .3s ease}.expanded .month-icon{color:var(--secondary-color)}.month-title{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.month-total{background:#304ffe1a;border-radius:20px;color:var(--secondary-color);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.expense-list{background:#fff;list-style:none;margin:0;padding:0}.expense-item{border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.expense-item:hover{background:var(--light-bg)}.expense-details{flex-grow:1;margin-right:1rem}.expense-purpose{color:var(--text-color);font-size:1rem;font-weight:500;margin:0}.expense-amount{color:var(--text-light);font-size:.9rem;font-weight:600;margin:.25rem 0 0}.expense-date{color:var(--text-light);display:block;font-size:.8rem;margin-top:.25rem}.delete-btn{align-items:center;background:#5554541a;border-radius:50%;color:var(--text-light);display:flex;height:36px;justify-content:center;opacity:1;padding:0;transition:all .3s ease;width:36px}.delete-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.1)}.expense-list{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.delete-btn{opacity:1}.expense-item,.month-header{padding:.75rem 1rem}}@media screen and (max-width:480px){.month-header{align-items:flex-start;gap:.5rem}.expense-item{gap:.75rem}.delete-btn{align-self:flex-end}}.expense-loading{font-size:1rem;padding:2rem}.empty-state,.expense-loading{background:var(--light-bg);border-radius:12px;color:var(--text-light);text-align:center}.empty-state{font-size:1.1rem;padding:3rem 1.5rem}.balance-card{background:linear-gradient(135deg,#1a237e,#304ffe);color:var(--text-white);overflow:hidden;position:relative}.balance-card:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.balance-header h2{font-size:1.75rem;font-weight:600;letter-spacing:.5px;margin:0}.currency-controls{align-items:center;display:flex;gap:1rem}.currency-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:1px solid #fff3;border-radius:8px;color:var(--text-white);cursor:pointer;font-size:1rem;min-width:100px;padding:.75rem}.currency-selector option{background:var(--light-bg);color:var(--text-color);padding:.5rem}.currency-selector:focus{border-color:#fff6;outline:none}.balance-input-group{align-items:center;display:flex;gap:.5rem}.balance-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--text-white);font-size:1rem;padding:.75rem 1rem;width:150px}.balance-input:focus{border-color:#fff6;outline:none}.balance-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.stat-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:1.5rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-label{font-size:.875rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.5px}.stat-value.positive{text-shadow:0 0 20px #69f0ae66}.stat-value.negative{text-shadow:0 0 20px #ff525266}.dm{display:none}@media screen and (max-width:768px){.balance-header{align-items:flex-start;flex-direction:column}.currency-controls{justify-content:space-between;width:100%}.balance-stats{grid-template-columns:1fr}}@media screen and (max-width:480px){.currency-controls{align-items:stretch;flex-direction:column}.balance-input-group{width:100%}.balance-input{flex-grow:1}}