*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#111833;border-bottom:1px solid #26304f}header a{color:#fff;text-decoration:none;margin-left:12px;padding:10px 14px;background:#26304f;border-radius:10px}.login{width:min(420px,92%);margin:10vh auto;background:#111833;padding:30px;border-radius:22px;border:1px solid #26304f}.login input,.panel input,.panel textarea{width:100%;margin-top:8px;margin-bottom:16px;padding:14px;border-radius:12px;border:1px solid #334064;background:#0b1020;color:white}.login button,.panel button{width:100%;padding:15px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:white;font-weight:900;font-size:16px;cursor:pointer}.err{background:#7f1d1d;padding:12px;border-radius:10px}.ok{margin:20px 5%;background:#14532d;padding:14px;border-radius:12px}.panel{width:min(1000px,92%);margin:25px auto 70px;background:#111833;padding:24px;border-radius:22px;border:1px solid #26304f}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-weight:800;color:#e7ecff}small{display:block;color:#aab5d6;margin-top:4px}hr{border:0;border-top:1px solid #26304f;margin:20px 0}@media(max-width:700px){header{display:block}.two{grid-template-columns:1fr}header a{display:inline-block;margin:8px 8px 0 0}}