*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:#0b1020;color:#e9ecf1}
a{color:#9ecbff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:24px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
h1{font-size:24px;margin:0}h2{font-size:18px;margin:0 0 12px}h3{margin:0 0 8px}
.card{background:#141b34;border:1px solid #243056;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 6px 24px rgba(0,0,0,.2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.grid.two{grid-template-columns:1fr 1fr}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0 12px}
dt{opacity:.7}
.btn{display:inline-block;background:#4a7dff;color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;border:1px solid #35446e;color:#c7d7ff}
.btn.danger{background:#ff5468}.btn.danger.ghost{background:transparent;border:1px solid #7a2a33;color:#ff8c98}
label{display:block;margin:10px 0 6px;opacity:.9}
input[type=text],input[type=password],textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #2d3a60;background:#0f1428;color:#e9ecf1}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #273358;padding:8px 6px;text-align:left}
.status{margin-top:8px;opacity:.9}
.error{color:#ff8c98}
.auth{max-width:460px}
footer{margin-top:20px;opacity:.7}
code{background:#0d1325;border:1px solid #213058;padding:1px 6px;border-radius:8px}
.avatar{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid #2d3a60;margin-bottom:10px}
.avatar-video{width:120px;height:120px;object-fit:cover;border-radius:12px;border:1px solid #2d3a60;margin-bottom:10px;background:#000}