.tickets-page .page-title{
    font-size:40px;
    }

.tickets-page{
    text-align:center;
}

.tickets-page .tickets-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    }
    
    .tickets-page .tickets-search{
    width:280px;
    }
    
    .tickets-page .tickets-filters{
    display:flex;
    gap:10px;
    }
    
    .tickets-page .filter-btn{
    width:auto;
    min-width:120px;
    }

.tickets-page .ticket-reply textarea.ticket-reply {

    width:100%;
    
    background:var(--card);
    
    border:1px solid var(--border);
    
    color:var(--text);
    
    padding:15px;
    
    border-radius:14px;
    
    min-height:140px;
    
    }

    .tickets-page .ticket-chat{

        max-height:600px;

overflow-y:auto;


        display:flex;
        
        flex-direction:column;
        
        gap:18px;
        
        padding:25px;
        
        background:#0d0d0d;
        
        border-radius:20px;
        
        border:1px solid #222;
        
        }

        .tickets-page .tickets-grid{

            display:grid;
            
            grid-template-columns:
            repeat(auto-fill,minmax(350px,1fr));
            
            gap:20px;
            
            margin-top:25px;
            
            }
            
            .tickets-page .ticket-card{
            
                background:var(--card);
                    
                border:1px solid var(--border);
            
            border-radius:18px;
            
            padding:20px;
            
            transition:.3s;
            
            }
            
            .tickets-page .ticket-card:hover{
            
            transform:translateY(-4px);
            
            border-color:var(--gold);
            
            box-shadow:0 10px 25px rgba(212,175,55,.12);
            
            }
            
            .tickets-page .ticket-top{
            
            display:flex;
            
            justify-content:space-between;
            
            align-items:center;
            
            margin-bottom:15px;
            
            }
            
            .tickets-page .ticket-top h3{
            
            margin:0;
            
            font-size:16px;
            
            color:var(--text);
            
            }
            
            .tickets-page .ticket-status{
            
            padding:6px 12px;
            
            border-radius:30px;
            
            font-size:12px;
            
            font-weight:700;
            
            }
            
            .tickets-page{
                text-align:center;
            }

            .tickets-page .ticket-meta{
            
            color:var(--text2);
            
            font-size:13px;
            
            margin-bottom:18px;
            
            }
            
            .tickets-page .ticket-btn{
            
            display:flex;
            
            align-items:center;
            
            justify-content:center;
            
            gap:8px;
            
            background:var(--gold);
            
            color:#111;
            
            padding:12px;
            
            border-radius:12px;
            
            text-decoration:none;
            
            font-weight:700;
            
            }
            
            .tickets-page .ticket-btn:hover{
            
            background:#e6c65a;
            
            }

            .tickets-page .tickets-toolbar{

                display:flex;
                
                gap:10px;
                
                margin-bottom:25px;
                
                flex-wrap:wrap;
                
                }

                .tickets-page .tickets-toolbar{

                    display:flex;
                    
                    justify-content:space-between;
                    
                    align-items:center;
                    
                    gap:20px;
                    
                    margin-bottom:25px;
                    
                    flex-wrap:wrap;
                    
                    }
                    
                    .tickets-page .tickets-filters{
                    
                    display:flex;
                    
                    gap:10px;
                    
                    flex-wrap:wrap;
                    
                    }
                    
                    .tickets-page .tickets-search {
                    
                    position:relative;
                    
                    min-width:280px;
                    
                    }
                    
                    .tickets-page .tickets-search i{
                    
                    position:absolute;
                    
                    right:15px;
                    
                    top:50%;
                    
                    transform:translateY(-50%);
                    
                    color:#888;
                    
                    }

                    .tickets-page .tickets-search input:focus{
                                    
                        border-color:var(--gold);
                        
                        box-shadow:0 0 15px rgba(212,175,55,.15);
                        
                        }

    
    h1{
    
    color:var(--gold);
    
    margin-bottom:30px;
    
    }
    
    a{
    
    text-decoration:none;
    
    }

    table{

        width:100%;
        
        border-collapse:collapse;
        
        background:var(--card);
        
        border-radius:20px;
        
        overflow:hidden;
        
        }
        
        th{
        
        background:var(--gold);
        
        color:#111;
        
        padding:15px;
        
        }
        
        td{
        
        padding:15px;
        
        border-bottom:1px solid #222;
        
        }
        
        tr:hover{
        
        background:#1d1d1d;
        
        }

        .btn{

            padding:10px 18px;
            
            border-radius:10px;
            
            display:inline-block;
            
            font-weight:600;
            
            }
            
            .btn-edit{
            
            background:var(--gold);
            
            color:#111;
            
            }
            
            .btn-delete{
            
            background:#e53935;
            
            color:var(--text);
            
            }
            
            .btn-create{
            
            background:#1e88e5;
            
            color:var(--text);
            
            }

                
                .admin-form{
                
                max-width:900px;
                
                background:var(--card);
                
                padding:30px;
                
                border-radius:20px;
                
                border:1px solid #222;
                
                }
                
                .form-control{
                
                width:100%;
                
                padding:14px;
                
                background:var(--card2);
                
                border:1px solid var(--border);
                
                border-radius:12px;
                
                color:var(--text);
                
                font-size:15px;
                
                box-sizing:border-box;
                
                }
                
                .form-control:focus{
                
                outline:none;
                
                border-color:var(--gold);
                
                }
                
                label{
                
                display:block;
                
                margin-bottom:10px;
                
                color:var(--gold);
                
                font-weight:600;
                
                }
                
                textarea.form-control{
                
                min-height:180px;
                
                resize:vertical;
                
                }
                
                .btn-submit{
                
                background:var(--gold);
                
                color:#111;
                
                border:none;
                
                padding:14px 24px;
                
                border-radius:12px;
                
                font-weight:700;
                
                cursor:pointer;
                
                transition:.3s;
                
                }
                
                .btn-submit:hover{
                
                transform:translateY(-2px);
                
                box-shadow:
                0 0 20px rgba(212,175,55,.3);
                
                }

                .admin-form{

                    max-width:1100px;
                    
                    margin:auto;
                    
                    background:var(--card);
                    
                    padding:35px;
                    
                    border-radius:20px;
                    
                    border:1px solid #222;
                    
                    }
                    
                    .form-grid{
                    
                    display:grid;
                    
                    grid-template-columns:
                    repeat(2,1fr);
                    
                    gap:20px;
                    
                    }
                    
                    .form-group{
                    
                    display:flex;
                    
                    flex-direction:column;
                    
                    }
                    
                    .full-width{
                    
                    grid-column:1 / -1;
                    
                    }
                    
                    .form-control{
                    
                    width:100%;
                    
                    padding:14px;
                    
                    background:var(--card2);
                    
                    border:1px solid var(--border);
                    
                    border-radius:12px;
                    
                    color:var(--text);
                    
                    box-sizing:border-box;
                    
                    }
                    
                    .form-control:focus{
                    
                    outline:none;
                    
                    border-color:var(--gold);
                    
                    }
                    
                    label{
                    
                    margin-bottom:8px;
                    
                    color:var(--gold);
                    
                    font-weight:600;
                    
                    }
                    
                    textarea{
                    
                    min-height:180px;
                    
                    }
                    
                    .btn-submit{
                    
                    margin-top:25px;
                    
                    }

                    .page-title{

                        color:var(--gold);
                        
                        font-size:32px;
                        
                        margin-bottom:25px;

                        text-align: center;
                        
                        }
                        
                        .top-bar{
                        
                        display:flex;
                        
                        justify-content:flex-end;
                        
                        margin-bottom:25px;
                        
                        }
                        
                        .btn-add{
                        
                        background:var(--gold);
                        
                        color:#111;
                        
                        padding:12px 20px;
                        
                        border-radius:12px;
                        
                        font-weight:700;
                        
                        text-decoration:none;
                        
                        }
                        
                        .products-admin{
                        
                        display:flex;
                        
                        flex-direction:column;
                        
                        gap:15px;
                        
                        }
                        
                        .product-card{

                            background:var(--card);
                            
                            border:1px solid var(--border);
                            
                            border-radius:16px;
                            
                            padding:20px;
                            
                            display:flex;
                            
                            justify-content:space-between;
                            
                            align-items:center;
                            
                            gap:20px;
                            
                            }
                        
                        .product-card:hover{
                        
                        border-color:var(--gold);
                        
                        transform:translateY(-2px);
                        
                        }
                        
                        .product-info h3{

                            white-space:nowrap;
                            
                            overflow:hidden;
                            
                            text-overflow:ellipsis;
                            
                            }
                        
                        .btn-edit{
                        
                        background:#2b2b2b;
                        
                        color:var(--text);
                        
                        padding:10px 15px;
                        
                        border-radius:10px;
                        
                        text-decoration:none;
                        
                        }
                        
                        .btn-delete{
                        
                        background:#c62828;
                        
                        color:var(--text);
                        
                        padding:10px 15px;
                        
                        border-radius:10px;
                        
                        text-decoration:none;
                        
                        }
                        .admin-container{

                            max-width:1200px;
                            
                            margin:40px auto;
                            
                            padding:0 20px;
                            direction:rtl;
                            
                            }                        
                            .product-info{

                                flex:1;
                                
                                min-width:0;
                                
                                }
                                
                                .product-info h3{
                                
                                margin:0 0 10px;
                                
                                font-size:18px;
                                
                                color:var(--text);
                                
                                }
                                
                                .price{
                                
                                color:var(--gold);
                                
                                font-weight:700;
                                
                                margin:0;
                                
                                }
                                .product-actions{

                                    display:flex;
                                    
                                    gap:10px;
                                    
                                    flex-shrink:0;
                                    
                                    }

                                    .admin-table{

                                        background:var(--card);
                                        
                                        border-radius:20px;
                                        
                                        overflow:hidden;
                                        
                                        border:1px solid var(--border);
                                        
                                        }
                                        
                                        .table-head{
                                        
                                        display:grid;
                                        
                                        grid-template-columns:
                                        3fr 1fr 1fr 1fr;
                                        
                                        padding:18px 20px;
                                        
                                        background:var(--card2);
                                        
                                        color:var(--gold);
                                        
                                        font-weight:700;
                                        
                                        }
                                        
                                        .table-row{
                                        
                                        display:grid;
                                        
                                        grid-template-columns:
                                        3fr 1fr 1fr 1fr;
                                        
                                        padding:18px 20px;
                                        
                                        align-items:center;
                                        
                                        border-top:1px solid var(--card2);
                                        
                                        transition:.3s;
                                        
                                        }
                                        
                                        .table-row:hover{
                                        
                                        background:var(--card2);
                                        
                                        }
                                        
                                        .product-col{
                                        
                                        font-weight:600;
                                        
                                        color:var(--text);
                                        
                                        }
                                        
                                        .actions{
                                        
                                        display:flex;
                                        
                                        gap:10px;
                                        
                                        }
                                        
                                        .btn-edit,
                                        .btn-delete{
                                        
                                        width:40px;
                                        
                                        height:40px;
                                        
                                        display:flex;
                                        
                                        align-items:center;
                                        
                                        justify-content:center;
                                        
                                        border-radius:10px;
                                        
                                        text-decoration:none;
                                        
                                        }
                                        
                                        .btn-edit{
                                        
                                        background:#2c2c2c;
                                        
                                        }
                                        
                                        .btn-delete{
                                        
                                        background:#b71c1c;
                                        
                                        }

                                        .stock-good{

                                            color:#4caf50;
                                            
                                            font-weight:bold;
                                            
                                            }
                                            
                                            .stock-low{
                                            
                                            color:#ff9800;
                                            
                                            font-weight:bold;
                                            
                                            }

                                            .product-mini{

                                                display:flex;
                                                
                                                align-items:center;
                                                
                                                gap:15px;
                                                
                                                }
                                                
                                                .product-thumb{
                                                
                                                width:70px;
                                                
                                                height:70px;
                                                
                                                object-fit:cover;
                                                
                                                border-radius:12px;
                                                
                                                background:#111;
                                                
                                                border:1px solid var(--border);
                                                
                                                }
                                                
                                                .product-mini h4{
                                                
                                                margin:0;
                                                
                                                font-size:16px;
                                                
                                                color:var(--text);
                                                
                                                }
                                                
                                                .product-mini span{
                                                
                                                font-size:13px;
                                                
                                                color:#888;
                                                
                                                }

                                                .stock-good{

                                                    background:#16331d;
                                                    
                                                    color:#4caf50;
                                                    
                                                    padding:6px 12px;
                                                    
                                                    border-radius:30px;
                                                    
                                                    }
                                                    
                                                    .stock-low{
                                                    
                                                    background:#3a2d12;
                                                    
                                                    color:#ffb300;
                                                    
                                                    padding:6px 12px;
                                                    
                                                    border-radius:30px;
                                                    
                                                    }
                                                    
                                                    .stock-empty{
                                                    
                                                    background:#3a1616;
                                                    
                                                    color:#ff5252;
                                                    
                                                    padding:6px 12px;
                                                    
                                                    border-radius:30px;
                                                    
                                                    }

                                                .stats-grid{

                                                    display:grid;
                                                    
                                                    grid-template-columns:
                                                    repeat(3,1fr);
                                                    
                                                    gap:20px;
                                                    
                                                    margin-bottom:25px;
                                                    
                                                    }
                                                    
                                                    .stat-card{
                                                    
                                                    background:var(--card);
                                                    
                                                    border:1px solid #262626;
                                                    
                                                    border-radius:18px;
                                                    
                                                    padding:25px;
                                                    
                                                    text-align:center;
                                                    
                                                    }
                                                    
                                                    .stat-card span{
                                                    
                                                    font-size:28px;
                                                    
                                                    }
                                                    
                                                    .stat-card h3{
                                                    
                                                    margin:10px 0;
                                                    
                                                    font-size:28px;
                                                    
                                                    color:var(--gold);
                                                    
                                                    }
                                                    
                                                    .stat-card p{
                                                    
                                                    color:var(--text2);
                                                    
                                                    margin:0;
                                                    
                                                    }

                                                    .table-toolbar{

                                                        display:flex;
                                                        
                                                        justify-content:space-between;
                                                        
                                                        align-items:center;
                                                        
                                                        margin-bottom:20px;
                                                        
                                                        }
                                                        
                                                        .search-box{

                                                            max-width:350px;
                                                            width:100%;
                                                            
                                                            }
                                                        
                                                        .search-box input{
                                                        
                                                        width:100%;
                                                        
                                                        padding:14px;
                                                        
                                                        background:var(--card);
                                                        
                                                        border:1px solid var(--border);
                                                        
                                                        border-radius:12px;
                                                        
                                                        color:white;
                                                        
                                                        }
                                                        
                                                        .filter-box select{
                                                        
                                                        padding:14px;
                                                        
                                                        background:var(--card);
                                                        
                                                        border:1px solid var(--border);
                                                        
                                                        border-radius:12px;
                                                        
                                                        color:white;
                                                        
                                                        }

                                                        .category-parent{

                                                            background:var(--card);
                                                            
                                                            border:1px solid var(--border);
                                                            
                                                            border-radius:16px;
                                                            
                                                            margin-bottom:20px;
                                                            
                                                            overflow:hidden;
                                                            
                                                            }
                                                            
                                                            .category-header{
                                                            
                                                            display:flex;
                                                            
                                                            justify-content:space-between;
                                                            
                                                            align-items:center;
                                                            
                                                            padding:20px;
                                                            
                                                            font-size:18px;
                                                            
                                                            font-weight:700;
                                                            
                                                            color:var(--gold);
                                                            
                                                            }
                                                            
                                                            .children-list{
                                                            
                                                            padding:0 20px 20px;
                                                            
                                                            }
                                                            
                                                            .child-item{
                                                            
                                                                background:var(--card2);
                                                            
                                                            padding:12px;
                                                            
                                                            border-radius:10px;
                                                            
                                                            margin-top:10px;
                                                            
                                                            color:var(--text);
                                                            
                                                            }

                                                            .child-item{

                                                                display:flex;
                                                                
                                                                justify-content:space-between;
                                                                
                                                                align-items:center;
                                                                
                                                                background:var(--card2);
                                                                
                                                                padding:12px 15px;
                                                                
                                                                border-radius:10px;
                                                                
                                                                margin-top:10px;
                                                                
                                                                color:var(--text);
                                                                
                                                                }

                                                                .child-count{
                                                                    font-size:12px;
                                                                    
                                                                    background:var(--card2);
                                                                    
                                                                    padding:4px 10px;
                                                                    
                                                                    border-radius:20px;
                                                                    
                                                                    color:var(--gold);
                                                                    
                                                                    margin-right:10px;
                                                                    
                                                                    }

                                                                    .hidden{

                                                                        display:none;
                                                                        
                                                                        }

                                                                        .brand-col{

                                                                            font-size:16px;
                                                                            
                                                                            font-weight:600;
                                                                            
                                                                            color:var(--text);
                                                                            
                                                                            }
                                                                            
                                                                            .btn-add{
                                                                            
                                                                            display:inline-block;
                                                                            
                                                                            background:var(--gold);
                                                                            
                                                                            color:#111;
                                                                            
                                                                            padding:12px 18px;
                                                                            
                                                                            border-radius:12px;
                                                                            
                                                                            text-decoration:none;
                                                                            
                                                                            font-weight:bold;
                                                                            
                                                                            margin-bottom:20px;
                                                                            
                                                                            }
                                                                            
                                                                            .btn-add:hover{
                                                                            
                                                                            transform:translateY(-2px);
                                                                            
                                                                            }


    .admin-table{
width:100%;
border-collapse:collapse;
background:var(--card);
border-radius:15px;
overflow:hidden;
}

