.expense-list-container{overflow-y:auto;padding:.8rem;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-imperial-red) black}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .3rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;background:#040303b1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:4px;margin-bottom:.5rem}.expense-item:active{background:#ffffff0d}.expense-info{flex:1;overflow:hidden;margin-right:.5rem}.expense-info h4{font-family:var(--font-display);font-size:.85rem;color:var(--color-imperial-white);letter-spacing:.05em;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-date{font-family:monospace;font-size:.65rem;color:var(--color-text-secondary)}.expense-amount{font-family:monospace;font-size:1.2rem;color:var(--color-imperial-red);text-align:right;white-space:nowrap}.expense-actions{display:flex;align-items:center;gap:.8rem;margin-left:.5rem}.btn-delete{background:transparent;border:none;cursor:pointer;color:#666;padding:.5rem;transition:color .2s}.btn-delete:active,.btn-delete:hover{color:var(--color-imperial-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;z-index:1000}.modal-content{background:#0a0a0a;border:1px solid var(--color-imperial-gray);box-shadow:0 0 50px #000c;width:90%;max-width:400px;padding:1.5rem;position:relative}.modal-content:before{content:"";position:absolute;top:-1px;left:-1px;width:15px;height:15px;border-top:2px solid var(--color-imperial-red);border-left:2px solid var(--color-imperial-red)}.modal-content:after{content:"";position:absolute;bottom:-1px;right:-1px;width:15px;height:15px;border-bottom:2px solid var(--color-imperial-red);border-right:2px solid var(--color-imperial-red)}.modal-content h2{color:var(--color-imperial-red);font-size:1.1rem;border-bottom:1px solid #333;padding-bottom:.8rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.7rem;color:var(--color-imperial-gray);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em}.form-group input{width:100%;background:#151515;border:1px solid #333;padding:.8rem;color:#fff;font-family:monospace;font-size:1rem}.form-group input:focus{border-color:var(--color-imperial-red)}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem}.btn-cancel{background:transparent;border:1px solid #333;color:#666;padding:.8rem 1rem;cursor:pointer;text-transform:uppercase;font-size:.75rem;flex:1}.btn-save{background:var(--color-imperial-red);border:none;color:#fff;padding:.8rem 1rem;cursor:pointer;text-transform:uppercase;font-weight:700;font-size:.75rem;letter-spacing:.1em;box-shadow:0 0 15px #ff001533;flex:2}@media (min-width: 768px){.modal-overlay{align-items:center;padding-top:0}.modal-content{padding:2rem}.btn-cancel,.btn-save{flex:initial;padding:.8rem 2rem}}.week-card{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);border-left:2px solid var(--color-imperial-red);padding:1.5rem 1rem;width:95%;height:90vh;max-height:800px;max-width:500px;margin:0 auto;position:relative;display:flex;flex-direction:column;box-shadow:0 0 30px #000000e6}.week-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--color-imperial-red);padding-bottom:.5rem;z-index:2}.week-title{font-size:1.1rem;color:var(--color-imperial-white);text-shadow:0 0 5px rgba(255,255,255,.3)}.week-status{font-size:.6rem;color:var(--color-imperial-red);border:1px solid var(--color-imperial-red);padding:.1rem .5rem;background:#ff00151a;letter-spacing:.1em}.balance-section{text-align:right;margin-bottom:1.5rem;z-index:2;position:relative;padding-right:.5rem}.balance-label{font-size:.7rem;color:var(--color-imperial-gray);letter-spacing:.2em;margin-bottom:.2rem;text-transform:uppercase}.balance-amount{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--color-imperial-white);line-height:1;text-shadow:0 0 15px rgba(255,255,255,.1)}.balance-amount.positive{color:var(--color-imperial-white)}.balance-amount.low{color:var(--color-imperial-red);text-shadow:0 0 20px var(--color-imperial-red);animation:alertPulse 2s infinite}@keyframes alertPulse{0%{opacity:1;text-shadow:0 0 20px var(--color-imperial-red)}50%{opacity:.8;text-shadow:0 0 10px var(--color-imperial-red)}to{opacity:1;text-shadow:0 0 20px var(--color-imperial-red)}}.initial-balance-input{background:transparent;border:none;border-bottom:1px solid var(--color-imperial-gray);color:var(--color-imperial-gray);text-align:right;font-family:var(--font-display);font-size:1rem;width:100px;transition:all .3s}.initial-balance-input:focus{border-color:var(--color-imperial-red);color:var(--color-imperial-white)}.card-content{flex:1;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);margin-bottom:1rem;position:relative;overflow:hidden}.add-expense-btn{background:var(--color-imperial-red);color:#fff;border:none;width:50px;height:50px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);position:absolute;bottom:1rem;right:1rem;box-shadow:0 0 20px #ff001566;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}.add-expense-btn:hover{transform:scale(1.1);background:#f34}@media (min-width: 768px){.week-card{padding:2rem;width:100%;margin:0 auto;border-left-width:4px}.week-title{font-size:1.5rem}.balance-amount{font-size:4.5rem}.add-expense-btn{width:60px;height:60px;right:-2rem;bottom:2rem}}.carousel-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.star-field{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.5;pointer-events:none}.carousel-track{display:grid;place-items:center;width:100%;height:100%;position:relative}.carousel-track>*{grid-area:1 / 1;width:100%;display:flex;justify-content:center}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#141414cc;border:1px solid #333;color:var(--color-imperial-gray);padding:1.5rem 1rem;cursor:pointer;z-index:20;transition:all .2s;width:50px;display:flex;justify-content:center;align-items:center}.carousel-nav-btn:hover{background:#222;color:var(--color-imperial-white);border-color:var(--color-imperial-white)}.carousel-nav-btn:active{background:var(--color-imperial-red);color:#fff;border-color:var(--color-imperial-red)}.carousel-nav-btn.prev{left:0;border-left:none;border-radius:0 4px 4px 0}.carousel-nav-btn.next{right:0;border-right:none;border-radius:4px 0 0 4px}.app-container{width:100%;height:100vh;position:relative}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--color-neon-cyan);font-family:var(--font-display);font-size:2rem;letter-spacing:.2em;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1;text-shadow:0 0 20px var(--color-neon-cyan)}to{opacity:.5}}:root{--color-bg: #050505;--color-panel: rgba(26, 26, 26, .4);--color-panel-light: #2a2a2a;--color-imperial-red: #ff0015;--color-imperial-white: #f0f0f0;--color-imperial-gray: #8899a6;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-alert: #ff4444;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--card-border-radius: 4px;--imperial-border: 1px solid rgba(255, 255, 255, .1);--imperial-glow: 0 0 15px rgba(255, 0, 21, .3);--glass-panel: rgba(20, 20, 20, .95)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);background-image:url(/background.png);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;color:var(--color-text-primary);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%}h1,h2,h3,h4,button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--color-imperial-red);border-radius:0}
