body{background-color:#0f172a;background-image:url(loginbackground.png);background-attachment:scroll;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:#e2e8f0;position:relative;font-family:'Barlow',sans-serif;color:#e2e8f0;overflow-x:hidden;-webkit-font-smoothing:antialiased}#login-page{background:#fff0;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}#login-card{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 25px -5px rgb(0 0 0 / .3);border-radius:18px;padding:2.5rem;width:100%;max-width:27rem;text-align:center}.card{background:#1e293b;border:1px solid #334155;border-top:1px solid #475569;border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .2)}.dashboard-card{background:#0f172a;padding:1rem;border-radius:6px;border:1px solid #334155;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-header{font-family:'Barlow',sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;color:#60a5fa;border-bottom:1px solid #334155;padding-bottom:.75rem;margin-bottom:1rem;display:flex;align-items:center}.card-header::before{content:'';display:inline-block;width:4px;height:18px;background-color:#3b82f6;margin-right:10px;border-radius:2px}.form-input{width:100%;padding:.6rem 1rem;background-color:#0f172a;border:1px solid #475569;border-radius:6px;color:#f1f5f9;font-family:'Barlow',sans-serif;font-size:1rem;font-weight:500}.form-input:focus{outline:none;border-color:#3b82f6;background-color:#1e293b}.form-input:disabled{background-color:#334155;color:#94a3b8;cursor:not-allowed}.btn{font-family:'Barlow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;border:none;padding:.6rem 1.25rem;cursor:pointer;transition:background-color 0.2s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#334155;color:#e2e8f0;border:1px solid #475569}.btn-secondary:hover{background-color:#475569}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.tab-btn{font-family:'Barlow',sans-serif;font-weight:600;font-size:1rem;text-transform:uppercase;color:#94a3b8;padding:.8rem 1.2rem;border-bottom:2px solid #fff0;transition:color 0.2s;background:none}.tab-btn.active{color:#60a5fa;border-bottom-color:#3b82f6;background-color:rgb(59 130 246 / .1)}.status-badge{font-family:'Barlow',sans-serif;padding:.25rem .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;border-radius:4px;border:1px solid #fff0}.status-da-hoan-thanh-lay-mau,.status-da-tron-mau{background-color:#064e3b;color:#4ade80;border-color:#059669}.status-chua-hoan-thanh{background-color:#422006;color:#facc15;border-color:#ca8a04}.status-cho-nhan-ca,.status-cho-tron-mau{background-color:#0c4a6e;color:#38bdf8;border-color:#0284c7}table{border-collapse:collapse;width:100%}table tbody tr{border-bottom:1px solid #334155}table td{padding:.75rem;font-size:.95rem}#sampling-table-container{max-height:70vh;overflow-y:auto;border:1px solid #334155;border-radius:6px;background-color:#1e293b}#sampling-table-container thead th{position:sticky;top:0;z-index:10;background-color:#0f172a;color:#94a3b8;padding:.75rem;font-size:.9rem;text-transform:uppercase}#global-loading-overlay{background-color:#0f172a;z-index:9999;position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}#global-loading-overlay.hidden{display:none!important}.spinner{width:50px;height:50px;border:4px solid #334155;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#seal-popup-overlay{background-color:rgb(0 0 0 / .8);backdrop-filter:blur(4px);z-index:2000!important}#seal-input-popup{background-color:#1e293b;border:1px solid #475569;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);position:relative;z-index:2001!important}#danh-sach-tron-mau-section table tbody td,#danh-sach-nhat-ky-section-dh1 table tbody td,#danh-sach-nhat-ky-section-dh3 table tbody td{text-align:center}@media (max-width:1024px){#login-card h2{font-size:1.5rem!important;line-height:2rem}#login-card p{font-size:0.85rem!important;margin-bottom:1.5rem!important}#login-card{padding:1.5rem!important;width:90%!important;max-width:none!important}#seal-input-popup{width:95%!important;max-width:none!important;padding:1.5rem!important}.seal-form-group input{font-size:1.4rem!important;padding:1rem!important;height:4rem}.seal-form-group label{font-size:1.1rem!important;margin-bottom:.5rem;color:#94a3b8;font-weight:700}#seal-input-popup .btn{padding:0!important;font-size:1.2rem!important;height:4rem;display:flex;align-items:center;justify-content:center}#sampling-table-container{max-height:60vh}table td,table th{font-size:1rem!important;padding:1rem 0.5rem!important}}