:root{--bg:#f7f3ec;--surface:#fff;--surface-sunken:#f1ece3;--border:#e8e1d5;--text:#1b2a4a;--text-muted:#6b7a99;--text-faint:#9aa6bd;--oversikt-tint:#e3edf9;--oversikt-ink:#3d6ea8;--fordeling-tint:#fbe5ec;--fordeling-ink:#c2567e;--budsjett-tint:#ece4f8;--budsjett-ink:#7a5ab5;--sparing-tint:#fbf0d5;--sparing-ink:#b08928;--kontoer-tint:#e1edf7;--kontoer-ink:#3f7099;--forsikring-tint:#fbe5ec;--forsikring-ink:#c2567e;--pensjon-tint:#e4eee3;--pensjon-ink:#5c8256;--positive:#4f9d69;--warning:#c98a2e;--danger:#c25151;--c-pink:#e9899f;--c-green:#7cb88a;--c-yellow:#e3b95c;--c-blue:#7fa9d6;--c-purple:#a98fd1;--c-orange:#e0a173;--c-teal:#71b3ae;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--shadow:0 1px 2px #1b2a4a0f, 0 4px 12px #1b2a4a0a;--gap:12px;--pad:16px;--nav-h:calc(62px + env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}h1,h2,h3{color:var(--text);letter-spacing:-.02em;margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.amount{font-variant-numeric:tabular-nums;font-weight:700}.card{border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.rows{background:var(--surface)}.rows>.row{align-items:center;gap:var(--gap);padding:12px var(--pad);border-bottom:1px solid var(--border);display:flex}.rows>.row:last-child{border-bottom:0}.row>.ic{border-radius:var(--r-pill);flex:0 0 38px;place-items:center;height:38px;display:grid}.row>.main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row .s{color:var(--text-muted);font-size:12px}.row>.end{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.row>.end b{font-variant-numeric:tabular-nums;font-size:15px}.row>.end i{color:var(--text-muted);font-size:11px;font-style:normal}.total-card{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--pad);box-shadow:var(--shadow);margin-bottom:14px}.total-card .k{color:var(--text-muted);margin:0;font-size:12px}.total-card .v{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:28px;font-weight:700}.total-card .n{color:var(--text-muted);margin:8px 0 0;font-size:12px}form.pad{padding:var(--pad);background:var(--surface);flex-direction:column;gap:12px;display:flex}form.pad label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}form.pad .pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}form.pad input,form.pad select,form.pad textarea{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);padding:9px 10px;font-weight:400}form.pad textarea{resize:vertical;min-height:80px}form.pad .hint{color:var(--text-faint);font-size:12px;font-weight:400}.btns{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);padding:9px 16px;font-size:13px;font-weight:600}.btn-primary{background:var(--ink,var(--oversikt-ink));border-color:var(--ink,var(--oversikt-ink));color:#fff}.btn-danger{color:var(--danger)}.btn-link{color:var(--ink,var(--oversikt-ink));background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.pills{gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.pills a{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;flex:none;padding:7px 14px;font-size:13px;font-weight:600}.pills a.on{background:var(--ink,var(--oversikt-ink));border-color:var(--ink,var(--oversikt-ink));color:#fff}.tag{color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--r-pill);padding:2px 8px;font-size:11px}.tag.warn{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, white)}.note-card{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px var(--pad);margin:0 0 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);padding:30px var(--pad);font-size:14px}.form-error{padding:10px var(--pad);border-radius:var(--r-md);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);margin-bottom:14px;font-size:13px}