:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172026;background:#f4f7f6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:1px solid #b7c5c0;background:#fff;color:#172026;padding:.55rem .8rem;border-radius:6px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.primary,form button[type=submit]{background:#176b5b;color:#fff;border-color:#176b5b}button.ghost{background:transparent}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#e8f2ef,#f7f6f0)}.login-panel,.panel{background:#fff;border:1px solid #d7e0dd;border-radius:8px;padding:1.3rem;box-shadow:0 18px 45px #1e373214}.login-panel{width:min(420px,calc(100vw - 2rem))}.login-panel h1{margin-top:0}form{display:grid;gap:.75rem}label{display:grid;gap:.35rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #bfcbc7;border-radius:6px;padding:.55rem .65rem;background:#fff}textarea{resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#102923;color:#f7fbfa;padding:1rem}.brand{font-size:1.2rem;font-weight:800;margin-bottom:.75rem}.group-chip{display:inline-flex;max-width:100%;padding:.25rem .45rem;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#dce7e4;margin-bottom:1rem}nav{display:grid;gap:.45rem}nav button{text-align:left;background:transparent;color:#eef7f4;border-color:transparent}nav button.active,.segmented button.active{background:#1c7a68;color:#fff;border-color:#1c7a68}.workspace{padding:1rem;min-width:0}header{min-height:56px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:1rem}header div:first-child{margin-right:auto;display:grid}header span{color:#63746f;font-size:.9rem}.segmented{display:inline-flex;border:1px solid #b7c5c0;border-radius:7px;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented.wide{width:fit-content;margin:.25rem 0 .8rem}.panel{margin-bottom:1rem}.panel.narrow{max-width:520px}h2,h3,h4{margin-top:0}.error,.warning{color:#8f251d;background:#fff0ee;border:1px solid #f1c6c0;border-radius:6px;padding:.65rem .8rem}.field-error{margin:-.2rem 0 .5rem;color:#8f251d;font-size:.9rem}.error-input{border-color:#b73a30;background:#fff8f7}.notice,.preview{color:#124335;background:#eaf7f2;border:1px solid #bfe4d7;border-radius:6px;padding:.65rem .8rem}.muted{color:#596a65}.actions{display:flex;gap:.6rem;margin-top:1rem}.counter{display:flex;flex-wrap:wrap;gap:.5rem;margin:.45rem 0 1rem;color:#52635e;font-size:.9rem}.counter span{border:1px solid #d7e0dd;border-radius:6px;padding:.25rem .45rem;background:#f8fbfa}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid #d7e0dd;margin-bottom:1rem}.tabs button{border-color:transparent;border-radius:6px 6px 0 0}.tabs button.active{background:#176b5b;border-color:#176b5b;color:#fff}.admin-section{max-width:980px}.admin-form{background:#f8fbfa;border:1px solid #d7e0dd;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.admin-list{border-top:1px solid #cfdad6;padding-top:.75rem;margin-top:.5rem}.admin-list:before{content:"Eksisterende";display:block;color:#52635e;font-size:.82rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.admin-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(90px,.4fr) minmax(180px,1fr);gap:.7rem;align-items:center;border-bottom:1px solid #e5ebe8;padding:.75rem 0}.admin-row.user-row{grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) minmax(100px,.6fr) minmax(80px,.5fr) minmax(170px,auto)}.admin-row.sender-row{grid-template-columns:minmax(150px,1fr) minmax(80px,.4fr) minmax(170px,.8fr) minmax(170px,auto)}.admin-row>div:first-child{display:grid;gap:.15rem}.row-actions{display:flex;justify-content:flex-end;gap:.45rem}.inline-check{display:flex;align-items:center;gap:.45rem;font-weight:600}.inline-check input{width:auto}.custom-recipient-box{margin-top:.75rem}.inline-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:.6rem;align-items:end;margin-bottom:1rem}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.check-row{display:flex;align-items:center;gap:.55rem;border:1px solid #d7e0dd;border-radius:6px;padding:.65rem;font-weight:500}.check-row input{width:auto}.sender-toggle{width:fit-content;margin-bottom:.75rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border-bottom:1px solid #dde5e2;padding:.65rem;text-align:left;vertical-align:top}th{color:#52635e;font-size:.9rem}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.columns.three{grid-template-columns:repeat(3,minmax(0,1fr))}.rowline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid #e5ebe8;padding:.5rem 0}@media(max-width:820px){.app-shell{grid-template-columns:1fr}aside{position:static}header{flex-wrap:wrap;justify-content:flex-start}.inline-form,.columns,.columns.three,.admin-row,.admin-row.user-row,.admin-row.sender-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start;flex-wrap:wrap}table{display:block;overflow-x:auto}}