:root{color:#e7edf0;background:#0b0d0e;font-family:Inter,system-ui}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#0b100d;cursor:pointer;background:#b5f59b;border:0;border-radius:8px;padding:11px 16px;font-weight:700}button:disabled{opacity:.5}.loading{padding:40px}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#131719;border:1px solid #2b3438;border-radius:16px;gap:16px;width:360px;padding:32px;display:grid}.login h1{font-size:24px}.login label,.generator label{color:#a7b5ba;gap:7px;display:grid}.login input,.generator input,.generator select,.filters input,.filters select{color:#e7edf0;background:#0e1112;border:1px solid #364146;border-radius:8px;padding:11px}.error{color:#ff9b9b}.shell{grid-template-rows:64px 1fr;grid-template-columns:220px 1fr;min-height:100vh;display:grid}header{border-bottom:1px solid #20292d;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.quiet{color:#b7c4c8;background:0 0}.shell aside{border-right:1px solid #20292d;align-content:start;gap:8px;padding:28px 16px;display:grid}.shell aside button{color:#aebcc0;text-align:left;background:0 0}.shell aside button.active,.shell aside button:hover{color:#b5f59b;background:#1b3125}.shell section{padding:34px;overflow:auto}.title{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.title small{color:#75958b;letter-spacing:1.5px}.title h2{margin:10px 0 0;font-size:32px}.filters{gap:10px;margin-bottom:18px;display:flex}.filters input{width:320px}table{border-collapse:collapse;background:#111516;border:1px solid #293337;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #222c2f;padding:14px;font-size:13px}th{color:#829399;font-weight:500}tbody tr{cursor:pointer}tbody tr:hover{background:#17231d}.badge{border-radius:99px;padding:4px 8px;font-size:11px}.badge.active{color:#b5f59b;background:#1e4729}.badge.expired{color:#ffd77c;background:#483b1b}.badge.revoked{color:#ff9eaa;background:#492329}.pager{color:#829399;justify-content:flex-end;align-items:center;gap:10px;padding:18px 0;display:flex}.pager button{color:#b5f59b;background:#1d2824}.overlay{background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#151a1b;border:1px solid #394548;border-radius:14px;width:min(560px,90vw);padding:28px;position:relative}.x{color:#bbc6c9;background:0 0;padding:0;font-size:22px;position:absolute;top:16px;right:16px}.modal dl{grid-template-columns:150px 1fr;gap:9px;display:grid}.modal dt{color:#819197}.modal dd{margin:0}.actions{gap:10px;margin-top:24px;display:flex}.danger{background:#f09aa4}.generator{background:#131819;border:1px solid #2b3538;border-radius:14px;gap:16px;max-width:560px;padding:24px;display:grid}.generator button{width:max-content}.result{background:#131819;border:1px solid #2b3538;border-radius:14px;margin-top:26px;padding:24px}.key{background:#0b0e0f;border-radius:6px;margin:7px 0;padding:9px;display:block}@media (width<=800px){.shell{grid-template-columns:1fr}.shell aside{border-bottom:1px solid #20292d;border-right:0;display:flex}.shell section{padding:20px}.filters{flex-wrap:wrap}table{display:block;overflow:auto}}