.admin-table th{
background:var(--gold);
color:var(--card);
padding:15px;
}

.admin-table td{
padding:15px;
border-bottom:1px solid var(--card2);
text-align:center;
}

.admin-table tr:hover{
background:var(--card);
}

.orders-grid{

    display:grid;
    
    grid-template-columns:
    repeat(auto-fill,minmax(320px,1fr));
    
    gap:20px;
    
    margin-top:25px;
    
    direction:rtl;
    
    }
    
    .order-card{
    
        background:var(--card);
    
    border:1px solid var(--border);
    
    border-radius:18px;
    
    padding:20px;
    

    transition:.3s;
    
    }
    
    .order-card:hover{
    
    transform:translateY(-4px);
    
    border-color:var(--gold);
    
    }
    
    .order-top{
    
    display:flex;
    
    justify-content:space-between;
    
    align-items:center;
    
    margin-bottom:15px;
    
    }
    
    .order-top h3{
    
    color:var(--text);
    
    margin:0;
    
    }
    
    .order-info p{
    
    color:#cfcfcf;
    
    margin:10px 0;
    
    }
    
    .order-btn{
    
    display:block;
    
    margin-top:15px;
    
    background:var(--gold);
    
    color:#111;
    
    text-align:center;
    
    padding:12px;
    
    border-radius:10px;
    
    text-decoration:none;
    
    font-weight:bold;
    
    }
    
    .order-btn:hover{
    
    opacity:.9;
    
    }
    
    .order-status{
    
    padding:6px 12px;
    
    border-radius:30px;
    
    font-size:13px;
    
    font-weight:bold;
    
    }
    
    .status-pending{
    
    background:#ffb30022;
    
    color:#ffb300;
    
    }
    
    .status-completed{
    
    background:#00c85322;
    
    color:#00c853;
    
    }
    
    .status-cancelled{
    
    background:#ff174422;
    
    color:#ff1744;
    
    }
            
    
    .order-details-card,
