*{
  box-sizing:border-box;
  font-family:Inter,Arial,sans-serif;
}

body{
  background:#f4f6fb;
  margin:0;
  text-align:center;
}

.box{
  background:#fff;
  width:92%;
  max-width:420px;
  margin:25px auto;
  padding:20px;
  border-radius:20px;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}

input,button{
  width:100%;
  padding:10px;
  margin-top:10px;
  border-radius:12px;
  border:1px solid #ccc;
}

button{
  background:#0d6efd;
  color:white;
  border:none;
  font-weight:bold;
  cursor:pointer;
}

.link{
  display:block;
  margin-top:12px;
  color:#0d6efd;
  font-weight:bold;
  text-decoration:none;
}

.hidden{
  display:none;
}

/* REPORTS */
.report-card{
  background:#fff3f3;
  border-left:5px solid #dc3545;
  margin-top:15px;
  padding:12px;
  border-radius:12px;
  text-align:left;
}

.report-card img,
.report-card video{
  width:100%;
  margin-top:10px;
  border-radius:12px;
}

.delete{
  background:#dc3545;
  margin-top:10px;
}