@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--font-sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--body-bg:#191a1c;--bg-base:#202124;--bg-surface:#292a2d;--bg-card:#303134;--bg-card2:#3c4043;--bg-input:#202124;--primary:#8ab4f8;--primary-light:#aecbfa;--primary-dark:#1a73e8;--secondary:#8ab4f8;--accent:#8ab4f8;--positive:#81c995;--negative:#f28b82;--warning:#fdd663;--text:#e8eaed;--muted:#9aa0a6;--faint:#5f6368;--border:#3c4043;--border-bright:#5f6368;--btn-primary-bg:#8ab4f8;--btn-primary-text:#202124;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px 0 #00000059}[data-theme=light]{--font-sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--body-bg:#f1f3f4;--bg-base:#fff;--bg-surface:#f8f9fa;--bg-card:#fff;--bg-card2:#f1f3f4;--bg-input:#fff;--primary:#1a73e8;--primary-light:#1967d2;--primary-dark:#174ea6;--secondary:#1a73e8;--accent:#1a73e8;--positive:#1e8e3e;--negative:#d93025;--warning:#e37400;--text:#202124;--muted:#5f6368;--faint:#80868b;--border:#dadce0;--border-bright:#bdc1c6;--btn-primary-bg:#1a73e8;--btn-primary-text:#fff;--shadow-sm:0 1px 2px 0 #3c404326;--shadow-md:0 4px 16px #3c40431f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea,[contenteditable]{-webkit-user-select:text!important;user-select:text!important}html,body{background-color:var(--body-bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{background-color:var(--bg-base);flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.page,.page-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box;flex:1;overflow:hidden auto}.page-no-nav{padding-bottom:calc(32px + env(safe-area-inset-bottom,16px))!important}::-webkit-scrollbar{background:0 0;width:0}.bottom-nav{background:var(--bg-surface);z-index:90;transition:all .25s;position:fixed;box-sizing:border-box!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;display:flex!important}@media (width<=768px){#root{width:100%;max-width:100%;box-shadow:none;border:none}.page,.page-scroll{padding:16px 14px calc(76px + env(safe-area-inset-bottom,16px)) 14px!important}.bottom-nav{border-top:1px solid var(--border);width:100%;max-width:100%;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px)) 4px;border-bottom:none;border-left:none;border-right:none;border-radius:0;bottom:0;left:0;right:0;transform:none;box-shadow:0 -2px 12px #0000001a}.nav-item{gap:2px;padding:4px 6px;font-size:10px}}@media (width>=769px) and (width<=1024px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:820px;box-shadow:0 4px 30px #0003}.page,.page-scroll{padding:24px 24px calc(88px + env(safe-area-inset-bottom,16px)) 24px!important}.bottom-nav{border:1px solid var(--border);border-radius:20px;width:calc(100% - 48px);max-width:520px;padding:8px 16px;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}}@media (width>=1025px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1140px;box-shadow:0 0 50px #00000059}.page,.page-scroll{padding:32px 36px calc(96px + env(safe-area-inset-bottom,16px)) 36px!important}.bottom-nav{border:1px solid var(--border);border-radius:24px;width:560px;max-width:560px;padding:8px 24px;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #0000004d}}.responsive-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width>=1025px){.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.desktop-two-col{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;display:grid}}.balance-overview-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.balance-overview-grid .net-balance-card{grid-column:1/-1}@media (width>=900px){.balance-overview-grid{grid-template-columns:1.2fr 1fr 1fr;gap:16px}.balance-overview-grid .net-balance-card{grid-column:auto}}@media (width<=899px){.hide-on-mobile{display:none!important}}@media (width>=900px){.hide-on-desktop{display:none!important}}.glass{background:var(--bg-surface);border:1px solid var(--border)}.glass-bright{background:var(--bg-card2);border:1px solid var(--border);color:var(--text)}.gradient-text{color:var(--primary);font-weight:700}.animated-bg{background-color:var(--bg-base)}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px;transition:transform .1s,border-color .2s}.card:active{transform:scale(.99)}.input-field{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);font-size:15px;font-family:var(--font-sans);border-radius:8px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1a73e833}.input-field::placeholder{color:var(--faint)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;transition:all .2s;display:inline-flex}.btn-primary:active{opacity:.92;transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;transition:all .2s;display:inline-flex}.btn-secondary:active{background:var(--bg-card2);transform:scale(.98)}.btn-block{width:100%!important}.btn-sm{border-radius:6px!important;padding:6px 12px!important;font-size:12px!important}.otp-input{background:var(--bg-input);border:1px solid var(--border);width:48px;height:54px;color:var(--text);text-align:center;max-width:50px;font-size:22px;font-weight:700;font-family:var(--font-sans);border-radius:8px;outline:none;flex:1;transition:all .2s}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1a73e833}.otp-input.filled{border-color:var(--border-bright)}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex:1;min-width:0;padding:16px}.amount-positive{color:var(--positive)}.amount-negative{color:var(--negative)}.amount-settled{color:var(--positive)}.label-xs{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.category-pill{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.split-option{color:var(--muted);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.split-option:active{transform:scale(.98)}.split-option.active{color:var(--btn-primary-text);background:var(--btn-primary-bg);border-color:var(--primary);box-shadow:var(--shadow-sm)}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.loading-bar{background:var(--bg-card2);border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--primary);animation:1.5s ease-in-out infinite loading-bar;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-card2) 50%, var(--bg-surface) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.offline-banner{z-index:9999;background:var(--negative);color:#fff;letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--primary);background:#1a73e81f}[data-sonner-toaster]{--toast-bg:var(--bg-card)!important;--toast-border:var(--border)!important;--toast-color:var(--text)!important}.breadcrumbs{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex;overflow-x:auto}.breadcrumbs a{color:var(--muted);transition:color .2s}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .separator{color:var(--faint);font-size:11px}.breadcrumbs .current{color:var(--text);font-weight:600}