.status-card{

    background:var(--card);

border:1px solid var(--card);

border-radius:18px;

padding:25px;

margin-bottom:25px;

}

.order-details-card h2{

color:var(--gold);

margin-bottom:20px;

}

.order-info-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.order-info-grid div{

background:var(--card);

padding:12px;

border-radius:10px;

}

.order-item-card{

    background:var(--card);

border:1px solid var(--card2);

border-radius:15px;

padding:15px;

margin-bottom:12px;

display:flex;

justify-content:space-between;

align-items:center;

}

.order-item-card h4{

margin:0;

color:var(--text);

}

.order-item-card span{

margin-left:15px;

color:#ccc;

}

.section-title{

margin:25px 0;

color:var(--gold);

}

.status-card form{

    display:flex;
    
    gap:12px;
    
    align-items:center;
    
    }
    
    .status-card select{
    
    flex:1;
    
    margin-bottom:0;
    
    }
    .status-card select{

        width:100%;
        
        background:var(--card);
        
        border:1px solid var(--border);
        
        color:var(--text);
        
        padding:14px 16px;
        
        border-radius:12px;
        
        font-size:14px;
        
        outline:none;
        
        transition:.3s;
        
        margin-bottom:15px;
        
        }
        
        .status-card select:focus{
        
        border-color:var(--gold);
        
        box-shadow:0 0 10px rgba(212,175,55,.25);
        
        }
        
        .status-card button{
        
        border:none;
        
        padding:14px 22px;
        
        border-radius:12px;
        
        font-weight:700;
        
        cursor:pointer;
        
        transition:.3s;
        
        display:flex;
        
        align-items:center;
        
        gap:8px;
        
        }
        
        .status-card button:hover{
        
        background:#e6c65a;
        
        transform:translateY(-2px);
        
        box-shadow:0 8px 20px rgba(212,175,55,.25);
        
        }
        
        .status-card button:active{
        
        transform:translateY(0);
        
        }


        .status-buttons{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-top:20px;

}

