:root{--bg: #0b1120;--bg-elevated: #111a2e;--surface: #172238;--surface-hover: #1d2a44;--surface-strong: #22314f;--border: #263453;--border-strong: #334766;--text: #e6edf7;--text-dim: #93a4c0;--text-faint: #65758f;--accent: #60a5fa;--accent-strong: #3b82f6;--accent-soft: rgba(96, 165, 250, .14);--income: #34d399;--income-soft: rgba(52, 211, 153, .13);--expense: #f87171;--expense-soft: rgba(248, 113, 113, .13);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .35);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,rgba(96,165,250,.08),transparent),radial-gradient(800px 500px at 90% 10%,rgba(52,211,153,.05),transparent),var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0;color:var(--text);font-weight:600;letter-spacing:-.01em}h1{font-size:1.75rem;letter-spacing:-.02em}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:#93c5fd}code,.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.875em}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim);padding:.35rem .6rem}button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}button.sm{padding:.3rem .65rem;font-size:.8rem}input,select{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);padding:.55rem .8rem;border-radius:var(--radius-sm);font:inherit;transition:border-color .15s ease,background .15s ease;outline:none;color-scheme:dark}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--text-faint)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2393a4c0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.25rem;cursor:pointer}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2360a5fa' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E")}select option{background:var(--bg-elevated);color:var(--text)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7) brightness(1.2);cursor:pointer;opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}label{display:block;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:var(--space-1)}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#111a2ecc;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2)}.topbar .brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.topbar .brand-mark img{width:100%;height:100%;display:block}.topbar .user{display:flex;align-items:center;gap:var(--space-3)}.topbar .user .avatar-img,.topbar .user .avatar-fallback{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.topbar .user .avatar-img{object-fit:cover}.topbar .user .avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--income) 100%);color:#0b1120;font-weight:700;font-size:.78rem;letter-spacing:.02em;border-color:transparent}.topbar .user-name{color:var(--text);font-weight:500;font-size:.9rem}.container{width:100%;margin:0 auto;padding:var(--space-8) var(--space-8)}@media (min-width: 1600px){.container{padding:var(--space-8) var(--space-10)}}.center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.section-header .subtitle{color:var(--text-dim);font-size:.85rem;margin-top:var(--space-1)}.stack>*+*{margin-top:var(--space-6)}.stack-tight>*+*{margin-top:var(--space-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card-title h3{font-size:.95rem;font-weight:600;color:var(--text)}.card-title .card-hint{font-size:.75rem;color:var(--text-dim)}.grid-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.grid-projects>a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.grid-projects>a>.project-card{flex:1}.project-card{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);height:100%;transition:border-color .18s ease,transform .15s ease,box-shadow .18s ease}.project-card .money-lines{flex:1}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card .header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.project-card .project-title{font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.project-card .icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.15rem;flex-shrink:0}.project-card .icon.group{background:#34d39926;color:var(--income)}.project-card .meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.project-card .money-lines{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.project-card .money-line{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;padding:var(--space-1) 0}.project-card .money-line .cur{color:var(--text-dim);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.project-card .money-line .value{font-weight:600;font-variant-numeric:tabular-nums}.project-card .empty{color:var(--text-faint);font-style:italic;font-size:.85rem;padding:var(--space-2) 0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-strong);color:var(--text-dim);border:1px solid var(--border)}.badge.income{background:var(--income-soft);color:var(--income);border-color:transparent}.badge.expense{background:var(--expense-soft);color:var(--expense);border-color:transparent}.badge.private{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge.group{background:#34d39921;color:var(--income);border-color:transparent}.hero-balance{background:linear-gradient(180deg,rgba(96,165,250,.06) 0%,transparent 100%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.hero-balance .label{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hero-balance .amount{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.hero-balance .amount.secondary{font-size:1.35rem;color:var(--text-dim)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.stat .stat-label{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat .stat-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat .stat-delta{font-size:.8rem;font-weight:500;color:var(--text-faint)}.stat.income .stat-value{color:var(--income)}.stat.expense .stat-value{color:var(--expense)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 960px){.dashboard-grid{grid-template-columns:1fr}}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5);align-items:stretch}@media (max-width: 1080px){.two-col{grid-template-columns:1fr}}.two-col>.stack-tight{display:flex;flex-direction:column;gap:var(--space-3);min-height:100%}.two-col>.stack-tight>*+*{margin-top:0}.two-col>.stack-tight>*{display:flex;flex-direction:column;gap:var(--space-3)}.two-col>.stack-tight>:last-child{flex:1}.two-col>.stack-tight .stats-row{flex:1;align-items:stretch}.two-col>.stack-tight .stats-row>.stat{justify-content:center}.two-col>.card{display:flex;flex-direction:column}.two-col>.card>.init-balance{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3)}.two-col>.card>.init-balance>.init-balance-row{flex:1}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-end}.filters .field{display:flex;flex-direction:column;min-width:140px}.filters .field.grow{flex:1;min-width:200px}.filters .actions{display:flex;gap:var(--space-2);align-items:center}.tx-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.tx-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:680px}.tx-table th,.tx-table td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle}.tx-table thead{background:var(--bg-elevated)}.tx-table th{color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;border-bottom:1px solid var(--border)}.tx-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s ease}.tx-table tbody tr:last-child{border-bottom:none}.tx-table tbody tr:hover td{background:var(--surface-hover)}.tx-row .amount-income{color:var(--income);font-weight:600;font-variant-numeric:tabular-nums}.tx-row .amount-expense{color:var(--expense);font-weight:600;font-variant-numeric:tabular-nums}.tx-row .discrepancy{color:var(--warning);background:var(--warning-soft);padding:.1rem .45rem;border-radius:999px;font-size:.72rem;margin-left:var(--space-2);font-variant-numeric:tabular-nums}.tx-row .date{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-dim);font-size:.82rem}.pagination{display:flex;gap:var(--space-3);margin-top:var(--space-4);align-items:center;justify-content:center;color:var(--text-dim);font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:min(900px,95vw);max-height:90vh;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-lg)}.modal img{max-width:100%;max-height:70vh;object-fit:contain;background:#000;border-radius:var(--radius-md)}.modal .modal-header{display:flex;justify-content:space-between;align-items:center}.modal .modal-header strong{font-size:1rem}.init-balance{display:flex;flex-direction:column;gap:var(--space-3)}.init-balance-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.init-balance-row .cur-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.init-balance-row .cur-value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.init-balance-row .cur-current{font-size:.75rem;color:var(--text-faint);margin-top:var(--space-1)}.init-balance-row input{width:160px}.init-balance-row .buttons{display:flex;gap:var(--space-2)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-10);max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.login-card .brand-mark{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.login-card .brand-mark img{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 24px rgba(96,165,250,.25))}.login-card h1{margin-bottom:var(--space-2)}.login-card .subtitle{color:var(--text-dim);margin-bottom:var(--space-8)}.dev-login{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px dashed var(--border-strong);display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.dev-login .dev-title{font-size:.72rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600;text-align:center;margin-bottom:var(--space-2)}.muted{color:var(--text-dim);font-size:.85rem}.faint{color:var(--text-faint);font-size:.8rem}.error{color:var(--expense);font-size:.85rem;margin-top:var(--space-2);background:var(--expense-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid rgba(248,113,113,.25)}.breadcrumbs{font-size:.85rem;color:var(--text-faint);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs a{color:var(--text-dim)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{color:var(--text-faint)}.spinner{color:var(--text-dim);font-size:.9rem;padding:var(--space-6);text-align:center}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.6s linear infinite;border-radius:var(--radius-sm);display:block}.skel-line{height:.9rem}.skel-line.sm{height:.65rem}.skel-line.lg{height:1.3rem}.skel-line.xl{height:2rem}.skel-block{width:100%;height:220px;border-radius:var(--radius-md)}.skel-circle{border-radius:50%;width:40px;height:40px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.income-text{color:var(--income)}.expense-text{color:var(--expense)}