.sidebar-nav{box-sizing:border-box;z-index:1000;background-color:#eee;flex-direction:column;gap:15px;width:220px;height:100vh;padding:20px 15px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 5px #0000001a}.sidebar-nav.collapsed{width:70px;padding:20px 8px}.sidebar-header{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:10px;display:flex}.sidebar-nav.collapsed .sidebar-header{justify-content:center}.sidebar-title{color:#e01818;white-space:nowrap;font-size:1.3rem;font-weight:700}.toggle-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:.8rem;display:flex;box-shadow:0 1px 3px #0000001a}.sidebar-link{color:#333;text-align:left;white-space:nowrap;background-color:#fff;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.sidebar-link:hover{background-color:#1c66c7}.sidebar-nav.collapsed .sidebar-link{justify-content:center;gap:0;padding:10px 0}.nav-icon{font-size:1.2rem}.login-link{margin-top:auto}@media (width<=768px){.sidebar-nav{flex-flow:wrap;gap:10px;height:auto;padding:15px;position:relative;box-shadow:0 2px 5px #0000001a;width:100%!important}.toggle-btn{display:none}.sidebar-header{width:100%;margin-bottom:5px}.sidebar-link{flex:auto;justify-content:center;padding:10px;font-size:.9rem}.login-link{margin-top:0}}.app-container{flex-direction:row;width:100%;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex-grow:1;margin-left:220px;padding:30px;transition:margin-left .3s}.sidebar-nav.collapsed+.main-content{margin-left:70px}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding:20px;margin-left:0!important}}.calc-wrapper{background:#fff;border-radius:12px;max-width:400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 20px #0000000d}.calc-wrapper h2{color:#1f2937;margin-top:0;margin-bottom:20px;font-size:1.5rem}.calculator-box{background:#1e293b;border-radius:12px;padding:20px;box-shadow:inset 0 2px 4px #0000004d}.calc-screen{color:#10b981;text-align:right;white-space:nowrap;background:#0f172a;border-radius:8px;min-height:44px;margin-bottom:20px;padding:16px;font-family:Courier New,Courier,monospace;font-size:2.25rem;font-weight:700;overflow-x:auto;box-shadow:inset 0 2px 8px #00000080}.calc-buttons{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#334155;border:none;border-radius:8px;outline:none;padding:16px 0;font-size:1.25rem;font-weight:600;transition:all .15s}.btn:hover{background:#475569}.btn:active{transform:scale(.95)}.btn.operator{color:#fff;background:#f97316}.btn.operator:hover{background:#ea580c}.btn.actions{background:#64748b}.btn.actions:hover{background:#475569}.btn.zero{grid-column:span 2}.btn.equals{background:#2563eb;grid-area:span 2/4;height:100%}.btn.equals:hover{background:#1d4ed8}.emi-container{background:#fff;border-radius:8px;max-width:800px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.emi-container h2{color:#1f2937;margin-top:0;margin-bottom:24px}.emi-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=600px){.emi-grid{grid-template-columns:1fr}}.emi-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:20px}.input-group{margin-bottom:16px}.input-group label{color:#4b5563;margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.input-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:10px;font-size:1rem}.input-group input:focus{border-color:#2563eb;outline:none}.results{background:#f0fdf4;border-color:#bbf7d0;flex-direction:column;justify-content:center;display:flex}.result-item{margin-vertical:8px;color:#374151;justify-content:space-between;padding:6px 0;display:flex}.result-item.highlight{flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.result-item.highlight .label{color:#166534;font-size:.95rem}.result-item.highlight .value{color:#15803d;font-size:2rem;font-weight:700}.result-item .label{font-size:.875rem}.result-item .value{font-weight:600}hr{border:0;border-top:1px solid #bbf7d0;margin:12px 0}.expense-container{background:#fff;border-radius:12px;max-width:850px;margin:0 auto;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #0000000d}.expense-container h2{color:#1f2937;margin-top:0;margin-bottom:24px}.balance-card{text-align:center;margin-bottom:20px}.balance-label{letter-spacing:1px;color:#64748b;font-size:.8rem;font-weight:700}.balance-val{margin:4px 0 0;font-size:2.5rem;font-weight:800}.balance-val.positive{color:#10b981}.balance-val.negative{color:#ef4444}.ledger-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.ledger-panel{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ledger-panel h4{letter-spacing:.5px;color:#475569;margin:0 0 4px;font-size:.85rem}.ledger-panel p{margin:0;font-size:1.5rem;font-weight:700}.ledger-panel.income p{color:#10b981}.ledger-panel.expense p{color:#ef4444}.expense-content-grid{grid-template-columns:1.1fr .9fr;gap:32px;display:grid}@media (width<=768px){.expense-content-grid{grid-template-columns:1fr}}.history-section h3,.form-section h3{color:#334155;border-bottom:1px solid #f1f5f9;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:1.15rem}.transaction-list{flex-direction:column;gap:12px;max-height:380px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.transaction-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.transaction-item.plus{border-right:5px solid #10b981}.transaction-item.minus{border-right:5px solid #ef4444}.item-details{align-items:center;gap:12px;display:flex}.cat-icon{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:1.5rem;display:flex}.item-text{color:#1e293b;margin:0;font-size:.95rem;font-weight:600}.item-cat-label{color:#64748b;font-size:.75rem}.item-actions{align-items:center;gap:12px;display:flex}.item-amt{font-size:1rem;font-weight:700}.delete-btn{cursor:pointer;opacity:.3;background:0 0;border:none;padding:4px;font-size:.85rem;transition:opacity .2s}.transaction-item:hover .delete-btn{opacity:1}.empty-msg{text-align:center;color:#94a3b8;margin-top:20px;font-size:.9rem}.expense-form{flex-direction:column;gap:16px;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-toggle{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px;font-weight:600;transition:all .2s}.type-toggle.income.active{color:#15803d;background:#dcfce7;border-color:#22c55e}.type-toggle.expense.active{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.form-group input,.form-group select{border:1px solid #cbd5e1;border-radius:6px;padding:10px 14px;font-size:.95rem}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-top:8px;padding:12px;font-weight:600;transition:background .2s}.submit-btn:hover{background:#1d4ed8}
