:root{font-family:Inter,system-ui,sans-serif;color:#f5f2fa;background:#16131d;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#292334 0,#16131d 42%);min-height:100vh}
main{width:min(900px,calc(100% - 32px));margin:38px auto 80px}
header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}
h1{font-size:40px;margin:5px 0 8px}p{color:#bdb6c8;line-height:1.55}.eyebrow{color:#48d6a0;font-weight:800;letter-spacing:.12em}
.card{background:#26222e;border:1px solid #393342;border-radius:14px;margin:20px 0;overflow:hidden;box-shadow:0 18px 50px #0004}
.card-title,.tabs{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #393342}
.card-title h2{font-size:19px;margin:0}.tabs{justify-content:flex-start;gap:40px}.tabs strong{color:#48d77f}.tabs span{color:#77717f}
.content{padding:24px}.profile{display:flex;align-items:center;gap:20px;padding:18px;background:#2d2935;border-radius:8px}.profile img{width:70px;height:70px;border-radius:50%}.profile h3{font-size:25px;margin:0 0 3px}
.status{font-size:13px;font-weight:900;letter-spacing:.04em}.status.ok{color:#48d6a0}.status.warning{color:#ffbf5e}.status.neutral{color:#8c8695}
.notice{padding:18px;border-left:4px solid #42d59b;background:#263936;border-radius:5px;color:#d9f8ed;margin-bottom:20px}
button,.button{display:inline-block;background:#e54b55;border:0;border-radius:4px;color:white;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;margin-top:12px}
button.secondary{background:#47414f}form{padding:24px;display:grid;gap:15px}label{display:grid;gap:7px;color:#d8d2df;font-weight:700}input{background:#19161f;border:1px solid #494251;border-radius:5px;color:white;padding:12px;font:inherit}
.actions{display:flex;gap:12px;flex-wrap:wrap}.hidden{display:none!important}#message{position:fixed;right:25px;bottom:25px;background:#352f3e;padding:13px 18px;border-radius:7px;box-shadow:0 8px 35px #0008}
#message:empty{display:none}.small{font-size:13px;color:#8f8997}
@media(max-width:650px){header{display:block}.tabs{gap:18px;overflow:auto}.profile{align-items:flex-start}.profile img{width:52px;height:52px}}
