body{font-family:'Segoe UI',Tahoma,sans-serif;margin:0;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#333}.container{max-width:1200px;margin:40px auto;background:#fff;padding:10px 30px 30px 30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative}.tab-button{padding:10px 20px;border:none;cursor:pointer;background:#ddd;font-weight:700;border-radius:6px;margin:0 5px}.tab-button.active{background:#2a5298;color:#fff}input{width:100%;padding:6px;border-radius:6px;border:1px solid #ccc}select{width:102%;padding:6px;border-radius:6px;border:1px solid #ccc}.primary-btn{background:#2a5298;color:#fff;margin-top:20px}.secondary-btn{background:#ddd}td,th{border:1px solid #ccc;padding:6px;text-align:right}th{background-color:#f4f4f4}.line{border-top:4px solid #ccc;width:100%;margin:10px 0}.hamburger{position:absolute;top:20px;left:20px;font-size:26px;cursor:pointer;color:#666}.about-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:none;font-size:16px;cursor:pointer;padding:0;background:rgba(120,120,120,.15);color:#666;transition:all .2s ease}.about-btn:hover{background:rgba(120,120,120,.28);transform:scale(1.08)}.sub-tabs-container{border-bottom:2px solid #ccc}.sub-tab-button{padding:8px 16px;border:1px solid #ccc;border-bottom:none;cursor:pointer;background:#f4f4f4;font-weight:700;border-radius:6px 6px 0 0;margin-right:5px;transition:background .2s}.sub-tab-button:hover{background:#ddd}.sub-tab-button.active{background:#2a5298;color:#fff;border-color:#2a5298}.sub-tab-content{display:none;padding:20px;border:1px solid #ccc;border-top:none;background:#fafafa;border-radius:0 0 6px 6px}.side-menu{position:fixed;top:0;left:-340px;width:300px;height:100%;background:#fff;box-shadow:2px 0 15px rgba(0,0,0,.2);padding:20px;transition:left .3s ease;z-index:3000;overflow-y:auto}.account-item{padding:8px;background:#f4f4f4;margin-top:8px;cursor:pointer;border-radius:6px}.account-item:hover{background:#e0e0e0}.account-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f4f4f4;margin-top:10px;border-radius:6px}.account-row:hover{background:#e0e0e0}h2{text-align:center;margin-bottom:25px}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tab-content{display:none}.tab-content.active{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.grid-table{grid-column:1/-1}label{font-size:13px;font-weight:700}button{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:700}table{margin-top:30px;border-collapse:collapse;width:100%;font-size:14px}td:first-child,th:first-child{text-align:left}#forecastChart{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}#forecastChart.show{opacity:1;transform:translateY(0)}.about-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1000}.about-modal.show{opacity:1;pointer-events:auto}.about-dialog{width:min(520px,92vw);max-height:75vh;background:var(--card-bg,#fff);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .25s ease}.about-modal.show .about-dialog{transform:translateY(0)}.about-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.08)}.about-header h2{margin:0;font-size:18px}.about-close{border:none;background:0 0;font-size:18px;cursor:pointer;color:#000;opacity:.6}.about-close:hover{opacity:1}.about-content{padding:10px 18px;overflow-y:auto;line-height:1.5}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-thumb{background:rgba(140,140,140,.35);border-radius:4px}.sub-tab-content.active{display:block}.emoji-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.emoji-content{background:#fff;padding:20px;border-radius:10px;max-width:500px;max-height:400px;overflow-y:auto}#emojiGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;font-size:22px;cursor:pointer}#emojiGrid span:hover{transform:scale(1.3)}#expenseTable td:first-child{text-align:left}#depositTable td:first-child{text-align:left}.side-menu.open{left:0}.side-menu h3{margin-top:0}.side-menu button{width:100%;margin-top:10px}.account-name{flex:1;cursor:pointer}.delete-btn{background:0 0;border:none;font-size:16px;cursor:pointer;padding:4px 6px;line-height:1;width:50px!important}.delete-btn:hover{transform:scale(1.2)}.edit-btn{background:0 0;border:none;font-size:16px;cursor:pointer;padding:4px 6px;line-height:1;width:50px!important}.edit-btn:hover{transform:scale(1.2)}#expenseFormContainer{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease}#expenseFormContainer.open{max-height:1000px;opacity:1}#depositFormContainer{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease}#depositFormContainer.open{max-height:1000px;opacity:1}@keyframes goldGlowPulse{0%{box-shadow:0 0 0 rgba(255,215,0,0)}50%{box-shadow:0 0 35px rgba(255,215,0,.8)}100%{box-shadow:0 0 0 rgba(255,215,0,0)}}.chart-gold-glow{animation:goldGlowPulse 1.8s ease-in-out 3;border-radius:12px}#unsavedIndicator{position:fixed;top:20px;left:80px;background:rgba(255,215,0,.85);color:#000;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 0 10px rgba(255,215,0,.5);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease;transform:translateY(-10px);z-index:9999}#unsavedIndicator.show{opacity:1;transform:translateY(0)}#savedIndicator{position:fixed;top:20px;left:80px;text-align:center;background:rgba(4,201,20,.85);color:#000;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 0 10px rgba(4,201,20,.5);opacity:1;pointer-events:none;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(0);z-index:9999}#savedIndicator.fade-out{opacity:0;transform:translateY(-10px)}#savedIndicator.hidden{display:none}.slide-panel-right{position:fixed;top:0;right:-340px;width:300px;height:100vh;background:var(--card-bg,#fff);box-shadow:-2px 0 15px rgba(0,0,0,.2);transition:right .3s ease;display:flex;flex-direction:column;z-index:1200}.slide-panel-right.open{right:0}.panel-header{display:flex;justify-content:space-between;align-items:center}.expense-list{flex:1;overflow-y:auto}.expense-total{margin-bottom:40px;background:inherit;display:flex;justify-content:space-between}.expense-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f4f4f4;margin-top:10px;border-radius:6px}.expense-row span{font-size:14px}.expense-row:hover{background:#e0e0e0}.icon-btn{border:none;background:0 0;cursor:pointer;font-size:16px}.expense-form{border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:6px;transition:all .25s ease}.expense-form.hidden{display:none}.theme-switch{position:relative;display:inline-block;width:64px;height:32px;margin-bottom:10px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;cursor:pointer;background-color:#e4e4e7;border-radius:40px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.slider::before{content:"";position:absolute;height:26px;width:26px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:3}.theme-switch input:checked+.slider::before{transform:translateX(32px)}.theme-switch input:checked+.slider{background-color:#2563eb}.icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .25s ease}.icon svg{width:18px;height:18px;stroke-width:2.4}.theme-switch input:checked+.slider .sun{color:#f59e0b;opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(245,158,11,.65))}.theme-switch input:checked+.slider .moon{color:#9ca3af;opacity:.35;transform:scale(.85);filter:none}.theme-switch input:not(:checked)+.slider .moon{color:#7b7b7b;opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(255,255,255,.45))}.theme-switch input:not(:checked)+.slider .sun{color:#9ca3af;opacity:.35;transform:scale(.85);filter:none}body.dark{background:linear-gradient(135deg,#050505,#0b0b0c);color:#e4e4e7}body.dark .container{background:#111113;box-shadow:0 12px 45px rgba(0,0,0,.75)}body.dark .line{border-top:4px solid #2a2a2e;width:100%;margin:10px 0}body.dark h2,body.dark label{color:#e4e4e7}body.dark .tab-button{background:#3a3a3f;color:#c7c7cc}body.dark .tab-button.active{background:#2563eb;color:#fff}body.dark .hamburger{color:#fff}body.dark .about-btn{background:rgba(255,255,255,.12);color:#ddd}body.dark input,body.dark select{background:#0c0c0e;border:1px solid #2a2a2e;color:#e4e4e7}body.dark input:focus,body.dark select:focus{border-color:#2563eb;outline:0}body.dark .primary-btn{background:#2563eb}body.dark .secondary-btn{background:#3a3a3f;color:#c7c7cc}body.dark table{background:#111113;color:#e4e4e7}body.dark th{background:#1a1a1d}body.dark td,body.dark th{border:1px solid #2a2a2e}body.dark .sub-tabs-container{border-bottom:2px solid #2a2a2e}body.dark .sub-tab-button{background:#1a1a1d;border-color:#2a2a2e;color:#c7c7cc}body.dark .sub-tab-button:hover{background:#26262b}body.dark .sub-tab-button.active{background:#2563eb;border-color:#2563eb;color:#fff}body.dark .sub-tab-content{background:#0c0c0e;border-color:#2a2a2e}body.dark .side-menu{background:#111113;box-shadow:4px 0 30px rgba(0,0,0,.85)}body.dark .slide-panel-right{background:#111113;box-shadow:-4px 0 30px rgba(0,0,0,.85)}body.dark .account-item,body.dark .account-row{background:#1a1a1d}body.dark .account-item:hover,body.dark .account-row:hover{background:#26262b}body.dark .expense-item,body.dark .expense-row{background:#1a1a1d}body.dark .expense-item:hover,body.dark .expense-row:hover{background:#26262b}body.dark .emoji-modal{background:rgba(0,0,0,.82)}body.dark .emoji-content{background:#111113;color:#e4e4e7}body.dark .hamburger{color:#f4f4f5}body.dark #unsavedIndicator{background:rgba(255,200,40,.92);color:#111113;box-shadow:0 0 18px rgba(255,200,40,.65)}body.dark #savedIndicator{background:rgba(2,184,17,.92);color:#111113;box-shadow:0 0 18px rgba(2,184,17,.65)}body.dark ::-webkit-scrollbar{width:10px}body.dark ::-webkit-scrollbar-track{background:#080808}body.dark ::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:6px}body.dark ::-webkit-scrollbar-thumb:hover{background:#3a3a3f}body.dark .about-dialog{background:rgba(0,0,0,.82)}body.dark .about-header{background:rgba(0,0,0,.82);border-bottom:1px solid rgba(255,255,255,.08)}body.dark .about-close{color:#fff;opacity:.6}body.dark .about-content{background:rgba(0,0,0,.82)}