:root{--primary:#0b1c31;--accent:#14b87a;--accent-dark:#0f5e4d;--success:#14b87a;--danger:#e53e3e;--warning:#d69e2e;--info:#3182ce;--bg:#e6edf3;--surface:#fff;--surface-variant:#f0f4f8;--text:#0b1c31;--text-secondary:#4a5568;--text-muted:#8896a6;--border:#d2dce6;--divider:#edf2f7;--radius:12px;--radius-lg:16px}[data-theme=dark]{--primary:#14b87a;--accent:#14b87a;--accent-dark:#0f5e4d;--success:#48d89f;--danger:#fc8181;--warning:#f6c748;--info:#63b3ed;--bg:#0a1220;--surface:#131d2e;--surface-variant:#1c2a3d;--text:#e6edf3;--text-secondary:#a0aec0;--text-muted:#64748b;--border:#2d3e50;--divider:#1c2a3d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-menu-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:6px}.header-menu-btn:hover{background:var(--surface-variant)}.header-title{color:var(--text);font-size:18px;font-weight:700}.header-avatar{cursor:pointer;background:var(--surface-variant);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.drawer-overlay{z-index:90;background:#00000080;position:fixed;inset:0}.drawer{background:var(--surface);z-index:100;flex-direction:column;width:280px;height:100vh;transition:left .25s;display:flex;position:fixed;top:0;left:-300px;box-shadow:4px 0 12px #00000026}.drawer-open{left:0}.drawer-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.drawer-user-info{align-items:center;gap:12px;display:flex}.drawer-avatar{background:var(--surface-variant);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.drawer-avatar img{object-fit:cover;width:100%;height:100%}.drawer-user-text{flex-direction:column;display:flex}.drawer-user-text strong{color:var(--text);font-size:14px}.drawer-user-text small{color:var(--text-muted);font-size:12px}.drawer-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px}.drawer-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.drawer-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.drawer-item:hover{background:var(--surface-variant)}.drawer-item-danger{color:var(--danger)}.drawer-footer{border-top:1px solid var(--divider);padding:12px 8px}.app-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px 16px}@media (width>=768px){.app-content{padding:24px 32px}}.page{padding:8px 0}.page h2{margin-bottom:20px;font-size:22px}.welcome{margin-bottom:24px}.welcome-label{color:var(--text-secondary);font-size:14px}.welcome h2{margin-top:2px;font-size:26px}.section-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.actions-list{flex-direction:column;gap:10px;display:flex}.action-btn{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;align-items:center;gap:14px;padding:14px 18px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.action-btn:hover{opacity:.9}.action-btn .chevron{opacity:.7;margin-left:auto;font-size:22px}.form{flex-direction:column;gap:16px;display:flex}.form-section{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:16px;display:flex}.form-section label{color:var(--text-secondary);font-size:13px;font-weight:500}.input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border .15s}.input:focus{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-variant);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.chip:hover{border-color:var(--accent)}.chip-active-success{border-color:var(--success);color:var(--success);background:#d6f5e8;font-weight:600}.chip-active-danger{border-color:var(--danger);color:var(--danger);background:#fee2e2;font-weight:600}[data-theme=dark] .chip-active-success{background:#132f26}[data-theme=dark] .chip-active-danger{background:#3b1a1a}.btn-success,.btn-danger{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-success:hover,.btn-danger:hover{opacity:.9}.btn-success:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.message{text-align:center;border-radius:8px;padding:10px;font-size:14px}.msg-success{color:#0f5e4d;background:#d6f5e8}.msg-error{color:#9b2c2c;background:#fee2e2}[data-theme=dark] .msg-success{color:#48d89f;background:#132f26}[data-theme=dark] .msg-error{color:#fc8181;background:#3b1a1a}.month-selector{background:var(--surface);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:flex}.month-label{font-size:16px;font-weight:600}.icon-btn{cursor:pointer;color:var(--accent);background:0 0;border:none;border-radius:8px;padding:4px}.icon-btn:hover{background:var(--surface-variant)}.balance-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;margin-bottom:16px;padding:20px}.balance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.balance-value{margin-top:4px;font-size:32px;font-weight:700;display:block}.summary-row{gap:10px;margin-bottom:20px;display:flex}.summary-card{border-radius:var(--radius);color:#fff;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px;display:flex}.summary-card span{opacity:.85;font-size:13px}.summary-card strong{font-size:16px}.summary-danger{background:var(--danger)}.summary-success{background:var(--success)}.transactions-list{flex-direction:column;gap:8px;display:flex}.transaction-card{background:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.transaction-icon{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-danger{color:var(--danger);background:#fee2e2}.icon-success{color:var(--success);background:#d6f5e8}[data-theme=dark] .icon-danger{background:#3b1a1a}[data-theme=dark] .icon-success{background:#132f26}.transaction-info{flex-direction:column;flex:1;display:flex}.transaction-category{font-size:14px;font-weight:600}.transaction-date{color:var(--text-muted);font-size:12px}.transaction-amount{font-size:15px;font-weight:700}.month-dot{border-radius:50%;width:10px;height:10px}.dot-success{background:var(--success)}.dot-danger{background:var(--danger)}.text-danger{color:var(--danger)}.empty-state,.loading{text-align:center;color:var(--text-muted);padding:40px}.loading-screen{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;padding:48px 32px}.login-logo{margin-bottom:16px;font-size:48px}.login-card h1{margin-bottom:8px;font-size:28px}.login-card p{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.btn-google{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.btn-google:hover{background:var(--surface-variant)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--danger);margin-top:12px;font-size:13px}.terms-text{color:var(--text-muted);margin-top:20px;font-size:12px;display:block}@media (width<=768px){.app-content{padding:16px 12px}}.profile-avatar-section{flex-direction:column;align-items:center;gap:4px;padding:24px 0;display:flex}.profile-avatar{background:var(--surface-variant);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:36px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-section strong{font-size:18px}.profile-avatar-section small{color:var(--text-muted);font-size:13px}.input-disabled{opacity:.6;cursor:not-allowed}.input-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.info-card{background:var(--surface-variant);border-radius:var(--radius);color:var(--accent);align-items:center;gap:10px;margin-top:20px;padding:14px 16px;font-size:13px;display:flex}.about-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;margin-bottom:12px;padding:24px}.about-icon{margin-bottom:8px;font-size:48px}.about-card h3{margin-bottom:2px;font-size:20px}.about-card small{color:var(--text-muted)}.about-card p{color:var(--text-secondary);margin-top:12px;font-size:14px}.about-label{color:var(--text-muted);margin-bottom:4px;font-size:13px}.copy-card{background:var(--surface-variant);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);border:none;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;transition:opacity .15s;display:flex}.copy-card:hover{opacity:.8}.copy-card-info{flex-direction:column;flex:1;display:flex}.copy-card-info small{color:var(--text-muted);font-size:11px}.copy-card-info span{font-size:14px;font-weight:500}.copy-icon{color:var(--text-muted)}.about-link{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.about-link:hover{text-decoration:underline}.privacy-page h3{margin-top:24px;margin-bottom:8px;font-size:16px}.privacy-page p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.6}.privacy-page ul{margin:8px 0 12px 20px}.privacy-page li{color:var(--text-secondary);margin-bottom:6px;font-size:14px;line-height:1.5}.privacy-page a{color:var(--accent)}.privacy-date{color:var(--text-muted);margin-bottom:16px;display:block}.seo-section{text-align:center;max-width:800px;margin:48px auto 0;padding:0 20px 40px}.seo-section h2{color:var(--text);margin-bottom:24px;font-size:22px}.seo-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.seo-feature{background:var(--surface);border-radius:var(--radius-lg);text-align:center;padding:24px 16px}.seo-feature h3{color:var(--text);margin:12px 0 6px;font-size:16px}.seo-feature p{color:var(--text-secondary);font-size:13px;line-height:1.5}.seo-feature svg{color:var(--accent)}.login-page{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:60px 20px 20px;display:flex}.terms-text a{color:var(--accent);text-decoration:none}.terms-text a:hover{text-decoration:underline}.page-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.uber-status-card{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.uber-status-header{margin-bottom:1rem}.uber-status-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.uber-status-badge.connected{color:var(--success);background:#14b87a1f}.uber-status-badge.disconnected{color:var(--danger);background:#e53e3e1a}.uber-status-info{background:var(--surface-variant);border-radius:var(--radius);flex-direction:column;gap:.5rem;margin-bottom:1.2rem;padding:.8rem;display:flex}.uber-info-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.btn-uber-connect{color:#fff;border-radius:var(--radius);cursor:pointer;background:#000;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-uber-connect:hover:not(:disabled){opacity:.85}.btn-uber-connect:disabled{opacity:.5;cursor:not-allowed}.btn-uber-disconnect{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:background .2s;display:inline-flex}.btn-uber-disconnect:hover:not(:disabled){background:#e53e3e14}.btn-uber-disconnect:disabled{opacity:.5;cursor:not-allowed}.uber-sync-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.uber-sync-card h3{margin-bottom:.5rem;font-size:1.1rem}.uber-sync-description{color:var(--text-secondary);margin-bottom:1.2rem;font-size:.85rem;line-height:1.5}.uber-sync-options{margin-bottom:1.2rem}.uber-sync-options label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;display:block}.uber-sync-options select{width:100%;max-width:300px}.uber-sync-result{background:var(--surface-variant);border-radius:var(--radius);margin-top:1.2rem;padding:1rem}.uber-result-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;display:flex}.uber-result-row+.uber-result-row{border-top:1px solid var(--divider)}.text-success{color:var(--success)}.loading-container{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.transaction-card-clickable{cursor:pointer;transition:transform .1s,box-shadow .15s}.transaction-card-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}[data-theme=dark] .transaction-card-clickable:hover{box-shadow:0 2px 8px #0000004d}.edit-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:.2s modalFadeIn;box-shadow:0 8px 32px #0003}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edit-modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.edit-modal-header h3{color:var(--text);font-size:18px;font-weight:700}.edit-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.edit-modal-close:hover{background:var(--surface-variant)}.edit-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.edit-modal-field{flex-direction:column;gap:6px;display:flex}.edit-modal-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.edit-modal-actions{flex-direction:column;gap:10px;padding:0 20px 20px;display:flex}