.admin-container{

    width:min(900px,95%);

    margin:50px auto;

    background:#1d1d1d;

    border:1px solid #2d2d2d;

    border-radius:18px;

    padding:35px;

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

}



.admin-container h1{

    text-align:center;

    color:white;

    margin-bottom:10px;

}



.subtitle{

    text-align:center;

    color:#aaa;

    margin-bottom:35px;

}




.success{

    background:#66bb6a;

    color:#111;

    padding:15px;

    border-radius:10px;

    margin-bottom:25px;

    font-weight:600;

}




form{

    display:flex;

    flex-direction:column;

    gap:12px;

}




label{

    color:#aaa;

    margin-top:15px;

    font-size:14px;

}





input,
select,
textarea{


    width:100%;

    background:#121212;

    color:white;

    border:1px solid #333;

    border-radius:10px;

    padding:14px;

    font-family:Inter,sans-serif;

    font-size:15px;

    outline:none;

}



textarea{

    min-height:140px;

    resize:vertical;

}



input:focus,
select:focus,
textarea:focus{

    border-color:#8bc34a;

}





button{

    margin-top:25px;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#8bc34a;

    color:#111;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.2s;

}



button:hover{

    background:#9ccc65;

    transform:translateY(-2px);

}



@media(max-width:600px){


    .admin-container{

        padding:20px;

    }


}

.admin-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

}


.admin-button{

    display:inline-block;

    padding:12px 18px;

    background:#8bc34a;

    color:#111;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

}



.logout-button{

    display:inline-block;

    padding:12px 18px;

    background:#333;

    color:white;

    border-radius:10px;

    text-decoration:none;

    margin-left:10px;

}



.update-item{


    background:#151515;

    border:1px solid #303030;

    border-radius:15px;

    padding:20px;

    margin-bottom:15px;


    display:flex;

    justify-content:space-between;

    align-items:center;


}

.actions a{


    color:#8bc34a;

    text-decoration:none;

    margin-left:15px;


}



.product{

    color:#8bc34a;

    font-weight:700;

}



.empty{

    text-align:center;

    color:#aaa;

    padding:40px;

}