body{font-family:Roboto,'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:all .3s ease}body.dark-mode{color:#e0e0e0!important}.card,.result-card,.result-card ul li{background-color:transparent;color:#eee!important;border-color:var(--main-border-color)!important}.faq-answer,.faq-item,.faq-item.active .faq-answer,.faq-question,.faq-question::after{background-color:transparent!important;color:#fff!important}.faq-item{border:.1rem solid var(--main-border-color)!important}.faq-question:hover,.faq-question:hover::after{background:#377a77!important;background-color:var(--main-border-color)!important;color:#fff!important;transition:all .4s ease!important}.result-card p strong{color:#b3b3b3!important}.trackTicketP{color:#ddd!important}.section .result-card p{color:#eee}.section{margin-bottom:30px}.card{border-radius:12px;padding:20px;border:.1rem solid #377a77;margin:15px auto;transition:transform .3s ease,box-shadow .3s ease}.card h2{margin-bottom:15px;color:#f0f6fc}.card input[type=text]:focus{outline:0;border-color:#5692ed}.button .button{outline:0;letter-spacing:.1px;padding:6px 12px;border-radius:4px;font-size:15px;font-weight:600;background:#377a77;color:#fff;border:2px solid transparent;cursor:pointer;transition:all .4s ease}.button .button:hover{border-color:#377a77;background-color:transparent;color:#377a77}.divider{border-top:1px solid #ccc;margin:15px 0}.result-card{margin-top:20px;padding:20px;margin:20px auto;border:.1rem solid var(--main-border-color);background:0 0;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.result-card .head{color:#5692ed;margin-bottom:15px;border-bottom:2px solid #5692ed;padding-bottom:8px;font-size:1.5em}.result-card p{margin:8px 0;font-size:1rem;color:#333}.result-card h3 i{margin-right:8px;margin-top:3px;color:#377a77}.result-card p strong{color:#555;font-weight:700;margin-right:8px;margin-left:5px}.result-card ul{list-style-type:none;padding:0;margin-top:15px}.result-card ul li{margin:5px 0;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:.9em}.status-badge{font-weight:700;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-left:0;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease-in-out}.status-badge.Pending{color:#f39c12}.status-badge.Resolved{color:#27ae60}.status-badge.Open{color:#3498db}.status-badge.Closed{color:#e74c3c}.status-badge.Progress{color:#639}.status-badge.pending{color:#f39c12}.status-badge.resolved{color:#27ae60}.status-badge.in-progress{color:#639}.status-badge.closed{color:#e74c3c}.status-badge.on-hold{color:#e67e22}.status-icon{color:#b3b3b3!important}#auditTrailContainer{padding:15px;background-color:transparent;border-left:5px solid #27ae60;border-right:.1rem solid var(--main-border-color);border-top:.1rem solid var(--main-border-color);border-bottom:.1rem solid var(--main-border-color);margin-top:10px;border-radius:5px;padding:10px;margin-top:10px;border-radius:5px}.auditTrailHeader{border:.1rem solid var(--main-border-color);background:0 0;color:#fff;padding:5px;padding-left:10px;font-size:17px;border-radius:5px;border:2px solid #333;transition:all .4s ease}.auditTrailHeader:hover{background-color:#377a77;border:2PX solid #377a77;color:#fff}#resultAuditTrail{list-style-type:none;padding:0;margin:0}#resultAuditTrail li{background:0 0;border-radius:5px;margin:8px 0;padding:10px;border:.1rem solid var(--main-border-color)}.audit-action-status{font-weight:700;color:#2e6a4f}.audit-action-update{font-weight:700;color:#f39c12}.audit-action-error{font-weight:700;color:#e74c3c}.audit-action span{font-size:.9em;color:#888}#auditTrailToggleIcon{color:#fff;float:right;transition:transform .3s ease-in-out}#auditTrailToggleIcon.rotate{transform:rotate(180deg)}#form{margin-bottom:10px}.not-found-card{display:none;padding:20px;border:1px solid #ddd;border-radius:10px;border:.1rem solid var(--main-border-color);background:0 0}.not-found-header{font-size:1.5em;color:#333}.not-found-detail{font-size:1.1em;color:#555}.not-found-icon{color:#ff6f61}.not-found-text{font-weight:700;color:#ff6f61}.not-found-status{background-color:#ff6f61;color:#fff;padding:5px 10px;border-radius:5px}.links,.links:visited{font-family:'Open Sans',sans-serif;color:#007bff;text-decoration:none;font-weight:700}.links:hover{font-family:'Open Sans',sans-serif;color:#9eb5f7;text-decoration:none;font-weight:700}.ticket-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.ticket-image-container{background:#333;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ticket-image-container h3{color:#5692ed;margin-bottom:10px}.reference-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.15);transition:transform .3s ease}.reference-image:hover{transform:scale(1.02)}@media (max-width:768px){.ticket-images{grid-template-columns:1fr}}.result-message-container{display:block;font-weight:700;color:green;padding:8px;background-color:beige;border-radius:10px;border-color:#7fffd4;margin-bottom:10px;border:2px solid green}.result-message{flex:1;text-align:center}.faq-item{border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.faq-question{font-weight:700;padding:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .4s ease}.faq-question:hover{background:#377a77;color:#fff;transition:all .4s ease}.faq-question:hover::after{color:#fff!important}.faq-question::after{content:"\f078";font-family:"Font Awesome 5 Free";padding:5px;color:#333;transition:all .4s ease}.faq-item.active .faq-question::after{content:"\f077";transform:rotate(180deg)}.faq-answer{padding:0 auto;line-height:1.6;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:all .3s ease;border-top:1px solid #e9e9e9}.faq-item.active .faq-answer{max-height:1000px;opacity:1;visibility:visible;padding:0 auto;transition:all .8s ease}.faq-answer ul{padding-left:20px}.faq-answer ul li{margin-bottom:10px;font-weight:500}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media (hover:none){.tooltip:active .tooltiptext{visibility:visible;opacity:1}}#ticketNumber{font-weight:700!important}