*{box-sizing:border-box}body{margin:0;background:#17070d;color:#fff;font-family:Arial,sans-serif}.brand{font:italic 46px Georgia;color:#ef4e80;display:flex;gap:12px;align-items:center}.brand span{font-size:22px;color:#fff}.brand small{display:block;font:9px Arial;letter-spacing:2px}.login{min-height:100vh;padding:35px 60px;background:radial-gradient(circle at 70% 15%,#9b174a66,transparent 35%),linear-gradient(120deg,#65102f,#260914 65%,#13070b)}header{display:flex;justify-content:space-between;align-items:center}.login header i{font-size:10px;letter-spacing:5px;color:#dc88a3}.login section{max-width:1400px;margin:auto;min-height:780px;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.hero label,.main>label,.admin label{font-size:11px;letter-spacing:3px;color:#ff5b8e}.hero h1,.main h1,.admin h1{font:64px Georgia;margin:18px 0}.hero em,.main em,form em{color:#ff4f87;font-weight:normal}.hero p{font-size:25px}.hero small{line-height:2.4;letter-spacing:2px}.login form{padding:42px;background:#2d0b18dd;border:1px solid #9e3558;border-radius:7px;box-shadow:0 25px 80px #0008}.login form h2{font:38px Georgia;margin:0}.login form label{display:block;margin:24px 0;font-weight:bold}.login input{width:100%;padding:14px;margin-top:8px;background:#3b1020;border:1px solid #6d2940;color:white}.login button,.actions button{padding:14px;background:linear-gradient(90deg,#bd1f58,#ed3471);border:1px solid #d64c78;color:white;border-radius:4px}.login form button{width:100%}.login form small{display:block;margin-top:30px}.top{height:95px;padding:0 55px;background:#280a15;border-bottom:1px solid #6c233c}.top nav{display:flex;gap:40px}.top a{color:#dfbcc8;text-decoration:none}.online{font-size:12px;color:#6ee69a}.main{padding:55px 70px}.main h1{font-size:58px}.grid4,.grid3,.cards{display:grid;gap:18px;margin-top:32px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}article{background:#310c1a;border:1px solid #6b2940;border-radius:6px;padding:22px}article b{display:block;margin-top:12px}.ok{color:#55dc8a}.bad{color:#ff6977}.empty{min-height:160px;display:grid;place-items:center;color:#c897a8}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.actions button:disabled{opacity:.5}.admin{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 95px)}aside{padding:30px;background:#230912;border-right:1px solid #6b2940;display:flex;flex-direction:column;gap:8px}aside a{padding:13px;border-radius:4px;color:#e7c4cf}aside a:first-of-type{background:#7c1a3c}.admin main{padding:45px}.admin h1{font-size:46px}.cards{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.login section,.grid4,.grid3,.cards{grid-template-columns:1fr}.admin{grid-template-columns:1fr}aside{display:none}.top nav{display:none}}
.menu-toggle{display:none;background:transparent;border:1px solid #6b2940;color:#fff;padding:8px 11px;border-radius:4px;font-size:19px}#snap{padding:10px 14px;background:#a61f4e;border:1px solid #d64c78;color:#fff;border-radius:4px}#snapout{margin-top:10px;font-size:12px;word-break:break-word}#snapout a{color:#ff7da7}@media(max-width:760px){.top{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}.menu-toggle{display:block}.top .brand{font-size:28px}.top .brand span{font-size:15px}.top nav{display:none;width:100%;order:5;flex-direction:column;gap:0}body.nav-open .top nav{display:flex}.top nav a{padding:12px;border-top:1px solid #5a1b32}.online{margin-left:auto}.main,.admin main{padding:24px 16px}.main h1,.admin h1{font-size:38px}.admin{display:block}.admin aside{display:none;border-right:0;border-bottom:1px solid #6b2940}body.nav-open .admin aside{display:flex}.grid4,.grid3,.cards,.actions{grid-template-columns:1fr}.login{padding:20px}.login section{display:block;min-height:0}.login .hero{margin:60px 0 35px}.login form{padding:26px}.hero h1{font-size:44px}}