#root{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=night]{--bg: #0A0F0D;--surf: #111917;--surf2: #17211E;--surf3: #1E2A26;--bdr: rgba(242,241,234,.08);--bdr2: rgba(242,241,234,.16);--t1: #F2F1EA;--t2: #A8B5AE;--t3: #6E7B74;--accent: #3DD6A3;--accent-tint: rgba(61,214,163,.1);--accent-bdr: rgba(61,214,163,.32);--accent-ink: #07120E;--accent-deep: #1FA97A;--brass: #D9A93F;--brass-tint: rgba(217,169,63,.14);--brass-bdr: rgba(217,169,63,.38);--green: #3BD68C;--green-tint: rgba(59,214,140,.1);--green-bdr: rgba(59,214,140,.28);--red: #E8604C;--red-tint: rgba(232,96,76,.12);--red-bdr: rgba(232,96,76,.3);--amber: #E0A93D;--amber-tint: rgba(224,169,61,.12);--amber-bdr: rgba(224,169,61,.3);--blue: #3987E5;--blue-tint: rgba(57,135,229,.12);--blue-bdr: rgba(57,135,229,.3);--primary: var(--accent);--font-ui: "Hanken Grotesk", "Assistant", system-ui, sans-serif;--font-display: "Schibsted Grotesk", "Hanken Grotesk", "Assistant", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace;--r: 12px;--rs: 8px;--shadow-pop: 0 8px 32px rgba(0, 0, 0, .55);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5)}[data-theme=day]{--bg: #F7F6F1;--surf: #FFFFFF;--surf2: #F1EFE8;--surf3: #E9E6DD;--bdr: rgba(20,32,27,.1);--bdr2: rgba(20,32,27,.18);--t1: #14201B;--t2: #4E5B55;--t3: #8A948E;--accent: #0E8E68;--accent-tint: rgba(14,142,104,.08);--accent-bdr: rgba(14,142,104,.32);--accent-ink: #FFFFFF;--accent-deep: #0B6E51;--brass: #A87E1F;--brass-tint: rgba(168,126,31,.1);--brass-bdr: rgba(168,126,31,.34);--green: #0C8A47;--green-tint: rgba(12,138,71,.09);--green-bdr: rgba(12,138,71,.28);--red: #C2482F;--red-tint: rgba(194,72,47,.09);--red-bdr: rgba(194,72,47,.28);--amber: #A36A00;--amber-tint: rgba(163,106,0,.09);--amber-bdr: rgba(163,106,0,.28);--blue: #2A78D6;--blue-tint: rgba(42,120,214,.09);--blue-bdr: rgba(42,120,214,.28);--shadow-pop: 0 8px 32px rgba(20, 32, 27, .14);--shadow-modal: 0 20px 60px rgba(20, 32, 27, .22)}body{font-family:var(--font-ui);background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideInStart{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}[dir=rtl] .drawer-anim{animation-name:slideInEnd}@keyframes slideInEnd{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes kpiIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes barRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-140px) rotate(480deg);opacity:0}}@keyframes scanMove{0%,to{top:15%}50%{top:80%}}@keyframes floatCard{0%{transform:translateY(110%) rotate(var(--rot));opacity:0}8%{opacity:1}88%{opacity:1}to{transform:translateY(-20%) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--rs);border:none;cursor:pointer;font:600 13px var(--font-ui);letter-spacing:-.01em;transition:filter .15s,background .15s,border-color .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--t2);border:1px solid var(--bdr2)}.btn-ghost:hover:not(:disabled){color:var(--t1);border-color:var(--t3)}.btn-danger{background:var(--red-tint);color:var(--red);border:1px solid var(--red-bdr)}.btn-danger:hover:not(:disabled){filter:brightness(1.12)}.btn-pill{border-radius:999px}.card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font:600 11px var(--font-ui);letter-spacing:.02em;white-space:nowrap}.pill i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.pill-paid{color:var(--green);background:var(--green-tint)}.pill-pending{color:var(--amber);background:var(--amber-tint)}.pill-overdue{color:var(--red);background:var(--red-tint)}.pill-credit{color:var(--blue);background:var(--blue-tint)}.pill-neutral{color:var(--t2);background:var(--surf3)}.input{width:100%;padding:10px 14px;border-radius:var(--rs);background:var(--surf2);border:1px solid var(--bdr);color:var(--t1);font:400 13.5px var(--font-ui);transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent-bdr);box-shadow:0 0 0 3px var(--accent-tint)}.input::placeholder{color:var(--t3)}.shimmer{background:linear-gradient(90deg,var(--surf2) 25%,var(--surf3) 50%,var(--surf2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--rs)}.app-shell{display:flex;min-height:100vh;background:var(--bg);color:var(--t1);font-family:var(--font-ui)}.app-main{flex:1;overflow-y:auto}.sb{width:232px;flex-shrink:0;height:100vh;overflow-y:auto;background:var(--surf);border-inline-end:1px solid var(--bdr);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0}.sb-drawer{position:fixed;top:0;inset-inline-start:0;z-index:200;animation:slideInStart .25s ease}.sb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:199;animation:fadeIn .2s;border:none}.sb-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--rs);border:none;cursor:pointer;background:transparent;color:var(--t2);font:500 13.5px var(--font-ui);text-align:start;position:relative;transition:background .12s,color .12s}.sb-nav-item:hover{background:var(--surf2);color:var(--t1)}.sb-nav-item[aria-current=page]{background:var(--surf3);color:var(--t1);font-weight:600}.sb-nav-item[aria-current=page]:before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:2.5px;border-radius:2px;background:var(--accent)}.sb-badge{margin-inline-start:auto;font:700 10px var(--font-mono);background:var(--surf3);color:var(--t3);padding:2px 7px;border-radius:10px}.sb-alert-dot{margin-inline-start:auto;width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}.hd{height:54px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding-inline:20px;background:var(--surf);border-bottom:1px solid var(--bdr)}.hd-title{font:600 15px var(--font-display);letter-spacing:-.015em;color:var(--t1)}.hd-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--bdr);border-radius:var(--rs);cursor:pointer;color:var(--t2);flex-shrink:0;transition:color .12s,border-color .12s}.hd-btn:hover{color:var(--t1);border-color:var(--bdr2)}.hd-search{display:flex;align-items:center;gap:8px;height:34px;min-width:200px;padding-inline:12px;background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--rs);cursor:pointer;color:var(--t3);font:400 13px var(--font-ui);transition:border-color .12s}.hd-search:hover{border-color:var(--bdr2)}.hd-search kbd{margin-inline-start:auto;font:500 10px var(--font-mono);color:var(--t3);background:var(--surf3);border:1px solid var(--bdr);border-radius:4px;padding:2px 6px}.kpi{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r);padding:16px;min-width:0;display:flex;flex-direction:column;gap:8px;animation:kpiIn .38s ease both;transition:transform .18s ease,border-color .18s ease}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{transform:translateY(-2px);border-color:var(--bdr2)}.kpi-label{font:600 11px var(--font-ui);color:var(--t3);letter-spacing:.06em;text-transform:uppercase}.kpi-value{font:700 26px var(--font-display);letter-spacing:-.02em;line-height:1.1;color:var(--t1)}.kpi-meta{display:flex;align-items:center;gap:6px;font:400 11.5px var(--font-ui);color:var(--t3);flex-wrap:wrap}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:11.5px}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cal-day{background:var(--surf);border:1px solid var(--bdr);border-radius:10px;min-height:88px;padding:8px;transition:border-color .2s}.cal-day:hover{border-color:var(--bdr2)}.cal-day.today{border-color:var(--accent-bdr);box-shadow:0 0 0 1px var(--accent-tint)}.chip{border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;cursor:default}.scanline{position:relative;overflow:hidden}.scanline:after{content:"";position:absolute;inset-inline:0;height:2px;background:var(--accent);animation:scanMove 1.6s ease-in-out infinite}.modal-overlay,.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#040806b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s;padding:20px}.modal{background:var(--surf);border:1px solid var(--bdr2);border-radius:16px;padding:28px;width:520px;max-width:100%;max-height:85vh;overflow-y:auto;animation:scaleIn .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-modal)}.row-hover:hover{background:var(--surf2)!important}@media (max-width: 768px){.cal-day{min-height:72px}.hd{padding-inline:14px}}