:root{font:16px/1.5 system-ui,sans-serif;color:#163e3b;background:#f0f6f5;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:28px 20px}.login{max-width:420px;margin:10vh auto;background:#fff;border:1px solid #d7e4e1;border-radius:20px;padding:28px}.brand{font-weight:750;color:#078675}h1{font-size:clamp(1.4rem,4vw,2rem);margin-top:0}form{display:grid;gap:12px}input,button{font:inherit;border-radius:10px;border:1px solid #b4cbc6;padding:10px 14px;min-height:44px}input{min-width:0;background:#fff;color:inherit}button{background:#fff;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{background:#0c796c;color:white;border-color:#0c796c}header,.toolbar,.pagination{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.toolbar{margin-bottom:20px}#message{color:#aa3030;min-height:24px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid #d7e4e1;vertical-align:top}th{font-size:.85rem;color:#526c66}.actions,.code-cell,.name-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions{max-width:240px}.code{font:600 1rem ui-monospace,monospace;white-space:nowrap}.badge{border-radius:999px;padding:3px 10px;display:inline-block;font-size:.85rem;white-space:nowrap}.unused{background:#fff0bd;color:#6b4b00}.active{background:#d1f1dc;color:#185733}.revoked,.disabled{background:#ececef;color:#57575e}.pagination{justify-content:center;margin-top:20px}.danger{color:#ad3232}.hint{font-size:.9rem;color:#61736e}.edit-form{display:flex;flex-wrap:wrap;gap:6px}.edit-form input{width:180px}button:focus-visible,input:focus-visible{outline:3px solid #32cbb5;outline-offset:2px}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px 12px}table,tbody,tr,td{display:block}thead{display:none}tr{margin-bottom:14px;border:1px solid #d7e4e1;border-radius:14px;background:#fff;padding:8px}td{padding:7px 8px;border:0}td[data-title]::before{content:attr(data-title) ': ';font-size:.85rem;color:#61736e}.actions{max-width:none}.name-cell{font-weight:600}.code-cell{justify-content:flex-start}}@media(prefers-color-scheme:dark){:root{background:#112522;color:#e0efeb}.login,table,tr,input,button{background:#1c3530;border-color:#38534b}.primary{background:#167c6b}th,.hint,td[data-title]::before{color:#b2c9c0}td{border-color:#38534b}.brand{color:#45d7bf}#message,.danger{color:#ffa4a4}}