@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.qt-wrapper{font-family:var(--font);background-color:var(--bg);width:100%;max-width:480px;height:100svh;color:var(--text-slate);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#0068ff14 0,#0000 400px),radial-gradient(circle at 90% 80%,#00aeef14 0,#0000 400px);background-attachment:fixed;flex-direction:column;align-items:center;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 32px #0000000d}.qt-welcome-header{z-index:1;background:linear-gradient(135deg,#0068ff 0%,#00aeef 100%);flex-direction:column;flex-shrink:0;width:100%;padding:12px 20px 36px;animation:.6s cubic-bezier(.16,1,.3,1) both qt-slide-down;display:flex;position:relative}.qt-welcome-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qt-vnpt-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.qt-online-pill{border-radius:var(--r-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#fff3;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.qt-online-dot{background:var(--green-glow);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55ecc}.qt-welcome-body{align-items:center;gap:12px;display:flex}.qt-welcome-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.qt-welcome-avatar svg{color:#fff;width:22px;height:22px}.qt-welcome-text{flex:1}.qt-welcome-greeting{color:#fff;letter-spacing:-.5px;margin-bottom:2px;font-size:18px;font-weight:700}.qt-welcome-subtitle{color:#ffffffe6;font-size:13px;font-weight:400;line-height:1.3}.qt-welcome-subtitle strong{color:#fff;font-weight:600}.qt-main{z-index:10;flex-direction:column;flex:1;gap:12px;width:100%;max-width:480px;min-height:0;margin-top:-24px;padding:0 16px;display:flex;position:relative;transform:translateZ(0)}.qt-linh-vuc-card{border-radius:var(--r-card);background:#fff;border:1px solid #0068ff14;flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both qt-slide-up;display:flex;box-shadow:0 12px 32px #1e293b0f}.qt-info-icon-wrap{width:48px;height:48px;color:var(--vnpt-blue);background:linear-gradient(135deg,#0068ff1f,#00aeef0a);border:1px solid #ffffff80;border-radius:16px;justify-content:center;align-items:center;display:flex}.qt-info-body{flex-direction:column;justify-content:center;display:flex}.qt-info-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.qt-info-value{color:var(--vnpt-blue);font-size:16px;font-weight:800;line-height:1.3}.qt-ticket-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--r-card);background:linear-gradient(#ffffffd9 0%,#f8fafca6 100%);border:1px solid #fff;flex-direction:column;flex:1.2;justify-content:center;align-items:center;min-height:0;padding:12px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .2s both qt-slide-up;display:flex;box-shadow:0 24px 48px #1e293b0f,inset 0 2px 4px #fffc}.qt-ticket-label-wrap{color:var(--text-slate);align-items:center;gap:8px;margin-bottom:12px;display:flex}.qt-ticket-label-wrap svg{opacity:.8}.qt-ticket-label{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700}.qt-ticket-number-wrap{flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:12px;display:flex}.qt-ticket-glow{aspect-ratio:1;background:#fff;border:6px solid #0068ff0d;border-radius:50%;flex-shrink:1;justify-content:center;align-items:center;height:100%;max-height:180px;display:flex;position:relative;transform:translateZ(0);box-shadow:0 24px 48px #0068ff1f,inset 0 4px 16px #0068ff0d;container-type:inline-size}.qt-ticket-number{background:linear-gradient(135deg,#0068ff 0%,#00aeef 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,35cqi,60px);font-weight:800;line-height:1}.qt-status-badge{border-radius:var(--r-full);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.qt-badge-amber{background:var(--amber-soft);color:var(--amber-text)}.qt-badge-blue{color:var(--vnpt-blue);background:#0068ff14}.qt-badge-green{color:#16a34a;background:#22c55e1a}.qt-badge-red{color:#dc2626;background:#ef44441a}.qt-serving-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--r-card);background:#ffffffb3;border:1px solid #fffc;flex-direction:column;flex:.8;justify-content:center;align-items:center;min-height:0;padding:12px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .3s both qt-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #1e293b0a,inset 0 2px 4px #ffffff80}.qt-serving-card:before{content:"";background:linear-gradient(#1e293b,#475569);width:4px;position:absolute;top:0;bottom:0;left:0}.qt-serving-header{flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.qt-serving-icon{color:var(--green-glow,#10b981)}.qt-serving-label{color:var(--text-slate);letter-spacing:.05em;text-transform:uppercase;align-items:center;margin:0;font-size:13px;font-weight:700;display:flex}.qt-serving-number-wrap{background:#0068ff08;border:1px solid #0068ff14;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:8px;padding:12px 64px;display:flex;box-shadow:inset 0 2px 12px #0068ff0a,0 2px #fffc}.qt-serving-number{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-2.5px;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:clamp(40px,10vh,80px);font-weight:800;line-height:1}.qt-serving-updated{color:var(--text-light);flex-shrink:0;font-size:12px;font-weight:500}.qt-footer{background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;animation:.8s .4s both qt-fade-in;display:flex}.qt-footer-content{justify-content:center;align-items:center;gap:8px;display:flex}.qt-footer-icon-wrapper{color:var(--text-muted);align-items:center;display:flex}.qt-footer-text{color:var(--text-muted);text-align:center;font-size:13px;font-weight:500}.qt-error-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#ffffffbf;border:1px solid #fff;border-radius:32px;flex-direction:column;align-items:center;width:calc(100% - 40px);max-width:400px;margin:auto;padding:48px 32px;animation:.6s cubic-bezier(.16,1,.3,1) both qt-slide-up;display:flex;box-shadow:0 32px 64px #dc262614,inset 0 2px 4px #fffc}.qt-error-icon-wrapper{margin-bottom:24px;position:relative}.qt-error-icon-bg{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:inset 0 4px 12px #ef44440d,0 12px 24px #ef444426}.qt-error-icon-red{color:#dc2626}.qt-error-title{color:var(--text-slate);letter-spacing:-.5px;margin-bottom:12px;font-size:22px;font-weight:800}.qt-error-desc{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.6}.qt-error-suggestion{color:#dc2626;background:#ef444414;border-radius:16px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;line-height:1.5}@keyframes qt-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes qt-slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes qt-fade-in{0%{opacity:0}to{opacity:1}}.qt-ticket-turn{background:#fef2f2;border-color:#ef44444d}.qt-ticket-passed{opacity:.8;filter:grayscale(.2);background:#f8fafc}.qt-ticket-glow.qt-glow-turn{background:#fff;border-color:#ef444480;box-shadow:0 12px 32px #ef444440,inset 0 4px 16px #ef44441a}.qt-ticket-glow.qt-glow-turn:before{content:"";pointer-events:none;border:4px solid #ef444466;border-radius:50%;animation:1.5s ease-out infinite qt-pulse-scale;position:absolute;inset:-6px}.qt-ticket-glow.qt-glow-passed{background:#f1f5f9;border-color:#e2e8f0;box-shadow:inset 0 4px 12px #0000000d}.qt-ticket-number.qt-num-turn{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.qt-ticket-number.qt-num-passed{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes qt-pulse-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes qt-pulse-green{0%,to{box-shadow:0 0 8px #22c55ecc}50%{box-shadow:0 0 16px #22c55e66}}@keyframes qt-spin{to{transform:rotate(360deg)}}@keyframes qt-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes qt-shake-bell{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}@keyframes qt-flip-hourglass{0%{transform:rotate(0)}40%,60%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes qt-bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes qt-pop-in{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.qt-offline-toast{-webkit-backdrop-filter:blur(16px);color:#fff;z-index:999;background:#dc2626f2;border:1px solid #fff3;border-radius:999px;align-items:center;gap:14px;width:max-content;max-width:90%;padding:14px 24px;animation:.5s cubic-bezier(.16,1,.3,1) both qt-slide-up-toast;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #dc26264d,inset 0 2px 4px #fff3}.qt-offline-text{flex-direction:column;line-height:1.3;display:flex}.qt-offline-text strong{letter-spacing:-.3px;font-size:15px;font-weight:700}.qt-offline-text span{opacity:.9;font-size:13px}@keyframes qt-slide-up-toast{0%{opacity:0;transform:translate(-50%,32px)}to{opacity:1;transform:translate(-50%)}}:root{--vnpt-blue:#0065b3;--vnpt-cyan:#0086cc;--bg:#f0f4f8;--text-slate:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--amber-soft:#fffbeb;--amber-text:#d97706;--green-glow:#22c55e;--r-card:24px;--r-full:999px;--shadow-float:0 16px 40px #1e293b0f;--shadow-ring:0 12px 32px #0068ff1f, inset 0 4px 16px #0068ff0d;--font:"Inter", system-ui, sans-serif;--dur:.25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.sqt-wrapper{font-family:var(--font);background-color:var(--bg);width:100%;max-width:480px;height:100svh;color:var(--text-slate);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#0068ff14 0,#0000 400px),radial-gradient(circle at 90% 80%,#00aeef14 0,#0000 400px);background-attachment:fixed;flex-direction:column;align-items:center;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 32px #0000000d}.sqt-welcome-header{z-index:1;background:linear-gradient(135deg,#0065b3 0%,#0086cc 100%);flex-direction:column;flex-shrink:0;width:100%;padding:12px 20px 36px;animation:.6s cubic-bezier(.16,1,.3,1) both sqt-slide-down;display:flex;position:relative}.sqt-welcome-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sqt-vnpt-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.sqt-online-pill{border-radius:var(--r-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#fff3;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.sqt-online-dot{background:var(--green-glow);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55ecc}.sqt-welcome-body{align-items:center;gap:12px;display:flex}.sqt-welcome-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sqt-welcome-avatar svg{color:#fff;width:22px;height:22px}.sqt-welcome-text{flex:1}.sqt-welcome-greeting{color:#fff;letter-spacing:-.5px;margin-bottom:2px;font-size:18px;font-weight:700}.sqt-welcome-subtitle{color:#ffffffe6;font-size:13px;font-weight:400;line-height:1.3}.sqt-welcome-subtitle strong{color:#fff;font-weight:600}.sqt-main{z-index:10;flex-direction:column;flex:1;gap:12px;width:100%;max-width:480px;min-height:0;margin-top:-24px;padding:0 16px;display:flex;position:relative;transform:translateZ(0)}.sqt-linh-vuc-card{border-radius:var(--r-card);z-index:50;background:#fff;border:1px solid #0068ff14;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both sqt-slide-up;display:flex;position:relative;box-shadow:0 12px 32px #1e293b0f}.sqt-linh-vuc-header{align-items:center;gap:10px;display:flex}.sqt-info-icon-wrap{width:36px;height:36px;color:var(--vnpt-blue);background:linear-gradient(135deg,#0068ff1f,#00aeef0a);border:1px solid #ffffff80;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sqt-info-body{flex-direction:column;justify-content:center;display:flex}.sqt-info-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.sqt-info-value{color:var(--vnpt-blue);font-size:16px;font-weight:800;line-height:1.3}.sqt-custom-select{width:100%;position:relative}.sqt-custom-select-trigger{color:#1e293b;cursor:pointer;text-align:left;width:100%;font-size:15px;font-weight:700;font-family:var(--font);background:#f5f8ff;border:1.5px solid #0068ff2e;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:flex}.sqt-custom-select-trigger:focus,.sqt-custom-select-trigger.open{border-color:var(--vnpt-blue);box-shadow:0 0 0 3px #0068ff1f}.sqt-custom-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sqt-select-chevron{color:var(--vnpt-blue);flex-shrink:0;transition:transform .2s}.sqt-select-chevron.rotated{transform:rotate(180deg)}.sqt-custom-select-list{z-index:100;background:#fff;border:1.5px solid #0068ff2e;border-radius:12px;max-height:280px;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0068ff1f,0 2px 8px #00000014}.sqt-custom-select-item{cursor:pointer;color:#1e293b;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.sqt-custom-select-item:hover{background:#eef4ff}.sqt-custom-select-item.selected{color:var(--vnpt-blue);background:#0068ff12}.sqt-custom-select-item-text{white-space:normal;word-break:break-word;flex:1;min-width:0;line-height:1.4}.sqt-select-item-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--vnpt-blue);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.6}.sqt-custom-select-item.selected .sqt-select-item-badge{background:var(--vnpt-blue);opacity:1}.sqt-select-check{color:var(--vnpt-blue);flex-shrink:0}.sqt-ticket-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--r-card);background:linear-gradient(#ffffffd9 0%,#f8fafca6 100%);border:1px solid #fff;flex-direction:column;flex:1.2;justify-content:center;align-items:center;min-height:0;padding:12px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .2s both sqt-slide-up;display:flex;box-shadow:0 24px 48px #1e293b0f,inset 0 2px 4px #fffc}.sqt-ticket-label-wrap{color:var(--text-slate);align-items:center;gap:8px;margin-bottom:12px;display:flex}.sqt-ticket-label-wrap svg{opacity:.8}.sqt-ticket-label{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700}.sqt-ticket-number-wrap{flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:12px;display:flex}.sqt-ticket-glow{aspect-ratio:1;background:#fff;border:6px solid #0068ff0d;border-radius:50%;flex-shrink:1;justify-content:center;align-items:center;height:100%;max-height:180px;display:flex;position:relative;transform:translateZ(0);box-shadow:0 24px 48px #0068ff1f,inset 0 4px 16px #0068ff0d;container-type:inline-size}.sqt-ticket-number{background:linear-gradient(135deg,#0068ff 0%,#00aeef 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,35cqi,60px);font-weight:800;line-height:1}.sqt-status-badge{border-radius:var(--r-full);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.sqt-badge-amber{background:var(--amber-soft);color:var(--amber-text)}.sqt-badge-blue{color:var(--vnpt-blue);background:#0068ff14}.sqt-badge-green{color:#16a34a;background:#22c55e1a}.sqt-badge-red{color:#dc2626;background:#ef44441a}.sqt-serving-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--r-card);background:#ffffffb3;border:1px solid #fffc;flex-direction:column;flex:.8;justify-content:center;align-items:center;min-height:0;padding:12px 16px;animation:.6s cubic-bezier(.16,1,.3,1) .3s both sqt-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #1e293b0a,inset 0 2px 4px #ffffff80}.sqt-serving-card:before{content:"";background:linear-gradient(#1e293b,#475569);width:4px;position:absolute;top:0;bottom:0;left:0}.sqt-serving-header{flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sqt-serving-icon{color:var(--green-glow,#10b981)}.sqt-serving-label{color:var(--text-slate);letter-spacing:.05em;text-transform:uppercase;align-items:center;margin:0;font-size:13px;font-weight:700;display:flex}.sqt-serving-number-wrap{background:#0068ff08;border:1px solid #0068ff14;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:8px;padding:12px 64px;display:flex;box-shadow:inset 0 2px 12px #0068ff0a,0 2px #fffc}.sqt-serving-number{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-2.5px;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:clamp(40px,10vh,80px);font-weight:800;line-height:1}.sqt-serving-updated{color:var(--text-light);flex-shrink:0;font-size:12px;font-weight:500}.sqt-footer{background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;animation:.8s .4s both sqt-fade-in;display:flex}.sqt-footer-content{justify-content:center;align-items:center;gap:8px;display:flex}.sqt-footer-icon-wrapper{color:var(--text-muted);align-items:center;display:flex}.sqt-footer-text{color:var(--text-muted);text-align:center;font-size:13px;font-weight:500}.sqt-error-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#ffffffbf;border:1px solid #fff;border-radius:32px;flex-direction:column;align-items:center;width:calc(100% - 40px);max-width:400px;margin:auto;padding:48px 32px;animation:.6s cubic-bezier(.16,1,.3,1) both sqt-slide-up;display:flex;box-shadow:0 32px 64px #dc262614,inset 0 2px 4px #fffc}.sqt-error-icon-wrapper{margin-bottom:24px;position:relative}.sqt-error-icon-bg{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:inset 0 4px 12px #ef44440d,0 12px 24px #ef444426}.sqt-error-icon-red{color:#dc2626}.sqt-error-title{color:var(--text-slate);letter-spacing:-.5px;margin-bottom:12px;font-size:22px;font-weight:800}.sqt-error-desc{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.6}.sqt-error-suggestion{color:#dc2626;background:#ef444414;border-radius:16px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;line-height:1.5}@keyframes sqt-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sqt-slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes sqt-fade-in{0%{opacity:0}to{opacity:1}}.sqt-ticket-turn{background:#fef2f2;border-color:#ef44444d}.sqt-ticket-passed{opacity:.8;filter:grayscale(.2);background:#f8fafc}.sqt-ticket-glow.sqt-glow-turn{background:#fff;border-color:#ef444480;box-shadow:0 12px 32px #ef444440,inset 0 4px 16px #ef44441a}.sqt-ticket-glow.sqt-glow-turn:before{content:"";pointer-events:none;border:4px solid #ef444466;border-radius:50%;animation:1.5s ease-out infinite sqt-pulse-scale;position:absolute;inset:-6px}.sqt-ticket-glow.sqt-glow-passed{background:#f1f5f9;border-color:#e2e8f0;box-shadow:inset 0 4px 12px #0000000d}.sqt-ticket-number.sqt-num-turn{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.sqt-ticket-number.sqt-num-passed{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes sqt-pulse-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes sqt-pulse-green{0%,to{box-shadow:0 0 8px #22c55ecc}50%{box-shadow:0 0 16px #22c55e66}}@keyframes sqt-spin{to{transform:rotate(360deg)}}@keyframes sqt-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes sqt-shake-bell{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}@keyframes sqt-flip-hourglass{0%{transform:rotate(0)}40%,60%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sqt-bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sqt-pop-in{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.anim-shake-bell{transform-origin:top;animation:2.5s ease-in-out infinite sqt-shake-bell}.anim-flip-hourglass{animation:3s ease-in-out infinite sqt-flip-hourglass}.anim-bounce{animation:2.5s ease-in-out infinite sqt-bounce-icon}.anim-pulse-zap{animation:1.5s ease-in-out infinite sqt-blink}.anim-pop{animation:.5s cubic-bezier(.175,.885,.32,1.275) both sqt-pop-in}.sqt-offline-toast{-webkit-backdrop-filter:blur(16px);color:#fff;z-index:999;background:#dc2626f2;border:1px solid #fff3;border-radius:999px;align-items:center;gap:14px;width:max-content;max-width:90%;padding:14px 24px;animation:.5s cubic-bezier(.16,1,.3,1) both sqt-slide-up-toast;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #dc26264d,inset 0 2px 4px #fff3}.sqt-offline-text{flex-direction:column;line-height:1.3;display:flex}.sqt-offline-text strong{letter-spacing:-.3px;font-size:15px;font-weight:700}.sqt-offline-text span{opacity:.9;font-size:13px}@keyframes sqt-slide-up-toast{0%{opacity:0;transform:translate(-50%,32px)}to{opacity:1;transform:translate(-50%)}}.staff-error-main{justify-content:center;align-items:center;display:flex}.staff-error-logout{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:8px;margin-top:20px;padding:10px 20px;font-weight:600;transition:all .2s}.staff-error-logout:hover{background:#fef2f2}.staff-welcome-meta{align-items:center;gap:8px;display:flex}.staff-btn-logout{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.staff-btn-logout:hover{background:#ffffff4d;transform:translateY(-2px)}.staff-welcome-subtitle{opacity:.9;margin-bottom:2px;font-size:13px}.staff-welcome-greeting{font-size:18px;line-height:1.3}.sqt-ticket-card .sqt-ticket-number{font-size:clamp(40px,60cqi,110px)}.staff-ticket-card,.staff-serving-card{flex:1!important;justify-content:space-between!important;padding:32px 16px!important}.staff-ticket-card .sqt-ticket-number-wrap,.staff-serving-card .sqt-serving-number-wrap{justify-content:center;align-items:center;display:flex;flex:1!important;margin-bottom:0!important}.staff-ticket-card .sqt-serving-updated,.staff-serving-card .sqt-serving-updated{text-align:center;width:100%;margin-top:12px!important;margin-bottom:0!important}@media (width<=768px){.staff-ticket-card,.staff-serving-card{padding:16px 12px!important}}.login-container{background-color:#e8edf5;background-image:radial-gradient(at 20% 10%,#0065b31a 0,#0000 50%),radial-gradient(at 80% 90%,#0065b314 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100svh;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) both login-rise;overflow:hidden;box-shadow:0 4px 6px #0000000a,0 20px 48px #0065b31f}@keyframes login-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand{background:linear-gradient(145deg,#0065b3 0%,#0086cc 100%);flex-direction:row;align-items:center;gap:16px;padding:26px 28px;display:flex}.login-brand-top{align-items:center;gap:12px;display:flex}.login-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:36px}.login-brand-divider{background:#ffffff4d;width:1px;height:42px}.login-brand-text{flex-direction:column;justify-content:center;display:flex}.login-brand-gov{color:#ffffffbf;letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.login-brand-title{align-items:center;gap:12px;display:flex}.login-brand-shield{color:#fff9;flex-shrink:0}.login-brand-sub{color:#ffffffb3;text-transform:uppercase;letter-spacing:.6px;margin:0 0 2px;font-size:10px;font-weight:600}.login-brand-h1{color:#fff;letter-spacing:-.2px;margin:0;font-size:19px;font-weight:800}.login-body{padding:28px 28px 20px}.login-body-label{color:#64748b;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:13px;font-weight:600}.login-form{flex-direction:column;gap:14px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-group:focus-within .input-icon{color:#0065b3}.input-group input{color:#0f1f3d;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:13px 40px 13px 42px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.input-group input::placeholder{color:#b0bbcc;font-weight:400}.input-group input:focus{background:#fff;border-color:#0065b3;box-shadow:0 0 0 3px #0065b31a}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle:hover{color:#0065b3}.login-role-container{margin-top:4px}.login-role-label{color:#64748b;margin:0 0 10px 4px;font-size:13px;font-weight:500}.login-role-selector{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex}.login-role-option{text-align:center;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.login-role-option:hover{color:#0f1f3d}.login-role-option.active{color:#fff;background:#0065b3;border:1px solid #0000;box-shadow:0 4px 12px #0065b340}.hidden-radio{display:none}.login-button{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#0065b3 0%,#0086cc 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0065b340}.login-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 24px #0065b34d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-error{color:#b91c1c;background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:600;animation:.4s login-shake;display:flex}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-footer{text-align:center;color:#b0bbcc;letter-spacing:.3px;border-top:1px solid #f1f5f9;padding:12px 28px 16px;font-size:11px;font-weight:500}