.formlabel{
    font-weight: bold;
    

}
.error-msg{
    background:#ffe6e6;
    color:#d8000c;
    padding:12px;
    margin-bottom:15px;
    border-radius:8px;
    font-weight:bold;
    text-align:center;
}
.success-msg{
    background:#e6ffed;
    color:#1e7e34;
    padding:12px;
    margin-bottom:15px;
    border-radius:8px;
    font-weight:bold;
    text-align:center;
    border:1px solid #b7f5c2;
}

/* HEADER PAGE*/

   *{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family:Arial, sans-serif;
    }

    .navbar{
        width:100%;
        background: linear-gradient(135deg, #020617, #0F172A, #1E3A8A);
        padding:20px 40px;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .nav-left{
        display:flex;
        align-items:center;
        gap:15px;
    }

    .logo{
        width:60px;
        height:auto;
    }

    .brand{
        color:white;
        font-size:28px;
        font-weight:bold;
    }

    .nav-right{
        display:flex;
        align-items:center;
        gap:15px;
    }

    .nav-right a{
        text-decoration:none;
        background:#2563EB;
        color:white;
        padding:10px 20px;
        border-radius:25px;
        font-weight:bold;
        transition:0.3s;
    }

    .nav-right a:hover{
        background:#1E40AF;
        transform:scale(1.05);
    }

    .welcome-user{
        color:white;
        font-weight:bold;
        font-size:16px;
    }

/* add product/edituser/editproduct page*/
       
       .addproduct_body{
            margin:0;
            font-family:Arial;
            background: linear-gradient(to bottom,#1E3A8A,#68b6f5);
        }

        .addproduct_container{
            width:400px;
            margin:80px auto;
            background:white;
            padding:25px;
            border-radius:12px;
            box-shadow:0 5px 15px rgba(0,0,0,0.2);
        }

        h1{
            text-align:center;
        }

        .addproduct_form{
            display:flex;
            flex-direction:column;
            gap:12px;
        }

        .addproduct_input, .addproduct_textarea, .addproduct_select{
            padding:10px;
            border-radius:6px;
            border:1px solid #ccc;
        }

        .addproductbtn{
            padding:12px;
            border:none;
            border-radius:6px;
            background:#68b6f5;
            color:white;
            font-weight:bold;
            cursor:pointer;
        }

        .addproductbtn:hover{
            background:#4aa3e0;
        }

        .error{
            color:red;
            text-align:center;
        }
/*admin dashpage*/

.admin_body{
            background:#f4f7fb;
            overflow-x: auto;
            overflow-x: auto;
        }

        .admin_container{
            width:95%;
            margin:auto;
        }

        .admin_section-title{
            margin:30px 0 15px;
            color:#333;
        }

        .admin_table{
            width:100%;
            border-collapse:collapse;
            background:white;
            border-radius:10px;
            overflow:hidden;
            box-shadow:0 5px 15px rgba(0,0,0,0.1);
        }

        .admin_table-wrapper{
            overflow-x:auto;
        }

        .admin_table th{
            background: #2f7beed0;
            color:white;
            padding:15px;
            text-align:left;
        }

        .admin_table td{
            padding:15px;
            border-bottom:1px solid #eee;
        }

        .admin_table tr:hover{
            background:#f9f9f9;
        }

        .admin_product-img{
            width:80px;
            height:80px;
            object-fit:cover;
            border-radius:8px;
        }

        .admin_action-buttons{
            display:flex;
            gap:10px;
        }

        .admin_edit-btn{
            background:#4caf50;
            color:white;
            padding:8px 14px;
            border-radius:6px;
            text-decoration:none;
            font-size:14px;
        }

        .admin_delete-btn{
            background:#f44336;
            color:white;
            padding:8px 14px;
            border-radius:6px;
            text-decoration:none;
            font-size:14px;
        }

        .admin_edit-btn:hover{
            background:#43a047;
        }

        .admin_delete-btn:hover{
            background:#d32f2f;
        }
        .admin_view-btn{
            background:#68b6f5;
            color:white;
            padding:8px 14px;
            border-radius:6px;
            text-decoration:none;
            font-size:14px;
        }
        .admin_view-btn:hover{
            background: #1f72f0;
        }

/* sales view admin page*/
        .sales_body {
            margin: 0;
            font-family: Arial;
            background: #f4f7fb;
        }

        .sales_container {
            width: 95%;
            margin: 100px auto;
        }

        .sales_title {
            font-size: 28px;
            margin-bottom: 20px;
            color: #333;
        }

        .sales_table {
            width: 100%;
            border-collapse: collapse;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 6px 18px rgba(0,0,0,0.1);
        }

        .sales_table th {
            background:#2f7beed0;
            color: white;
            padding: 14px;
            text-align: left;
        }

        .sales_table td {
            padding: 14px;
            border-bottom: 1px solid #eee;
        }

        .sales_table tr:hover {
            background: #f1f8ff;
        }

        .status_paid {
            color: orange;
            font-weight: bold;
        }

        .status_shipped {
            color: #3498db;
            font-weight: bold;
        }

        .status_delivered {
            color: #2ecc71;
            font-weight: bold;
        }

        .status_completed {
            color: green;
            font-weight: bold;
        }

        .sales_badge {
            padding: 4px 10px;
            border-radius: 20px;
            font-size: 12px;
            background: #eee;
        }

        .sales_wrapper {
            overflow-x: auto;
        }

/* dashboard page*/
        .dash_body {
            margin: 0;
            font-family: Arial;
            background-color: #F8FAFC;
           
            padding: auto;
        }

        .dash_container {
            width: 70%;
            margin: auto;
            background-color: #F8FAFC;
        }

        .dash_header {
            background: #e4e2e2;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            text-align: center;
        }

        .dash_btnheader {
            padding: 8px 18px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            text-decoration: none;
            color: white;
            margin: 5px;
            display: inline-block;
            background: #68b6f5;
        }
        .dash_btnheader:hover{
            background-color: #2d92f0;
        }

        

       

        .dash_card {
            background-color: #e4e2e2;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 10px;
            box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        }

/* login/register page */
.auth_wrap{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;


        }

        /* CARD */
        .auth_card {
            width: 380px;
            background: rgba(255,255,255,0.9);
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
            overflow: hidden;
            position: relative;
            
        }

        /* TAB BUTTONS */
        .auth_tabs {
            display: flex;
        }

        .auth_tabs button {
            flex: 1;
            padding: 15px;
            border: none;
            cursor: pointer;
            font-weight: bold;
            background: #aad5fd;
            transition: 0.3s;
        }

        .auth_tabs button.active {
            background: #68b6f5;
            color: white;
        }

        /* FORMS */
        .auth_form {
            padding: 25px;
            display: none;
            flex-direction: column;
            gap: 10px;
        }

        .auth_form.active {
            display: flex;
            animation: fade 0.4s ease;
        }

        @keyframes fade {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .auth_input {
            padding: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
        }

        .auth_submit {
            padding: 10px;
            border: none;
            border-radius: 6px;
            background: #68b6f5;
            color: white;
            cursor: pointer;
        }

        .auth_button.submit:hover {
            background:  #2baaff;
        }
/*product details page*/
        .productdetail_body{
            font-family:Arial;
            background:#f5f5f5;
            margin:0;
            padding:0;
        }

        .productdetail_container{
            display:flex;
            gap:50px;
            padding:50px;
            background:white;
            max-width:1000px;
            margin:50px auto;
            border-radius:15px;
            box-shadow:0 5px 15px rgba(0,0,0,0.1);
        }

        .productdetail_image{
            width:400px;
        }

        .productdetail_image img{
            width:100%;
            border-radius:10px;
        }

        .productdetail_details{
            flex:1;
        }

        .productdetail_name{
            font-size:36px;
            font-weight:bold;
            margin-bottom:10px;
        }

        .productdetail_price{
            font-size: 32px;
            color: #000000;
            font-weight: bold;
            margin:15px 0;
        }

        .productdetail_condition{
            display:inline-block;
            padding:5px 12px;
            background:#eee;
            border-radius:20px;
            margin-bottom:15px;
        }

        .productdetail_desc{
            color:#555;
            margin-bottom:30px;
            line-height:1.6;
        }
        .productdetail_buybtn{
            width:40%;
            padding:12px;
            border:none;
            color: white;
            background:#3B82F6;
            border-radius:10px;
            cursor:pointer;
            font-weight:bold;
            font-size: 20px;
            transition:0.3s;
        }

        .productdetail_buybtn:hover{
            background:#1E40AF;
            transform:scale(1.1);
        }
        .sold_text{
            color:red;
            font-size:22px;
            font-weight:bold;
        }
        .own_product_msg{
            background:#fff3cd;
            color:#856404;
            padding:12px;
            border-radius:10px;
            border:1px solid #ffeeba;
            margin-top:10px;
            font-weight:600;
            text-align:center;
    }
    /*user dash*/

        .dash_body{
            margin:0;
            font-family:Arial;
            background:#f4f7fb;
        }

        .dash_container{
            width:90%;
            margin:100px auto;
        }

        .dash_header{
            background:white;
            padding:25px;
            border-radius:15px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            margin-bottom:25px;
        }

        .dash_header h1{
            margin:0;
            font-size:28px;
        }

        .dash_header p{
            color:#666;
            margin:10px 0;
        }

        .dash_buttons{
            margin-top:15px;
        }

        .dash_btnheader{
            display:inline-block;
            padding:10px 14px;
            margin-right:10px;
            margin-top:10px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .dash_btnheader:hover{
            background:#1e9be6;
        }

        .dash_products_title{
            font-size:26px;
            margin:20px 0;
        }

        .dash_grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:20px;
        }

        .dash_card{
            background:white;
            padding:15px;
            border-radius:15px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
        }

        .dash_card img{
            width:100%;
            height:200px;
            object-fit:cover;
            border-radius:10px;
        }

        .dash_card h2{
            margin:10px 0;
        }

        .dash_actions a{
            display:inline-block;
            padding:8px 10px;
            margin-top:10px;
            margin-right:5px;
            border-radius:6px;
            text-decoration:none;
            color:white;
        }

        .view{background:#2ecc71;}
        .edit{background:#3498db;}
        .delete{background:#e74c3c;}

        .wallet-container{
            display:flex;
            justify-content:space-between;
            align-items:center;
            background:#ffffff;
            padding:15px 20px;
            border-radius:12px;
            box-shadow:0 4px 12px rgba(0,0,0,0.1);
            margin:15px 0;
}

.wallet-balance{
    font-size:18px;
    font-weight:bold;
    color:#111;
}

.wallet-actions{
    display:flex;
    gap:10px;
}

.wallet-btn{
    padding:10px 14px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
    color:white;
    transition:0.3s;
}

.wallet-btn.deposit{
    background:#22c55e;
}

.wallet-btn.deposit:hover{
    background:#16a34a;
}

.wallet-btn.withdraw{
    background:#ef4444;
}

.wallet-btn.withdraw:hover{
    background:#dc2626;
}
/*deposit page*/

 .deposit_container{
            margin:0;
            font-family:Arial;
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .deposit_card{
            background:white;
            padding:40px;
            border-radius:15px;
            width:350px;
            box-shadow:0 10px 25px rgba(0,0,0,0.2);
            text-align:center;
        }

        .deposit_title{
            font-size:24px;
            font-weight:bold;
            margin-bottom:15px;
        }

        .deposit_input{
            width:100%;
            padding:12px;
            margin:10px 0;
            border:1px solid #ddd;
            border-radius:8px;
        }

        .deposit_btn{
            width:100%;
            padding:12px;
            border:none;
            background:#2174d3;
            color:white;
            font-weight:bold;
            border-radius:8px;
            cursor:pointer;
            transition:0.3s;
        }

        .deposit_btn:hover{
            background:#19579e;
        }

        /*withdraw page */
 .withdraw_container{
            margin:0;
            font-family:Arial;
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .withdraw_card{
            background:white;
            padding:40px;
            border-radius:15px;
            width:350px;
            box-shadow:0 10px 25px rgba(0,0,0,0.2);
            text-align:center;
        }

        .withdraw_title{
            font-size:24px;
            font-weight:bold;
            margin-bottom:15px;
        }

        .withdraw_input{
            width:100%;
            padding:12px;
            margin:10px 0;
            border:1px solid #ddd;
            border-radius:8px;
        }

        .balance_box{
            background:#f3f4f6;
            padding:10px;
            border-radius:8px;
            margin-bottom:10px;
            font-weight:bold;
        }
        /* release payment page*/
  body.release_body{
            margin:0;
            font-family:Arial;
            background:linear-gradient(to top,#68b6f5,#ecf6ff);
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .release_card{
            width:420px;
            background:white;
            padding:40px;
            border-radius:18px;
            box-shadow:0 10px 30px rgba(0,0,0,0.2);
            text-align:center;
        }

        .release_icon{
            font-size:70px;
            margin-bottom:20px;
        }

        .release_title{
            font-size:30px;
            font-weight:bold;
            color:#2ecc71;
            margin-bottom:15px;
        }

        .release_text{
            font-size:16px;
            color:#555;
            line-height:1.6;
            margin-bottom:25px;
        }

        .release_amount{
            font-size:36px;
            font-weight:bold;
            color:#3fb0f1;
            margin:20px 0;
        }

        .release_info{
            background:#f4f7fb;
            padding:15px;
            border-radius:10px;
            margin-bottom:25px;
            text-align:left;
        }

        .release_info p{
            margin:10px 0;
            color:#444;
        }

        .release_label{
            font-weight:bold;
            color:#222;
        }

        .release_btn{
            display:inline-block;
            padding:14px 22px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:10px;
            font-weight:bold;
            transition:0.3s;
        }

        .release_btn:hover{
            background:#1e9be6;
        }

        .release_redirect{
            margin-top:18px;
            color:#888;
            font-size:13px;
        }
        /* order detail page*/
         body.orderdetails_body{
            margin:0;
            font-family:Arial;
            background:#f4f7fb;
            min-height:100vh;
        }

        .orderdetails_container{
            width:90%;
            max-width:700px;
            margin:100px auto;
        }

        .orderdetails_card{
            background:white;
            border-radius:15px;
            padding:30px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
        }

        .orderdetails_title{
            font-size:30px;
            margin-bottom:25px;
            color:#333;
        }

        .orderdetails_row{
            margin-bottom:15px;
            font-size:17px;
            color:#555;
        }

        .orderdetails_label{
            font-weight:bold;
            color:#222;
        }

        .orderdetails_price{
            font-size:28px;
            font-weight:bold;
            color:#3fb0f1;
            margin-top:20px;
            margin-bottom:20px;
        }

        .orderdetails_status{
            display:inline-block;
            padding:10px 16px;
            border-radius:20px;
            font-size:14px;
            font-weight:bold;
            margin-bottom:25px;
        }

        .status_paid{
            background:#fff3cd;
            color:#856404;
        }

        .status_shipped{
            background:#d1ecf1;
            color:#0c5460;
        }

        .status_delivered{
            background:#d4edda;
            color:#155724;
        }

        .status_completed{
            background:#c3f7d0;
            color:green;
        }
        .order_box{
    background:#f4f7fb;
    padding:15px;
    border-radius:10px;
    margin:15px 0;
    box-shadow:0 4px 10px rgba(0,0,0,0.05);
}

.order_box h3{
    margin-bottom:10px;
}

.order_box p{
    margin:5px 0;
    color:#333;
}

        .orderdetails_actions{
            margin-top:20px;
        }

        .orderdetails_btn{
            display:inline-block;
            margin-bottom: 12px;
            padding:20px 20px;
            margin-right:10px;
            margin-top:10px;
            border-radius:18px;
            text-decoration:none;
            color:white;
            font-weight:bold;
            transition:0.3s;
        }

        .btn_ship{
            background:#f39c12;
        }

        .btn_ship:hover{
            background:#d68910;
        }

        .btn_deliver{
            background:#3498db;
        }

        .btn_deliver:hover{
            background:#21618c;
        }

        .btn_complete{
            background:#2ecc71;
        }

        .btn_complete:hover{
            background:#239b56;
        }

        .orderdetails_back{
            display:inline-block;
            margin-top:30px;
            text-decoration:none;
            color:#3fb0f1;
            font-weight:bold;
        }

        .orderdetails_back:hover{
            text-decoration:underline;
        }
    /*seller dash*/
        .seller_body{
            margin:0;
            font-family:Arial;
            background:#f4f7fb;
            min-height:100vh;
        }

        .seller_container{
            width:90%;
            margin:100px auto;
        }

        .seller_title{
            font-size:34px;
            margin-bottom:30px;
            color:#333;
        }

        .seller_stats{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
            gap:20px;
            margin-bottom:40px;
        }

        .seller_stat_card{
            background:white;
            border-radius:15px;
            padding:25px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            transition:0.3s;
        }

        .seller_stat_card:hover{
            transform:translateY(-5px);
        }

        .seller_stat_label{
            color:#777;
            font-size:15px;
            margin-bottom:10px;
        }

        .seller_stat_value{
            font-size:32px;
            font-weight:bold;
            color:#3fb0f1;
        }

        .seller_products_title{
            font-size:28px;
            margin-bottom:20px;
            color:#333;
        }

        .seller_products_grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:25px;
        }

        .seller_product_card{
            background:white;
            border-radius:15px;
            padding:20px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            transition:0.3s;
        }

        .seller_product_card:hover{
            transform:translateY(-5px);
        }

        .seller_product_image{
            width:100%;
            height:220px;
            object-fit:cover;
            border-radius:12px;
            margin-bottom:15px;
        }

        .seller_product_name{
            font-size:22px;
            font-weight:bold;
            color:#222;
            margin-bottom:10px;
        }

        .seller_product_price{
            font-size:24px;
            font-weight:bold;
            color:#2ecc71;
            margin-bottom:15px;
        }

        .seller_product_category{
            color:#666;
            margin-bottom:8px;
        }

        .seller_product_condition{
            color:#666;
            margin-bottom:15px;
        }

        .seller_buttons{
            margin-top:15px;
        }

        .seller_btn{
            display:inline-block;
            padding:10px 14px;
            border-radius:8px;
            text-decoration:none;
            color:white;
            margin-right:10px;
            margin-top:10px;
            transition:0.3s;
        }

        .seller_edit_btn{
            background:#3498db;
        }

        .seller_edit_btn:hover{
            background:#21618c;
        }

        .seller_delete_btn{
            background:#e74c3c;
        }

        .seller_delete_btn:hover{
            background:#b03a2e;
        }

        .seller_add_btn{
            display:inline-block;
            margin-bottom:30px;
            padding:14px 20px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:10px;
            font-weight:bold;
            transition:0.3s;
        }

        .seller_add_btn:hover{
            background:#1e9be6;
        }

        .seller_empty{
            background:white;
            padding:40px;
            text-align:center;
            border-radius:15px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            color:#666;
            font-size:18px;
        }
/* update order page*/
        .update_body{
            margin:0;
            font-family:Arial;
            background:linear-gradient(to top,#68b6f5,#ecf6ff);
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .update_card{
            background:white;
            padding:40px;
            border-radius:15px;
            box-shadow:0 10px 25px rgba(0,0,0,0.2);
            text-align:center;
            width:400px;
        }

        .update_title{
            font-size:26px;
            margin-bottom:15px;
        }

        .update_text{
            font-size:16px;
            color:#555;
            margin-bottom:25px;
        }

        .success{
            color:#2ecc71;
            font-weight:bold;
        }

        .error{
            color:#e74c3c;
            font-weight:bold;
        }

        .update_btn{
            display:inline-block;
            padding:12px 18px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .update_btn:hover{
            background:#1e9be6;
        }

        .auto_redirect{
            margin-top:15px;
            font-size:13px;
            color:#888;
        }
/* user sales page*/
        .sales_body{
            margin:0;
            font-family:Arial;
            background:#f4f7fb;
            min-height:100vh;
        }

        .sales_container{
            width:90%;
            margin:100px auto;
        }

        .sales_header{
            display:flex;
            justify-content:space-between;
            align-items:center;
            margin-bottom:30px;
            flex-wrap:wrap;
            gap:20px;
        }

        .sales_title{
            font-size:32px;
            color:#333;
        }

        .sales_earnings{
            background:white;
            padding:20px 30px;
            border-radius:15px;
            box-shadow:0 5px 15px rgba(0,0,0,0.1);
        }

        .sales_earnings_label{
            font-size:15px;
            color:#777;
            margin-bottom:5px;
        }

        .sales_earnings_amount{
            font-size:30px;
            font-weight:bold;
            color:#222;
        }

        .sales_grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
            gap:25px;
        }

        .sales_card{
            background:white;
            border-radius:15px;
            padding:22px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            transition:0.3s;
        }

        .sales_card:hover{
            transform:translateY(-5px);
        }

        .sales_id{
            font-size:20px;
            font-weight:bold;
            margin-bottom:12px;
            color:#222;
        }

        .sales_text{
            margin:10px 0;
            font-size:15px;
            color:#555;
        }

        .sales_label{
            font-weight:bold;
            color:#333;
        }

        .sales_amount{
            font-size:24px;
            font-weight:bold;
            color:#3fb0f1;
            margin-top:15px;
        }

        .sales_status{
            display:inline-block;
            margin-top:18px;
            padding:8px 14px;
            border-radius:20px;
            font-size:13px;
            font-weight:bold;
        }

        .status_paid{
            background:#fff3cd;
            color:#856404;
        }

        .status_shipped{
            background:#d1ecf1;
            color:#0c5460;
        }

        .status_delivered{
            background:#d4edda;
            color:#155724;
        }

        .status_completed{
            background:#c3f7d0;
            color:green;
        }

        .sales_button{
            display:inline-block;
            margin-top:18px;
            padding:10px 16px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .sales_button:hover{
            background:#1d9be6;
        }

        .sales_empty{
            background:white;
            padding:40px;
            border-radius:15px;
            text-align:center;
            box-shadow:0 5px 15px rgba(0,0,0,0.1);
            color:#666;
            font-size:18px;
        }
        .sales_back-btn{
            padding:10px 16px;
            margin-top: 20px;
            background: #333333;;
            color:white;
            border:none;
            border-radius:8px;
            cursor:pointer;
            font-weight:bold;
            transition:0.3s;
        }

        .sales_back-btn:hover{
            background:#4b5563;
        }
/* user orders*/

        .orders_body{
            margin:0;
            font-family:Arial;
            background:#f4f7fb;
            min-height:100vh;
        }

        .orders_container{
            width:90%;
            margin:100px auto;
        }

        .orders_title{
            font-size:32px;
            margin-bottom:25px;
            color:#333;
        }

        .orders_grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
            gap:25px;
        }

        .orders_card{
            background:white;
            border-radius:15px;
            padding:20px;
            box-shadow:0 6px 18px rgba(0,0,0,0.1);
            transition:0.3s;
        }

        .orders_card:hover{
            transform:translateY(-5px);
        }

        .orders_id{
            font-size:18px;
            font-weight:bold;
            margin-bottom:10px;
            color:#222;
        }

        .orders_text{
            margin:8px 0;
            color:#555;
            font-size:15px;
        }

        .orders_price{
            font-size:22px;
            font-weight:bold;
            color:#3fb0f1;
            margin-top:10px;
        }

        .orders_status{
            display:inline-block;
            margin-top:15px;
            padding:8px 14px;
            border-radius:20px;
            font-size:13px;
            font-weight:bold;
        }

        .status_paid{
            background:#fff3cd;
            color:#856404;
        }

        .status_shipped{
            background:#d1ecf1;
            color:#0c5460;
        }

        .status_delivered{
            background:#d4edda;
            color:#155724;
        }

        .status_completed{
            background:#c3f7d0;
            color:green;
        }

        .orders_button{
            display:inline-block;
            margin-top:18px;
            padding:10px 16px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .orders_button:hover{
            background:#1e9be6;
        }

        .orders_empty{
            background:white;
            padding:30px;
            border-radius:12px;
            text-align:center;
            box-shadow:0 5px 15px rgba(0,0,0,0.1);
            color:#666;
            font-size:18px;
        }
/*home*/

 .home_body{
            background:#f5f5f5;
            color:#222;
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family: Arial, sans-serif;
        }

        /* HERO SECTION */

        .hero{
            height:350px;
            background:linear-gradient(135deg, #020617, #0F172A, #1E3A8A);
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            text-align:center;
            color:white;
            padding:20px;
        }

        .hero h1{
            font-size:55px;
            margin-bottom:20px;
        }

        .hero p{
            font-size:22px;
            margin-bottom:30px;
        }

        .hero-btn{
            text-decoration:none;
            background:white;
            color:#1E3A8A;
            padding:15px 35px;
            border-radius:30px;
            font-size:18px;
            font-weight:bold;
            transition:0.3s;
        }

        .hero-btn:hover{
            transform:scale(1.1);
        }

        /* PRODUCTS */

        .products-section{
            padding:60px 40px;
        }

        .section-title{
            font-size:35px;
            margin-bottom:40px;
            text-align:center;
        }

        .home_products{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
            gap:25px;
        }

        .product-card{
            background:white;
            border-radius:15px;
            padding:20px;
            box-shadow:0 4px 10px rgba(0,0,0,0.1);
            transition:0.3s;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .product-card:hover{
            transform:translateY(-5px);
        }
            /* not used*/
        .product-image{
            width:100%;
            height:200px;
            object-fit:cover;
            border-radius:10px;
            margin-bottom:15px;
        }

        .product-name{
            font-size:22px;
            margin-bottom:10px;
            font-weight:bold;
        }

        .product-description{
            color:#666;
            margin-bottom:15px;
            min-height:60px;
        }

        .product-price{
            font-size:22px;
            color:#131921;
            font-weight:bold;
            margin-bottom:15px;
        }

        /* home page*/




        .home_viewbtn{
            width:100%;
            padding:12px;
            border:none;
            color: white;
            background:#3B82F6;
            border-radius:10px;
            cursor:pointer;
            font-weight:bold;
            transition:0.3s;
        }

        .home_viewbtn:hover{
            background:#1E40AF;
            transform:scale(1.05);
        }

        .product-condition{
             display:inline-block;
            padding:5px 12px;
            border-radius:20px;
            background:#eee;
            color:#333;
            font-size:12px;
            margin-bottom:10px;
            font-weight:bold;
        }
        .home_search-bar{
            display:flex;
            justify-content:center;
            gap:10px;
            margin:30px;
        }

        .home_search-bar .home_input, .home_search-bar .home_select{
            padding:10px;
            border-radius:8px;
            border:1px solid #ccc;
        }

        .home_search-bar button{
            background:#1E40AF;
            color:white;
            border:none;
            padding:10px 20px;
            border-radius:8px;
            cursor:pointer;
        }

        /* buy product page*/

         .buy_container{
            width:100%;
            display:flex;
            justify-content:center;
            align-items:center;
            padding-top:120px;
        }

        .buy_card{
            width:420px;
            background:white;
            border-radius:15px;
            padding:35px;
            box-shadow:0 10px 25px rgba(0,0,0,0.2);
            text-align:center;
        }

        .buy_title{
            font-size:28px;
            margin-bottom:20px;
            color:#333;
        }
        
        .buy_image{
            width:100%;
            height:250px;
            object-fit:fill;
            border-radius:12px;
            margin-bottom:20px;
        }

        .buy_product_name{
            font-size:24px;
            font-weight:bold;
            margin-bottom:10px;
            color:#222;
        }

        .buy_price{
            font-size:22px;
            color:#3fb0f1;
            font-weight:bold;
            margin-bottom:20px;
        }

        .buy_message{
            padding:15px;
            border-radius:10px;
            margin-top:20px;
            font-weight:bold;
        }

        .buy_success{
            background:#d4edda;
            color:#155724;
        }

        .buy_error{
            background:#f8d7da;
            color:#721c24;
        }

        .buy_button{
            display:inline-block;
            margin-top:20px;
            padding:12px 20px;
            background:#3fb0f1;
            color:white;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .buy_button:hover{
            background:#1d9be6;
            transform:scale(1.03);
        }
     

        footer{
            background:#131921;
            color:white;
            text-align:center;
            padding:20px;
            margin-top:40px;
        }