/* ==========================================
   ACCOUNT PAGES
   Login | Register | Profile
========================================== */

.account-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 20px;
}

.account-card {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 35px;
    box-shadow: 0 4px 18px rgba(0,0,0,.05);
}

.account-card h1{
    margin:0;
    font-size:30px;
    font-weight:600;
    color:#222;
}

.account-subtitle{
    margin-top:8px;
    margin-bottom:30px;
    color:#777;
    font-size:15px;
}

.form-group{
    margin-bottom:22px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#444;
}

.form-control,
.textbox{
    width:100%;
    padding:12px 14px;
    border:1px solid #d8d8d8;
    border-radius:6px;
    font-size:15px;
    background:#fff;
    transition:.25s;
    box-sizing:border-box;
}

.form-control:focus,
.textbox:focus{
    outline:none;
    border-color:#b8894a;
    box-shadow:0 0 0 3px rgba(184,137,74,.12);
}

.account-btn{
    width:100%;
    padding:13px;
    border:none;
    border-radius:6px;
    background:#1c1f1d;
    color:#fff;
    font-size:15px;
    cursor:pointer;
    transition:.25s;
}

.account-btn:hover{
    background:#b8894a;
}

.account-link{
    margin-top:22px;
    text-align:center;
    color:#666;
    font-size:14px;
}

.account-link a{
    color:#1c1f1d;
    text-decoration:none;
    font-weight:600;
}

.account-link a:hover{
    color:#b8894a;
}

.message{
    display:block;
    margin-bottom:20px;
    padding:12px;
    border-radius:6px;
    background:#fff9e8;
    color:#8a6d3b;
    border:1px solid #edd89a;
}

.success-message{
    padding:15px;
    background:#edf8ef;
    border:1px solid #b9ddbf;
    color:#2f6d38;
    border-radius:6px;
    margin-bottom:20px;
}

@media (max-width:600px){

.account-page{
    padding:25px 15px;
}

.account-card{
    padding:25px;
}

}

/* ======================================
   ADMIN PAGES
====================================== */

.admin-card{
    width:100%;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:35px;
    box-shadow:0 4px 18px rgba(0,0,0,.05);
}

.admin-card h3{
    margin-top:35px;
    margin-bottom:20px;
    color:#222;
    font-size:20px;
    font-weight:600;
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
}

.admin-card .form-group{
    margin-bottom:18px;
}

.admin-card .form-control{
    width:100%;
}

.admin-card .btn{
    min-width:120px;
}

.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-bottom:20px;

}

.form-grid .full{

    grid-column:1 / -1;

}

@media(max-width:768px){

.form-grid{

grid-template-columns:1fr;

}

}