@layer base{:root{--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}.dark{--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}}#main-section{-webkit-user-select:none;user-select:none;width:100%;height:100%}.budget-allocation-container{max-height:450px;padding:20px;overflow-y:auto}.budget-allocation-item{margin-bottom:16px}.budget-allocation-header{align-items:center;margin-bottom:8px;display:flex}.category-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}.category-details{flex:1}.category-name{color:var(--text-primary);font-weight:500;display:block}.category-amount{color:var(--text-secondary);font-size:14px}.category-percentage{color:var(--primary);font-size:16px;font-weight:600}.budget-progress-bg{background-color:var(--tab-background);border-radius:4px;height:8px;overflow:hidden}.budget-progress-bar{border-radius:4px;height:100%;transition:width 1s ease-in-out}.insights-container{padding:16px 24px}.insight-item{background-color:#ffffff63;border-radius:12px;align-items:flex-start;margin-bottom:16px;padding:16px;transition:transform .3s,box-shadow .3s;display:flex}.insight-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.insight-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.insight-content{flex:1}.insight-content h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.insight-content p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.quick-entry-form{background-color:var(--hover-background);border-radius:12px}.quick-entry-inputs{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (max-width:768px){.quick-entry-inputs{grid-template-columns:1fr}}.quick-entry-field label{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.quick-entry-input{background-color:var(--card-background);color:var(--text-primary);border-radius:6px;padding:10px;font-size:14px}.quick-entry-btn{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-weight:600;transition:all .3s}.quick-entry-btn:hover{opacity:.9;transform:translateY(-2px)}.dark-mode .insight-item,.dark-mode .quick-entry-form{background-color:var(--card-background)}.dashboard-card{background:var(--card-background);border-radius:var(--border-radius);transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #0000001a}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.dashboard-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dashboard-card-header h2{color:var(--text-primary);align-items:center;margin:0;font-size:18px;font-weight:600;display:flex}.dashboard-card-icon{width:20px;height:20px;color:var(--primary);margin-right:8px}.dashboard-card-link{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.dashboard-card-link:hover{text-decoration:underline}.chart-container{padding:16px}.bills-list{padding:0}.bill-item{border-bottom:1px solid var(--border-color);padding:16px 24px;transition:background-color .2s}.bill-item:hover{background-color:#0000001a}.dark .bill-item:hover{background-color:#ffffff1a}.dark .bill-item:hover .bill-info span{color:#000}.bill-info{justify-content:space-between;margin-bottom:4px;display:flex}.bill-name{color:var(--text-primary);font-weight:500}.bill-due-date{color:var(--text-secondary);font-size:14px}.savings-goals{padding:16px 24px}.savings-goal{margin-bottom:16px}.savings-goal-header{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.savings-goal-name{color:var(--text-primary);font-weight:500}.savings-goal-amount{color:var(--text-secondary)}.savings-goal-progress-bg{background-color:var(--tab-background);border-radius:4px;height:8px;overflow:hidden}.savings-goal-progress-bar{border-radius:4px;height:100%;transition:width 1s ease-in-out}.dark-mode .dashboard-card{background-color:var(--card-background);box-shadow:0 4px 20px #0000004d}.dark-mode .dashboard-card-header{border-bottom-color:var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{animation:.5s ease-out fadeIn}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3),.stat-card:nth-child(4){animation-delay:.3s}.tab-button{position:relative;overflow:hidden}.tab-button:before{content:"";opacity:0;background:radial-gradient(circle,#fff3,#0000);width:100%;height:100%;transition:transform .5s,opacity .5s;position:absolute;top:0;left:0;transform:scale(0)}.tab-button:hover:before{opacity:1;transform:scale(1.5)}.tab-button.active:after{content:"";background:#fff;border-radius:3px;width:30%;height:3px;animation:2s infinite pulseWidth;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes pulseWidth{0%,to{width:30%}50%{width:40%}}.dashboard-action{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.dashboard-action:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.dashboard-action:active{transform:translateY(1px)}.swappable-dashboard-grid{grid-gap:20px;grid-template-columns:repeat(2,1fr);width:100%;display:grid}.full-width-card{grid-column:1/-1}@media (max-width:768px){.swappable-dashboard-grid{grid-template-columns:1fr}.dashboard-card{grid-column:1/-1}}.draggable-card{cursor:grab;transition:box-shadow .2s,transform .2s;position:relative}.draggable-card:active{cursor:grabbing}.draggable-card[draggable=true]{border:2px dashed #0000001a}.dark-mode .draggable-card[draggable=true]{border:2px dashed #ffffff1a}.drag-handle{color:#666;cursor:move;z-index:10;background-color:#0000001a;border-radius:0 0 4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex;position:absolute;top:0;left:0}.dark-mode .drag-handle{color:#ccc;background-color:#ffffff1a}.dashboard-card{padding-top:4px;transition:box-shadow .3s,transform .1s;position:relative;overflow:hidden}.header-actions{align-items:center;display:flex}.draggable-card[draggable=true]:hover{transform:translateY(-2px);box-shadow:0 0 10px #0000001a}.dark-mode .draggable-card[draggable=true]:hover{box-shadow:0 0 10px #ffffff1a}.chart-container{justify-content:center;align-items:center;display:flex}.dashboard-card{transition:all .2s}.layout-saved-toast{color:#fff;z-index:1000;background-color:#4caf50;border-radius:4px;padding:10px 20px;animation:.5s 2.5s forwards fadeOut;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 5px #0003}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.draggable-card.drag-over{background-color:#3498db0d;border:2px dashed #3498db}.dark-mode .draggable-card.drag-over{background-color:#3498db1a;border:2px dashed #3498db}.toggle-switch-wrapper .switch{width:2.75em;height:1.5em;font-size:12px;display:inline-block;position:relative}.toggle-switch-wrapper .switch input{opacity:0;width:0;height:0}.toggle-switch-wrapper .slider{cursor:pointer;background-color:#fff;border:1px solid #adb5bd;border-radius:30px;transition:all .4s;position:absolute;inset:0}.toggle-switch-wrapper .slider:before{content:"";background-color:#fff;border-radius:20px;width:1.1em;height:1.1em;transition:all .4s;position:absolute;bottom:.15em;left:.15em}.toggle-switch-wrapper input:checked+.slider{background-color:#007bff;border:1px solid #007bff}.toggle-switch-wrapper input:focus+.slider{box-shadow:0 0 1px #007bff}.toggle-switch-wrapper input:checked+.slider:before{background-color:#fff;transform:translate(1.2em)}