:root{--bg: #0f0f0f;--card: #1a1a1a;--border: #2a2a2a;--text: #ffffff;--subtext: #888888;--income: #22c55e;--expense: #ef4444;--accent: #3b82f6;--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{max-width:1000px;margin:0 auto;padding:0 16px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 12px}.brand{font-size:22px;font-weight:700;letter-spacing:-.5px}.brand span{color:var(--accent)}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50}.nav a{flex:1;text-align:center;color:var(--subtext);font-size:11px;font-weight:500;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.nav a.active{color:var(--text)}.nav .ico{font-size:20px;line-height:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width: 560px){.card-grid{grid-template-columns:1fr}}.stat-label{font-size:12px;color:var(--subtext);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--subtext);margin:24px 4px 10px}.mtd{margin-bottom:8px}.mtd-track{height:10px;background:var(--border);border-radius:6px;overflow:hidden;display:flex}.mtd-fill-income{background:var(--income)}.mtd-fill-expense{background:var(--expense)}.mtd-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--subtext);margin-top:8px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--subtext);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#202020}.amount{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;white-space:nowrap}.income{color:var(--income)}.expense{color:var(--expense)}.muted{color:var(--subtext)}.pill{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;background:#222;border:1px solid var(--border);color:var(--subtext);white-space:nowrap}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-block{width:100%}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--subtext);margin-bottom:6px}.input,.select,.textarea{width:100%;background:#111;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit}.textarea{min-height:80px;resize:vertical}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters .input,.filters .select{width:auto;flex:1;min-width:120px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--card);border-left:1px solid var(--border);z-index:101;padding:20px;overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.drawer-close{background:none;border:none;color:var(--subtext);font-size:24px;cursor:pointer;line-height:1}.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.kv .k{color:var(--subtext)}.receipt-preview{width:100%;border-radius:8px;border:1px solid var(--border);margin-top:12px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 20px;text-align:center;color:var(--subtext);cursor:pointer;transition:border-color .15s}.dropzone.drag{border-color:var(--accent);color:var(--text)}.center{text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--subtext);padding:40px 20px}.banner{background:#2a1a1a;border:1px solid #5a2a2a;color:#ffb4b4;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:340px;text-align:center}.login-box .brand{font-size:30px;margin-bottom:24px}