.drawer-overlay[data-v-19e75389]{z-index:300;background:#00000080;position:fixed;inset:0}.drawer[data-v-19e75389]{background:var(--bg-card);border-right:1px solid var(--border);z-index:301;flex-direction:column;width:280px;height:100vh;transition:left .25s;display:flex;position:fixed;top:0;left:-280px;overflow-y:auto}.drawer-open[data-v-19e75389]{left:0}.drawer-profile[data-v-19e75389]{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 16px 16px;display:flex}.drawer-avatar[data-v-19e75389]{background:var(--gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.drawer-name[data-v-19e75389]{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.drawer-email[data-v-19e75389]{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.drawer-plan[data-v-19e75389]{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px}.drawer-plan-bar[data-v-19e75389]{background:var(--border);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.drawer-plan-fill[data-v-19e75389]{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.drawer-nav[data-v-19e75389]{flex:1;padding:8px 0}.drawer-section[data-v-19e75389]{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:16px 16px 6px;font-size:10px;font-weight:600}.drawer-item[data-v-19e75389]{color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:11px 16px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.drawer-item[data-v-19e75389]:hover{background:var(--accent-bg)}.drawer-item i[data-v-19e75389]{text-align:center;width:18px;color:var(--text-muted);font-size:14px}.drawer-item-highlight[data-v-19e75389],.drawer-item-highlight i[data-v-19e75389]{color:var(--accent)}.drawer-item-danger[data-v-19e75389],.drawer-item-danger i[data-v-19e75389]{color:#f87171}.drawer-badge[data-v-19e75389]{background:var(--accent-bg);color:var(--accent);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.drawer-upgrade[data-v-19e75389]{background:var(--gradient);color:#fff;text-align:center;cursor:pointer;border-radius:10px;margin:12px;padding:12px;font-size:13px;font-weight:600;transition:opacity .2s}.drawer-upgrade[data-v-19e75389]:hover{opacity:.9}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:90;padding:4px 0;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:10px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item i{font-size:18px}.bottom-nav-item.active,.bottom-nav-item.active i{color:var(--accent)}.has-bottom-nav{padding-bottom:70px!important}@media print{.app-nav,.fab,button{display:none!important}.app-container{padding:0!important}#invoice-printable{box-shadow:none!important;border:none!important}}*{box-sizing:border-box}:root,[data-theme=purple]{--bg:#0a0a0f;--bg-card:#16161f;--bg-input:#0a0a0f;--border:#2a2a3a;--text:#e0e0e0;--text-muted:#888;--text-dim:#555;--text-secondary:#aaa;--accent:#667eea;--accent-hover:#8b9ff5;--accent-bg:#667eea1a;--gradient:linear-gradient(135deg, #667eea, #764ba2);--card-bg:#16161f}[data-theme=blue]{--bg:#0a0f1a;--bg-card:#0f1a2e;--bg-input:#0a0f1a;--border:#1e2d4a;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-bg:#3b82f61a;--gradient:linear-gradient(135deg, #3b82f6, #1d4ed8);--card-bg:#0f1a2e}[data-theme=green]{--bg:#0a0f0a;--bg-card:#0f1f0f;--bg-input:#0a0f0a;--border:#1e3a1e;--accent:#22c55e;--accent-hover:#4ade80;--accent-bg:#22c55e1a;--gradient:linear-gradient(135deg, #22c55e, #15803d);--card-bg:#0f1f0f}[data-theme=warm]{--bg:#1a1410;--bg-card:#241c14;--bg-input:#1a1410;--border:#3a2a1a;--accent:#d4a574;--accent-hover:#e8c49a;--accent-bg:#d4a5741a;--gradient:linear-gradient(135deg, #d4a574, #92400e);--card-bg:#241c14}[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--bg-input:#fff;--border:#e2e2e2;--text:#222;--text-muted:#666;--text-dim:#999;--text-secondary:#555;--accent:#667eea;--accent-hover:#4f6ce0;--accent-bg:#667eea14;--gradient:linear-gradient(135deg, #667eea, #764ba2);--card-bg:#fff}[data-theme=midnight]{--bg:#0a0a0f;--bg-card:#1a1020;--bg-input:#0a0a0f;--border:#2a1a3a;--accent:#e11d48;--accent-hover:#f43f5e;--accent-bg:#e11d481a;--gradient:linear-gradient(135deg, #e11d48, #9f1239);--card-bg:#1a1020}[data-theme=burgundy]{--bg:#120a0a;--bg-card:#1f1012;--bg-input:#120a0a;--border:#3a1a20;--text:#e0d0d0;--text-muted:#998080;--text-dim:#665050;--accent:#9f1239;--accent-hover:#be123c;--accent-bg:#9f12391f;--gradient:linear-gradient(135deg, #9f1239, #6b0f28);--card-bg:#1f1012}[data-theme=orange]{--bg:#0f0a05;--bg-card:#1f1508;--bg-input:#0f0a05;--border:#3a2a10;--text:#e0d8cc;--text-muted:#99886a;--text-dim:#665540;--accent:#ea580c;--accent-hover:#f97316;--accent-bg:#ea580c1f;--gradient:linear-gradient(135deg, #ea580c, #c2410c);--card-bg:#1f1508}[data-theme=light-blue]{--bg:#f0f4ff;--bg-card:#fff;--bg-input:#fff;--border:#d0d8f0;--text:#1a2a4a;--text-muted:#5a6a8a;--text-dim:#8a9aba;--accent:#3b82f6;--accent-hover:#2563eb;--accent-bg:#3b82f614;--gradient:linear-gradient(135deg, #3b82f6, #1d4ed8);--card-bg:#fff}[data-theme=light-green]{--bg:#f0fdf4;--bg-card:#fff;--bg-input:#fff;--border:#c6e7d0;--text:#1a3a2a;--text-muted:#4a7a5a;--text-dim:#8aba9a;--accent:#22c55e;--accent-hover:#16a34a;--accent-bg:#22c55e14;--gradient:linear-gradient(135deg, #22c55e, #15803d);--card-bg:#fff}[data-theme=light-warm]{--bg:#fdf8f0;--bg-card:#fff;--bg-input:#fff;--border:#e8dcd0;--text:#2a1f14;--text-muted:#7a6a5a;--text-dim:#b0a090;--accent:#d97706;--accent-hover:#b45309;--accent-bg:#d9770614;--gradient:linear-gradient(135deg, #d97706, #92400e);--card-bg:#fff}[data-theme=light-rose]{--bg:#fdf2f8;--bg-card:#fff;--bg-input:#fff;--border:#f0d0e0;--text:#2a1020;--text-muted:#8a5070;--text-dim:#c090a0;--accent:#e11d48;--accent-hover:#be123c;--accent-bg:#e11d4814;--gradient:linear-gradient(135deg, #e11d48, #9f1239);--card-bg:#fff}[data-theme=light-orange]{--bg:#fff7ed;--bg-card:#fff;--bg-input:#fff;--border:#f0d8c0;--text:#2a1a0a;--text-muted:#7a5a3a;--text-dim:#b09070;--accent:#ea580c;--accent-hover:#c2410c;--accent-bg:#ea580c14;--gradient:linear-gradient(135deg, #ea580c, #c2410c);--card-bg:#fff}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app-container{max-width:480px;min-height:100vh;margin:0 auto;padding:0 16px}.app-nav{background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-nav-back{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.app-nav-title{color:var(--text);font-size:16px;font-weight:600}.app-nav-user{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:16px;transition:border-color .2s}.btn-primary{background:var(--gradient);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:100%;padding:10px 20px;font-size:14px;transition:border-color .2s}.btn-secondary:hover{border-color:var(--accent)}.btn-small{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-small:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-small:active{transform:scale(.96)}.btn-small.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.btn-small i{font-size:12px}.input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.input::placeholder{color:var(--text-dim)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.label{color:var(--text-muted);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.section-header{justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.section-header h4{color:var(--text);margin:0;font-size:14px;font-weight:600}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.empty-state{text-align:center;color:var(--text-dim);padding:48px 20px}.empty-state i{color:var(--text-muted);opacity:.5;margin-bottom:16px;font-size:40px;display:block}.empty-state p{margin:0 0 4px}.empty-state .empty-action{color:var(--accent);cursor:pointer;font-size:13px}.pill-filter{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;padding:5px 14px;font-size:12px;transition:all .15s;display:inline-flex}.pill-filter:hover{border-color:var(--accent);color:var(--accent)}.pill-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.list-item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px;transition:border-color .15s,transform .1s;display:flex}.list-item:hover{border-color:var(--accent)}.list-item:active{transform:scale(.99)}.list-item-icon{background:var(--accent-bg);width:42px;height:42px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.list-item-body{flex:1;min-width:0}.list-item-body h4{color:var(--text);margin:0;font-size:14px;font-weight:500}.list-item-body p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.list-item-right{text-align:right;flex-shrink:0}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:14px;padding:14px}.stat-card .stat-value{color:var(--text);margin:4px 0 0;font-size:22px;font-weight:700}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.fab{background:var(--gradient);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #667eea66}.fab:hover{transform:scale(1.1)}.fab:active{transform:scale(.95)}.has-bottom-nav .fab{bottom:80px}.app-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0;display:grid}.app-grid-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;padding:22px 16px;transition:all .2s}.app-grid-card:hover{border-color:var(--accent);transform:translateY(-2px)}.app-grid-card:active{transform:scale(.97)}.app-grid-card i{color:var(--accent);margin-bottom:10px;font-size:32px;display:block}.app-grid-card h3{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:600}.app-grid-card p{color:var(--text-muted);margin:0;font-size:11px}.expense-amount{color:var(--text);text-align:center;font-size:32px;font-weight:700}.expense-summary{border-bottom:1px solid var(--border);justify-content:space-around;margin-bottom:16px;padding:16px 0;display:flex}.expense-summary-item{text-align:center}.expense-summary-item .amount{color:var(--text);font-size:20px;font-weight:600}.expense-summary-item .label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.expense-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.expense-item-icon{background:var(--accent-bg);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.expense-item-info{flex:1}.expense-item-info h4{color:var(--text);margin:0;font-size:14px}.expense-item-info p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.expense-item-amount{color:var(--text);font-size:15px;font-weight:600}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cat-item{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:14px 8px;transition:all .2s}.cat-item.selected{border-color:var(--accent);background:var(--accent-bg)}.cat-item i{color:var(--accent);margin-bottom:6px;font-size:20px;display:block}.cat-item span{color:var(--text-muted);font-size:11px}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-success{color:#4ade80}.text-danger{color:#f87171}.text-warning{color:#f59e0b}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-8{gap:8px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}