.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);
            
            background:var(--card);
            
            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);
                        
                        }