:root{font-family:Inter,system-ui,sans-serif;color:#e8eef9;background:#07111f}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{margin:0;color:#60a5fa}p{color:#94a3b8}.panel,.cards>article{background:#101d31;border:1px solid #233755;border-radius:14px;padding:20px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.cards>article{margin:0}.value{font-size:2rem;font-weight:700}form{display:flex;gap:10px;flex-wrap:wrap}label{display:grid;gap:5px}input,button{border:1px solid #355071;border-radius:8px;padding:10px;background:#0b1728;color:#fff}button{background:#2563eb;cursor:pointer}.danger{background:#991b1b}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #233755;white-space:nowrap}.online,.active{color:#4ade80}.offline,.revoked{color:#f87171}#message{position:fixed;right:20px;bottom:10px;background:#17243a;padding:10px;border-radius:8px} @media(max-width:650px){header,.row{align-items:flex-start;flex-direction:column}}