:root{--bg-dark:#0d0f14;--bg-card:#141720;--bg-surface:#1a1e2a;--border:rgba(255,255,255,0.06);--green:#3ecf62;--green-dim:rgba(40,167,69,0.1215686275);--red:#f05464;--red-dim:rgba(220,53,69,0.1215686275);--blue:#007bff;--blue-dim:rgba(0,123,255,0.1215686275);--text:#e8eaf0;--muted:#b0b8c8;--radius:16px}*{border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text);font-family:"Cairo",sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.wrapper{position:relative;z-index:1}header .brand-title{font-weight:900;font-size:1.75rem;letter-spacing:-0.5px}header .brand-subtitle{font-size:0.88rem;background-image:linear-gradient(-45deg,#fed,#efd,#def);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden;-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s,-webkit-transform 0.25s}.stat-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px}.stat-card.income:before{background:var(--green)}.stat-card.expense:before{background:var(--red)}.stat-card.balance:before{background:var(--blue)}.stat-card .icon-wrap{width:44px;height:44px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem;margin-bottom:14px}.stat-card.income .icon-wrap{background:var(--green-dim);color:var(--green)}.stat-card.expense .icon-wrap{background:var(--red-dim);color:var(--red)}.stat-card.balance .icon-wrap{background:var(--blue-dim);color:var(--blue)}.stat-card .stat-label{color:var(--muted);font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.stat-card .stat-value{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700;letter-spacing:-0.5px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.panel .panel-title{font-size:1.15rem;font-weight:700}.form-label{font-size:0.82rem;font-weight:600;color:var(--text);margin-bottom:6px}.form-control,.form-select{background:var(--bg-surface);border:1px solid var(--border);color:var(--muted)!important;padding:11px 14px;border-radius:10px;font-size:0.9rem}.form-control::-moz-placeholder,.form-select::-moz-placeholder{color:var(--muted)!important}.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder{color:var(--muted)!important}.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder{color:var(--muted)!important}.form-control::-ms-input-placeholder,.form-select::-ms-input-placeholder{color:var(--muted)!important}.form-control::placeholder,.form-select::placeholder{color:var(--muted)!important}.form-control:focus,.form-select:focus{background:var(--bg-surface);border-color:rgba(0,123,255,0.4);-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.1);box-shadow:0 0 0 3px rgba(0,123,255,0.1)}.btn-add{background:var(--text);color:var(--bg-dark);border:none;width:100%;padding:12px;border-radius:10px;font-weight:700;font-size:0.9rem;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.btn-add:hover{opacity:0.9}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-wrap .table-header{padding:20px 24px;border-bottom:1px solid var(--border);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.table-wrap .table-header-title{font-weight:700;font-size:1.05rem}.table-wrap .table-header .badge-count{background:var(--bg-surface);border:1px solid var(--border);padding:4px 10px;border-radius:20px;font-size:0.75rem;color:var(--muted);font-weight:600}.table{margin-bottom:0}.table thead th{background:var(--bg-card);color:var(--muted);font-size:0.78rem;font-weight:700;text-transform:uppercase;padding:16px 24px;border-bottom:1px solid var(--border)!important}.table tbody td{background:var(--bg-card);color:var(--text);padding:18px 24px;vertical-align:middle;font-size:0.92rem;border-bottom:1px solid rgba(255,255,255,0.02)!important}.table tbody tr:last-child td{border-bottom:none!important}.badge-type{padding:4px 12px;border-radius:20px;font-size:0.78rem;font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.type-income{background:var(--green-dim);color:var(--green)}.type-expense{background:var(--red-dim);color:var(--red)}.amount-income{color:var(--green);font-weight:700}.amount-expense{color:var(--red);font-weight:700}.btn-del{background:var(--red-dim);color:var(--red);border:none;border-radius:8px;padding:5px 10px;font-size:0.8rem;cursor:pointer;-webkit-transition:background 0.2s;transition:background 0.2s}.btn-del:hover{background:rgba(220,53,69,0.25)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state i{font-size:2.5rem;opacity:0.3;display:block;margin-bottom:14px}.empty-state p{font-size:0.9rem;line-height:1.5}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1060;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.my-toast{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-left-width:4px;padding:14px 20px;border-radius:8px;font-size:0.88rem;font-weight:600;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-animation:toastIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards;animation:toastIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards}.lang-switch{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;-webkit-transition:0.2s;transition:0.2s}.lang-switch:hover{background:var(--border)}@-webkit-keyframes toastIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes toastIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:576px){.stat-value{font-size:1.5rem}.panel{padding:20px}}