:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f9fafb;--text: #0f172a;--text-2: #334155;--muted: #64748b;--border: #e6e8ec;--border-strong: #d3d7de;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--primary-text: #4338ca;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--ok: #16a34a;--ok-soft: #f0fdf4;--ok-border: #bbf7d0;--ok-text: #15803d;--warn: #d97706;--warn-soft: #fffbeb;--warn-border: #fde68a;--warn-text: #b45309;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 10px -2px rgba(15, 23, 42, .1), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 32px -8px rgba(15, 23, 42, .16), 0 4px 8px -4px rgba(15, 23, 42, .08);--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--r-pill: 999px;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.25rem;--s-6: 1.5rem;--s-8: 2rem;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .16s;--focus-ring: 0 0 0 3px rgba(79, 70, 229, .28)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--primary) 24%,transparent)}h1{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--s-4);line-height:1.2}h2{font-size:1.02rem;font-weight:650;letter-spacing:-.01em;margin:0 0 var(--s-4)}h3{font-size:.82rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--s-6) 0 var(--s-3)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;text-align:right}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-6);padding:0 var(--s-6);height:60px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-nav{display:flex;gap:var(--s-1);flex:1;height:100%}.topbar-nav a{position:relative;display:inline-flex;align-items:center;height:100%;padding:0 var(--s-3);color:var(--muted);text-decoration:none;font-weight:550;font-size:.92rem;transition:color var(--dur) var(--ease)}.topbar-nav a:hover{color:var(--text)}.topbar-nav a.active{color:var(--primary-text)}.topbar-nav a.active:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:0;height:2.5px;border-radius:2px 2px 0 0;background:var(--primary)}.topbar-user{display:flex;align-items:center;gap:var(--s-3)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5 55%,#7c3aed);box-shadow:var(--shadow-sm),inset 0 1px #ffffff40}.brand-mark svg{width:19px;height:19px}.brand-word{font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-text);font-weight:700;font-size:.85rem;text-transform:uppercase;flex:none}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--s-6) var(--s-6) var(--s-8)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);margin-bottom:var(--s-5);box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:3fr 2fr;gap:var(--s-5);align-items:start}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-bottom:var(--s-5)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-label{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}.kpi-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.kpi-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-sub{font-size:.75rem;color:var(--muted);margin-top:.25rem}.kpi--income .kpi-dot{background:var(--ok)}.kpi--expense .kpi-dot{background:var(--danger)}.kpi--balance .kpi-dot{background:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .95rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:.875rem;font-weight:550;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--danger);border-color:var(--danger-border);background:transparent}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{padding:.32rem .6rem;font-size:.8rem;border-radius:6px}label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:550;color:var(--text-2)}input,select{font-family:inherit;padding:.5rem .65rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:.9rem;color:var(--text);background:var(--surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}input::placeholder{color:var(--muted)}input:hover,select:hover{border-color:var(--muted)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}input:disabled,select:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.form-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:flex-end}.form-row label{flex:1;min-width:130px}.form-row .btn{flex:none}.form-col{display:flex;flex-direction:column;gap:var(--s-4)}.form-actions{display:flex;gap:var(--s-2)}.check{flex-direction:row;align-items:center;gap:.5rem;margin:.3rem 0;padding:.35rem .5rem;border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease)}.check:hover{background:var(--surface-2)}.check input{width:16px;height:16px;accent-color:var(--primary);padding:0}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.table th,.table td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle}.table td{position:relative}.table thead th{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);position:sticky;top:60px;z-index:1}.table thead th:first-child{border-top-left-radius:var(--r-sm)}.table thead th:last-child{border-top-right-radius:var(--r-sm)}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table th.num,.table td.num{text-align:right}.table:not(.readonly) tbody td:not(:first-child):not(:last-child){cursor:pointer}.table:not(.readonly) tbody td:not(:first-child):not(:last-child):focus-visible{outline:none;box-shadow:var(--focus-ring)}.cell-selected{box-shadow:inset 0 0 0 2px var(--primary)}.cell-text{display:block}.cell-text--hidden{visibility:hidden}.cell-editor{position:absolute;top:0;left:0;bottom:0;width:100%;box-sizing:border-box;padding:.65rem .7rem;margin:0;font:inherit;line-height:inherit;color:inherit;text-align:inherit;border:0;border-radius:0;background:transparent;outline:none}.cell-editor:focus{box-shadow:none;border-color:transparent}.row-actions{white-space:nowrap;text-align:right}.badge{display:inline-flex;align-items:center;background:var(--primary-soft);color:var(--primary-text);padding:.28rem .6rem;border-radius:var(--r-pill);font-size:.82rem;font-weight:600}.role{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px}.role-owner{background:var(--warn-soft);color:var(--warn-text)}.role-admin{background:var(--primary-soft);color:var(--primary-text)}.status{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;padding:.24rem .55rem;border-radius:var(--r-pill)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-draft{background:var(--primary-soft);color:var(--primary-text)}.status-closed{background:var(--ok-soft);color:var(--ok-text)}.error,.notice{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;border-radius:var(--r-md);margin-bottom:var(--s-4);font-size:.9rem;line-height:1.4;animation:slide-in var(--dur) var(--ease)}.error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-text)}.notice{background:var(--ok-soft);border:1px solid var(--ok-border);color:var(--ok-text)}.error:before,.notice:before{content:"";width:8px;height:8px;border-radius:50%;margin-top:.42rem;flex:none}.error:before{background:var(--danger)}.notice:before{background:var(--ok)}.toast-viewport{position:fixed;top:var(--s-4);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:max-content;max-width:calc(100vw - 2 * var(--s-4));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:var(--r-md);font-size:.9rem;line-height:1.4;box-shadow:var(--shadow-lg);max-width:100%;animation:toast-in .2s var(--ease)}.toast-success{background:var(--ok-soft);border:1px solid var(--ok-border);color:var(--ok-text)}.toast-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-text)}.toast:before{content:"";width:8px;height:8px;border-radius:50%;flex:none}.toast-success:before{background:var(--ok)}.toast-error:before{background:var(--danger)}.toast-msg{min-width:0}.toast-close{flex:none;border:none;background:transparent;color:inherit;font-size:1.15rem;line-height:1;padding:.05rem .3rem;margin-left:.1rem;border-radius:var(--r-sm);cursor:pointer;opacity:.65}.toast-close:hover{opacity:1;background:#0f172a14}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.palette-bar{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;padding:.7rem 0;margin-bottom:.9rem;border-bottom:1px solid var(--border)}.palette-label{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.palette-hint{margin-left:auto;font-size:.8rem;color:var(--muted)}.palette{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.swatch{width:32px;height:32px;border:2px solid var(--border-strong);border-radius:8px;cursor:pointer;padding:0;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.swatch:hover:not(:disabled){transform:scale(1.08)}.swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.swatch:disabled{opacity:.4;cursor:not-allowed}.swatch-clear{display:flex;align-items:center;justify-content:center;background-color:var(--surface);background-image:repeating-conic-gradient(var(--surface-2) 0% 25%,var(--surface) 0% 50%);background-size:12px 12px}.swatch-clear svg{width:22px;height:22px}.swatch-custom{flex-direction:row;align-items:center;gap:.4rem;font-size:.8rem}.swatch-custom input{width:32px;height:32px;padding:2px;border-radius:8px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-4);background:radial-gradient(1200px 600px at 15% -10%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 60%),radial-gradient(1000px 500px at 100% 0%,color-mix(in srgb,#7c3aed 12%,transparent),transparent 55%),var(--bg)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-8) var(--s-6);box-shadow:var(--shadow-lg)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}.login-brand .brand-mark{width:48px;height:48px;border-radius:14px}.login-brand .brand-mark svg{width:26px;height:26px}.login-card h1,.login-card .login-sub{margin:0;text-align:center}.actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.report-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-5);flex-wrap:wrap;padding:var(--s-6);margin-bottom:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(640px 220px at 0% 0%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-sm)}.eyebrow{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--primary-text)}.report-hero h1{margin:.2rem 0 .6rem;font-size:1.7rem;letter-spacing:-.025em}.report-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.report-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--border-strong);flex:none}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-top:var(--s-4)}.summary-cell{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:var(--s-4);background:var(--surface)}.summary-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-value{font-size:1.15rem;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.15}.summary-dot{width:8px;height:8px;border-radius:50%;flex:none}.summary-dot--ok{background:var(--ok)}.summary-dot--danger{background:var(--danger)}.summary-dot--warn{background:var(--warn)}.summary-dot--primary{background:var(--primary)}.summary-cell--hero{background:var(--primary-soft)}.summary-cell--hero .summary-label{color:var(--primary-text)}.summary-cell--hero .summary-value{font-size:1.8rem;font-weight:750;letter-spacing:-.02em;color:var(--primary-text)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.card-head h2{margin:0}.count{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:.75rem;font-weight:650;padding:.15rem .55rem;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.table td.amount{font-weight:650;font-variant-numeric:tabular-nums}@keyframes cell-saved{0%{box-shadow:inset 0 0 0 3px var(--ok)}to{box-shadow:inset 0 0 0 3px transparent}}.cell-saved{animation:cell-saved .9s var(--ease)}.composer{margin-top:var(--s-5);padding:var(--s-4) var(--s-5) var(--s-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.composer h3{margin-top:0}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-8) var(--s-4);text-align:center;color:var(--muted)}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);margin-bottom:var(--s-1)}.empty-icon svg{width:24px;height:24px}.empty-title{font-weight:600;color:var(--text-2)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr 1fr}.summary-cell--hero{grid-column:span 2}.palette-hint{margin-left:0;width:100%}}@media (max-width: 560px){.content{padding:var(--s-4)}.topbar{gap:var(--s-3);padding:0 var(--s-4)}.brand-word{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:var(--s-3)}.kpi-value{font-size:1.25rem}.table thead th{top:0}}