*{box-sizing:border-box}body{margin:0;background:#f5f4f5;font-family:Inter,Arial;color:#222}header{display:flex;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #ddd}header strong{color:#ff3f7d;font-size:22px}header a{margin-left:10px;color:#ff3f7d;text-decoration:none}main{width:min(94%,850px);margin:20px auto}section{background:#fff;padding:18px;border-radius:16px;margin-bottom:16px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:grid;gap:5px}.form input,.form select{height:44px;border:1px solid #ddd;border-radius:10px;padding:0 10px}.form button,.login button{height:44px;border:0;border-radius:10px;background:#ff3f7d;color:#fff;font-weight:700}.row{display:grid;grid-template-columns:56px 1fr auto auto;gap:9px;align-items:center;padding:10px;border:1px solid #eee;border-radius:12px;margin-bottom:8px}.row img{width:56px;height:56px;object-fit:cover;border-radius:9px}.row span{display:block;color:#777}.row button{border:0;border-radius:8px;padding:8px}.danger{background:#ffe0e0;color:#a22}.ok,.error{padding:12px;border-radius:10px;margin-bottom:12px}.ok{background:#e2f6e7}.error{background:#ffe1e1}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#ffe8f0)}.login form{width:min(90%,370px);padding:24px;background:#fff;border-radius:18px}.login img{width:80px;display:block;margin:auto}.login label{display:grid;gap:5px;margin-bottom:10px}.login input{height:44px;border:1px solid #ddd;border-radius:10px;padding:0 10px}.login a{display:block;text-align:center;margin-top:12px;color:#ff3f7d}@media(max-width:650px){.form{grid-template-columns:1fr}.row{grid-template-columns:52px 1fr}.row button,.row form{grid-column:auto}}