@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg:#0d0f14;--surface:#13161e;--surface2:#1a1e29;--surface3:#222840;--border:#ffffff12;--accent:#7c6af7;--accent2:#4fd1c5;--accent3:#f6ad55;--green:#68d391;--red:#fc8181;--text:#e8eaf2;--text2:#8892a4;--text3:#5a637a;--radius:16px;--radius-sm:10px;--shadow:0 8px 32px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{background:#0d0f14;background:var(--bg);color:#e8eaf2;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#222840;background:var(--surface3);border-radius:3px}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:#13161e;background:var(--surface);border-right:1px solid #ffffff12;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:1.5rem 1rem;position:sticky;top:0;width:260px}.sidebar-logo{align-items:center;color:#7c6af7;color:var(--accent);display:flex;font-family:"DM Serif Display",serif;font-size:1.5rem;gap:.5rem;padding:.5rem .75rem 1.5rem}.sidebar-logo span{color:#e8eaf2;color:var(--text)}.sidebar-user{align-items:center;background:#1a1e29;background:var(--surface2);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem}.sidebar-copyright{border-top:1px solid #ffffff12;border-top:1px solid var(--border);color:#5a637a;color:var(--text3);display:flex;flex-direction:column;font-size:.72rem;gap:.2rem;margin-top:.5rem;padding:.75rem}.sidebar-copyright strong{color:#8892a4;color:var(--text2)}.avatar{align-items:center;background:linear-gradient(135deg,#7c6af7,#4fd1c5);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:38px;justify-content:center;width:38px}.user-info{flex:1 1;min-width:0}.user-name{font-size:.9rem;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#8892a4;color:var(--text2);font-size:.75rem}.nav-label{color:#5a637a;color:var(--text3);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;margin-top:.5rem;padding:0 .75rem;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#8892a4;color:var(--text2);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#1a1e29;background:var(--surface2);color:#e8eaf2;color:var(--text)}.nav-item.active{background:#7c6af71f;color:#7c6af7;color:var(--accent)}.nav-icon{font-size:1.1rem;text-align:center;width:22px}.sidebar-bottom{margin-top:auto;padding-top:1rem}.logout-btn{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#5a637a;color:var(--text3);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.9rem;gap:.75rem;padding:.75rem;transition:all .2s;width:100%}.logout-btn:hover{background:#fc818114;color:#fc8181;color:var(--red)}.main-content{animation:fadeIn .3s ease;background:radial-gradient(ellipse at 80% 10%,#7c6af712 0,#0000 50%),#0d0f14;background:radial-gradient(ellipse at 80% 10%,#7c6af712 0,#0000 50%),var(--bg);flex:1 1;overflow-y:auto;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.page-header{margin-bottom:2rem}.page-header h1{font-family:"DM Serif Display",serif;font-size:2rem;line-height:1.2}.page-header p{color:#8892a4;color:var(--text2);font-size:.95rem;margin-top:.4rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#13161e;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.stat-card:before{border-radius:0 16px 0 100%;border-radius:0 var(--radius) 0 100%;content:"";height:80px;opacity:.12;position:absolute;right:0;top:0;width:80px}.stat-income:before{background:#68d391;background:var(--green)}.stat-expense:before{background:#fc8181;background:var(--red)}.stat-balance:before{background:#7c6af7;background:var(--accent)}.stat-savings:before{background:#4fd1c5;background:var(--accent2)}.stat-label{color:#8892a4;color:var(--text2);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.stat-icon{font-size:1.4rem;margin-bottom:.4rem}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:500;line-height:1}.stat-sub{color:#8892a4;color:var(--text2);font-size:.78rem;margin-top:.4rem}.stat-income .stat-value{color:#68d391;color:var(--green)}.stat-expense .stat-value{color:#fc8181;color:var(--red)}.stat-balance .stat-value{color:#7c6af7;color:var(--accent)}.stat-savings .stat-value{color:#4fd1c5;color:var(--accent2)}.two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.card{background:#13161e;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-family:"DM Serif Display",serif;font-size:1.2rem}.card-subtitle{color:#8892a4;color:var(--text2);font-size:.85rem;margin-bottom:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}@media (max-width:700px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.1rem}.form-label{color:#8892a4;color:var(--text2);display:block;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:.45rem;text-transform:uppercase}.form-input,.form-select{background:#1a1e29;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8eaf2;color:var(--text);font-family:DM Sans,sans-serif;font-size:.95rem;outline:none;padding:.78rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#7c6af7;border-color:var(--accent);box-shadow:0 0 0 3px #7c6af726}.form-select option{background:#1a1e29;background:var(--surface2)}.input-error{border-color:#fc8181!important;border-color:var(--red)!important}.field-error{color:#fc8181;color:var(--red);display:block;font-size:.8rem;margin-top:.3rem}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:#7c6af7;background:var(--accent);box-shadow:0 2px 12px #7c6af74d;color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:#1a1e29;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);color:#e8eaf2;color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:#7c6af7;border-color:var(--accent);color:#7c6af7;color:var(--accent)}.btn-danger{background:#fc81811a;border:1px solid #fc818133;color:#fc8181;color:var(--red)}.btn-danger:hover:not(:disabled){background:#fc818133}.btn-ghost{background:#0000;color:#8892a4;color:var(--text2)}.btn-ghost:hover{color:#e8eaf2;color:var(--text)}.btn-sm{font-size:.85rem;padding:.45rem .85rem}.btn-lg{font-size:1rem;padding:.95rem 1.75rem}.btn-icon-delete{background:#fc81811a;border:1px solid #fc818126;border-radius:8px;color:#fc8181;color:var(--red);cursor:pointer;font-size:.85rem;line-height:1;padding:.35rem .65rem;transition:all .2s}.btn-icon-delete:hover{background:#fc818140}.budget-delete{position:absolute;right:0;top:0}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.tx-item{align-items:center;background:#1a1e29;background:var(--surface2);border:1px solid #0000;border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:1rem;margin-bottom:.45rem;padding:.875rem 1rem;transition:all .2s}.tx-item:hover{background:#222840;background:var(--surface3);border-color:#ffffff12;border-color:var(--border)}.tx-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.tx-income{background:#68d3911f}.tx-expense{background:#fc81811f}.tx-info{flex:1 1;min-width:0}.tx-name{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{color:#8892a4;color:var(--text2);font-size:.78rem;margin-top:.15rem}.tx-amount{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;white-space:nowrap}.tx-amount-income{color:#68d391;color:var(--green)}.tx-amount-expense{color:#fc8181;color:var(--red)}.freq-pill{background:#7c6af71f;border-radius:20px;color:#7c6af7;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:500;margin-left:.4rem;padding:.15rem .5rem}.budget-item{margin-bottom:1.5rem;padding-right:2rem;position:relative}.budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.budget-cat{font-size:.9rem;font-weight:500}.budget-amounts{color:#8892a4;color:var(--text2);font-family:JetBrains Mono,monospace;font-size:.8rem}.progress-track{background:#222840;background:var(--surface3);border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;position:relative;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fill-safe{background:linear-gradient(90deg,#68d391,#48bb78);background:linear-gradient(90deg,var(--green),#48bb78)}.fill-warning{background:linear-gradient(90deg,#f6ad55,#ed8936);background:linear-gradient(90deg,var(--accent3),#ed8936)}.fill-danger{background:linear-gradient(90deg,#fc8181,#e53e3e);background:linear-gradient(90deg,var(--red),#e53e3e)}.budget-pct{font-size:.75rem;margin-top:.3rem;text-align:right}.pct-safe{color:#68d391;color:var(--green)}.pct-warning{color:#f6ad55;color:var(--accent3)}.pct-danger{color:#fc8181;color:var(--red)}.filters{display:flex;gap:.75rem;margin-bottom:1.25rem}.filters,.filters-wrap{flex-wrap:wrap}.filter-input,.filter-select{background:#1a1e29;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;color:#e8eaf2;color:var(--text);font-family:DM Sans,sans-serif;font-size:.875rem;outline:none;padding:.6rem .9rem;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#7c6af7;border-color:var(--accent)}.filter-input{flex:1 1;min-width:150px}.filter-wide{flex:2 1}.filter-select option{background:#1a1e29;background:var(--surface2)}.alert{border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.7rem 1rem}.alert-error{background:#fc81811a;border:1px solid #fc818133;color:#fc8181;color:var(--red)}.alert-success{background:#68d3911a;border:1px solid #68d39133;color:#68d391;color:var(--green)}.alert-info{background:#7c6af71a;border:1px solid #7c6af733;color:#7c6af7;color:var(--accent)}.badge{border-radius:20px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase}.badge-income{background:#68d39126;color:#68d391;color:var(--green)}.badge-expense{background:#fc818126;color:#fc8181;color:var(--red)}.badge-default{background:#222840;background:var(--surface3)}.badge-default,.empty-state{color:#8892a4;color:var(--text2)}.empty-state{padding:2.5rem 1rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state p{font-size:.9rem}.loader-wrap{display:flex;justify-content:center;padding:3rem}.loader-ring{animation:spin .7s linear infinite;border:3px solid #222840;border-top-color:#7c6af7;border:3px solid var(--surface3);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}.divider{background:#ffffff12;background:var(--border);height:1px;margin:1rem 0}.history-summary .summary-row{align-items:center;color:#8892a4;color:var(--text2);display:flex;flex-wrap:wrap;font-size:.875rem;gap:2rem}.auth-screen{align-items:center;background:radial-gradient(ellipse at 30% 20%,#7c6af726 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#4fd1c51a 0,#0000 60%),#0d0f14;background:radial-gradient(ellipse at 30% 20%,#7c6af726 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#4fd1c51a 0,#0000 60%),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{animation:slideUp .5s cubic-bezier(.16,1,.3,1);background:#13161e;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #7c6af714;box-shadow:var(--shadow),0 0 0 1px #7c6af714;max-width:440px;padding:3rem;width:100%}.auth-footer{color:#5a637a;color:var(--text3);font-size:.75rem;margin-top:2rem;text-align:center}.auth-footer strong{color:#8892a4;color:var(--text2)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{align-items:center;color:#7c6af7;color:var(--accent);display:flex;font-family:"DM Serif Display",serif;font-size:2rem;gap:.5rem;margin-bottom:.25rem}.auth-logo span{color:#e8eaf2;color:var(--text)}.auth-subtitle{color:#8892a4;color:var(--text2);font-size:.9rem;margin-bottom:2rem}.tabs{background:#1a1e29;background:var(--surface2);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:4px;margin-bottom:1.5rem;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#8892a4;color:var(--text2);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem;transition:all .2s}.tab-btn.active{background:#7c6af7;background:var(--accent);box-shadow:0 2px 12px #7c6af766;color:#fff}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{animation:slideUp .2s cubic-bezier(.16,1,.3,1);background:#13161e;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px #0006;box-shadow:var(--shadow);max-width:480px;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:"DM Serif Display",serif;font-size:1.4rem}.modal-close{background:none;border:none;color:#8892a4;color:var(--text2);cursor:pointer;font-size:1.4rem;line-height:1;transition:color .2s}.modal-close:hover{color:#e8eaf2;color:var(--text)}.mobile-menu-btn,.mobile-overlay{display:none}@media screen and (max-width:768px){.mobile-menu-btn{align-items:center;background:#1a1e29;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 15px #00000080;color:#e8eaf2;color:var(--text);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:fixed;right:1.5rem;top:1.5rem;transition:background .2s;width:48px;z-index:10001}.mobile-menu-btn:active{background:#222840;background:var(--surface3)}.mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:block;inset:0;position:fixed;z-index:9999}.sidebar{background:#13161e;background:var(--surface);box-shadow:10px 0 30px #00000080;height:100vh;left:-320px;position:fixed;top:0;transition:left .3s cubic-bezier(.16,1,.3,1);width:280px;z-index:10000}.sidebar.open{left:0}.app-shell{flex-direction:column}.main-content{padding:6rem 1rem 2rem;width:100%}.stats-grid{gap:1rem}.stats-grid,.two-col{grid-template-columns:1fr}.history-container,.table-wrapper{overflow-x:auto;width:100%}.form-row,form{flex-direction:column;width:100%}.auth-card{margin:1rem auto;padding:2rem 1.5rem;width:92%}}
/*# sourceMappingURL=main.868295c6.css.map*/