:root{--ink:#1a1d20;--ink-2:#101416;--petrol:#1b4448;--teal:#246b70;--bronze:#c28b5b;--muted:#8b9299;--line:#2a3033;--paper:#fff;--bg:#14181a;--card:#1c2124;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:#e8eaec;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--bronze);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:0 auto;padding:24px 16px 64px}header.top{border-bottom:1px solid var(--line);background:var(--ink-2);z-index:10;padding:14px 16px;position:sticky;top:0}header.top .inner{align-items:center;gap:20px;max-width:1100px;margin:0 auto;display:flex}.brand{letter-spacing:1.5px;color:#fff;margin:0;font-size:15px;font-weight:600}.brand span{color:var(--bronze)}nav a{color:#cfd4d8;margin-right:16px;font-size:13px}nav a.active{color:var(--bronze)}h1{margin:0 0 4px;font-size:22px;font-weight:600}h2{color:#fff;margin:24px 0 10px;font-size:15px;font-weight:600}.muted{color:var(--muted)}.error{color:#f08a7a;font-size:13px}.ok{color:#6fbf8f;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:18px}input,textarea,select{border:1px solid var(--line);color:#e8eaec;background:#11161a;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--teal);outline:none}label{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:11px;display:block}.field{margin-bottom:12px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:760px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}button{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500}button:hover{background:#2b7d83}button:disabled{opacity:.5;cursor:default}button.ghost{border:1px solid var(--line);color:#cfd4d8;background:0 0}button.ghost:hover{border-color:var(--teal);background:0 0}button.bronze{background:var(--bronze);color:#1a1d20}button.bronze:hover{background:#d19a6b}button.tiny{padding:4px 9px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px;font-weight:500}td{vertical-align:top;border-bottom:1px solid #232a2d;padding:6px 8px}td.right,th.right{text-align:right}tr.total td{border:none;padding-top:10px;font-weight:600}.pill{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 9px;font-size:11px}.pill.skickad{color:var(--bronze);border-color:var(--bronze)}.pill.godkand{color:#6fbf8f;border-color:#3f7f5f}.pill.forlorad{color:#b06a60;border-color:#5a3a35}.results{border:1px solid var(--line);border-radius:6px;max-height:260px;margin-top:8px;overflow-y:auto}.result{cursor:pointer;border-bottom:1px solid #232a2d;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.result:last-child{border-bottom:none}.result:hover{background:#232a2d}.center{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login{text-align:center;width:320px}.login input{text-align:center;margin:14px 0 10px}.login button{width:100%}.list-item{border-bottom:1px solid #232a2d;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:none}.hint{color:var(--muted);margin-top:6px;font-size:12px}