:root{--font-sans:"Inter","SF Pro Display",system-ui,-apple-system,sans-serif;--font-mono:"SF Mono","Fira Code",ui-monospace,monospace;--bg-base:#fafaf9;--bg-alt:#f5f5f4;--ink:#1c1917;--muted:#78716c;--accent:#d97706;--accent-strong:#b45309;--accent-soft:#fef3c7;--income:#059669;--expense:#dc2626;--surface:#ffffffd1;--surface-popover:#fffffff5;--card:var(--surface);--border:#00000014;--border-soft:#0000000d;--shadow-soft:0 1px 3px #0000000f,0 8px 24px #0000000a;--shadow-tight:0 1px 2px #0000000d;--shadow-inset:inset 0 1px 0 #ffffff80;--radius-card:16px;--radius-soft:12px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-base);margin:0;line-height:1.5;overflow-x:hidden}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}.shell{z-index:1;max-width:1180px;margin:0 auto;padding:24px 20px 72px;position:relative}.section-gap{margin-top:20px}.nav{border:1px solid var(--border);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#ffffffd9;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex;position:sticky;top:12px}.brand-stack{gap:1px;display:grid}.brand-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}.brand{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:700;line-height:1}.nav-links{align-items:center;gap:10px;display:flex}.nav-tabs{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:color .15s,background .15s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-tight);background:#fff}.user-chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);max-width:260px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;position:relative}.card>*{z-index:1;position:relative}.card.card-floating{z-index:8}.hero{gap:16px;display:grid}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.hero p{max-width:68ch;color:var(--muted);margin:0;font-size:15px}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.tile{border-radius:var(--radius-soft);border:1px solid var(--border);background:#fff;gap:6px;padding:14px;transition:box-shadow .15s;display:grid}.tile:hover{box-shadow:var(--shadow-soft)}.tile strong{font-size:14px}.tile span{color:var(--muted);font-size:13px}.section-title{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(20px,2.2vw,24px);font-weight:700;line-height:1.2}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.metrics-grid .card{min-height:100px}.stat{align-content:center;gap:4px;display:grid}.stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1}.form-grid{gap:12px;display:grid}.filter-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filter-nav-label{gap:2px;display:grid}.filter-nav-label strong{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1}.filter-nav-actions{gap:6px;display:inline-flex}.field{gap:6px;display:grid}label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}input,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a8a29e}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d977061f}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s,color .15s}.btn-small{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:var(--accent);box-shadow:var(--shadow-tight)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{border-color:var(--border);color:var(--ink);background:#fff}.btn-ghost:hover:not(:disabled){background:var(--bg-alt)}.helper{color:var(--muted);font-size:13px}.status{color:var(--expense);font-size:13px;font-weight:600}.badge{border:1px solid var(--border);background:var(--bg-alt);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.gauge-card{overflow:visible}.gauge-layout{align-items:center;gap:32px;display:flex}.gauge-ring-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.gauge-ring{background:conic-gradient(var(--gauge-color)calc(var(--gauge-pct)*1%),#0000000f 0);border-radius:50%;width:100%;height:100%;-webkit-mask:radial-gradient(farthest-side,#0000 66%,#000 67%);mask:radial-gradient(farthest-side,#0000 66%,#000 67%)}.gauge-center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.gauge-pct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1}.gauge-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.gauge-details{flex:1;gap:14px;display:grid}.gauge-main-figure{gap:4px;display:grid}.gauge-main-figure strong{letter-spacing:-.01em;font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.1}.gauge-stats{flex-wrap:wrap;gap:20px;display:flex}.gauge-stat{gap:2px;display:grid}.gauge-stat-value{color:var(--income);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.gauge-stat-danger .gauge-stat-value{color:var(--expense)}.gauge-stat-label{color:var(--muted);font-size:12px}.gauge-insights{flex-wrap:wrap;gap:6px;display:flex}.insight-chip{border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.insight-good{color:#065f46;background:#d1fae5}.insight-warn{color:#92400e;background:#fef3c7}.insight-bad{color:#991b1b;background:#fee2e2}.breakdown-bar{border-radius:12px;gap:2px;height:24px;margin-bottom:14px;display:flex;overflow:hidden}.breakdown-segment{cursor:default;min-width:4px;height:100%;transition:opacity .15s}.breakdown-segment:first-child{border-radius:12px 0 0 12px}.breakdown-segment:last-child{border-radius:0 12px 12px 0}.breakdown-segment:only-child{border-radius:12px}.breakdown-segment:hover{opacity:.7}.breakdown-legend{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;display:grid}.breakdown-legend-item{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.breakdown-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.breakdown-legend-name{color:var(--ink);font-weight:600}.breakdown-legend-value{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.breakdown-legend-pct{text-align:right;min-width:32px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.budget-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.budget-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.budget-card{border:1px solid var(--border);border-radius:var(--radius-soft);background:#fff;gap:10px;padding:14px;display:grid}.budget-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-list{gap:8px;display:grid}.budget-row{grid-template-columns:1fr 120px;align-items:center;gap:12px;display:grid}.budget-input{text-align:right}.cat-name-row{align-items:center;gap:8px;padding-right:40px;display:flex}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-remaining{font-size:12px;font-weight:600}.cat-pct-badge{font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:0;right:36px}.cat-pct-ok{color:#065f46;background:#d1fae5}.cat-pct-warn{color:#92400e;background:#fef3c7}.cat-pct-over{color:#991b1b;background:#fee2e2}.category-chart-list{gap:16px;display:grid;overflow:visible}.category-chart-row{gap:8px;display:grid;position:relative}.category-chart-row.is-editing{z-index:6}.category-chart-header{grid-template-columns:1fr auto;align-items:start;gap:6px 12px;display:grid;position:relative}.category-chart-header>strong{padding-right:40px}.category-chart-values{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.category-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.icon-button{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:14px;transition:background .15s,color .15s;display:grid;position:absolute;top:0;right:0}.icon-button:hover:not(:disabled){background:var(--bg-alt);color:var(--ink)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.budget-popover{border:1px solid var(--border);background:var(--surface-popover);z-index:24;border-radius:12px;gap:10px;min-width:236px;padding:12px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 8px 30px #0000001f}.budget-popover-row{gap:6px;display:grid}.budget-popover-actions{gap:8px;display:flex}.category-chart-track{background:#0000000a;border-radius:8px;height:16px;position:relative;overflow:visible}.category-chart-budget-mark{z-index:3;background:#0003;border-radius:1px;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.category-chart-budget-mark:after{content:"Budsjett";letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:0;font-size:9px;font-weight:600;transition:opacity .15s;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.category-chart-row:hover .category-chart-budget-mark:after{opacity:1}.category-chart-bar{width:0;transition:width .4s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;bottom:0;left:0}.category-chart-bar.spent{background:var(--bar-color,#78716c);z-index:2;border-radius:7px}.category-chart-bar.spent.income,.category-chart-bar.spent.under-budget{background:var(--income)}.category-chart-bar.spent.over{background:var(--expense);border-radius:7px 3px 3px 7px}.category-chart-row.under-budget .category-chart-track{background:#0596690f}.category-chart-row.over-budget .category-chart-track{background:#dc26260f}.activity-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.activity-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;margin-top:8px;display:grid}.activity-clear{justify-self:end;width:auto}.activity-total-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.activity-total{gap:2px;display:grid}.activity-total strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.activity-total-meta{font-size:13px}.list{gap:8px;display:grid}.list-header{grid-template-columns:minmax(88px,.82fr) minmax(72px,.68fr) minmax(140px,1.55fr) minmax(96px,.95fr) minmax(106px,1fr) 32px;align-items:center;gap:8px;padding:0 14px;display:grid}.list-sort{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:11px;font-weight:600;display:inline-flex}.list-sort:hover,.list-sort.active{color:var(--ink)}.list-sort-indicator{min-width:14px;color:var(--accent)}.list-sort.empty{visibility:hidden;pointer-events:none}.list-row{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(88px,.82fr) minmax(72px,.68fr) minmax(140px,1.55fr) minmax(96px,.95fr) minmax(106px,1fr) 32px;align-items:center;gap:12px;padding:10px 40px 10px 14px;display:grid;position:relative}.list-row.income-row{background:#f0fdf4;border-color:#05966926}.list-row:hover{box-shadow:var(--shadow-soft)}.list-row span{color:var(--muted);font-size:13px}.list-row strong{font-variant-numeric:tabular-nums;font-size:14px}.category-pill{background:hsl(var(--cat-hue)40% 95%);width:fit-content;color:hsl(var(--cat-hue)35% 35%);border-radius:6px;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.delete-button{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:14px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.delete-button:hover:not(:disabled){color:var(--expense);background:#fef2f2}.delete-button:disabled{opacity:.4;cursor:not-allowed}.mobile-new-row-card{margin-bottom:20px;display:none}.mobile-new-row-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-new-row-grid .field:first-child{grid-column:1/-1}.new-row{border-color:var(--border);background:var(--bg-alt);border-style:dashed;padding-right:14px}.new-row:hover{box-shadow:none}.editing-row{border-color:var(--accent);background:#fffbeb;grid-template-columns:minmax(88px,.82fr) minmax(72px,.68fr) minmax(140px,1.55fr) minmax(96px,.95fr) minmax(106px,1fr) 64px;padding-right:14px;box-shadow:0 0 0 3px #d9770614}.editing-row:hover{box-shadow:0 0 0 3px #d9770614}.cell-input{border:1px solid var(--border);width:100%;box-shadow:none;color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.cell-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d977061a}.cell-input::placeholder{color:#a8a29e;font-size:12px}.cell-input-number{text-align:right;font-variant-numeric:tabular-nums}select.cell-input{padding:6px;font-size:12px}.row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.save-button{width:28px;height:28px;color:var(--income);cursor:pointer;background:#ecfdf5;border:1px solid #05966933;border-radius:8px;place-items:center;font-size:14px;line-height:1;transition:background .15s;display:grid}.save-button:hover:not(:disabled){background:#d1fae5}.save-button:disabled{opacity:.35;cursor:not-allowed}.cancel-button{width:28px;height:28px;color:var(--expense);cursor:pointer;background:#fef2f2;border:1px solid #dc262626;border-radius:8px;place-items:center;font-size:14px;line-height:1;transition:background .15s;display:grid}.cancel-button:hover:not(:disabled){background:#fee2e2}.cancel-button:disabled{opacity:.35;cursor:not-allowed}.list-row[title]{cursor:default}.text-income{color:var(--income)}.text-expense{color:var(--expense)}.auth-shell{place-items:center;min-height:100vh;padding:34px 20px 64px;display:grid}.auth-card{gap:14px;width:min(440px,100%);display:grid}.auth-card h1{margin:0;font-size:32px;font-weight:700;line-height:1.1}.auth-card p{color:var(--muted);margin:0}.empty{text-align:center;border:1px dashed var(--border);color:var(--muted);background:var(--bg-alt);border-radius:12px;padding:20px 14px}.icon{vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;display:inline-block}@media (max-width:1024px){.shell{padding:20px 16px 64px}}@media (max-width:860px){.nav{flex-direction:column;align-items:flex-start;position:relative;top:0}.nav-links{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.nav-tabs{justify-content:space-between;width:100%}.nav-link{text-align:center;width:100%}.user-chip,.btn{justify-content:center;width:100%}.metrics-grid .card{min-height:84px}.activity-head{align-items:flex-start}.activity-controls{grid-template-columns:1fr}.activity-clear{justify-self:stretch}.mobile-new-row-card{display:block}.new-row,.list-header{display:none}.list-row{grid-template-columns:1fr;gap:6px;padding-top:36px;padding-right:14px}.list-row.new-row,.list-row.editing-row{grid-template-columns:1fr 1fr;gap:8px;padding-top:14px}.list-row.new-row .cell-input,.list-row.editing-row .cell-input{grid-column:span 1}.list-row.new-row>.save-button,.list-row.editing-row>.row-actions{grid-column:1/-1;justify-self:stretch}.list-row.new-row>.save-button{border-radius:8px;width:100%;height:36px}.budget-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}}@media (max-width:640px){.shell{padding:16px 12px 48px}.card{border-radius:14px;padding:16px}.section-title{font-size:20px}.filter-nav{align-items:stretch}.filter-nav-actions{width:100%}.gauge-layout{text-align:center;flex-direction:column}.gauge-stats,.gauge-insights{justify-content:center}.gauge-main-figure{align-items:center}.budget-popover{min-width:100%;position:static}.budget-popover-actions{flex-direction:column}.breakdown-legend{grid-template-columns:1fr}.activity-total-row{flex-direction:column;align-items:flex-start}}@media (max-width:480px){label{font-size:11px}input,select{font-size:15px}.brand{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}