:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18302e;background:#f3f6f5;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #dce5e1;padding:22px max(28px,calc((100vw - 1240px)/2));white-space:nowrap}
.brand{font-size:22px;font-weight:750;color:#145b4c;text-decoration:none}
header span{color:#667c76;font-size:14px}
header form{margin-left:auto}
main{max-width:1296px;margin:46px auto;padding:0 28px}
h1{font-size:34px;letter-spacing:-1px;margin:10px 0}
h2{font-size:19px;margin:0 0 12px}
p{line-height:1.6;color:#60756f;margin:8px 0 16px}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#347968}
.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.card{background:white;border:1px solid #dce5e1;border-radius:14px;padding:26px;box-shadow:0 3px 10px #173b2e03}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}
.metrics span{display:block;font-size:14px;color:#60756f}
.metrics strong{display:block;font-size:42px;font-weight:650;margin-top:16px}
.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:20px 0}
.badge{display:inline-block;border-radius:30px;background:#edf3f0;color:#3c665c;padding:7px 12px;font-size:12px}
.badge.ok{background:#e8f7ef;color:#267148}
.badge.warn{background:#fff3da;color:#8c650e}
.inline{display:flex;align-items:end;gap:12px;margin-top:20px}
label{display:block;flex:1;font-size:13px;font-weight:600;color:#405d54}
input{display:block;width:100%;margin:8px 0 0;border:1px solid #ccd9d3;border-radius:7px;background:#fcfefd;padding:12px;font:inherit;color:#18302e}
input:focus{outline:2px solid #438875;outline-offset:2px}
button{cursor:pointer;border:0;border-radius:7px;background:#1d6955;color:#fff;font:inherit;font-size:14px;font-weight:600;padding:13px 18px;white-space:nowrap}
button:hover{background:#134d3d}
.quiet{background:#edf3f0;color:#42685c;padding:9px 12px}
.quiet:hover{background:#dcebe4}
.registry{margin-top:24px;padding-bottom:16px}
.table-scroll{overflow:auto}
table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}
th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6b8178;padding:18px 10px;border-bottom:1px solid #e1e9e4}
td{padding:20px 10px;border-bottom:1px solid #e1e9e4;vertical-align:top}
small{display:block;color:#789087;font-size:11px;margin-top:8px}
.note{font-size:12px;margin-top:22px}
.licenses-table{min-width:880px}
.license-key{display:block;min-width:170px;max-width:240px;overflow-wrap:anywhere;word-break:break-all;user-select:all;font-size:13px;line-height:1.6;color:#145b4c}
.installation-id{max-width:160px;overflow-wrap:anywhere}
.licenses-table form{margin-top:10px}
.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px;font-size:14px}
.empty{text-align:center;padding:45px 12px}
.empty>span{font-size:32px;color:#86b5a4}
.empty h3{font-size:17px}
.empty p{font-size:14px}
.login{max-width:460px;margin:12vh auto}
.login button{width:100%;margin-top:20px}
.login h1{font-size:29px}
.error{color:#a93b3b}
.activation{font-family:monospace;font-size:27px;letter-spacing:2px;color:#1d6955;padding:20px 0}
a{color:#17674f}
footer{max-width:1240px;margin:32px auto;padding:0 28px;font-size:12px;color:#809289}
@media(max-width:750px){main{margin:28px auto;padding:0 16px}
header{padding:20px;gap:12px}
header span{display:none}
h1{font-size:26px}
.heading{align-items:start;gap:12px}
.metrics{gap:8px}
.metrics .card{padding:16px}
.metrics span{font-size:12px}
.metrics strong{font-size:30px}
.grid{grid-template-columns:1fr}
.inline{display:block}
.inline button{margin-top:14px;width:100%}
.card{padding:20px}
.heading>.badge{display:none}
}

.installation-card{margin-top:20px}.installation-card .heading{margin-bottom:16px}.installation-details{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.support-code{display:block;overflow-wrap:anywhere;font-size:15px;user-select:all;color:#145b4c}.subscription-actions{display:flex;align-items:end;gap:24px;padding:20px 0;flex-wrap:wrap}.subscription-actions form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.subscription-actions label{min-width:130px;max-width:300px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#a23e3e}.danger:hover{background:#842e2e}details{margin-top:16px}summary{cursor:pointer;color:#17674f;font-weight:600}select{display:block;max-width:100%;margin:8px 0 12px;padding:10px;border:1px solid #ccd9d3;border-radius:7px;background:white;color:#18302e}header{flex-wrap:wrap}header a{font-size:14px}.search{margin-top:0}@media(max-width:750px){.installation-details{grid-template-columns:1fr}.subscription-actions,.subscription-actions form{display:block}.subscription-actions button{margin-top:10px}.support-code{font-size:12px}header a.brand{font-size:18px}}