:root{--bg:#F3F0EA;--surface:#FCFBF8;--surface-2:#F6F2EA;--ink:#26221D;--muted:#6E675D;--line:#E3DDD1;--ut:#B4553A;--in:#2C6E63;--internal:#9C958A;--accent:#2C6E63;--varning:#C08A2E;--radius:14px;--shadow:0 1px 2px rgba(38,34,29,.05), 0 8px 24px rgba(38,34,29,.045);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.display{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}a{color:inherit}.muted{color:var(--muted)}.right{text-align:right}.small{font-size:13px}.tiny{font-size:12px}.stack{display:grid;gap:10px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{margin-left:auto}label.falt{display:block;font-size:12px;color:var(--muted);margin:0 0 5px;font-weight:500}.wrap{max-width:1080px;margin:0 auto;padding:0 20px calc(96px + var(--safe-b))}.topbar{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.topbar-in{max-width:1080px;margin:0 auto;padding:16px 20px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.brand{font-family:Fraunces,serif;font-size:22px;font-weight:600;letter-spacing:-.02em}.brand small{font-family:Inter;font-weight:500;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-left:10px}.tabs{display:flex;gap:4px;margin-left:auto}.tab{border:none;background:none;color:var(--muted);padding:8px 14px;border-radius:99px;font-weight:500;font-size:14px;white-space:nowrap}.tab.active{background:var(--ink);color:var(--bg)}.tab:hover:not(.active){background:var(--surface-2);color:var(--ink)}.tab .badge{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;background:var(--varning);color:#fff;border-radius:99px;font-size:11px;font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe-b));display:flex;justify-content:space-around}.tabbar button{border:none;background:none;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 6px;border-radius:10px;min-width:56px;position:relative;font-weight:500}.tabbar button .ikon{font-size:18px;line-height:1}.tabbar button.active{color:var(--accent);font-weight:600}.tabbar button .prick{position:absolute;top:2px;right:9px;width:7px;height:7px;border-radius:99px;background:var(--varning)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:20px}.section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.offline{background:var(--varning);color:#fff;font-size:13px;text-align:center;padding:7px 14px;font-weight:500}.bar-load{height:3px;background:var(--accent);animation:load 1s ease-in-out infinite}@keyframes load{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.kpi{padding:18px 20px}.kpi .label{font-size:13px;color:var(--muted);margin-bottom:6px}.kpi .val{font-family:Fraunces,serif;font-size:30px;font-weight:500;letter-spacing:-.02em}.kpi .val.ut{color:var(--ut)}.kpi .val.in{color:var(--in)}.kpi .val.varning{color:var(--varning)}.kpi .sub{font-size:12px;color:var(--muted);margin-top:4px}.strip{display:flex;gap:6px;align-items:flex-end;padding:18px 20px 10px;overflow-x:auto}.mbar{flex:1 1 44px;min-width:44px;max-width:84px;text-align:center;border:none;background:none;padding:0;color:var(--muted)}.mbar .bar-track{height:120px;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:3px}.barbtn{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;background:none;border:none;padding:0;border-radius:5px 5px 0 0}.barbtn:hover,.barbtn.pa{background:var(--surface-2)}.barbtn.pa .bar-ut,.barbtn.pa .bar-in{outline:2px solid var(--ink);outline-offset:-1px;opacity:1}.mbar .mlabel{background:none;border:none;padding:2px 0 0;width:100%;color:inherit}.mbar .bar-ut,.mbar .bar-in{display:block;width:100%;border-radius:3px 3px 0 0;min-height:2px}.mbar .bar-ut{background:var(--ut);opacity:.85}.mbar .bar-in{background:var(--in);opacity:.7}.mbar.sel .bar-ut,.mbar.sel .bar-in,.mbar:hover .bar-ut,.mbar:hover .bar-in{opacity:1}.mbar .mlabel{font-size:11px;margin-top:8px}.mbar.sel .mlabel{color:var(--ink);font-weight:600}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:baseline}.spark{width:100%;height:120px;display:block}.spark .stapel{fill:var(--ut);opacity:.75}.spark .snitt{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 4;fill:none}.spark .budget{stroke:var(--accent);stroke-width:1.5;fill:none}.catrow{display:grid;grid-template-columns:150px 1fr 108px 120px;align-items:center;gap:12px;padding:7px 0}.catrow .cname{font-size:14px;display:flex;align-items:center;gap:8px}.catrow .ctrack{height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden;position:relative}.catrow .cfill{height:100%;border-radius:99px;background:var(--accent)}.catrow .cbudget{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink);opacity:.45}.catrow .camt{text-align:right;font-size:14px}.catrow .cbud{text-align:right;font-size:12px;color:var(--muted)}.catrow-click{cursor:pointer;border-radius:8px}.catrow-click:hover{background:var(--surface-2)}.dot{display:inline-block;width:8px;height:8px;border-radius:99px;flex:0 0 auto}.over{color:var(--ut);font-weight:600}.chips{display:flex;gap:8px;flex-wrap:wrap}.chipval{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 14px;border-radius:99px;font-size:14px}.chipval.pa{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chipval.liten{padding:5px 11px;font-size:13px}.chipval:hover:not(.pa){background:var(--surface-2);color:var(--ink)}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 14px}select,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],textarea{font-family:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);width:100%}input[type=text].smal{min-width:180px;width:auto}.filters select,.filters input{width:auto;font-size:14px;padding:8px 11px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 15px;border-radius:9px;font-weight:500;font-size:14px}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{opacity:.9}.btn.liten{padding:6px 12px;font-size:13px}.btn.fara{color:var(--ut)}.btn:disabled{opacity:.5;cursor:default}.lista{display:grid}.lista-rad{display:grid;grid-template-columns:var(--kol);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.lista-rad:last-child{border-bottom:none}.lista-rubrik{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-bottom:8px}.lista-cell{min-width:0}.lista-cell.amt,.lista-cell.knapp{text-align:right}.lista-cell .mobil{display:none}@media (max-width: 720px){.lista-rubrik{display:none}.lista-rad{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:13px 0}.lista-cell.amt,.lista-cell.knapp{text-align:right}.lista-cell .mobil{display:inline}.lista-cell input[type=text]{width:100%}.lista.kat .k-flode{display:none}.lista.kat .k-namn{grid-column:1;grid-row:1}.lista.kat .k-utfall{grid-column:2;grid-row:1}.lista.kat .k-budget{grid-column:1;grid-row:2;text-align:left}.lista.kat .k-budget input{width:100%!important;text-align:right!important}.lista.kat .k-budget.k-tom{display:none}.lista.kat .k-bort{grid-column:2;grid-row:2}.lista.konton .ko-namn{grid-column:1 / -1;grid-row:1}.lista.konton .ko-agare{grid-column:1 / -1;grid-row:2}.lista.konton .ko-import{grid-column:1 / -1;grid-row:3}.lista.konton .ko-import .tiny{display:none}.lista.konton .ko-planbok{grid-column:1;grid-row:4}.lista.konton .ko-aktiv{grid-column:2;grid-row:4;text-align:right}.lista.konton .ko-rader{grid-column:1;grid-row:5;text-align:left}.lista.konton .ko-bort{grid-column:2;grid-row:5}.lista.kurser .ku-dagar,.lista.kurser .ku-kalla,.lista.kurser .ku-noterad{display:none}.lista.kurser .ku-valuta{grid-column:1;grid-row:1}.lista.kurser .ku-kurs{grid-column:2;grid-row:1}.lista.kurser .ku-meta{grid-column:1 / -1;grid-row:2}.lista.regler .re-sort{display:none}.lista.regler .re-monster{grid-column:1;grid-row:1}.lista.regler .re-bort{grid-column:2;grid-row:1}.lista.regler .re-kategori{grid-column:1 / -1;grid-row:2}.lista.logg .lg-text{grid-column:1 / -1;grid-row:1}.lista.logg .lg-tid{grid-column:1;grid-row:2}.lista.logg .lg-typ{display:none}.lista.logg .lg-knapp{grid-column:2;grid-row:2}}@media (min-width: 721px){.lista.kurser .ku-meta,.lista.regler .re-meta,.tabbar{display:none}}.txrad{display:grid;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr) 118px 172px 116px 34px}.txrad:last-child{border-bottom:none}.txrad:hover{background:var(--surface-2)}.txrad .c-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txrad .c-belopp{text-align:right;white-space:nowrap}.txrad .c-belopp.ut{color:var(--ut)}.txrad .c-belopp.in{color:var(--in)}.txrad .c-meta{display:none}.txrad .c-bort{text-align:right}.txhuvud{display:grid;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr) 118px 172px 116px 34px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.txhuvud .sorterbar{cursor:pointer;-webkit-user-select:none;user-select:none}.txhuvud .sorterbar:hover{color:var(--ink)}@media (max-width: 720px){.txhuvud{display:none}.txrad{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px 2px}.txrad .c-datum,.txrad .c-konto{display:none}.txrad .c-meta{display:block;font-size:12px;color:var(--muted)}.txrad .c-text{grid-column:1;white-space:normal}.txrad .c-belopp{grid-column:2;grid-row:1}.txrad .c-meta{grid-column:1;grid-row:2}.txrad .c-bort{grid-column:2;grid-row:2}.txrad .c-kat{grid-column:1 / -1;grid-row:3}.txrad .c-kat .catsel{width:100%;max-width:none;border-color:var(--line)}.txrad .c-orig{display:none}}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.th-sort:hover{color:var(--ink)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.tbl tr:hover td{background:var(--surface-2)}.tbl .amt{text-align:right;white-space:nowrap}.tbl .amt.ut{color:var(--ut)}.tbl .amt.in{color:var(--in)}.tbl .desc{font-weight:500}.tbl .meta{color:var(--muted);font-size:12px}.catsel{border:1px solid transparent;background:transparent;padding:5px 8px;border-radius:7px;font-size:13px;color:var(--muted);max-width:190px;width:auto}.catsel:hover,.catsel:focus{border-color:var(--line);background:var(--surface)}.catsel.manuell{color:var(--ink);font-weight:500}.catsel.saknas{color:var(--varning);font-weight:600;border-color:var(--varning)}.empty{padding:48px 20px;text-align:center;color:var(--muted)}.notis{padding:12px 14px;border-radius:10px;background:var(--surface-2);font-size:13px;line-height:1.6;color:var(--muted)}.notis b{color:var(--ink)}.fab{position:fixed;right:20px;bottom:calc(20px + var(--safe-b));z-index:29;border:none;background:var(--ink);color:var(--bg);border-radius:99px;padding:15px 22px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px;box-shadow:0 6px 20px #26221d38}.fab:active{transform:translateY(1px)}.fab .plus{font-size:20px;line-height:1;margin-top:-2px}.modal-bak{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#26221d6b;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--surface);width:100%;max-width:560px;max-height:92vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 40px #26221d33}.modal-huvud{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-huvud .btn{margin-left:auto}.modal-kropp{padding:18px;overflow-y:auto;display:grid;gap:14px}.modal-fot{display:flex;align-items:center;gap:10px;padding:14px 18px;padding-bottom:calc(14px + var(--safe-b));border-top:1px solid var(--line)}.tva{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beloppsrad{display:flex;gap:8px;align-items:stretch}.beloppsrad .belopp{font-size:34px;font-family:Fraunces,serif;font-weight:500;padding:8px 12px}.beloppsrad .valutaval{width:104px;font-weight:600;flex:0 0 auto}@media (min-width:721px){.modal-bak{align-items:center;padding:20px}.modal{border-radius:18px}}@media (max-width:720px){.topbar-in{padding:13px 16px;gap:8px}.wrap{padding:0 14px calc(152px + var(--safe-b))}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px 16px}.kpi .val{font-size:25px}.grid2{grid-template-columns:1fr}.tabs{display:none}.fab{right:16px;bottom:calc(78px + var(--safe-b));padding:0;width:58px;height:58px;justify-content:center}.fab .text{display:none}.fab .plus{font-size:30px;margin:0;font-weight:300}.catrow{grid-template-columns:1fr auto;gap:4px 10px}.catrow .ctrack{grid-column:1 / -1}.catrow .cbud{grid-column:1 / -1;text-align:left}.tva{grid-template-columns:1fr}.modal-kropp{padding:16px;gap:13px}.beloppsrad .belopp{font-size:30px}.tbl-wrap .tbl{min-width:640px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}