@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-body: "Satoshi", system-ui, sans-serif;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f3f0ec;--color-border:#d4d1ca;--color-text:#28251d;--color-text-muted:#7a7974;--color-text-faint:#bab9b4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-active:#0f3638;--color-success:#437a22;--color-warning:#964219;--color-error:#a12c7b;--color-income:#437a22;--color-expense:#a12c7b;--color-saving:#01696f;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--transition:.18s cubic-bezier(.16,1,.3,1);--sidebar-w:260px}[data-theme=dark]{--color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#1d1c1a;--color-border:#393836;--color-text:#cdccca;--color-text-muted:#797876;--color-text-faint:#5a5957;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-success:#6daa45;--color-warning:#bb653b;--color-error:#d163a7;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);min-height:100dvh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance;line-height:1.2}p{text-wrap:pretty}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6);position:sticky;top:0;height:100dvh;overflow-y:auto}.main-content{padding:var(--space-6);overflow-y:auto;max-width:1400px}.brand{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-8)}.brand-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),#78b7bc);display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--text-lg);flex-shrink:0}.brand-name{font-weight:700;font-size:var(--text-base)}.brand-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.nav-section{flex:1}.nav-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);padding:0 var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm);border:1px solid transparent;width:100%;text-align:left;transition:all var(--transition)}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.nav-item.active{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text);font-weight:500}.nav-icon{width:18px;height:18px;opacity:.7}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.kpi-label{color:var(--color-text-muted);font-size:var(--text-sm)}.kpi-value{font-size:var(--text-xl);font-weight:700;margin-top:.3rem;font-variant-numeric:tabular-nums}.kpi-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.2rem}.btn{padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;transition:all var(--transition);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-offset)}.btn-danger{background:#fdebed;color:var(--color-error);border:1px solid #f5c6cb}.btn-sm{padding:.5rem .9rem;font-size:var(--text-xs)}.btn-icon{padding:.6rem;border-radius:var(--radius-md)}.field{display:grid;gap:.4rem}.field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.input{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.8rem 1rem;background:var(--color-surface-2);color:var(--color-text);width:100%;transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-faint)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%237a7974' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem .75rem;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}th{color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-surface-2)}.badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-income{background:#d4e8cc;color:#2a5016}.badge-expense{background:#f5d8ee;color:#6b1e53}.badge-saving{background:#cde8e8;color:#014c50}.badge-Luka{background:#d1e8f5;color:#004b6e}.badge-Lidija{background:#f5d8f0;color:#6b1e5c}.progress{height:8px;border-radius:var(--radius-full);background:var(--color-surface-offset);overflow:hidden}.progress-bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .4s ease}.progress-bar.over{background:var(--color-error)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--text-xl);font-weight:700}.page-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:.3rem}.section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.form-grid{display:grid;gap:var(--space-4)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.muted{color:var(--color-text-muted)}.error-msg{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.success-msg{color:var(--color-success);font-size:var(--text-sm)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{padding:.35rem .8rem;border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition)}.chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:grid;gap:var(--space-2)}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:slideIn .3s ease;max-width:360px}.toast.success{border-color:#6daa45;background:#f0f8eb}.toast.error{border-color:var(--color-error);background:#fdf0f8}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-bottom{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid;gap:var(--space-2)}.mobile-nav{display:none}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.main-content{padding:var(--space-4);padding-bottom:6rem}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);padding:.5rem .75rem .75rem;z-index:100}.mob-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid transparent}.mob-btn.active{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}