.sts-container{max-width:100%;margin:0 auto}.sts-form-container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px}.sts-tickets-list{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.sts-ticket-item{border-bottom:1px solid #eee;padding:20px;transition:background-color .2s}.sts-ticket-item:hover{background-color:#f9f9f9}.sts-ticket-item:last-child{border-bottom:none}.sts-ticket-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.sts-ticket-title a{color:#333;text-decoration:none}.sts-ticket-title a:hover{color:#007cba}.sts-ticket-meta{font-size:14px;color:#666;margin-bottom:15px}.sts-ticket-content{font-size:16px;line-height:1.6;color:#555;margin-bottom:15px}.sts-ticket-actions{display:flex;gap:10px;flex-wrap:wrap}.sts-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;color:#fff}.sts-badge.status-open{background-color:#28a745}.sts-badge.status-pending{background-color:#ffc107}.sts-badge.status-in-progress{background-color:#17a2b8}.sts-badge.status-closed{background-color:#6c757d}.sts-attachment-list{margin-top:15px}.sts-attachment-item{display:inline-block;margin:5px 10px 5px 0;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.sts-attachment-item a{color:#007cba;text-decoration:none}.sts-attachment-item a:hover{text-decoration:underline}.sts-attachment-size{color:#666;font-size:12px;margin-left:8px}.sts-upload-progress{margin-top:15px}.sts-progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.sts-progress-fill{height:100%;background-color:#007cba;transition:width .3s ease}.sts-message{padding:15px;margin-bottom:20px;border-radius:5px;border-left:4px solid}.sts-message.success{background-color:#d4edda;border-color:#28a745;color:#155724}.sts-message.error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.sts-message.warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.sts-message.info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.sts-replies-container{margin-top:30px}.sts-reply-item{background:#fff;border:1px solid #dee2e6;border-radius:5px;margin-bottom:15px;padding:20px}.sts-reply-item.admin-reply{background:#f8f9fa;border-color:#007cba}.sts-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.sts-reply-author{font-weight:600;color:#333}.sts-reply-author.admin{color:#007cba}.sts-reply-date{font-size:12px;color:#666}.sts-reply-content{line-height:1.6}.sts-reply-form{background:#f8f9fa;padding:20px;border-radius:5px;margin-top:30px}.sts-form-group{margin-bottom:20px}.sts-form-label{display:block;margin-bottom:5px;font-weight:600;color:#333}.sts-form-control{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.sts-form-control:focus{outline:0;border-color:#007cba;box-shadow:0 0 0 .2rem rgba(0,124,186,.25)}.sts-btn{display:inline-block;padding:10px 20px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-right:10px;margin-bottom:10px}.sts-btn:hover{text-decoration:none;transform:translateY(-1px)}.sts-btn-primary{background-color:#007cba;color:#fff}.sts-btn-primary:hover{background-color:#005a8a}.sts-btn-secondary{background-color:#6c757d;color:#fff}.sts-btn-secondary:hover{background-color:#545b62}.sts-btn-danger{background-color:#dc3545;color:#fff}.sts-btn-danger:hover{background-color:#c82333}.sts-btn:disabled{opacity:.6;cursor:not-allowed}.sts-btn:disabled:hover{transform:none}.sts-pagination{display:flex;justify-content:center;align-items:center;margin-top:30px}.sts-pagination a,.sts-pagination span{display:inline-block;padding:8px 12px;margin:0 2px;text-decoration:none;border:1px solid #dee2e6;border-radius:4px;color:#007cba;transition:all .2s ease}.sts-pagination a:hover{background-color:#e9ecef;text-decoration:none}.sts-pagination .current{background-color:#007cba;color:#fff;border-color:#007cba}.sts-no-tickets{text-align:center;padding:40px;color:#666}.sts-loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #007cba;border-radius:50%;animation:sts-spin 1s linear infinite}.sts-loading::after{content:'';display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:sts-spin 1.2s linear infinite}@keyframes sts-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.file-preview-item{display:inline-block;margin:5px 10px 5px 0;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.file-preview-item:hover{background:#e9ecef}.file-preview-thumb{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:10px}.file-name{font-weight:600;color:#333;margin-bottom:5px}.sts-status-filter-link{text-decoration:none!important;display:block!important;color:inherit!important}.sts-status-filter-link:hover{text-decoration:none!important;color:inherit!important}.sts-status-card{border-radius:12px!important;border:2px solid transparent!important;background:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.08)!important;transition:all .3s ease!important;height:100%!important;overflow:hidden!important;position:relative!important}.sts-status-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,0,0,.15)!important}.sts-status-card-content{padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;height:100%!important}.sts-status-card-icon{flex-shrink:0!important;width:48px!important;height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;color:#fff!important}.sts-status-card-info{flex:1!important;min-width:0!important}.sts-status-card-number{font-size:24px!important;font-weight:700!important;line-height:1!important;margin-bottom:4px!important}.sts-status-card-label{font-size:14px!important;font-weight:500!important;color:#6c757d!important;line-height:1!important}.sts-status-card-dark{background:linear-gradient(135deg,#1e293b 0,#334155 100%)!important;border-color:#1e293b!important}.sts-status-card-dark .sts-status-card-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}.sts-status-card-dark .sts-status-card-number{color:#fff!important}.sts-status-card-dark .sts-status-card-label{color:#e2e8f0!important}.sts-status-card-primary{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%)!important;border-color:#3b82f6!important}.sts-status-card-primary .sts-status-card-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}.sts-status-card-primary .sts-status-card-number{color:#fff!important}.sts-status-card-primary .sts-status-card-label{color:#dbeafe!important}.sts-status-card-warning{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)!important;border-color:#f59e0b!important}.sts-status-card-warning .sts-status-card-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}.sts-status-card-warning .sts-status-card-number{color:#fff!important}.sts-status-card-warning .sts-status-card-label{color:#fef3c7!important}.sts-status-card-secondary{background:linear-gradient(135deg,#6b7280 0,#4b5563 100%)!important;border-color:#6b7280!important}.sts-status-card-secondary .sts-status-card-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}.sts-status-card-secondary .sts-status-card-number{color:#fff!important}.sts-status-card-secondary .sts-status-card-label{color:#e5e7eb!important}.sts-status-card-active{border-color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 3px rgba(255,255,255,.3)!important;transform:translateY(-3px)!important}.sts-status-card-active::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%)!important;pointer-events:none!important}@media (max-width:768px){.sts-status-card-content{padding:16px;gap:12px}.sts-status-card-icon{width:40px;height:40px;font-size:18px}.sts-status-card-number{font-size:20px}.sts-status-card-label{font-size:13px}.sts-form-container{padding:20px}.sts-ticket-item{padding:15px}.sts-ticket-title{font-size:16px}.sts-ticket-actions{flex-direction:column;gap:5px}.sts-btn{width:100%;margin-right:0}.sts-reply-header{flex-direction:column;align-items:flex-start;gap:10px}}