@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}:root{--bg-base:#080c0e;--bg-card:#0f1519;--bg-card-hover:#141c21;--bg-elevated:#1a2228;--border:#1f2d35;--border-bright:#2a3d48;--green:#00c896;--green-dim:#00c89620;--green-glow:0 0 20px #00c89640;--red:#ff4d4d;--red-dim:#ff4d4d20;--text-primary:#e8edf0;--text-secondary:#7a9aaa;--text-muted:#3d5a6a;--gold:#f0b429;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--font-body:"Manrope", sans-serif}:root[data-theme=light]{--bg-base:#f0f2f5;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-elevated:#e8edf2;--border:#d1d9e0;--border-bright:#b0bec8;--green:#00a67e;--green-dim:#00a67e18;--green-glow:0 0 20px #00a67e30;--red:#d63031;--red-dim:#d6303118;--text-primary:#0d1117;--text-secondary:#3d5166;--text-muted:#7a8fa6;--gold:#c47f00;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--font-body:"Manrope", sans-serif}:root[data-theme=light] body,:root[data-theme=light] #root{background-color:var(--bg-base);color:var(--text-primary)}html,body,#root{background-color:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.green{color:var(--green)}.red{color:var(--red)}.muted{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--border-bright)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s forwards fadeUp}.btn{font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.btn-primary{background:var(--green);color:#080c0e}.btn-primary:hover{box-shadow:var(--green-glow);background:#00e0aa}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-primary)}.btn-danger{color:var(--red);background:0 0;border:1px solid #ff4d4d30}.btn-danger:hover{background:var(--red-dim)}.input{background:var(--bg-base);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s}.input:focus{border-color:var(--green)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.form-group{flex-direction:column;gap:.4rem;display:flex}.page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.nav-mobile{display:none}.nav-desktop{display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.date-short{display:none}.date-long{display:block}@media (width<=768px){.nav-mobile{display:flex}.nav-desktop{display:none!important}.page{padding:1.25rem 1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.date-short{display:block}.date-long{display:none}.page{padding-bottom:5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.modal-scroll{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.modal-scroll::-webkit-scrollbar{width:4px}.modal-scroll::-webkit-scrollbar-track{background:0 0}.modal-scroll::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}.modal-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.category-strip{scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.expense-amount-input{width:86px}@media (width<=400px){.expense-amount-input{width:70px}}.budget-layout{grid-template-columns:1fr 320px;align-items:start;gap:1.5rem;display:grid}.budget-layout>*{min-width:0}.budget-summary-col,.budget-summary-sticky{position:sticky;top:calc(56px + 1.5rem)}@media (width<=768px){.budget-layout{grid-template-columns:1fr}.budget-summary-col{order:-1;position:static}}.quick-add-fab{background:var(--green);color:#000;cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;font-weight:300;line-height:1;transition:transform .15s,box-shadow .15s;display:none;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00c89660}.quick-add-fab:active{transform:scale(.93);box-shadow:0 2px 10px #00c89640}.bottom-sheet-backdrop{z-index:201;background:#000b;position:fixed;inset:0}.bottom-sheet{background:var(--bg-card);border-top:1px solid var(--border);z-index:202;pointer-events:none;border-radius:16px 16px 0 0;max-height:85vh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.bottom-sheet--open{pointer-events:all;transform:translateY(0)}.bottom-sheet-handle{background:var(--border-bright);border-radius:2px;width:36px;height:4px;margin:.75rem auto 0}.bottom-sheet-content{padding:1rem 1.25rem 2rem}.bottom-sheet-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin-bottom:1.25rem;font-size:.75rem}.bottom-sheet-group{margin-bottom:1.25rem}.bottom-sheet-section-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem;font-size:.65rem}.bottom-sheet-category-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);font-family:var(--font-body);text-align:left;background:0 0;align-items:center;gap:.75rem;padding:.85rem 0;font-size:.9rem;transition:background .1s;display:flex}.bottom-sheet-category-row:last-child{border-bottom:none}.bottom-sheet-category-row:active{background:var(--bg-elevated)}.bottom-sheet-category-chevron{color:var(--text-muted);margin-left:auto;font-size:1.1rem}.bottom-sheet-back{color:var(--green);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.8rem;display:block}@media (width<=768px){.quick-add-fab{display:flex}.bottom-sheet input,.bottom-sheet select,.bottom-sheet textarea,.profile-setup-modal input,.profile-setup-modal select,.profile-setup-modal textarea,.auth-page input,.auth-page select,.auth-page textarea{font-size:16px!important}}@keyframes payday-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:1000px 100%;border-radius:6px;animation:1.8s infinite shimmer}.empty-state{color:var(--text-muted);font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.85rem;display:flex}.dashboard-payday{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}@media (width<=768px){.dashboard-payday{align-items:flex-start}}.debt-summary-strip-grid{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;display:grid;overflow:hidden}.debt-summary-strip-grid>:not(:last-child){border-right:1px solid var(--border)}.debt-card-header{cursor:pointer;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:2rem;padding:1.1rem 1.5rem;transition:background .15s;display:grid}.debt-stats-grid{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;display:grid;overflow:hidden}.debt-stats-grid>:not(:last-child){border-right:1px solid var(--border)}.strategy-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tips-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.debt-list-row{background-color:var(--bg-card);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.debt-list-row-info{min-width:0;overflow:hidden}.debt-list-row-info>p:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.debt-summary-strip-grid{grid-template-columns:1fr 1fr}.debt-summary-strip-grid>:nth-child(2n){border-right:none}.debt-summary-strip-grid>:nth-child(-n+2){border-bottom:1px solid var(--border)}.debt-card-header{grid-template-columns:1fr auto auto auto;gap:.75rem;padding:.9rem 1rem}.debt-card-col-payment{display:none}.debt-stats-grid{grid-template-columns:1fr 1fr}.debt-stats-grid>:nth-child(2n){border-right:none}.debt-stats-grid>:nth-child(-n+2){border-bottom:1px solid var(--border)}.strategy-grid,.tips-grid{grid-template-columns:1fr}}.empty-state-icon{opacity:.4;font-size:2rem}