:root{--primary-color:#00bcd4;--secondary-color:#0097a7;--accent-color:#8bc34a;--text-color:#37474f;--light-bg:#e0f7fa;--border-radius:8px}body{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.navbar{background-color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.navbar-brand{font-weight:600;color:var(--primary-color)!important}.nav-link{font-weight:500;color:var(--secondary-color)!important}.main-search-section{color:#fff;background:linear-gradient(135deg,#00bcd4 0%,#0097a7 100%);padding:3rem 0}.search-container{border-radius:var(--border-radius);background:#fff;padding:2rem;box-shadow:0 10px 30px #0000001a}.tracking-input{border-radius:var(--border-radius);border:2px solid #e0e0e0;padding:1rem;font-size:1rem;transition:all .3s}.tracking-input:focus{border-color:var(--primary-color);box-shadow:none}.btn-track{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);border:none;padding:1rem 2rem;font-weight:600;transition:all .3s}.btn-track:disabled{color:#9e9e9e;background:#e0e0e0}.btn-track:hover{background:var(--accent-color);color:#fff}.feature-section{background:#fff;padding:4rem 0}.feature-card{text-align:center;border-radius:var(--border-radius);border:none;padding:2rem;transition:all .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.5rem}.tracking-result{border-radius:var(--border-radius);background:#fff;margin-top:2rem;padding:2rem}.status-step{align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.status-icon{color:#fff;z-index:2;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;display:flex;position:relative}.status-step.active .status-icon{background:var(--primary-color)}.status-info{flex:1}.status-line{z-index:1;background:#e0e0e0;width:2px;position:absolute;top:40px;bottom:-40px;left:20px}.status-step.active .status-line{background:var(--primary-color)}.status-step:last-child .status-line{display:none}.service-section{background:var(--light-bg);padding:4rem 0}.service-card{border-radius:var(--border-radius);background:#fff;border:none;height:100%;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #0000000d}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}footer{background:var(--secondary-color);color:#fff;padding:3rem 0}footer h5{color:#fff;margin-bottom:1.5rem;font-weight:600;position:relative}footer h5:after{content:"";background:var(--accent-color);width:40px;height:2px;position:absolute;bottom:-8px;left:0}footer p{color:#fffc;margin-bottom:1rem}footer a{color:#fffc;text-decoration:none;transition:all .3s}footer a:hover{color:var(--accent-color);text-decoration:none}footer .social-links li{margin-bottom:.8rem}footer .social-links a{align-items:center;display:inline-flex}footer .social-links i{width:24px;font-size:1.2rem;transition:all .3s}footer .social-links a:hover i{color:var(--accent-color);transform:translate(5px)}footer .copyright{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;font-size:.9rem}@media (width<=768px){.service-card{margin-bottom:1rem}footer{text-align:center}footer h5:after{left:50%;transform:translate(-50%)}footer .social-links{justify-content:center;gap:1.5rem;display:flex}footer .social-links li{margin-bottom:0}.navbar{padding:.5rem 0}.navbar-brand{font-size:1.5rem}.main-search-section{padding:2rem 0}.main-search-section h1{margin-bottom:1.5rem;font-size:1.75rem}.search-container{padding:1.25rem}.tracking-input{padding:.75rem;font-size:.95rem}.btn-track{padding:.75rem 1.5rem;font-size:.95rem}.feature-section{padding:2.5rem 0}.feature-card{border-radius:var(--border-radius);background:#fff;margin-bottom:1rem;padding:1.5rem;box-shadow:0 3px 10px #00000014}.feature-icon{margin-bottom:1rem;font-size:2rem}.feature-card h5{margin-bottom:.5rem;font-size:1.1rem}.feature-card p{margin-bottom:0;font-size:.9rem}.service-section{padding:2.5rem 0}.service-section h2{margin-bottom:2rem;font-size:1.75rem}.service-card{height:auto;margin-bottom:1rem;padding:1.5rem}.service-card h4{margin-bottom:.75rem;font-size:1.2rem}.service-card p{margin-bottom:1rem;font-size:.9rem}.service-card ul li{margin-bottom:.5rem;font-size:.9rem}.tracking-result{padding:1.5rem}.tracking-timeline{padding:1rem 0}.timeline-item{margin-bottom:1.5rem;padding-left:2rem}.timeline-date{font-size:.85rem}.timeline-title{font-size:1rem}.timeline-desc{font-size:.9rem}.modal-tracking-detail .modal-content{border-radius:var(--border-radius)}.modal-tracking-detail .modal-header{padding:1rem}.modal-tracking-detail .modal-body{padding:1.25rem}.modal-tracking-detail table{font-size:.9rem}footer{text-align:center;padding:2.5rem 0}footer h5{margin:1.5rem 0;font-size:1.2rem}footer h5:after{width:50px;left:50%;transform:translate(-50%)}footer p{margin-bottom:1.25rem;font-size:.9rem}footer .social-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}footer .social-links li{margin:0}footer .social-links a{font-size:.9rem}footer .social-links i{width:auto;margin-right:.5rem}footer .copyright{margin-top:2rem;padding-top:1.5rem;font-size:.85rem}}@media (width<=576px){.main-search-section h1{padding:0 15px;font-size:1.5rem}.search-container{margin:0 15px;padding:1rem}.input-group{flex-direction:column;gap:.75rem}.input-group .form-control{border-radius:var(--border-radius)!important;width:100%!important}.input-group .btn-track{margin-top:.5rem;display:block;border-radius:var(--border-radius)!important;width:100%!important}.tracking-input{height:auto;padding:.75rem;font-size:.9rem;border-radius:var(--border-radius)!important}.btn-track{height:auto;padding:.75rem 1rem;font-size:.9rem;border-radius:var(--border-radius)!important}}.modal-tracking-detail .modal-content{border-radius:var(--border-radius);border:none;overflow:hidden}.modal-tracking-detail .modal-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border:none;padding:1.5rem}.modal-tracking-detail .order-details{background:var(--light-bg);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.modal-tracking-detail .order-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.modal-tracking-detail .order-info-item{border-radius:var(--border-radius);background:#fff;padding:1rem;box-shadow:0 2px 8px #0000000d}.modal-tracking-detail .order-info-item h6{color:var(--primary-color);margin-bottom:.5rem;font-weight:600}.tracking-roadmap{padding:2rem 0;position:relative}.tracking-step{align-items:flex-start;margin-bottom:2rem;padding-left:4rem;display:flex;position:relative}.tracking-step:last-child{margin-bottom:0}.tracking-step:before{content:"";background:#e0e0e0;width:2px;position:absolute;top:2.5rem;bottom:-2rem;left:1.85rem}.tracking-step:last-child:before{display:none}.tracking-step.completed:before{background:var(--primary-color)}.step-icon{color:#9e9e9e;z-index:1;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.2rem;display:flex;position:absolute;top:0;left:0}.tracking-step.completed .step-icon{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-content{border-radius:var(--border-radius);background:#fff;flex-grow:1;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.step-title{color:var(--text-color);margin-bottom:.5rem;font-weight:600}.step-info{color:#666;margin-bottom:.5rem;font-size:.9rem}@media (width<=768px){.modal-tracking-detail .order-info-grid{grid-template-columns:1fr;gap:1rem}.tracking-step{padding-left:3rem}.step-icon{width:2.5rem;height:2.5rem;font-size:1rem}.tracking-step:before{left:1.25rem}}.camera-container{border-radius:8px;position:relative;overflow:hidden}#qr-reader{width:100%!important}.camera-controls{text-align:right;position:absolute;bottom:15px;right:15px}.torch-button{color:#fff;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;margin:0 5px}