@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--accent-color:#3b82f6;--accent-hover:#2563eb;--jar-nec:#10b981;--jar-ffa:#f59e0b;--jar-lts:#8b5cf6;--jar-edu:#3b82f6;--jar-ply:#ec4899;--jar-giv:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.input-field{border:1px solid var(--glass-border);color:#fff;background:#0f172a99;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color)}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.layout-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.spinner{border:3px solid #ffffff1a;border-left-color:var(--accent-color);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jar-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.jar-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0006}.jar-lid{z-index:2;border:2px solid #ffffff4d;border-bottom:none;border-radius:6px 6px 0 0;width:90px;height:16px;margin:0 auto;position:relative;box-shadow:inset 0 3px 6px #fff6}.jar-body{background:#ffffff05;border:3px solid #ffffff4d;border-top:none;border-radius:0 0 24px 24px;width:110px;height:140px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff1a,0 5px 15px #0003}.jar-liquid{width:100%;transition:height 1s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;box-shadow:inset 0 5px 20px #fff3}.jar-liquid:before{content:"";filter:blur(1px);background:#ffffff4d;border-radius:50%;height:8px;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.jar-desc-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#0f172af2;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.75rem;transition:all .3s;position:absolute;top:-35px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 15px #00000080}.jar-desc-tooltip:after{content:"";border:5px solid #0000;border-top-color:#0f172af2;margin-left:-5px;position:absolute;top:100%;left:50%}.jar-card:hover .jar-desc-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (max-width:768px){.layout-container{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header>div{justify-content:space-between;width:100%}.month-controls-container{flex-direction:column;align-items:stretch!important}.month-controls-container select,.month-controls-container button{width:100%;margin-bottom:.5rem}.income-summary-card{flex-direction:column;gap:1.5rem;align-items:flex-start!important}.income-summary-card>div:last-child{text-align:center;width:100%}.modal-content{width:95%!important;max-width:100%!important;padding:1.5rem!important}.transaction-item{flex-direction:column;gap:1rem;align-items:flex-start!important}.transaction-item>div:last-child{justify-content:space-between;width:100%}h2{font-size:1.5rem!important}}