@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--neon-green:#b4f8c8;--neon-red:#ff6b6b;--neon-blue:#4d96ff;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#ffffff1a;--border-highlight:#fff3;--glass-bg:#19191999;--glass-border:1px solid #ffffff0d;--glass-blur:blur(12px);--shadow-sm:0 4px 6px -1px #00000080;--shadow-md:0 10px 15px -3px #00000080;--shadow-neon-green:0 0 10px #b4f8c833;--shadow-neon-red:0 0 10px #ff6b6b33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px}.text-neon-green{color:var(--neon-green)}.text-neon-red{color:var(--neon-red)}.flex-center{justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-container{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=600px){.page-header{flex-direction:column;align-items:flex-start}.page-header button{width:100%}}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (width<=600px){.cards-grid{grid-template-columns:1fr;gap:16px}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideUp;position:relative;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-row{gap:16px;display:flex}@media (width<=600px){.form-row{flex-direction:column;gap:16px}}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:14px}.form-input{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:12px;width:100%;padding:12px;font-family:inherit;transition:border-color .2s}.form-input:focus{border-color:var(--neon-blue);outline:none}.table-responsive{background:#ffffff05;border-radius:16px;width:100%;overflow-x:auto}@media (width<=768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (width<=768px){.show-mobile{display:block!important}}@media (width<=600px){h2{font-size:20px!important}h3{font-size:16px!important}}.mobile-nav{-webkit-backdrop-filter:blur(20px);border-top:var(--glass-border);z-index:1000;background:#0f0f0fd9;justify-content:space-around;align-items:center;height:70px;padding:0 10px 10px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-item.active{color:var(--neon-green)}.mobile-nav-item svg{transition:transform .3s}.mobile-nav-item.active svg{transform:translateY(-2px)}.mobile-nav-add{background:var(--neon-green);color:var(--bg-primary);border:4px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-30px;display:flex;box-shadow:0 4px 15px #b4f8c866}.mobile-nav-item.active .mobile-nav-add{box-shadow:0 0 20px #b4f8c899}@media (width<=768px){.mobile-nav{display:flex}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:20px;transition:transform .2s,box-shadow .2s}.glass-card:hover{box-shadow:var(--shadow-neon-green);transform:translateY(-2px)}.app-layout{background-color:var(--bg-primary);background:radial-gradient(circle at top right, #1a2a22 0%, var(--bg-primary) 50%), radial-gradient(circle at bottom left, #2a1a1a 0%, var(--bg-primary) 50%);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:var(--glass-border);flex-direction:column;width:260px;padding:24px;display:flex}@media (width<=768px){.sidebar{display:none}}.sidebar-logo{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:40px;font-size:20px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--neon-green);background:#b4f8c81a}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a80;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}@media (width<=768px){.topbar{height:70px;padding:0 20px}}.topbar-actions{align-items:center;gap:20px;display:flex}.user-profile{background:var(--bg-secondary);border:var(--glass-border);border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex}.page-content{flex:1;padding:40px;overflow-y:auto}@media (width<=768px){.page-content{padding:20px 20px 90px}}.neon-button{letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.neon-button.full-width{width:100%}.neon-button.variant-green{color:var(--neon-green);border:1px solid var(--neon-green);background:#b4f8c81a}.neon-button.variant-green:hover{background:var(--neon-green);color:var(--bg-primary);box-shadow:var(--shadow-neon-green)}.neon-button.variant-red{color:var(--neon-red);border:1px solid var(--neon-red);background:#ff6b6b1a}.neon-button.variant-red:hover{background:var(--neon-red);color:var(--bg-primary);box-shadow:var(--shadow-neon-red)}.neon-button.variant-blue{color:var(--neon-blue);border:1px solid var(--neon-blue);background:#4d96ff1a}.neon-button.variant-blue:hover{background:var(--neon-blue);color:var(--bg-primary);box-shadow:0 0 10px #4d96ff33}.neon-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.spending-thermometer{flex-direction:column;gap:16px;width:100%;display:flex}.thermometer-header{justify-content:space-between;align-items:center;display:flex}.thermometer-label{color:var(--text-secondary);font-size:14px;font-weight:500}.settings-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.settings-btn:hover{color:var(--text-secondary);background:#ffffff0d}.thermometer-content{align-items:center;gap:20px;display:flex}.progress-container{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{filter:drop-shadow(0 0 4px var(--status-color));transition:stroke-dashoffset .5s,stroke .5s}.percentage-display{flex-direction:column;align-items:center;display:flex;position:absolute}.percentage-value{color:var(--text-primary);font-size:18px;font-weight:700}.stats-display{flex-direction:column;gap:2px;display:flex}.current-amount{align-items:baseline;gap:4px;display:flex}.current-amount .currency{color:var(--text-muted);font-size:12px;font-weight:500}.current-amount .amount{color:var(--status-color);text-shadow:0 0 10px rgba(var(--status-color), .3);font-size:22px;font-weight:700}.limit-amount{color:var(--text-muted);font-size:12px}.sublabel{color:var(--text-muted);margin-top:4px;font-size:11px;font-style:italic}@media (width<=600px){.thermometer-content{gap:16px}.progress-container,.progress-ring{width:80px;height:80px}.current-amount .amount{font-size:20px}}.dashboard-layout{flex-direction:column;gap:24px;display:flex}.dashboard-header-bar{justify-content:space-between;align-items:center;padding:12px 24px;display:flex;border-radius:40px!important}.dashboard-grid{grid-template-columns:2fr 5fr 3fr;align-items:stretch;gap:24px;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr 2fr}.dashboard-grid>div:last-child{grid-column:1/-1;flex-direction:row!important}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>div:last-child{flex-direction:column!important}.dashboard-header-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:20px!important}}.dashboard-footer-row{align-items:stretch;gap:24px;display:flex}.calendar-column{flex-shrink:0;width:300px}.calendar-details-column{flex-shrink:0;width:320px;animation:.2s ease-out fadeIn}.recent-transactions-column{flex:1}@media (width<=1024px){.dashboard-footer-row{flex-direction:column}.calendar-column,.calendar-details-column{width:100%}}@media (width<=600px){.hide-on-mobile{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-table{border-collapse:collapse;text-align:left;width:100%}.dark-table th{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:16px 24px;font-size:12px;font-weight:500}.dark-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff05;padding:16px 24px;font-size:14px}.dark-table tbody tr:hover{background:#ffffff05}