body{
    direction:rtl;
    font-family:'Vazirmatn',sans-serif;
    background:#0b0b0b;
    color:var(--text);
}

    .ticket-create-card{

        max-width:900px;
        
        margin:auto;
        
        background:var(--card);
        
        border:1px solid #2d2d2d;
        
        border-radius:20px;
        
        padding:35px;
        
        box-shadow:0 0 25px rgba(0,0,0,.3);
        
        }
        
        .ticket-create-header{
        
        display:flex;
        
        align-items:center;
        
        gap:20px;
        
        margin-bottom:30px;
        
        }
        
        .ticket-icon{
        
        width:70px;
        
        height:70px;
        
        border-radius:50%;
        
        background:var(--primary);
        
        display:flex;
        
        align-items:center;
        
        justify-content:center;
        
        font-size:28px;
        
        color:#000;
        
        }
        
        .ticket-create-header h2{
        
        margin:0;
        
        color:var(--text);
        
        }
        
        .ticket-create-header p{
        
        margin-top:6px;
        
        color:var(--text2);
        
        }
        
        .form-group{
        
        margin-bottom:20px;
        
        }
        
        .form-group label{
        
        display:block;
        
        margin-bottom:10px;
        
        color:var(--primary);
        
        font-weight:bold;
        
        }
        
        .form-group input,
        .form-group textarea{
        
        width:100%;
        
        background:#222;
        
        border:1px solid var(--border);
        
        color:var(--text);
        
        padding:15px;
        
        border-radius:12px;
        
        font-size:15px;
        
        }
        
        .form-group textarea{
        
        min-height:180px;
        
        resize:vertical;
        
        }
        
        .form-group input:focus,
        .form-group textarea:focus{
        
        outline:none;
        
        border-color:var(--primary);
        
        }
        
        .ticket-submit-btn{
        
        background:var(--primary);
        
        color:#000;
        
        border:none;
        
        padding:14px 25px;
        
        border-radius:12px;
        
        font-weight:bold;
        
        cursor:pointer;
        
        font-size:15px;
        
        }
        
        .ticket-submit-btn:hover{
        
        transform:translateY(-2px);
        
        }

        .section-title{

            display:flex;
            
            align-items:center;
            
            gap:10px;
            
            margin-bottom:25px;
            
            }

            .new-ticket-btn{

                display:inline-flex;
                
                align-items:center;
                
                gap:8px;
                
                background:var(--primary);
                
                color:#000;
                
                padding:12px 18px;
                
                border-radius:12px;
                
                text-decoration:none;
                
                font-weight:bold;
                
                margin-bottom:25px;
                
                }

                .ticket-card{

                    background:var(--card);
                    
                    border:1px solid var(--border);
                    
                    border-radius:16px;
                    
                    padding:20px;
                    
                    margin-bottom:15px;
                    
                    transition:.3s;
                    
                    }

                    .ticket-card:hover{

                        border-color:var(--primary);
                        
                        transform:translateY(-2px);
                        
                        }

                        .ticket-top{

                            display:flex;
                            
                            justify-content:space-between;
                            
                            align-items:center;
                            
                            margin-bottom:15px;
                            
                            }

                            .ticket-subject{

                                font-size:17px;
                                
                                font-weight:bold;
                                
                                }

                                .ticket-bottom{

                                    display:flex;
                                    
                                    justify-content:space-between;
                                    
                                    align-items:center;
                                    
                                    color:var(--text2);
                                    
                                    }

                                    .ticket-view-btn{

                                        background:#232323;
                                        
                                        border:1px solid var(--border);
                                        
                                        padding:10px 15px;
                                        
                                        border-radius:10px;
                                        
                                        text-decoration:none;
                                        
                                        color:var(--text);
                                        
                                        }

                                        .ticket-view-btn:hover{

                                            border-color:var(--primary);
                                            
                                            color:var(--primary);
                                            
                                            }

                                            .ticket-status{

                                                padding:6px 12px;
                                                
                                                border-radius:30px;
                                                
                                                font-size:13px;
                                                
                                                font-weight:bold;
                                                
                                                }

                                                .ticket-status.open{

                                                    background:#0f5132;
                                                    
                                                    color:#75ffb2;
                                                    
                                                    }

                                                    .ticket-status.closed{

                                                        background:#58151c;
                                                        
                                                        color:#ffb3b3;
                                                        
                                                        }

                                                        .empty-box{

                                                            text-align:center;
                                                            
                                                            padding:40px;
                                                            
                                                            background:var(--card);
                                                            
                                                            border-radius:16px;
                                                            
                                                            color:#888;
                                                            
                                                            }

                                                            .chat-row{

                                                                display:flex;
                                                                
                                                                margin-bottom:20px;
                                                                
                                                                }

                                                                .user-row{

                                                                    justify-content:flex-end;
                                                                    
                                                                    }

                                                                    .admin-row{

                                                                        justify-content:flex-start;
                                                                        
                                                                        }

                                                                        .chat-box{

                                                                            max-width:60%;
                                                                            
                                                                            padding:18px;
                                                                            
                                                                            border-radius:18px;
                                                                            
                                                                            }

                                                                            .user-row .chat-box{

                                                                                background:var(--primary);
                                                                                
                                                                                color:#000;
                                                                                
                                                                                }

                                                                                .admin-row .chat-box{

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

                                                                                    .chat-name{

                                                                                        font-weight:bold;
                                                                                        
                                                                                        margin-bottom:10px;
                                                                                        
                                                                                        display:flex;
                                                                                        
                                                                                        gap:10px;
                                                                                        
                                                                                        align-items:center;
                                                                                        
                                                                                        }

                                                                                        .chat-message{

                                                                                            line-height:2;
                                                                                            
                                                                                            }

                                                                                            .chat-date{

                                                                                                margin-top:10px;
                                                                                                
                                                                                                font-size:12px;
                                                                                                
                                                                                                opacity:.7;
                                                                                                
                                                                                                }

                                                                                                .ticket-status{

                                                                                                    padding:8px 15px;
                                                                                                    
                                                                                                    border-radius:30px;
                                                                                                    
                                                                                                    font-size:13px;
                                                                                                    
                                                                                                    font-weight:bold;
                                                                                                    
                                                                                                    }

                                                                                                    .ticket-status.open{

                                                                                                        background:#0f5132;
                                                                                                        
                                                                                                        color:#75ffb2;
                                                                                                        
                                                                                                        }
                                                                                                        
                                                                                                        .ticket-status.closed{
                                                                                                        
                                                                                                        background:#58151c;
                                                                                                        
                                                                                                        color:#ffb3b3;
                                                                                                        
                                                                                                        }

                                                                                                        .ticket-chat{

                                                                                                            max-width:900px;
                                                                                                            
                                                                                                            margin:40px auto;
                                                                                                            
                                                                                                            padding:20px;
                                                                                                            
                                                                                                            }

                                                                                                            .chat-row{

                                                                                                                display:flex;
                                                                                                                
                                                                                                                align-items:flex-end;
                                                                                                                
                                                                                                                margin-bottom:25px;
                                                                                                                
                                                                                                                gap:12px;
                                                                                                                
                                                                                                                }   

.user-row{

    justify-content:flex-end;
    
    } 
    
    .admin-row{

        justify-content:flex-start;
        
        }

        .chat-avatar{

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

            .user{

                background:#2a2a2a;
                
                color:var(--text);
                
                }

                .support{

                    background:var(--primary);
                    
                    color:#000;
                    
                    }

                    .chat-box{

                        max-width:60%;
                        
                        padding:18px 22px;
                        
                        border-radius:22px;
                        
                        position:relative;
                        
                        }

                        .user-row .chat-box{

                            background:var(--primary);
                            
                            color:#000;
                            
                            border-bottom-right-radius:6px;
                            
                            }

                            .admin-row .chat-box{

                                background:#1d1d1d;
                                
                                border:1px solid #2f2f2f;
                                
                                color:var(--text);
                                
                                border-bottom-left-radius:6px;
                                
                                }

                                .chat-message{

                                    line-height:2;
                                    
                                    font-size:15px;
                                    
                                    }

                                    .reply-form{

                                        max-width:900px;
                                        
                                        margin:30px auto 0;
                                        
                                        }

                                        .ticket-chat{

                                            max-width:1000px;
                                            
                                            margin:auto;
                                            
                                            padding:30px 80px;
                                            
                                            }

                                            .user-row{

                                                justify-content:flex-end;
                                                
                                                padding-left:120px;
                                                
                                                }
                                                
                                                .admin-row{
                                                
                                                justify-content:flex-start;
                                                
                                                padding-right:120px;
                                                
                                                }