:root{--bg:#fafafa;--flate:#fff;--kant:#e5e7eb;--tekst:#1a1a1a;--tekst-svak:#6b7280;--aksent:#2563eb;--aksent-svak:#eff6ff;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--flate:#171a21;--kant:#262b36;--tekst:#e8eaed;--tekst-svak:#9aa4b2;--aksent:#4f8bff;--aksent-svak:#16233c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--tekst);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.skall{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidemeny{background:var(--flate);border-right:1px solid var(--kant);padding:16px 12px}.merke{flex-direction:column;gap:2px;padding:8px 8px 16px;display:flex}.merke .produkt{font-size:15px;font-weight:700}.merke .firma{color:var(--tekst-svak);font-size:13px}.sidemeny nav{flex-direction:column;gap:1px;display:flex}.sidemeny nav a{color:var(--tekst);border-radius:6px;padding:7px 10px}.sidemeny nav a:hover{background:var(--bg)}.sidemeny nav a.aktiv{background:var(--aksent-svak);color:var(--aksent);font-weight:600}.sidemeny .gruppe{text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-svak);padding:12px 10px 4px;font-size:11px}.hoved{flex-direction:column;min-width:0;display:flex}.topplinje{border-bottom:1px solid var(--kant);background:var(--flate);justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px;display:flex}.topplinje .rolle{background:var(--aksent-svak);color:var(--aksent);border-radius:999px;padding:2px 8px;font-size:12px}.topplinje .epost{color:var(--tekst-svak);font-size:13px}main{min-width:0;padding:24px}h1{margin:0 0 16px;font-size:20px}h2{margin:20px 0 8px;font-size:15px}button{font:inherit;cursor:pointer;border:1px solid var(--kant);background:var(--flate);color:var(--tekst);border-radius:6px;padding:6px 12px}button.primaer{background:var(--aksent);color:#fff;border-color:var(--aksent)}button:hover{border-color:var(--aksent)}table{border-collapse:collapse;background:var(--flate);border:1px solid var(--kant);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--kant);padding:9px 12px}th{text-transform:uppercase;letter-spacing:.03em;color:var(--tekst-svak);font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg);cursor:pointer}.kort{background:var(--flate);border:1px solid var(--kant);border-radius:var(--radius);padding:16px}.rad{align-items:center;gap:12px;display:flex}.mellomrom{margin-bottom:16px}label{color:var(--tekst-svak);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{font:inherit;border:1px solid var(--kant);background:var(--flate);width:100%;color:var(--tekst);border-radius:6px;padding:7px 10px}.felt{margin-bottom:12px}.readonly{opacity:.7}.tom{color:var(--tekst-svak);text-align:center;padding:40px}.feil{color:#dc2626;font-size:13px}.badge{background:var(--aksent-svak);color:var(--aksent);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.login-skjerm{max-width:380px;margin:80px auto;padding:32px}.login-skjerm h1{font-size:22px}