*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17243d;font-family:Arial,sans-serif}header{background:#173c61;color:#fff;padding:18px 22px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header b{font-size:20px;margin-right:auto}header a{color:#fff;text-decoration:none;background:#ff8618;padding:9px 13px;border-radius:8px}main{max-width:850px;margin:auto;padding:25px 18px}.form,.login{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 30px #0001}label{display:block;font-weight:700;margin:15px 0}input,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #ccd4df;border-radius:9px;font-size:16px}button{background:#ff8618;border:0;color:#fff;padding:14px 20px;border-radius:9px;font-weight:800;font-size:16px;cursor:pointer}.cancel{margin-left:12px;color:#555}.list{display:grid;gap:12px}.item{background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:12px;display:flex;gap:14px;align-items:center}.item img{width:70px;height:70px;object-fit:contain;border-radius:8px}.item div:nth-child(2){display:grid;gap:5px;flex:1}.item span{font-size:14px;color:#667085}.actions{display:flex;gap:10px}.actions a{padding:8px 10px;border-radius:7px;text-decoration:none;background:#eef2f7;color:#173c61}.login{max-width:420px;margin:12vh auto}.login h1{margin-top:0}.login input{margin-bottom:12px}.note{color:#667085;font-size:13px}.err{color:#b42318;font-weight:700}small{display:block;color:#667085;margin-top:5px}h1{margin-top:0}@media(max-width:600px){.item{align-items:flex-start}.actions{flex-direction:column}}