:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9edf6;background:#0d1019;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#232039 0,#0d1019 34%);min-height:100vh}main{max-width:1220px;margin:auto;padding:28px 24px 80px}header{padding:10px 0 55px}.brand{font-weight:800;letter-spacing:.19em;color:#ffba6b}.brand small{font-size:11px;color:#838b9f;letter-spacing:.1em}h1{font-size:clamp(30px,4vw,44px);margin:8px 0 10px}h2{font-size:21px;margin:0 0 20px}.eyebrow{text-transform:uppercase;color:#f9ae58;font-weight:700;font-size:11px;letter-spacing:.18em}.muted{color:#939aab;line-height:1.5}.top{display:flex;justify-content:space-between;align-items:start;gap:20px}.top form{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(2,minmax(160px,240px));gap:15px;margin:30px 0}.stats article,.panel,.login,.newkey{background:#181c29;border:1px solid #303647;border-radius:15px;box-shadow:0 12px 28px #0002}.stats article{padding:20px}.stats small{display:block;color:#949cad;margin-bottom:8px}.stats strong{font-size:31px}.panel{padding:26px;margin:22px 0}.login{max-width:460px;margin:10vh auto;padding:35px}.login form{display:grid;gap:19px;margin-top:25px}label{display:grid;gap:8px;color:#b7bfce;font-size:13px;font-weight:600}input,select,textarea{padding:12px 13px;border-radius:9px;background:#0e121c;border:1px solid #3a4052;color:#f3f5fa;font:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #f6a452;outline-offset:1px}button{border:0;border-radius:9px;background:#f2a351;color:#191711;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.1)}button.secondary{background:#292e3d;color:#e9edf6}button.text{background:transparent;color:#ffbb70;padding:4px 7px;font-size:12px}.inline{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.inline label{min-width:180px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:840px}th{text-align:left;color:#8b93a5;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}th,td{border-bottom:1px solid #2d3241;padding:13px 10px;vertical-align:middle}td{color:#d7dce7}code{font-family:Consolas,monospace;color:#f9c183}.actions{display:flex;gap:4px;white-space:nowrap}.newkey{padding:20px;margin:20px 0;border-color:#ac6b35}.newkey strong,.newkey code{display:block}.newkey code{font-size:16px;overflow-wrap:anywhere;margin-top:10px}.error{color:#ff7979}@media(max-width:650px){main{padding:20px 15px 50px}header{padding-bottom:28px}.stats{grid-template-columns:1fr 1fr}.panel{padding:18px}.top{display:block}.inline label{width:100%}.inline button{width:100%}}

.newkey textarea{display:block;width:100%;margin-top:12px;resize:vertical;font-family:Consolas,monospace;color:#f9c183;white-space:pre;overflow:auto}
.actions{align-items:center}.add-time{display:flex;align-items:end;gap:4px;margin-right:8px}.add-time label{gap:2px;font-size:11px}.add-time input{width:70px;padding:5px 6px;font-size:12px}