:root{font-family:Segoe UI,system-ui,sans-serif;color:#e8edf3;background:#0b1018;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:30px 26px}header{border-bottom:1px solid #283343}.brand{font-size:21px;font-weight:750;letter-spacing:3px}.brand span{color:#e9b86f}.subtitle{font-size:13px;color:#9baabe;margin-top:8px}main{padding-top:42px}h1{font-size:34px;margin:10px 0 12px;letter-spacing:-1px}h2{font-size:20px;margin:14px 0}p{color:#aab8cb;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:3px;color:#e9b86f;font-weight:700}.card{background:#121b28;border:1px solid #2b3749;padding:28px;border-radius:16px;margin-bottom:22px}.login{max-width:500px;margin:20px auto}.login p{margin-bottom:30px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#c6d2e1}input{font:inherit;font-size:15px;padding:12px;border:1px solid #3c4b60;background:#0b131f;color:#f6f8fc;border-radius:7px;min-width:0}input:focus{outline:2px solid #e9b86f;outline-offset:2px}form{margin:0}.login label{margin-bottom:20px}button,.button{border:0;background:#e9b86f;color:#15110b;font:inherit;font-weight:650;border-radius:7px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.12)}.login button{width:100%;margin:6px 0 24px}small,.muted{color:#91a2ba;font-size:13px;line-height:1.7}.create{display:grid;grid-template-columns:2fr 1.3fr .6fr auto;gap:16px;align-items:end}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.heading p{margin:5px 0}.secondary{background:#26364c;color:#dce7f4}.danger{background:#41252e;color:#ffb4bd}.small{font-size:12px;padding:8px 12px}.badge{padding:5px 10px;border-radius:20px;font-size:12px;display:inline-block}.ok{background:#163b32;color:#85dfbb}.off{background:#41252e;color:#ffb4bd}.renew{display:flex;align-items:end;gap:12px;margin-bottom:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:#91a2ba;font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:14px 10px;border-bottom:1px solid #2b3749;white-space:nowrap}td:last-child{white-space:normal}.key{display:block;overflow-wrap:anywhere;padding:20px;background:#080e16;color:#e9b86f;font-size:20px;border-radius:8px}footer{font-size:12px;color:#788ba5;padding-bottom:40px}.empty{text-align:center;color:#91a2ba}@media(max-width:760px){.create{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.card{padding:20px}h1{font-size:28px}header,main,footer{padding-left:18px;padding-right:18px}}