.page-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:24px;

}

.page-actions{

    display:flex;

    gap:12px;

    align-items:center;

}

.page-header h1{

    margin:0;

}

.page-header p{

    margin-top:6px;

    color:#777;

}

.card{

    background:#fff;

    border-radius:12px;

    padding:20px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.tabela-admin{

    width:100%;

    border-collapse:collapse;

}

.tabela-admin th,
.tabela-admin td{

    padding:14px;

    border-bottom:1px solid #ececec;

    text-align:left;

    vertical-align:middle;

}

.tabela-admin img{

    width:90px;

    height:70px;

    object-fit:cover;

    border-radius:8px;

    box-shadow:0 4px 12px rgba(0,0,0,.12);

}

.status{

    padding:4px 10px;

    border-radius:20px;

    font-size:.85rem;

    font-weight:600;

}

.status.ativo{

    background:#dff6e4;

    color:#1f7a39;

}

.status.inativo{

    background:#fde2e2;

    color:#b42318;

}

.acoes{

    display:flex;

    gap:12px;

}

.acoes a{

    text-decoration:none;

}

.sem-registros{

    text-align:center;

    padding:40px;

    color:#777;

}

.form-group{

    display:flex;

    flex-direction:column;

    margin-bottom:18px;

}

.form-group label{

    margin-bottom:8px;

    font-weight:600;

}

.form-group input,
.form-group textarea{

    padding:10px 12px;

    border:1px solid #dcdcdc;

    border-radius:8px;

    font-size:15px;

    font-family:inherit;

}

.form-group textarea{

    resize:vertical;

    min-height:120px;

}

.form-group input[type="checkbox"]{

    width:auto;

    margin-right:8px;

}

.form-group img{

    max-width:260px;

    margin-top:20px;

    border-radius:10px;

    box-shadow:0 6px 18px rgba(0,0,0,.12);

}

button.btn{

    margin-top:10px;

}