.status-btn{

    padding:12px 18px;
    
    border-radius:12px;
    
    cursor:pointer;
    
    font-weight:600;
    
    transition:.3s;
    
    }

.status-btn:hover{

transform:translateY(-2px);

}

.pending{

background:#ffb30022;

color:#ffb300;

border:1px solid #ffb300;

}

.processing{

background:#2196f322;

color:#2196f3;

border:1px solid #2196f3;

}

.shipped{

background:#9c27b022;

color:#9c27b0;

border:1px solid #9c27b0;

}

.completed{

background:#00c85322;

color:#00c853;

border:1px solid #00c853;

}
.active-status{

    background:var(--gold) !important;
    
    color:#111 !important;
    
    border:1px solid var(--gold) !important;
    
    box-shadow:0 0 15px rgba(212,175,55,.35);
    
    }

        
        .reply{
        
        max-width:75%;
        
        padding:15px;
        
        border-radius:18px;
        
        line-height:1.9;
        
        }
        
        .user-reply{
        
        align-self:flex-right;
        
        background:var(--card);
        
        border:1px solid var(--border);
        
        color:var(--text);
        
        }
        
        .admin-reply{
        
        align-self:flex-end;
        
        background:var(--gold);
        
        color:#111;
        
        font-weight:600;
        
        }



            .send-btn{

                background:var(--gold);
                
                color:#111;
                
                border:none;
                
                padding:14px 24px;
                
                border-radius:12px;
                
                font-weight:bold;
                
                cursor:pointer;
                
                }

 
                    
                    
                    .chat-row{
                        display:flex;
                        width:100%;
                        }
                        
                        .user-row{

                            display:flex;
                            
                            justify-content:flex-start;
                            
                            margin-right:auto;
                            
                            }
                            
                            .admin-row{
                            
                            display:flex;
                            
                            justify-content:flex-end;
                            
                            margin-left:auto;
                            
                            }
                    
                        .chat-bubble{
                            direction:rtl;
                            text-align:right;
                            }

                        .chat-avatar{

                            width:46px;
                            
                            height:46px;
                            
                            border-radius:50%;
                            
                            display:flex;
                            
                            align-items:center;
                            
                            justify-content:center;
                            
                            font-size:18px;
                            
                            flex-shrink:0;
                            
                            }

                            .user-row .chat-avatar{

                                background:var(--card);
                                
                                border:1px solid var(--border);
                                
                                color:var(--text);
                                
                                }

                                .admin-row .chat-avatar{

                                    background:var(--gold);
                                    
                                    color:#111;
                                    
                                    font-weight:bold;
                                    
                                    
                                    }

                                    .chat-bubble{

                                        position:relative;
                                        
                                        box-shadow:0 8px 25px rgba(0,0,0,.25);
                                        
                                        }
                    
                    .chat-bubble{
                    
                    max-width:75%;
                    
                    padding:14px 18px;
                    
                    border-radius:18px;
                    
                    animation:fadeIn .25s ease;
                    
                    }
                    
                    .user-bubble{

                        background:#1a1a1a;
                        
                        color:var(--text);
                        
                        border-bottom-left-radius:5px;
                        
                        }
                        
                        .admin-bubble{
                        
                        background:var(--gold);
                        
                        color:#111;
                        
                        border-bottom-right-radius:5px;
                        
                        }
                    
                    .chat-name{
                    
                    font-size:12px;
                    
                    font-weight:700;
                    
                    margin-bottom:8px;
                    
                    opacity:.85;
                    
                    }
                    
                    .chat-message{
                    
                    line-height:2;
                    
                    word-break:break-word;
                    
                    }
                    
                    @keyframes fadeIn{
                    
                    from{
                    
                    opacity:0;
                    
                    transform:translateY(8px);
                    
                    }
                    
                    to{
                    
                    opacity:1;
                    
                    transform:translateY(0);
                    
                    }
                    
                    }

                    .reply-form{

                        align-items:flex-start;

                        margin-top:25px;
                        
                        display:flex;
                        
                        flex-direction:column;
                        
                        gap:15px;
                        
                        }
                        

                        
                        .reply-form button{
                        
                        align-self:flex-end;
                        
                        background:var(--gold);
                        
                        color:#111;
                        
                        border:none;
                        
                        padding:12px 22px;
                        
                        border-radius:12px;
                        
                        font-weight:700;
                        
                        cursor:pointer;
                        
                        }

 
                            .status-open{
                            
                            background:#00c85322;
                            
                            color:#00c853;
                            
                            }
                            
                            .status-answered{
                            
                            background:#2196f322;
                            
                            color:#2196f3;
                            
                            }
                            
                            .status-closed{
                            
                            background:#ff174422;
                            
                            color:#ff1744;
                            
                            }
                            
 
                                
                                .filter-btn{
                                
                                background:var(--card);
                                
                                border:1px solid var(--border);
                                
                                color:var(--text);
                                
                                padding:10px 18px;
                                
                                border-radius:12px;
                                
                                cursor:pointer;
                                
                                transition:.3s;
                                
                                }
                                
                                .filter-btn:hover{
                                
                                border-color:var(--gold);
                                
                                }
                                
                                .filter-btn.active{
                                
                                background:var(--gold);
                                
                                color:#111;
                                
                                font-weight:700;
                                
                                }

 
                                    
                                    .tickets-search input{
                                    
                                    width:100%;
                                    
                                    background:var(--card);
                                    
                                    border:1px solid var(--border);
                                    
                                    border-radius:12px;
                                    
                                    padding:12px 15px 12px 45px;
                                    
                                    color:var(--text);
                                    
                                    outline:none;
                                    
                                    transition:.3s;
                                    
                                    }
                                    
 
                                    .comments-toolbar{

                                        display:flex;
                                        
                                        justify-content:space-between;
                                        
                                        align-items:center;
                                        
                                        margin-bottom:25px;
                                        
                                        gap:20px;
                                        
                                        flex-wrap:wrap;
                                        
                                        }
                                        
                                        .comment-tabs{
                                        
                                        display:flex;
                                        
                                        gap:10px;
                                        
                                        }
                                        
                                        .comment-tab{
                                        
                                        background:var(--card);
                                        
                                        border:1px solid var(--border);
                                        
                                        color:var(--text);
                                        
                                        padding:12px 18px;
                                        
                                        border-radius:12px;
                                        
                                        cursor:pointer;
                                        
                                        transition:.3s;
                                        
                                        }
                                        
                                        .comment-tab.active{
                                        
                                        background:var(--gold);
                                        
                                        color:#111;
                                        
                                        }
                                        

                                        
                                        .comment-view-header{

                                            display:flex;
                                            
                                            justify-content:space-between;
                                            
                                            align-items:center;
                                            
                                            margin-bottom:20px;
                                            
                                            }
                                            
                                            .comment-user{
                                            
                                            font-size:20px;
                                            
                                            font-weight:700;
                                            
                                            color:var(--text);
                                            
                                            }
                                            
                                            .comment-rating{
                                            
                                            font-size:18px;
                                            
                                            }
                                            
                                            .comment-message{
                                            
                                            background:var(--card);
                                            
                                            padding:20px;
                                            
                                            border-radius:15px;
                                            
                                            line-height:2;
                                            
                                            margin:20px 0;
                                            
                                            }
                                            
                                            .comment-actions{
                                            
                                            display:flex;
                                            
                                            gap:12px;
                                            
                                            margin-bottom:20px;
                                            
                                            }
                                            
                                            .approve-btn{
                                            
                                            background:#00c85322;
                                            
                                            color:#00c853;
                                            
                                            border:1px solid #00c853;
                                            
                                            padding:12px 18px;
                                            
                                            border-radius:12px;
                                            
                                            text-decoration:none;
                                            
                                            }
                                            
                                            .delete-btn{
                                            
                                            background:#ff174422;
                                            
                                            color:#ff1744;
                                            
                                            border:1px solid #ff1744;
                                            
                                            padding:12px 18px;
                                            
                                            border-radius:12px;
                                            
                                            text-decoration:none;
                                            
                                            }
                                            
                                            .reply-form textarea{
                                            
                                            width:100%;
                                            
                                            min-height:140px;
                                            
                                            background:var(--card);
                                            
                                            border:1px solid var(--border);
                                            
                                            border-radius:15px;
                                            
                                            padding:15px;
                                            
                                            color:var(--text);
                                            
                                            box-sizing:border-box;

                                            resize:none;

                                            margin-bottom:15px;
                                            
                                            }
                                            
                                            .reply-form button{
                                            
                                            background:var(--gold);
                                            
                                            color:#111;
                                            
                                            border:none;
                                            
                                            padding:14px 22px;
                                            
                                            border-radius:12px;
                                            
                                            font-weight:700;
                                            
                                            cursor:pointer;
                                            
                                            }
                                        
                                        .comments-search{
                                        

                                            position:relative;

                                            width:220px;
                                            
                                            max-width:100%;
                                        
                                        }
                                        
                                        .comments-search input{
                                        
                                        width:100%;
                                        
                                        background:var(--card);
                                        
                                        border:1px solid var(--border);
                                        
                                        padding:12px 45px 12px 15px;
                                        
                                        border-radius:12px;
                                        
                                        color:var(--text);
                                        
                                        }
                                        
                                        .comments-search i{
                                        
                                        position:absolute;
                                        
                                        left:15px;
                                        
                                        top:50%;
                                        
                                        transform:translateY(-50%);
                                        
                                        color:#888;
                                        
                                        }

                                        .comment-type{

                                            margin-bottom:12px;
                                            
                                            }
                                            
                                            .type-product{
                                            
                                            background:#2196f322;
                                            
                                            color:#2196f3;
                                            
                                            padding:6px 12px;
                                            
                                            border-radius:30px;
                                            
                                            font-size:13px;
                                            
                                            }
                                            
                                            .type-article{
                                            
                                            background:#9c27b022;
                                            
                                            color:#9c27b0;
                                            
                                            padding:6px 12px;
                                            
                                            border-radius:30px;
                                            
                                            font-size:13px;
                                            
                                            }

                                            .comments-layout{

                                                display:grid;
                                                
                                                grid-template-columns:380px 1fr;
                                                
                                                gap:20px;
                                                
                                                margin-top:20px;

                                                
                                                
                                                }


                                                
                                                .comments-sidebar{
                                                
                                                    width:320px;

                                                    
                                                background:#111;
                                                
                                                border:1px solid #222;
                                                
                                                border-radius:18px;
                                                
                                                overflow:hidden;
                                                
                                                }
                                                
                                                .comment-row{
                                                
                                                padding:15px;
                                                
                                                border-bottom:1px solid #222;
                                                
                                                cursor:pointer;
                                                
                                                min-height:90px;

                                                transition:.3s;
                                                
                                                }
                                                
                                                .comment-row:hover{
                                                
                                                background:var(--card);
                                                
                                                }
                                                
                                                .comments-preview{
                                                
                                                background:#111;
                                                
                                                border:1px solid #222;
                                                
                                                border-radius:18px;
                                                
                                                padding:25px;
                                                
                                                min-height:600px;
                                                
                                                max-width:900px;

                                                }

                                                .comments-toolbar{

                                                    display:flex;
                                                    
                                                    align-items:left;
                                                    
                                                    justify-content:space-between;
                                                    
                                                    direction:rtl;
                                                    
                                                    
                                                    }




                                                        .comments-preview{

                                                            flex:1;
                                                            
                                                            background:#0b0b0b;
                                                            
                                                            padding:30px;
                                                            
                                                            }

                                                            .comment-row.active{

                                                                background:#1b1b1b;
                                                                
                                                                border-right:4px solid var(--gold);
                                                                
                                                                }
                                                    
                                                                .comment-target{

                                                                    margin-bottom:10px;
                                                                    
                                                                    font-size:14px;
                                                                    
                                                                    }
                                                                    
                                                                    .comment-target a{
                                                                    
                                                                    color:var(--gold);
                                                                    
                                                                    text-decoration:none;
                                                                    
                                                                    font-weight:700;
                                                                    
                                                                    }
                                                                    
                                                                    .comment-target a:hover{
                                                                    
                                                                    text-decoration:underline;
                                                                    
                                                                    }

                                                                    .orders-tabs{
                                                                        display:flex;
                                                                        gap:15px;
                                                                        margin-bottom:25px;
                                                                        }
                                                                        
                                                                        .orders-tabs a{
                                                                        padding:12px 20px;
                                                                        background:var(--card);
                                                                        border:1px solid #2c2c2c;
                                                                        border-radius:12px;
                                                                        text-decoration:none;
                                                                        color:var(--text);
                                                                        }
                                                                        
                                                                        .orders-tabs a.active{
                                                                        background:var(--gold);
                                                                        color:#000;
                                                                        font-weight:bold;
                                                                        }