input{padding:10px;margin-right:10px;width:300px}button{padding:10px;cursor:pointer}.tra_cuu_bao_hanh{margin-bottom:2em}.tra_cuu_bao_hanh .tracuu-frame{background:#00aeef;border-radius:5px;padding:4rem 3rem;text-align:center}@media (max-width: 767px){.tra_cuu_bao_hanh .tracuu-frame{padding:3rem 2rem}}.tra_cuu_bao_hanh h1{font-size:24px;margin-bottom:1rem;text-transform:uppercase;font-weight:500;color:#fff}@media (max-width: 767px){.tra_cuu_bao_hanh h1{font-size:16px}}@media (min-width: 768px){.tra_cuu_bao_hanh .tracuu-filter{display:flex;align-items:center;justify-content:center}}.tra_cuu_bao_hanh .tracuu-filter input{line-height:40px;padding:0 10px;border-radius:5px;border:1px solid #ccc}@media (max-width: 767px){.tra_cuu_bao_hanh .tracuu-filter input{width:100%;margin-bottom:1rem}}.tra_cuu_bao_hanh .tracuu-filter button{background:#0089bc;border-radius:5px;color:#fff;font-weight:500;padding:10px 16px;border:1px solid #00aeef;text-align:center}@media (max-width: 767px){.tra_cuu_bao_hanh .tracuu-filter button{width:100%}}.tra_cuu_bao_hanh #status{margin:auto;text-align:left;list-style:none;padding-left:0;display:flex;flex-direction:row}.tra_cuu_bao_hanh #status .timeline{display:flex;justify-content:space-between;padding:20px 0;margin:0}.tra_cuu_bao_hanh #status .timeline li{display:flex;width:100%;justify-content:space-between}.tra_cuu_bao_hanh #status .tl-item{position:relative;text-align:center;width:100%}.tra_cuu_bao_hanh #status .tl-line{position:absolute;top:20px;left:-50%;width:100%;height:4px;background:#d9d9d9;z-index:1}.tra_cuu_bao_hanh #status .tl-line.done{background:#00aeef}.tra_cuu_bao_hanh #status .tl-circle{width:46px;height:46px;border-radius:50%;font-weight:600;font-size:17px;display:flex;justify-content:center;align-items:center;margin:0 auto 8px auto;border:2px solid #dcdcdc;position:relative;z-index:2;transition:600ms all;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.tra_cuu_bao_hanh #status .tl-circle.completed{background:#00aeef;color:white;border-color:#00aeef}.tra_cuu_bao_hanh #status .tl-circle.active{background:#00aeef;color:white;border-color:#00aeef;animation:pulse 1.3s infinite}.tra_cuu_bao_hanh #status .tl-circle.pending{background:#e6e6e6;color:#666;border-color:#ccc}.tra_cuu_bao_hanh #status .tl-title{font-size:14px;font-weight:600;margin-top:4px}.tra_cuu_bao_hanh #status .tl-date{font-size:12px;color:#777}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}50%{transform:scale(1.12);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}100%{transform:scale(1);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}}@media (max-width: 991px){.tra_cuu_bao_hanh #status{width:100%}}.tra_cuu_bao_hanh #status li{display:flex !important;padding:12px 16px;flex-direction:column}.tra_cuu_bao_hanh #status li .title-item{font-size:14px;margin:10px 0}.tra_cuu_bao_hanh #status li .status-timeline{display:flex}.tra_cuu_bao_hanh #status li .icon{text-align:center}.tra_cuu_bao_hanh #status li.error{border:none;padding:0;text-align:center;color:#ee1926;margin-top:1rem}.tra_cuu_bao_hanh #status li .actions{margin-top:12px;display:flex;gap:8px}.tra_cuu_bao_hanh #status li .btn-primary{background:#0089bc;border:1px solid #00aeef;color:#fff;border-radius:5px;padding:10px 14px}.tra_cuu_bao_hanh #result{width:50%;margin:auto;text-align:left;list-style:none;padding-left:0}@media (max-width: 767px){.tra_cuu_bao_hanh #result .details{display:none}}.tra_cuu_bao_hanh #result .detail{font-weight:600;font-size:13px}@media (max-width: 991px){.tra_cuu_bao_hanh #result{width:100%}}.tra_cuu_bao_hanh #result li{border:1px solid #00aeef;border-radius:5px;padding:12px 16px;margin-top:15px;background:#fff;gap:15px;grid-template-columns:repeat(2, 1fr);display:grid}@media (max-width: 767px){.tra_cuu_bao_hanh #result li{display:flex;flex-direction:column;font-size:12px;margin-top:10px}}.tra_cuu_bao_hanh #result li svg{margin-right:5px}.tra_cuu_bao_hanh #result li.error{border:none;padding:0;text-align:center;color:#ee1926;margin-top:1rem}.tra_cuu_bao_hanh #result li .actions{margin-left:50%;width:100%;text-align:center;padding:0}.tra_cuu_bao_hanh #result li .btn-primary{background:#0089bc;border:1px solid #00aeef;color:#fff;border-radius:5px;padding:10px 14px}.tra_cuu_bao_hanh #result li.defaut{text-align:center;width:100%}.tracuu-modal{position:fixed;inset:0;display:none;z-index:1000}.tracuu-modal.is-open{display:block}.tracuu-modal .overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.tracuu-modal .dialog{position:relative;max-width:640px;margin:6vh auto 0;background:#fff;border-radius:10px;padding:20px;z-index:1001}.tracuu-modal .dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tracuu-modal .dialog__header h3{margin:0;font-size:18px;font-weight:600}.tracuu-modal .dialog__header .close{border:none;font-size:22px;cursor:pointer;background:#00aeef;width:30px;height:30px;text-align:center;line-height:30px;padding:0;color:#fff;border-radius:50%}.tracuu-modal .dialog__body .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 575px){.tracuu-modal .dialog__body .form-grid{grid-template-columns:1fr}}.tracuu-modal .dialog__body label{display:block;font-size:13px;margin-bottom:6px;color:#333}.tracuu-modal .dialog__body input,.tracuu-modal .dialog__body textarea{width:100%;border:1px solid #ddd;border-radius:6px;padding:10px;font-size:14px;background:#fff}.tracuu-modal .dialog__body textarea{min-height:80px;grid-column:1 / -1}.tracuu-modal .dialog__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.tracuu-modal .dialog__footer .btn{padding:10px 14px;border-radius:6px;cursor:pointer;border:1px solid transparent}.tracuu-modal .dialog__footer .btn-cancel{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.tracuu-modal .dialog__footer .btn-confirm{background:#00aeef;color:#fff;border-color:#00aeef}#btnSearch.loading{pointer-events:none;opacity:0.8;position:relative}#btnSearch.loading::after{content:"";width:18px;height:18px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;position:absolute;right:-30px;top:50%;transform:translateY(-50%)}@keyframes spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 767px){#status{max-width:100% !important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px 0 !important}.timeline li{display:inline-flex !important;flex-wrap:nowrap !important}.tl-item{display:inline-block;width:auto;margin-right:20px;text-align:center;white-space:normal}.tl-line{width:40px !important;left:-40px !important;top:15px !important}.tl-title{font-size:12px !important;font-weight:600;margin-top:4px}.tl-circle{width:32px !important;height:32px !important}}#status::-webkit-scrollbar{height:6px}#status::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}