:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf1f8;background:#090b10}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#202638,#090b10 55%);min-height:100vh}main{max-width:1180px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0;color:#ffca48}header p{margin:6px 0;color:#929bad}section,.toolbar{background:#151925;border:1px solid #2c3345;border-radius:15px;padding:20px;margin-bottom:18px}.create form{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:7px;color:#aeb6c8}input{background:#0c0f16;border:1px solid #414a60;color:#fff;padding:10px;border-radius:8px}button{background:#ffca48;border:0;padding:10px 15px;border-radius:8px;font-weight:750;cursor:pointer}.ghost{background:#242b3a;color:#fff}.toolbar{display:flex;gap:10px}.toolbar input{flex:1}.cards{background:transparent;border:0;padding:0;display:grid;gap:13px}article{background:#151925;border:1px solid #2c3345;border-radius:14px;padding:18px}article.disabled{border-color:#71313d;opacity:.78}.top,.stats,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top{justify-content:space-between}.top h3{margin:0}.top small{color:#697286}.top span{padding:6px 10px;border-radius:99px}.active{background:#163c2c;color:#99efc7}.disabled .disabled{background:#4a2028;color:#ffb5bf}.stats{margin:15px 0;color:#aeb6c8}.stats b{color:#fff}.actions button{background:#2a3141;color:#fff}.actions .warn{background:#7a5717}.actions .danger{background:#802837}.key-preview{display:flex;gap:8px;align-items:center;margin-top:9px;color:#98a2b7}.key-preview span{padding:0;background:transparent}.key-preview code{color:#ffca48;background:#0c0f16;border:1px solid #323a4d;padding:6px 9px;border-radius:7px}.login{max-width:430px;text-align:center;margin-top:10vh;background:#151925;border:1px solid #2c3345;border-radius:20px}.login form{display:grid;gap:12px}.mark{margin:auto;width:55px;height:55px;display:grid;place-items:center;background:#ffca48;color:#15100a;border-radius:15px;font-size:30px;font-weight:900}.error{background:#51232b;color:#ffc1c8;padding:12px;border-radius:9px;margin:12px 0}@media(max-width:850px){.create form{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:15px}.create form{grid-template-columns:1fr}.actions button{flex:1}}
