:root{--bg:#171316;--panel:#201a1f;--raise:#292228;--ink:#f3eef1;--muted:#ab9fa7;--line:#362d34;--accent:#a90642;--accent-hover:#c40b4e;--accent-ink:#fff;--accent-soft:#ef6f95;--accent-wash:#2e1520;--ok-bg:#16301f;--ok-ink:#7fd6a0;--no-bg:#3a1d1b;--no-ink:#f0897f;--wait-bg:#352913;--wait-ink:#e8c274;--danger:#c0392f;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:68rem;margin:0 auto;padding:1.1rem 1rem 3rem}header.top{background:var(--panel);border-bottom:2px solid var(--accent)}header.top .inner{flex-wrap:wrap;align-items:center;gap:.9rem;max-width:68rem;margin:0 auto;padding:.6rem 1rem;display:flex}header.top strong{font-size:1.05rem}header.top nav{scrollbar-width:none;align-items:center;gap:.9rem;max-width:100%;margin-left:auto;display:flex;overflow-x:auto}header.top nav::-webkit-scrollbar{display:none}header.top nav a{white-space:nowrap}header.top nav form{flex:none}header.top nav button{padding:.3rem .7rem;font-size:.88rem}header.top a{color:var(--ink);border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none}header.top a:hover,header.top a:focus-visible{border-bottom-color:var(--accent-soft);color:var(--accent-soft)}h1{margin:.5rem 0 .15rem;font-size:1.35rem}h2{margin:0 0 .6rem;font-size:1.05rem}p.lead{color:var(--muted);margin:0 0 1rem;font-size:.92rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.9rem;padding:1rem}.cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:.9rem;display:grid}@media (max-width:820px){.cols{grid-template-columns:1fr}}.tiles{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;display:grid}.tile{background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}.tile .n{font-size:1.5rem;font-weight:700;line-height:1.1}.tile .k{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.info{background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:.75rem .85rem}.info h3{margin:0 0 .15rem;font-size:.9rem}.info p{color:var(--muted);margin:0 0 .7rem;font-size:.86rem;line-height:1.45}.info .item{border-radius:6px;margin-bottom:.35rem;padding:.5rem .6rem}.info .item:last-child{margin-bottom:0}.info .item.on{background:var(--accent-wash);border:1px solid var(--accent)}.info .item.on h3{color:var(--accent-soft)}.info .item p{margin:0}label{margin-bottom:.25rem;font-size:.86rem;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.5rem .6rem}.auto{width:auto;min-width:14rem;max-width:100%}.auto-date{width:auto;min-width:9.5rem}@media (max-width:480px){.auto,.auto-date{width:100%}}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:4.5rem}.grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.field{margin-bottom:.7rem}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;border-radius:6px;padding:.55rem 1.1rem;font-weight:600;transition:background-color .12s,border-color .12s}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--ink);border-color:var(--line);background:0 0}button.secondary:hover:not(:disabled){background:var(--raise);border-color:var(--accent-soft)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.45rem .5rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.82rem}.scroll{overflow-x:auto}.tag{border-radius:999px;padding:.13rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.tag.inskickad{background:var(--wait-bg);color:var(--wait-ink)}.tag.godkand{background:var(--ok-bg);color:var(--ok-ink)}.tag.avslagen{background:var(--no-bg);color:var(--no-ink)}.photo{object-fit:cover;border:1px solid var(--line);background:var(--bg);border-radius:50%;width:96px;height:96px}.photo.small{width:34px;height:34px}.avatar-fallback{border:1px solid var(--line);width:96px;height:96px;color:var(--muted);background:var(--bg);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.notice{border-radius:6px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.93rem}.notice.err{background:var(--no-bg);color:var(--no-ink)}.notice.ok{background:var(--ok-bg);color:var(--ok-ink)}.muted{color:var(--muted)}.small{font-size:.87rem}@media (max-width:700px){body{font-size:15px}.wrap{padding:.7rem .7rem 2.5rem}.panel{padding:.8rem}header.top .inner{gap:.35rem .5rem;padding:.45rem .7rem}header.top nav{gap:.85rem;width:100%;margin-left:0}header.top .who{display:none}h1{margin-top:.2rem;font-size:1.15rem}p.lead{margin-bottom:.7rem}}.login-wrap{box-sizing:border-box;place-items:center;min-height:100dvh;padding:1.5rem 1rem;display:grid}.login-card{text-align:center;width:100%;max-width:23rem}.login-icon{border-radius:26px;width:148px;height:148px;margin:0 auto .9rem;display:block}@media (max-width:480px){.login-icon{width:112px;height:112px}}@media (max-height:620px){.login-icon{width:92px;height:92px}}.login-card h1{margin:0 0 .1rem;font-size:1.45rem}.login-card .sub{color:var(--muted);margin:0 0 1.1rem;font-size:.95rem}.login-card form{text-align:left}.login-card .full{width:100%}.brand{align-items:center;gap:.5rem;display:flex}.brand img{border-radius:6px;width:26px;height:26px;display:block}button.tiny{padding:.2rem .6rem;font-size:.82rem;font-weight:600}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);width:calc(100% - 2rem);max-width:32rem;padding:1.1rem;box-shadow:0 18px 48px #0000008c}dialog::backdrop{background:#0009}.nowrap{white-space:nowrap}table.dense th,table.dense td{padding:.3rem .45rem;font-size:.9rem}table.dense tbody tr:hover{background:var(--raise)}th button.sortable{cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;align-items:center;gap:.25rem;margin:0;padding:0;font-size:.8rem;font-weight:600;display:inline-flex}th button.sortable:hover{color:var(--accent-soft);background:0 0}th button.sortable .arrow{opacity:0;font-size:.7rem}th button.sortable .arrow.on{opacity:1;color:var(--accent-soft)}th button.sortable:hover .arrow{opacity:.45}.scroll.tall{max-height:60vh;overflow-y:auto}