@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-page:#fbfcfd;--bg-card:#fff;--bg-sidebar:#fff;--border-light:#e5e7eb;--text-main:#27313f;--text-muted:#7b8490;--text-light:#9aa3ad;--primary-blue:#109d96;--primary-blue-hover:#0b8b85;--accent-cyan:#16b7ae;--risk-low:#10b981;--risk-mod:#f59e0b;--risk-high:#ef4444;--touch-target:56px;--touch-target-lg:72px;--nav-safe-bottom:calc(132px + env(safe-area-inset-bottom));--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 8px 18px #0f172a0d;--shadow-lg:0 18px 42px #0f172a12;--shadow-soft:0 10px 28px #0f172a0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Inter,IBM Plex Sans Thai,sans-serif;overflow-x:hidden}#root{width:100vw;height:100vh}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;font-weight:600}button{cursor:pointer;touch-action:manipulation;min-height:var(--touch-target);border:none;outline:none;font-family:Inter,sans-serif;transition:all .2s}a{touch-action:manipulation}.card{background:var(--bg-card);box-shadow:var(--shadow-soft);border:1px solid var(--border-light);border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.text-green{color:var(--risk-low)}.text-red{color:var(--risk-high)}.text-amber{color:var(--risk-mod)}.bg-green{background-color:var(--risk-low)}.bg-red{background-color:var(--risk-high)}.bg-amber{background-color:var(--risk-mod)}.risk-low{color:var(--risk-low)}.risk-mod{color:var(--risk-mod)}.risk-high{color:var(--risk-high)}.bg-risk-low-light{background-color:#10b9811a;border:1px solid #10b98133}.bg-risk-mod-light{background-color:#f59e0b1a;border:1px solid #f59e0b33}.bg-risk-high-light{background-color:#ef44441a;border:1px solid #ef444433}.glass-card{background:var(--bg-card)!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-soft)!important;color:var(--text-main)!important;border-radius:20px!important}.page-content>*{animation:.3s ease-out fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kiosk-fs-btn{color:#ffffffd9;cursor:pointer;background:#ffffff26;border:1.5px solid #ffffff47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,color .15s,transform .12s;display:flex}.kiosk-fs-btn:hover{color:#fff;background:#ffffff47}.kiosk-fs-btn:active{transform:scale(.88)}.kiosk-fs-btn.is-fullscreen{color:#fff;background:#ffffff40}@media (width<=768px){.kiosk-fs-btn{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (pointer:coarse){button,a{min-height:var(--touch-target)}.card{border-radius:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1600px) and (height<=740px){:root{--nav-safe-bottom:calc(90px + env(safe-area-inset-bottom))}}.bottom-nav{z-index:100;padding:0 20px calc(14px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{-webkit-backdrop-filter:blur(18px);pointer-events:auto;background:#fffffff0;border:1px solid #d7dde3e6;border-radius:999px;justify-content:space-between;align-items:center;max-width:780px;margin:0 auto;padding:10px;display:flex;box-shadow:0 -12px 34px #0f172a14}.bottom-nav-item{color:#8b95a1;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:92px;min-height:66px;padding:8px 12px;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav-icon,.nav-label{color:currentColor}.nav-label{white-space:nowrap;font-size:13px;font-weight:620;line-height:1}.bottom-nav-item.active:not(.primary){color:#0f8f88;background:#e7f7f5}.bottom-nav-item:hover:not(.primary){color:#4b5563;background:#f4f8fa}.bottom-nav-item.primary{flex:0 0 112px;min-width:112px;padding:4px 8px 6px}.primary-btn-wrapper{position:relative}.primary-btn-circle{color:#fff;background:#109d96;border-radius:999px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 16px 30px #109d9638}.bottom-nav-item.primary.active .primary-btn-circle{background:#087f79}.bottom-nav-item.primary .nav-label{color:#0f8f88;font-weight:700}@media (width<=480px){.bottom-nav{padding:0 8px calc(8px + env(safe-area-inset-bottom))}.bottom-nav-inner{padding:6px}.bottom-nav-item{min-width:54px;min-height:58px;padding:4px 5px}.bottom-nav-item.primary{flex-basis:72px;min-width:72px}.primary-btn-circle{width:54px;height:54px}.nav-label{font-size:11px}}@media (pointer:coarse){.bottom-nav-item:hover:not(.primary){color:#8b95a1;background:0 0}}@media (width>=1600px) and (height<=740px){.bottom-nav{padding:0 20px calc(8px + env(safe-area-inset-bottom))}.bottom-nav-inner{max-width:640px;padding:6px}.bottom-nav-item{gap:4px;min-height:52px;padding:6px 10px}.bottom-nav-item.primary{flex:0 0 92px;min-width:92px}.primary-btn-circle{width:54px;height:54px}.primary-btn-circle svg{width:20px;height:20px}.nav-label{font-size:11px}}.disclaimer-banner{color:#92400e;z-index:50;letter-spacing:-.01em;background:#fef3c7;border-bottom:1px solid #f59e0b;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.disclaimer-banner svg{opacity:.8;flex-shrink:0}@media print{.disclaimer-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-bottom:1px solid #92400e}}.main-layout{background:var(--bg-page);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-content-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:16px 42px;display:flex}.top-left,.top-bar-actions{align-items:center;display:flex}.top-left{gap:14px}.top-bar-actions{gap:12px}.logo-mark{color:#0f8f88;letter-spacing:0;background:#e7f7f5;border-radius:8px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:760;display:grid}.top-title h1{color:var(--text-main);letter-spacing:0;font-size:21px;font-weight:730}.lang-btn{color:#4b5563;background:#f8fafc;border:1px solid #d6dde3;border-radius:999px;min-height:48px;padding:0 18px;font-size:14px;font-weight:650}.lang-btn:hover{color:#0f8f88;background:#eef7f6;border-color:#109d963d}.user-avatar{color:#0f8f88;background:#fff;border:1px solid #d6dde3;border-radius:999px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:760;display:grid}.page-content{min-height:0;padding:30px 42px var(--nav-safe-bottom);scroll-padding-bottom:var(--nav-safe-bottom);background:linear-gradient(#fff 0%,#fbfcfd 100%);flex:1;overflow-y:auto}.dashboard-kiosk-layout{background:#081118}.dashboard-kiosk-layout .disclaimer-banner{display:none}.dashboard-kiosk-layout .page-content{background:#081118;padding:0}.dashboard-kiosk-layout .bottom-nav{display:none}.dashboard-kiosk-layout .page-content>*{animation:none}@media (width<=768px){.fs-toggle-btn{display:none!important}.top-bar{min-height:76px;padding:12px 16px}.top-title h1{font-size:17px}.logo-mark,.user-avatar{width:42px;height:42px}.lang-btn{min-height:var(--touch-target);padding:0 14px}.page-content{padding:18px 16px calc(118px + env(safe-area-inset-bottom))}}@media (width>=1600px) and (height<=740px){.top-bar{min-height:62px;padding:10px 32px}.logo-mark{width:38px;height:38px;font-size:13px}.top-title h1{font-size:18px}.user-avatar{width:38px;height:38px;font-size:12px}.lang-btn{min-height:38px;padding:0 14px;font-size:13px}.page-content{padding:18px 32px var(--nav-safe-bottom)}}.fs-toggle-btn{z-index:9998;color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1px solid #ffffff1f;border-radius:8px;align-items:center;padding:7px 9px;transition:background .15s,color .15s;display:flex;position:fixed;top:12px;right:12px}.fs-toggle-btn:hover{color:#f1f5f9;background:#1e293be6}.landing-page{background:linear-gradient(160deg,#f0f7ff 0%,#e8f4fd 30%,#dbeafe 60%,#f0f7ff 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.landing-canvas-container{z-index:1;position:absolute;inset:0}.landing-overlay{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-content{text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:24px;display:flex}.landing-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-blue);letter-spacing:.5px;background:#fffc;border-radius:32px;padding:8px 20px;font-size:13px;font-weight:500;display:inline-block;box-shadow:0 2px 12px #0ea5e91a}.landing-title{letter-spacing:-.04em;color:#1e293b;text-shadow:0 2px 4px #0000000d;font-size:64px;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#06b6d4,#0284c7);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#64748b;max-width:420px;font-size:16px;line-height:1.8}.en-sub{color:#94a3b8;font-size:14px}.start-button{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;align-items:center;gap:12px;margin-top:8px;padding:18px 40px;font-size:18px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 32px #0ea5e959}.start-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0ea5e980}.start-button:active{transform:translateY(1px)}.start-arrow{font-size:22px;transition:transform .3s}.start-button:hover .start-arrow{transform:translate(4px)}.css-orb{background:radial-gradient(circle at 35% 35%,#38bdf8 0%,#0ea5e9 35%,#0369a1 70%,#1e3a5f 100%);border-radius:50%;width:320px;height:320px;animation:4s ease-in-out infinite orb-float,6s ease-in-out infinite orb-pulse;position:relative;box-shadow:0 0 80px #0ea5e980,0 0 160px #0ea5e933}.css-orb:after{content:"";border:1.5px solid #ffffff26;border-radius:50%;animation:8s linear infinite orb-ring;position:absolute;inset:8px}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes orb-pulse{0%,to{box-shadow:0 0 80px #0ea5e980,0 0 160px #0ea5e933}50%{box-shadow:0 0 120px #0ea5e9b3,0 0 200px #0ea5e94d}}@keyframes orb-ring{0%{opacity:.4;transform:rotate(0)scale(1.2)}to{opacity:.4;transform:rotate(360deg)scale(1.2)}}.evidence-strip{z-index:3;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0000 0%,#ffffffb3 40%,#ffffffeb 100%);border-top:1px solid #0ea5e914;padding:14px 24px 18px;position:absolute;bottom:0;left:0;right:0}.evidence-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:700}.stats-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.stats-scroll::-webkit-scrollbar{display:none}.stat-chip{background:#ffffffd9;border:1px solid #0ea5e91f;border-radius:14px;flex-direction:column;flex-shrink:0;gap:2px;min-width:160px;padding:10px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-chip:hover{border-color:#0ea5e940;transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e91a}.stat-chip-value{letter-spacing:-.03em;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1}.stat-chip-label{color:#1e293b;font-size:12px;font-weight:600;line-height:1.3}.stat-chip-sub{color:#64748b;font-size:11px;line-height:1.3}.stat-chip-ref{color:#94a3b8;margin-top:2px;font-size:10px;font-style:italic}@media (width<=640px){.landing-title{font-size:42px}.stat-chip{min-width:140px;padding:8px 12px}.stat-chip-value{font-size:18px}}.device-dashboard{color:#102033;background:#f7fbff;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.device-topbar{background:#fff;border-bottom:1px solid #d9e6f2;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr) auto;align-items:center;gap:28px;min-height:128px;padding:24px 42px 18px;display:grid;box-shadow:0 4px 24px #0b5cad0f}.device-brand,.device-status,.device-utility,.device-clock,.device-language{align-items:center;display:flex}.device-brand{gap:18px;min-width:0}.device-brand-mark{color:#fff;background:linear-gradient(145deg,#0b5cad,#0f7fd4);border-radius:20px;flex:none;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 14px 28px #0b5cad38}.device-brand strong,.device-brand span,.device-status strong,.device-status span,.device-clock strong,.device-clock span{display:block}.device-brand strong{color:#0a3a78;letter-spacing:0;font-size:clamp(30px,3vw,48px);font-weight:820;line-height:1}.device-brand span{color:#355b83;margin-top:8px;font-size:20px;font-weight:560;line-height:1.2}.device-status{border:1px solid #0000;border-radius:20px;justify-content:center;gap:18px;min-height:92px;padding:16px 24px}.device-status.ready{color:#047a3b;background:#e8f8ee;border-color:#047a3b33}.device-status.detected{color:#075f42;background:#dcfce7;border-color:#075f423d;box-shadow:inset 0 0 0 1px #ffffffd1}.device-status.checking{color:#a16207;background:#fff7df;border-color:#a1620733}.device-status.offline{color:#b42318;background:#fff0ef;border-color:#b423182e}.device-status svg{flex:none}.device-status strong{font-size:28px;font-weight:790;line-height:1.12}.device-status span{color:currentColor;opacity:.78;margin-top:5px;font-size:17px;font-weight:560}.device-utility{justify-content:flex-end;gap:18px}.device-clock{color:#6b7d91;gap:10px}.device-clock svg{color:#7d8ca0}.device-clock strong{color:#53677d;font-size:24px;font-weight:700;line-height:1}.device-clock span{color:#8a9aac;white-space:nowrap;margin-top:6px;font-size:16px;font-weight:520}.device-language{background:#fff;border:2px solid #b8cce0;border-radius:16px;min-height:56px;padding:4px}.device-language button{color:#34516f;background:0 0;border-radius:12px;min-width:72px;min-height:48px;font-size:18px;font-weight:780}.device-language button.active{color:#fff;background:#0b66c3;box-shadow:0 8px 18px #0b66c333}.device-main{flex:1;grid-template-columns:minmax(700px,1fr) 390px;gap:28px;min-height:0;padding:30px 42px 22px;display:grid}.placement-stage{flex-direction:column;align-items:center;gap:18px;min-width:0;display:flex}.placement-deck{background:linear-gradient(#fffffff5,#fafdfff5),radial-gradient(circle at 50% 46%,#22a6f21f,#0000 58%);border:2px solid #bfd5ea;border-radius:24px;flex:1;place-items:center;width:100%;min-height:320px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 58px #0b5cad1a,inset 0 0 0 1px #fffc}.placement-deck:before{content:"";opacity:.38;background-image:linear-gradient(#e8f1f9 1px,#0000 1px),linear-gradient(90deg,#e8f1f9 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.placement-deck:after{content:"";background:repeating-linear-gradient(#3b5e8438 0 14px,#0000 14px 24px);width:2px;position:absolute;top:34px;bottom:34px;left:50%}.deck-corner{z-index:2;border:0 solid #0f7fd4;width:74px;height:74px;animation:4s ease-in-out infinite cornerPulse;position:absolute}.deck-corner.tl{border-top-width:6px;border-left-width:6px;border-radius:14px 0 0;top:34px;left:34px}.deck-corner.tr{border-top-width:6px;border-right-width:6px;border-radius:0 14px 0 0;top:34px;right:34px}.deck-corner.bl{border-bottom-width:6px;border-left-width:6px;border-radius:0 0 0 14px;bottom:34px;left:34px}.deck-corner.br{border-bottom-width:6px;border-right-width:6px;border-radius:0 0 14px;bottom:34px;right:34px}.deck-scan-line{z-index:3;background:linear-gradient(90deg,#0000,#13a9ebd9,#0000),linear-gradient(90deg,#0000,#ffffffe6,#0000);border-radius:999px;height:5px;animation:3.4s ease-in-out infinite scanSweep;position:absolute;top:50%;left:7%;right:7%;box-shadow:0 0 28px #13a9eb4d}.deck-center-guide{z-index:4;color:#0b66c3;background:#ffffffd1;border:1px solid #0b66c338;border-radius:999px;place-items:center;width:78px;height:78px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #0b5cad1f}.placement-svg{z-index:1;width:min(960px,96%);height:min(430px,94%);position:relative}.placement-photo{object-fit:cover;object-position:center 40%;z-index:1;width:100%;height:100%;position:absolute;inset:0}.foot-zone{fill:#fff9;stroke:#91c8f4;stroke-width:2px;stroke-dasharray:14 10;animation:4.2s ease-in-out infinite zoneBreath}.foot-zone-right{animation-delay:.6s}.foot-outline-group{color:#0f7fd4;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite footPulse;transform:scale(1.12)}.right-foot{animation-delay:.4s}.foot-outline-group .foot-sole,.foot-outline-group .foot-inner,.foot-outline-group circle{fill:#ffffffb8;stroke:currentColor;stroke-width:5px}.foot-outline-group .foot-inner{fill:#22a6f214;stroke-width:3px}.placement-foot-label{fill:#0a3a78;font-size:24px;font-weight:780}.placement-instruction{text-align:center;flex:none}.placement-instruction h1{color:#0a3a78;letter-spacing:0;margin:0;font-size:clamp(34px,3vw,46px);font-weight:820;line-height:1.12}.placement-instruction p{color:#496987;margin:10px 0 0;font-size:21px;font-weight:560}.primary-screening-button{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-radius:24px;flex:none;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:22px;width:min(760px,90%);min-height:112px;padding:0 42px;font-size:16px;animation:3s ease-in-out infinite ctaAttention;display:grid;box-shadow:0 24px 48px #2563eb52,0 0 0 6px #ffffffeb}.primary-screening-button svg{color:#1d4ed8;background:#fff;border-radius:999px;width:64px;height:64px;padding:13px}.primary-screening-button span{color:#fff;text-align:left;letter-spacing:0;font-size:clamp(38px,4vw,58px);font-weight:860;line-height:1}.primary-screening-button:hover:not(:disabled){background:linear-gradient(#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 30px 58px #2563eb61,0 0 0 6px #fffffff2}.primary-screening-button:active:not(:disabled){transform:scale(.985)}.device-side-panel{min-width:0;display:block}.prep-panel{background:#fff;border:1px solid #d9e6f2;border-radius:22px;height:100%;padding:26px;box-shadow:0 18px 42px #0b5cad0f}.prep-panel h2{color:#0a3a78;margin:0 0 22px;font-size:28px;font-weight:800;line-height:1.1}.prep-list{gap:16px;display:grid}.prep-item{background:#f8fbff;border:1px solid #dce9f4;border-radius:18px;grid-template-columns:58px 54px minmax(0,1fr);align-items:center;gap:14px;min-height:118px;padding:16px;display:grid}.prep-number{color:#fff;background:#0b66c3;border-radius:999px;place-items:center;width:58px;height:58px;font-size:26px;font-weight:840;display:grid}.prep-icon{color:#456a8f}.prep-item strong{color:#16395c;font-size:20px;font-weight:740;line-height:1.28}.device-footer{background:#fff;border-top:1px solid #d9e6f2;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 30px;min-height:72px;padding:10px 42px;display:flex}.device-footer-note{color:#5f7184;align-items:center;gap:9px;font-size:17px;font-weight:600;line-height:1.25;display:flex}.device-footer-note svg{color:#6f8399;flex:none}.device-footer-note strong{color:#0a3a78;font-weight:760}.footer-privacy svg{color:#047a3b}.footer-summary strong{color:#174a7d}@keyframes ctaAttention{0%,to{box-shadow:0 24px 48px #0b5cad47,0 0 0 6px #ffffffeb,0 0 #2563eb3d}50%{box-shadow:0 28px 56px #2563eb57,0 0 0 6px #fffffff2,0 0 0 14px #2563eb00}}@keyframes scanSweep{0%,to{opacity:.28;transform:translateY(-130px)}50%{opacity:.82;transform:translateY(130px)}}@keyframes footPulse{0%,to{color:#0f7fd4;opacity:.86;filter:drop-shadow(0 0 #13a9eb00)}50%{color:#13a9eb;opacity:1;filter:drop-shadow(0 0 18px #13a9eb61)}}@keyframes zoneBreath{0%,to{opacity:.62}50%{opacity:.94}}@keyframes cornerPulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes db-slide-down{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes db-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes db-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes db-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes db-brand-bounce{0%{opacity:0;transform:scale(.7)rotate(-8deg)}65%{transform:scale(1.1)rotate(3deg)}85%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.device-topbar{animation:.38s cubic-bezier(.25,1,.5,1) both db-slide-down}.device-brand-mark{animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both db-brand-bounce}.device-status{animation:.4s cubic-bezier(.25,1,.5,1) 80ms both db-slide-down}.device-utility{animation:.4s cubic-bezier(.25,1,.5,1) .12s both db-slide-down}.placement-stage{animation:.45s cubic-bezier(.25,1,.5,1) .18s both db-fade-up}.placement-instruction{animation:.4s .28s both db-fade-up}.primary-screening-button{animation:.5s cubic-bezier(.34,1.56,.64,1) .35s both db-scale-in}.device-side-panel{animation:.4s cubic-bezier(.25,1,.5,1) .22s both db-slide-left}.prep-item:first-child{animation:.35s .3s both db-fade-up}.prep-item:nth-child(2){animation:.35s .4s both db-fade-up}.prep-item:nth-child(3){animation:.35s .5s both db-fade-up}.device-footer{animation:.3s .25s both db-fade-up}.device-language button{transition:background .15s,color .15s,transform .12s}.device-language button:active{transform:scale(.93)}.prep-item{transition:transform .18s,box-shadow .18s}.prep-item:hover{transform:translateY(-2px)}@media (width>=1180px) and (height<=820px){.device-topbar{min-height:104px;padding:18px 34px 14px}.device-brand-mark{border-radius:18px;width:64px;height:64px}.device-brand strong{font-size:34px}.device-brand span{font-size:17px}.device-status{min-height:74px;padding:12px 18px}.device-status strong{font-size:23px}.device-status span{font-size:16px}.device-main{grid-template-columns:minmax(660px,1fr) 360px;gap:22px;padding:18px 34px 14px}.placement-deck{flex:0 0 clamp(292px,42vh,342px);min-height:0}.placement-instruction h1{font-size:32px}.placement-instruction p{margin-top:7px;font-size:18px}.primary-screening-button{width:min(680px,90%);min-height:86px}.primary-screening-button span{font-size:40px}.placement-stage{gap:12px}.prep-panel{padding:20px}.prep-panel h2{margin-bottom:16px;font-size:24px}.prep-list{gap:12px}.prep-item{grid-template-columns:48px 44px minmax(0,1fr);min-height:92px;padding:12px}.prep-number{width:48px;height:48px;font-size:22px}.prep-item strong{font-size:17px}.device-footer{gap:10px 24px;min-height:58px;padding:8px 34px}.device-clock span{font-size:16px}.device-footer-note{font-size:17px}}@media (width<=1100px){.device-dashboard{height:auto;min-height:100vh;overflow:visible}.device-topbar,.device-main{grid-template-columns:1fr}.device-topbar{gap:18px}.device-status{justify-content:flex-start}.device-utility{justify-content:space-between}.device-main{padding:22px}.device-side-panel{display:block}.placement-stage{min-height:680px}}@media (width<=640px){.device-topbar{padding:18px 16px}.device-brand-mark{border-radius:16px;width:56px;height:56px}.device-brand strong{font-size:26px}.device-brand span{font-size:16px}.device-status{min-height:76px}.device-status strong{font-size:21px}.device-clock{display:none}.device-language{width:100%}.device-language button{flex:1}.device-main{padding:16px}.placement-stage{min-height:620px}.placement-deck{border-radius:20px;min-height:280px}.deck-corner{width:48px;height:48px}.placement-instruction h1{font-size:28px}.placement-instruction p{font-size:17px}.primary-screening-button{grid-template-columns:58px minmax(0,1fr);width:100%;min-height:92px;padding:0 22px}.primary-screening-button span{font-size:30px}.prep-item{grid-template-columns:48px minmax(0,1fr)}.prep-icon{display:none}.device-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}}@media (pointer:coarse){.primary-screening-button:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion:reduce){.primary-screening-button,.deck-scan-line,.foot-zone,.foot-outline-group,.deck-corner{animation:none}}@media (width>=1600px) and (height<=740px){.device-topbar{gap:20px;min-height:74px;padding:10px 32px 8px}.device-brand-mark{border-radius:14px;width:52px;height:52px}.device-brand-mark svg{width:28px;height:28px}.device-brand strong{font-size:26px}.device-brand span{margin-top:4px;font-size:14px}.device-status{border-radius:14px;gap:12px;min-height:56px;padding:8px 16px}.device-status svg{width:26px;height:26px}.device-status strong{font-size:20px}.device-status span{margin-top:3px;font-size:13px}.device-utility{gap:12px}.device-clock svg{width:16px;height:16px}.device-clock strong{font-size:17px}.device-clock span{margin-top:3px;font-size:12px}.device-language{border-radius:11px;min-height:40px;padding:3px}.device-language button{border-radius:9px;min-width:56px;min-height:34px;font-size:14px}.device-main{grid-template-columns:minmax(680px,1fr) 320px;gap:16px;padding:12px 32px 10px}.placement-stage{gap:10px}.placement-deck{min-height:0}.placement-instruction h1{font-size:22px}.placement-instruction p{margin-top:5px;font-size:15px}.primary-screening-button{border-radius:18px;grid-template-columns:52px minmax(0,1fr);gap:14px;width:min(640px,90%);min-height:72px;padding:0 28px}.primary-screening-button svg{width:44px;height:44px;padding:9px}.primary-screening-button span{font-size:28px}.prep-panel{padding:14px 16px}.prep-panel h2{margin-bottom:10px;font-size:18px}.prep-list{gap:8px}.prep-item{border-radius:12px;grid-template-columns:40px 36px minmax(0,1fr);gap:10px;min-height:72px;padding:8px 12px}.prep-number{width:40px;height:40px;font-size:18px}.prep-icon svg{width:22px;height:22px}.prep-item strong{font-size:15px}.device-footer{gap:8px 20px;min-height:42px;padding:5px 32px}.device-footer-note{gap:6px;font-size:12px}.device-footer-note svg{width:15px;height:15px}}.page-content:has(.scan-kiosk){background:#f7fbff;padding:0;overflow:hidden}.scan-kiosk{color:#102033;background:#f7fbff;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.scan-kiosk-topbar{background:#fff;border-bottom:1px solid #d9e6f2;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr) auto;align-items:center;gap:28px;min-height:128px;padding:24px 42px 18px;display:grid;box-shadow:0 4px 24px #0b5cad0f}.scan-kiosk-brand,.scan-kiosk-status,.scan-kiosk-summary,.scan-kiosk-summary>div{align-items:center;display:flex}.scan-kiosk-brand{gap:18px;min-width:0}.scan-kiosk-brand-mark{color:#fff;background:linear-gradient(145deg,#0b5cad,#0f7fd4);border-radius:20px;flex:none;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 14px 28px #0b5cad38}.scan-kiosk-brand strong,.scan-kiosk-brand span,.scan-kiosk-status strong,.scan-kiosk-status span{display:block}.scan-kiosk-brand strong{color:#0a3a78;letter-spacing:0;font-size:clamp(30px,3vw,48px);font-weight:820;line-height:1}.scan-kiosk-brand span{color:#355b83;margin-top:8px;font-size:20px;font-weight:560;line-height:1.2}.scan-kiosk-status{border:1px solid #0000;border-radius:20px;justify-content:center;gap:18px;min-height:92px;padding:16px 24px}.scan-kiosk-status.ready{color:#047a3b;background:#e8f8ee;border-color:#047a3b33}.scan-kiosk-status.waiting{color:#0b66c3;background:#eaf4ff;border-color:#0b66c333}.scan-kiosk-status.assist{color:#a16207;background:#fff7df;border-color:#a1620738}.scan-kiosk-status strong{font-size:28px;font-weight:790;line-height:1.12}.scan-kiosk-status span{color:currentColor;opacity:.78;margin-top:5px;font-size:17px;font-weight:560}.scan-kiosk-summary{justify-content:flex-end;gap:16px}.scan-kiosk-summary>div{color:#174a7d;background:#fff;border:1px solid #d9e6f2;border-radius:16px;gap:10px;min-height:58px;padding:10px 14px}.scan-kiosk-summary svg{color:#0b66c3}.scan-kiosk-summary span{color:#5f7184;font-size:16px;font-weight:620}.scan-kiosk-summary strong{color:#0a3a78;white-space:nowrap;font-size:18px;font-weight:800}.scan-kiosk-main{flex:1;grid-template-columns:minmax(700px,1fr) 390px;gap:28px;min-height:0;padding:30px 42px 22px;display:grid}.scan-camera-stage{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.scan-camera-card{background:linear-gradient(#fffffff5,#fafdfff5),radial-gradient(circle at 50% 46%,#22a6f21f,#0000 58%);border:2px solid #bfd5ea;border-radius:24px;flex:1 1 0;min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 58px #0b5cad1a,inset 0 0 0 1px #fffc}.scan-camera-card.ready{border-color:#047a3b57;box-shadow:0 24px 58px #0b5cad1a,0 0 0 5px #047a3b14}.scan-camera-card.scanning{box-shadow:0 24px 58px #0b5cad1f,0 0 0 7px #2563eb1a}.scan-camera-toolbar{z-index:8;pointer-events:none;justify-content:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.scan-progress-pill{color:#0b66c3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #0b66c338;border-radius:999px;align-items:center;gap:12px;min-height:58px;padding:0 22px;display:inline-flex;box-shadow:0 12px 30px #0b5cad1f}.scan-progress-pill.ready{color:#047a3b;border-color:#047a3b3d}.scan-progress-pill strong{font-size:28px;font-weight:840;line-height:1}.scan-progress-pill span{font-size:18px;font-weight:740}.camera-feed-shell{background:#eef6ff;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scan-camera-feed{object-fit:contain;background:#eef6ff;width:100%;height:100%;position:absolute;inset:0}.scan-feed-dim{background:linear-gradient(#ffffff42,#ffffff14),radial-gradient(circle,#0000 28%,#f7fbff5c 100%);position:absolute;inset:0}.scan-guide-line{z-index:4;background:linear-gradient(90deg,#0000,#13a9ebd9,#0000),linear-gradient(90deg,#0000,#ffffffe6,#0000);border-radius:999px;height:5px;animation:3.2s ease-in-out infinite scanSweepMedical;position:absolute;top:50%;left:7%;right:7%;box-shadow:0 0 28px #13a9eb4d}.scan-camera-card.scanning .scan-guide-line{animation-duration:1.1s}.scan-foot-guides{z-index:5;width:min(960px,96%);height:min(520px,96%);position:absolute}.scan-foot-zone{fill:#ffffff52;stroke:#22a6f2e6;stroke-width:5px;stroke-dasharray:14 8;filter:drop-shadow(0 0 8px #22a6f259)}.scan-foot-zone.detected{fill:#dcfce757;stroke:#047a3bd1}.scan-foot-shape{color:#0f7fd4c7;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite scanFootPulse}.scan-foot-shape.detected{color:#047a3b}.scan-foot-shape path,.scan-foot-shape circle{fill:#ffffff38;stroke:currentColor;stroke-width:8px;filter:drop-shadow(0 0 6px #0f7fd480)}.scan-foot-shape path+path{fill:#22a6f21a;stroke-width:4px}.scan-foot-shape.detected path,.scan-foot-shape.detected circle{fill:#dcfce747}.scan-camera-placeholder{z-index:3;color:#a16207;text-align:center;background:#fff7df;align-content:center;place-items:center;gap:16px;padding:30px;display:grid;position:absolute;inset:0}:is(.camera-feed-shell:has(.scan-camera-placeholder) .scan-feed-dim,.camera-feed-shell:has(.scan-camera-placeholder) .scan-guide-line,.camera-feed-shell:has(.scan-camera-placeholder) .scan-foot-guides){display:none}.scan-camera-placeholder strong{color:#8a4b05;max-width:560px;font-size:24px;font-weight:780;line-height:1.25}.capture-display{z-index:10;background:#060d15;flex-direction:column;display:flex;position:absolute;inset:0}.capture-overlay-img{object-fit:contain;background:#060d15;flex:1;width:100%;min-height:0;display:block}.capture-no-image{color:#4b6278;background:#0d1a26;flex:1;place-items:center;min-height:0;display:grid}.capture-crops-row{background:#1a2b3c;border-top:2px solid #1a2b3c;flex-shrink:0;grid-template-columns:1fr 1fr;gap:2px;height:210px;display:grid}.capture-crop-card{background:#0d1a26;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.capture-crop-img{object-fit:contain;background:#0d1a26;width:100%;height:100%;display:block}.capture-crop-empty{color:#2d4259;place-items:center;width:100%;height:100%;display:grid}.crop-badge{z-index:5;color:#fff;letter-spacing:.04em;background:#0b66c3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:720;position:absolute;top:10px;left:10px}.crop-badge.left{background:#047a3b}.scan-post-result{flex-direction:column;gap:16px;width:100%;display:flex}.scan-risk-badge{border:2px solid #0000;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 28px;display:grid}.scan-risk-badge.risk-low{color:#047a3b;background:linear-gradient(135deg,#e8f8ee,#d1fae5);border-color:#047a3b47}.scan-risk-badge.risk-mod{color:#a16207;background:linear-gradient(135deg,#fff7df,#fef3c7);border-color:#a1620747}.scan-risk-badge.risk-high{color:#b42318;background:linear-gradient(135deg,#fff0ef,#fee2e2);border-color:#b4231847}.risk-badge-icon{background:#fff9;border-radius:20px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid}.risk-badge-body{min-width:0}.risk-badge-label{opacity:.72;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:650;display:block}.risk-badge-text{margin-top:4px;font-size:38px;font-weight:860;line-height:1.05;display:block}.risk-badge-follow{opacity:.82;margin:8px 0 0;font-size:16px;font-weight:640;line-height:1.35}.scan-delta-chip{white-space:nowrap;text-align:center;background:#ffffff8c;border:1px solid #00000014;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 18px;display:flex}.scan-delta-chip span{font-size:22px;font-weight:800;line-height:1}.scan-delta-chip small{opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:620}.scan-post-actions{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.scan-rescan-btn,.scan-report-btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:72px;padding:0 22px;font-family:inherit;font-size:18px;font-weight:760;transition:opacity .15s,transform .12s;display:inline-flex}.scan-rescan-btn{color:#34516f;background:#e8f2fb;border:1px solid #bdd3e9}.scan-rescan-btn:hover{background:#d9ebf8}.scan-report-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #2563eb47}.scan-report-btn:hover{opacity:.92;transform:translateY(-1px)}.scan-action-panel{flex:none;grid-template-columns:minmax(0,1fr) minmax(360px,56%);align-items:center;gap:24px;display:grid}.scan-action-panel:has(.scan-post-result){grid-template-columns:1fr}.scan-title-block h1{color:#0a3a78;letter-spacing:0;margin:0;font-size:32px;font-weight:820;line-height:1.12}.scan-title-block p{color:#496987;margin:8px 0 0;font-size:19px;font-weight:560}.scan-primary-button{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-radius:24px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:22px;min-height:104px;padding:0 38px;font-size:18px;animation:3s ease-in-out infinite scanCtaAttention;display:grid;box-shadow:0 24px 48px #2563eb52,0 0 0 6px #ffffffeb}.scan-primary-button svg{color:#1d4ed8;background:#fff;border-radius:999px;width:64px;height:64px;padding:13px}.scan-primary-button span{color:#fff;text-align:left;letter-spacing:0;font-size:clamp(34px,3.4vw,52px);font-weight:860;line-height:1}.scan-primary-button:hover:not(:disabled){background:linear-gradient(#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px)}.scan-primary-button:active:not(:disabled){transform:scale(.985)}.scan-primary-button:disabled{cursor:not-allowed;background:#8fa2b7;animation:none;box-shadow:0 12px 28px #8fa2b738}.scan-patient-alert{color:#8a4b05;background:#fff7df;border:1px solid #a1620738;border-radius:16px;align-items:center;gap:12px;min-height:58px;padding:0 18px;font-size:18px;font-weight:680;display:flex}.scan-side-panel{grid-template-rows:minmax(0,1fr) auto auto;gap:18px;min-width:0;display:grid}.scan-prep-panel,.scan-progress-panel,.scan-staff-panel{background:#fff;border:1px solid #d9e6f2;border-radius:22px;box-shadow:0 18px 42px #0b5cad0f}.scan-prep-panel{padding:26px}.scan-progress-panel,.scan-staff-panel{padding:22px}.scan-prep-panel h2,.scan-progress-panel h2,.scan-staff-panel h2{color:#0a3a78;margin:0 0 18px;font-size:28px;font-weight:800;line-height:1.1}.scan-prep-list,.scan-progress-list,.scan-staff-panel{gap:14px;display:grid}.scan-prep-item{background:#f8fbff;border:1px solid #dce9f4;border-radius:18px;grid-template-columns:58px 54px minmax(0,1fr);align-items:center;gap:14px;min-height:112px;padding:16px;display:grid}.scan-prep-number{color:#fff;background:#0b66c3;border-radius:999px;place-items:center;width:58px;height:58px;font-size:26px;font-weight:840;display:grid}.scan-prep-icon{color:#456a8f}.scan-prep-item strong{color:#16395c;font-size:20px;font-weight:740;line-height:1.28}.scan-progress-step{color:#496987;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;display:grid}.step-icon-wrap{flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.scan-progress-step.complete .step-icon-wrap{color:#047a3b}.scan-progress-step:not(.complete) .step-icon-wrap{color:#9db8d0}.step-empty-dot{background:0 0;border:3px solid #c8daea;border-radius:999px;width:18px;height:18px;display:block}.scan-progress-step strong{color:#34516f;font-size:17px;font-weight:720;line-height:1.25}.scan-progress-step.complete strong{color:#047a3b;font-weight:760}.scan-staff-panel span{color:#496987;font-size:16px;font-weight:650}.scan-kiosk-footer{background:#fff;border-top:1px solid #d9e6f2;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 30px;min-height:72px;padding:10px 42px;display:flex}.scan-kiosk-footer>div{color:#5f7184;align-items:center;gap:9px;font-size:17px;font-weight:600;line-height:1.25;display:flex}.scan-kiosk-footer svg{color:#6f8399;flex:none}.scan-kiosk-footer strong{color:#0a3a78;font-weight:760}.scan-modal-backdrop{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e146b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scan-modal-content{background:#fff;border:1px solid #d9e6f2;border-radius:22px;flex-direction:column;width:min(760px,100%);max-height:min(780px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 32px 80px #0b5cad38}.scan-modal-header{border-bottom:1px solid #d9e6f2;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:18px 24px;display:flex}.scan-modal-header>div{color:#047a3b;align-items:center;gap:12px;display:flex}.scan-modal-header h2{color:#0a3a78;margin:0;font-size:26px;font-weight:800}.scan-modal-close{color:#456a8f;background:#edf4fb;border-radius:999px;place-items:center;width:48px;min-height:48px;display:grid}.scan-modal-body{padding:24px;overflow-y:auto}.scan-result-card,.scan-result-grid>div{background:#f8fbff;border:1px solid #d9e6f2;border-radius:18px}.scan-result-card{align-content:center;gap:8px;min-height:172px;padding:24px;display:grid}.scan-result-card span,.scan-result-grid span{color:#496987;font-size:17px;font-weight:650}.scan-result-card strong{font-size:44px;font-weight:860;line-height:1}.scan-result-card p{margin:0;font-size:20px;font-weight:700}.scan-result-card.risk-low{color:#047a3b;background:#e8f8ee;border-color:#047a3b33}.scan-result-card.risk-mod{color:#a16207;background:#fff7df;border-color:#a1620738}.scan-result-card.risk-high{color:#b42318;background:#fff0ef;border-color:#b423182e}.scan-result-grid{grid-template-columns:1fr 1.3fr;gap:14px;margin-top:16px;display:grid}.scan-result-grid>div{align-content:center;gap:8px;min-height:110px;padding:18px;display:grid}.scan-result-grid strong{color:#0a3a78;font-size:24px;font-weight:820;line-height:1.15}.scan-modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.scan-modal-report,.scan-modal-secondary{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 24px;font-size:17px;font-weight:780;display:inline-flex}.scan-modal-report{color:#fff;background:#2563eb}.scan-modal-secondary{color:#34516f;background:#edf4fb}@keyframes sc-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes sc-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes sc-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes sc-brand-spin{0%{opacity:0;transform:scale(.7)rotate(-15deg)}70%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.scan-kiosk-topbar{animation:.38s cubic-bezier(.25,1,.5,1) both sc-slide-down}.scan-kiosk-brand-mark{animation:.55s cubic-bezier(.34,1.56,.64,1) .1s both sc-brand-spin}.scan-kiosk-status{animation:.4s cubic-bezier(.25,1,.5,1) 80ms both sc-slide-down}.scan-kiosk-summary{animation:.4s cubic-bezier(.25,1,.5,1) .12s both sc-slide-down}.scan-prep-panel{animation:.42s cubic-bezier(.25,1,.5,1) .18s both sc-slide-right}.scan-prep-item:first-child{animation:.3s .28s both sc-fade-up}.scan-prep-item:nth-child(2){animation:.3s .36s both sc-fade-up}.scan-prep-item:nth-child(3){animation:.3s .44s both sc-fade-up}.scan-result-card{animation:.4s cubic-bezier(.34,1.4,.64,1) .15s both sc-scale-in}.scan-result-grid>div:first-child{animation:.3s .2s both sc-fade-up}.scan-result-grid>div:nth-child(2){animation:.3s .28s both sc-fade-up}.scan-result-grid>div:nth-child(3){animation:.3s .36s both sc-fade-up}.scan-result-grid>div:nth-child(4){animation:.3s .44s both sc-fade-up}.scan-kiosk-footer{animation:.3s .22s both sc-fade-up}.scan-modal-primary,.scan-modal-report,.scan-modal-secondary{transition:filter .15s,transform .12s}.scan-modal-primary:active,.scan-modal-report:active,.scan-modal-secondary:active{transform:scale(.97)}@keyframes scanCtaAttention{0%,to{box-shadow:0 24px 48px #2563eb47,0 0 0 6px #ffffffeb,0 0 #2563eb3d}50%{box-shadow:0 28px 56px #2563eb57,0 0 0 6px #fffffff2,0 0 0 14px #2563eb00}}@keyframes scanSweepMedical{0%,to{opacity:.28;transform:translateY(-130px)}50%{opacity:.82;transform:translateY(130px)}}@keyframes scanFootPulse{0%,to{opacity:.74;filter:drop-shadow(0 0 #13a9eb00)}50%{opacity:1;filter:drop-shadow(0 0 18px #13a9eb59)}}@media (width>=1180px) and (height<=820px){.scan-kiosk-topbar{min-height:104px;padding:18px 34px 14px}.scan-kiosk-brand-mark{border-radius:18px;width:64px;height:64px}.scan-kiosk-brand strong{font-size:34px}.scan-kiosk-brand span{font-size:17px}.scan-kiosk-status{min-height:74px;padding:12px 18px}.scan-kiosk-status strong{font-size:23px}.scan-kiosk-status span{font-size:16px}.scan-kiosk-summary>div{min-height:52px;padding:8px 12px}.scan-kiosk-summary span{font-size:16px}.scan-kiosk-main{grid-template-columns:minmax(660px,1fr) 360px;gap:22px;padding:18px 34px 14px}.scan-camera-stage{gap:12px}.scan-camera-card{min-height:0}.scan-action-panel{grid-template-columns:minmax(0,.8fr) minmax(360px,.9fr)}.scan-title-block h1{font-size:28px}.scan-title-block p{font-size:17px}.scan-primary-button{min-height:86px}.scan-primary-button span{font-size:36px}.scan-prep-panel{padding:20px}.scan-progress-panel,.scan-staff-panel{padding:18px}.scan-progress-panel{display:none}.scan-prep-panel h2,.scan-progress-panel h2,.scan-staff-panel h2{margin-bottom:14px;font-size:24px}.scan-prep-list,.scan-progress-list{gap:12px}.scan-prep-item{grid-template-columns:48px 44px minmax(0,1fr);min-height:88px;padding:12px}.scan-prep-number{width:48px;height:48px;font-size:22px}.scan-prep-item strong,.scan-progress-step strong{font-size:17px}.scan-progress-step{min-height:42px}.scan-progress-step span{width:38px;height:38px}.scan-kiosk-footer{gap:10px 24px;min-height:58px;padding:8px 34px}.scan-kiosk-footer>div{font-size:17px}}@media (width<=1100px){.scan-kiosk{height:auto;min-height:100vh;overflow:visible}.scan-kiosk-topbar,.scan-kiosk-main{grid-template-columns:1fr}.scan-kiosk-topbar{gap:18px}.scan-kiosk-status{justify-content:flex-start}.scan-kiosk-summary{justify-content:stretch}.scan-kiosk-summary>div{flex:1}.scan-kiosk-main{padding:22px}.scan-camera-card{min-height:560px}.scan-action-panel{grid-template-columns:1fr}.scan-side-panel{grid-template-rows:auto}}@media (width<=640px){.scan-kiosk-topbar{padding:18px 16px}.scan-kiosk-brand-mark{border-radius:16px;width:56px;height:56px}.scan-kiosk-brand strong{font-size:26px}.scan-kiosk-brand span,.scan-kiosk-summary span,.scan-kiosk-footer>div{font-size:16px}.scan-kiosk-status{min-height:76px}.scan-kiosk-status strong{font-size:21px}.scan-kiosk-summary{display:none}.scan-kiosk-main{padding:16px}.scan-camera-card{border-radius:20px;min-height:520px}.scan-progress-pill{min-height:52px;padding:0 16px}.scan-progress-pill strong{font-size:24px}.scan-progress-pill span{font-size:16px}.scan-title-block h1{font-size:28px}.scan-title-block p{font-size:17px}.scan-primary-button{grid-template-columns:58px minmax(0,1fr);width:100%;min-height:92px;padding:0 22px}.scan-primary-button span{font-size:30px}.scan-prep-item{grid-template-columns:48px minmax(0,1fr)}.scan-prep-icon{display:none}.scan-result-grid{grid-template-columns:1fr}.scan-modal-actions{flex-direction:column}.scan-kiosk-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}}@media (pointer:coarse){.scan-primary-button:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion:reduce){.scan-primary-button,.scan-guide-line,.scan-foot-shape{animation:none}}@media (width>=1600px) and (height<=740px){.scan-kiosk-topbar{gap:20px;min-height:74px;padding:10px 32px 8px}.scan-kiosk-brand-mark{border-radius:14px;width:52px;height:52px}.scan-kiosk-brand-mark svg{width:28px;height:28px}.scan-kiosk-brand strong{font-size:26px}.scan-kiosk-brand span{margin-top:4px;font-size:14px}.scan-kiosk-status{border-radius:14px;gap:12px;min-height:56px;padding:8px 16px}.scan-kiosk-status svg{width:26px;height:26px}.scan-kiosk-status strong{font-size:20px}.scan-kiosk-status span{margin-top:3px;font-size:13px}.scan-kiosk-summary{gap:10px}.scan-kiosk-summary>div{border-radius:12px;gap:8px;min-height:46px;padding:6px 12px}.scan-kiosk-summary svg{width:17px;height:17px}.scan-kiosk-summary span{font-size:13px}.scan-kiosk-summary strong{font-size:15px}.scan-kiosk-main{grid-template-columns:minmax(680px,1fr) 320px;gap:16px;padding:12px 32px 10px}.scan-camera-stage{gap:10px}.scan-camera-card{border-radius:18px}.scan-progress-pill{gap:8px;min-height:46px;padding:0 16px}.scan-progress-pill strong{font-size:22px}.scan-progress-pill span{font-size:15px}.scan-action-panel{grid-template-columns:minmax(0,.85fr) minmax(320px,.9fr);gap:16px}.scan-title-block h1{font-size:22px}.scan-title-block p{margin-top:5px;font-size:14px}.scan-primary-button{border-radius:18px;grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:72px;padding:0 28px}.scan-primary-button svg{width:44px;height:44px;padding:9px}.scan-primary-button span{font-size:28px}.capture-crops-row{height:150px}.scan-risk-badge{border-radius:16px;gap:14px;padding:14px 18px}.risk-badge-icon{border-radius:14px;width:56px;height:56px}.risk-badge-icon svg{width:36px;height:36px}.risk-badge-text{font-size:28px}.risk-badge-follow{font-size:14px}.scan-post-actions{gap:10px}.scan-rescan-btn,.scan-report-btn{border-radius:14px;min-height:58px;font-size:16px}.scan-side-panel{gap:12px}.scan-prep-panel,.scan-progress-panel,.scan-staff-panel{border-radius:16px;padding:14px 16px}.scan-prep-panel h2,.scan-progress-panel h2,.scan-staff-panel h2{margin-bottom:10px;font-size:18px}.scan-prep-list,.scan-progress-list{gap:8px}.scan-prep-item{border-radius:12px;grid-template-columns:40px 36px minmax(0,1fr);gap:10px;min-height:68px;padding:8px 10px}.scan-prep-number{width:40px;height:40px;font-size:18px}.scan-prep-icon svg{width:22px;height:22px}.scan-prep-item strong{font-size:15px}.scan-progress-step{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:40px}.step-icon-wrap{width:34px;height:34px}.scan-progress-step strong{font-size:15px}.scan-kiosk-footer{gap:8px 20px;min-height:42px;padding:5px 32px}.scan-kiosk-footer>div{gap:6px;font-size:12px}.scan-kiosk-footer svg{width:15px;height:15px}}.history-page{max-width:1180px;color:var(--text-main);flex-direction:column;gap:22px;margin:0 auto;display:flex}.history-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.history-header h1{color:var(--text-main);letter-spacing:0;margin:0;font-size:30px;font-weight:740}.history-header .subtitle{color:var(--text-muted);margin-top:7px;font-size:15px}.admin-page{justify-content:center;min-height:min(680px,100vh - 180px)}.admin-lock-card{border:1px solid var(--border-light);background:#fff;border-radius:8px;width:min(100%,540px);margin:0 auto;padding:34px;box-shadow:0 18px 42px #0f172a0f}.admin-lock-icon{color:#0f8f88;background:#e7f7f5;border-radius:999px;place-items:center;width:64px;height:64px;margin-bottom:18px;display:grid}.admin-lock-card h1{color:var(--text-main);margin:0 0 8px;font-size:30px;font-weight:740}.admin-lock-card p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.55}.admin-pin-form{gap:10px;margin-top:24px;display:grid}.admin-pin-form label{color:#4b5563;font-size:13px;font-weight:720}.admin-pin-form input{min-height:64px;color:var(--text-main);letter-spacing:.14em;background:#fff;border:1px solid #d6dde3;border-radius:8px;outline:none;padding:0 18px;font-size:24px;font-weight:760}.admin-pin-form input:focus{border-color:#109d9680;box-shadow:0 0 0 4px #109d9614}.admin-pin-form button,.admin-lockout-btn{color:#fff;background:#109d96;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:56px;padding:0 22px;font-size:15px;font-weight:760;display:inline-flex}.admin-lockout-btn{background:#27313f}.admin-pin-error{color:#b91c1c;font-size:13px;font-weight:700}.admin-prototype-note{color:#0f766e;background:#f3fbfa;border-radius:8px;gap:10px;margin-top:20px;padding:14px;font-size:13px;line-height:1.45;display:flex}.history-table-card{-webkit-overflow-scrolling:touch;border-radius:8px;padding:12px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:760px}.history-table thead th{border-bottom:1px solid var(--border-light);color:var(--text-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:14px 16px;font-size:12px;font-weight:740}.history-table tbody tr{background:#fff}.history-table tbody tr:hover{background:#f6f8fa}.history-table td{color:var(--text-main);border-bottom:1px solid #edf1f4;padding:18px 16px;font-size:14px;font-weight:560}.table-badge{letter-spacing:.02em;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:760;display:inline-flex}.badge-low{color:#0f8f88;background:#e7f7f5}.badge-mod{color:#b45309;background:#fff7ed}.badge-high{color:#b91c1c;background:#fff5f5}.view-btn{color:#fff;background:#109d96;border-radius:999px;min-height:46px;padding:0 18px;font-size:14px;font-weight:720}.view-btn:hover{background:#0b8b85}.empty-text{color:var(--text-muted);text-align:center;margin:0;padding:52px 18px;font-size:15px}.error-text{color:#b91c1c;background:#fff5f5}@media (width<=640px){.history-header{flex-direction:column;align-items:flex-start}.admin-lock-card{padding:24px}}@media (pointer:coarse){.view-btn:hover{background:#109d96}}.page-content:has(.report-kiosk){background:#f7fbff;padding:0;overflow:hidden}.report-kiosk{color:#102033;background:#f7fbff;flex-direction:column;height:100vh;font-family:Inter,IBM Plex Sans Thai,sans-serif;display:flex;overflow:hidden}.risk-low{--rk-c:#047a3b;--rk-bg:#dcfce7;--rk-border:#86efac;--rk-icon:#16a34a;--rk-c-bar:#10b981}.risk-mod{--rk-c:#a16207;--rk-bg:#fef9c3;--rk-border:#fde047;--rk-icon:#ca8a04;--rk-c-bar:#f59e0b}.risk-high{--rk-c:#b42318;--rk-bg:#fee2e2;--rk-border:#fca5a5;--rk-icon:#dc2626;--rk-c-bar:#ef4444}.rk-topbar{background:linear-gradient(135deg,#0a3a78 0%,#0b66c3 100%);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:62px;padding:10px 24px;display:grid;box-shadow:0 4px 18px #0a3a782e}.rk-brand{color:#fff;align-items:center;gap:10px;display:flex}.rk-brand-mark{color:#fff;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rk-brand strong{font-size:15px;font-weight:730;display:block}.rk-brand span{opacity:.7;font-size:11px}.rk-risk-badge{background:var(--rk-bg);border:1.5px solid var(--rk-border);color:var(--rk-c);border-radius:12px;align-items:center;gap:9px;padding:8px 18px;display:flex}.rk-risk-badge span{opacity:.75;font-size:10px;font-weight:500;display:block}.rk-risk-badge strong{font-size:14px;font-weight:750;display:block}.rk-topbar-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.rk-stat-chip{color:#fff;background:#ffffff26;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;align-items:center;min-width:64px;padding:5px 12px;display:flex}.rk-stat-chip span{opacity:.75;font-size:10px}.rk-stat-chip strong{color:#fff;font-size:14px;font-weight:680}.rk-clock{flex-direction:row;gap:6px}.rk-clock div{flex-direction:column;display:flex}.rk-clock strong{font-size:13px}.rk-clock span{font-size:10px}.rk-body{flex:1;grid-template-columns:268px 1fr 244px;gap:10px;min-height:0;padding:10px;display:grid;overflow:hidden}.rk-panel{scrollbar-width:thin;scrollbar-color:#c8daea transparent;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden auto}.rk-panel::-webkit-scrollbar{width:4px}.rk-panel::-webkit-scrollbar-thumb{background:#c8daea;border-radius:2px}.rk-panel-title{color:#5a7fa0;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.rk-risk-card{background:var(--rk-bg);border:1.5px solid var(--rk-border);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 2px 10px #0a3a780f}.rk-risk-icon{background:var(--rk-icon);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #00000026}.rk-risk-label{color:var(--rk-c);opacity:.75;margin-bottom:2px;font-size:11px}.rk-risk-value{color:var(--rk-c);font-size:20px;font-weight:780;line-height:1.1}.rk-risk-follow{color:var(--rk-c);opacity:.7;margin-top:3px;font-size:12px}.rk-gauge{background:#fff;border:1.5px solid #d0e4f4;border-radius:14px;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0a3a780d}.rk-gauge-header{justify-content:space-between;align-items:baseline;display:flex}.rk-gauge-header span{color:#5a7fa0;font-size:11px}.rk-gauge-header strong{font-size:22px;font-weight:730}.rk-gauge-track{border-radius:5px;height:10px;display:flex;position:relative;overflow:hidden}.rk-gauge-seg{height:100%}.rk-seg-green{background:#10b9814d}.rk-seg-amber{background:#f59e0b4d}.rk-seg-red{background:#ef44444d}.rk-gauge-mark{z-index:1;background:#0a3a7840;width:2px;position:absolute;top:-2px;bottom:-2px}.rk-gauge-ptr{z-index:2;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0003}.rk-gauge-ticks{color:#5a7fa0;justify-content:space-between;font-size:10px;display:flex;position:relative}.rk-tick-abs{position:absolute;transform:translate(-50%)}.rk-gauge-legend{color:#5a7fa0;gap:10px;font-size:10px;display:flex}.rk-rec-box{border:1.5px solid var(--rk-border);background:#fff;border-radius:14px;flex-direction:column;flex:1;gap:7px;min-height:0;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0a3a780d}.rk-rec-head{color:var(--rk-c);align-items:center;gap:6px;font-size:12px;display:flex}.rk-rec-head svg{flex-shrink:0}.rk-rec-box p{color:#1e3a5f;flex:1;margin:0;font-size:13px;line-height:1.65}.rk-rec-ref{color:#8aa3ba;border-top:1px solid #e8f2fb;padding-top:6px;font-size:10px;font-style:italic}.rk-panel-center{overflow:hidden}.rk-feet-row{flex-shrink:0;justify-content:center;align-items:flex-start;gap:8px;display:flex}.rk-foot-col{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.rk-foot-col span{color:#5a7fa0;letter-spacing:.3px;font-size:11px;font-weight:620}.rk-zone-table{background:#fff;border:1.5px solid #d0e4f4;border-radius:12px;flex-direction:column;flex:1;align-self:stretch;gap:0;min-width:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0a3a780d}.rk-zone-th{color:#5a7fa0;text-transform:uppercase;letter-spacing:.4px;background:#f0f7ff;grid-template-columns:1fr 52px 30px;gap:4px;padding:6px 10px;font-size:10px;font-weight:650;display:grid}.rk-zone-row{border-top:1px solid #e8f2fb;grid-template-columns:1fr 52px 30px;gap:4px;padding:7px 10px;font-size:12px;transition:background .1s;display:grid}.rk-zone-row:hover{background:#f7fbff}.rk-zone-row.zone-high{color:#b42318}.rk-zone-row.zone-mod{color:#a16207}.rk-zone-row.zone-low{color:#047a3b}.rk-zone-row span:first-child{color:#1e3a5f;font-size:11px}.rk-bars{background:#fff;border:1.5px solid #d0e4f4;border-radius:12px;flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 12px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0a3a780d}.rk-bars-legend{color:#8aa3ba;border-bottom:1px solid #e8f2fb;padding-bottom:4px;font-size:10px;font-style:italic}.rk-bar-row{grid-template-columns:100px 1fr 68px;align-items:center;gap:8px;font-size:11px;display:grid}.rk-bar-row>span:first-child{color:#355b83;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rk-bar-row>span:last-child{text-align:right;font-weight:650}.rk-bar-track{background:#e8f2fb;border-radius:4px;height:8px;position:relative;overflow:visible}.rk-bar-fill{border-radius:4px;height:100%;transition:width .5s}.rk-bar-line{background:#eab308b3;width:1.5px;position:absolute;top:-3px;bottom:-3px;left:33.75%}.rk-bar-line-red{background:#ef4444b3;left:55%}.rk-photo-card{cursor:pointer;background:#fff;border:1.5px solid #d0e4f4;border-radius:12px;flex-shrink:0;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 8px #0a3a780d}.rk-photo-card:hover{border-color:#0b66c3;box-shadow:0 4px 14px #0b66c326}.rk-photo-label{color:#0a3a78;background:#f0f7ff;border-bottom:1px solid #e8f2fb;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:620;display:flex}.rk-photo-label svg{flex-shrink:0}.rk-photo-label svg:last-child{color:#0b66c3;margin-left:auto}.rk-photo-pair{grid-template-columns:1fr 1fr;display:grid}.rk-photo-pair img{object-fit:cover;background:#e8f2fb;width:100%;height:80px;display:block}.rk-photo-pair img:first-child{border-right:1px solid #e8f2fb}.rk-meta-box{background:#fff;border:1.5px solid #d0e4f4;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #0a3a780d}.rk-meta-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rk-meta-row span{color:#5a7fa0;font-size:11px}.rk-meta-row strong{color:#0a3a78;word-break:break-all;text-align:right;font-size:12px;font-weight:620}.rk-actions{background:#eef5fc;border-top:1.5px solid #d0e4f4;flex-shrink:0;gap:8px;padding:8px 10px;display:flex}.report-home-btn,.report-print-btn,.report-qr-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:640;transition:all .15s;display:flex}.report-home-btn{color:#fff;background:linear-gradient(135deg,#0a3a78 0%,#0b66c3 100%);flex:2;box-shadow:0 3px 12px #0a3a7838}.report-home-btn:hover{filter:brightness(1.1);box-shadow:0 4px 16px #0a3a784d}.report-print-btn{color:#0a3a78;background:#fff;border:1.5px solid #c8daea;flex:1}.report-print-btn:hover{background:#f0f7ff;border-color:#0b66c3}.report-qr-btn{color:#fff;background:#0ea5e9;flex:1}.report-qr-btn:hover{background:#0284c7}.report-footer{background:#eef5fc;border-top:1px solid #d0e4f4;flex-shrink:0;justify-content:center;align-items:center;gap:14px;min-height:36px;padding:7px 20px;display:flex}.report-footer-item{color:#5a7fa0;align-items:center;gap:5px;font-size:11px;display:flex}.report-footer-item svg{color:#0b66c3}.report-footer-divider{background:#c8daea;width:1px;height:14px}.report-loading,.report-not-found{color:#0a3a78;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:16px;display:flex}.report-not-found svg{color:#b42318}.report-not-found button{color:#fff;cursor:pointer;background:#0b66c3;border:none;border-radius:10px;margin-top:8px;padding:12px 28px;font-size:14px;font-weight:640}.report-spinner{border:3px solid #c8daea;border-top-color:#0b66c3;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lb-backdrop{z-index:9999;background:#000000d1;justify-content:center;align-items:center;animation:.15s lb-fade;display:flex;position:fixed;inset:0}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lb-modal{background:#0f172a;border:1px solid #1e293b;border-radius:16px;flex-direction:column;width:min(820px,95vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.lb-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lb-title{color:#e2e8f0;align-items:center;gap:8px;font-size:14px;display:flex}.lb-close{color:#94a3b8;cursor:pointer;background:#1e293b;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.lb-close:hover{color:#f1f5f9;background:#334155}.lb-tabs{border-bottom:1px solid #1e293b;gap:4px;padding:10px 18px 0;display:flex}.lb-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 14px 9px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.lb-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.lb-tab:hover:not(.active){color:#94a3b8}.lb-body{flex:1;justify-content:center;align-items:center;min-height:320px;padding:18px;display:flex;overflow:auto}.lb-img{object-fit:contain;border-radius:10px;max-width:100%;max-height:56vh;margin:auto;display:block}.lb-empty{color:#475569;text-align:center;font-size:14px}.lb-3d-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.lb-3d-meta{color:#64748b;text-align:right;padding:0 18px 12px;font-size:11px}.lb-3d-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.lb-spinner{border:3px solid #1e293b;border-top-color:#38bdf8;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite lb-spin}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:10px}.lb-3d-info{color:#1e293b;pointer-events:none;background:#ffffffeb;border-radius:8px;flex-direction:column;gap:2px;padding:7px 11px;font-family:monospace;font-size:11px;display:flex;position:absolute;top:12px;left:12px}.lb-3d-info strong{font-size:12px}.qr-modal{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:320px;padding:24px;display:flex;box-shadow:0 24px 64px #0000004d}.qr-modal-header{color:#0f172a;align-items:center;gap:10px;width:100%;display:flex}.qr-modal-header .lb-close{color:#475569;background:#f1f5f9;margin-left:auto}.qr-canvas{border-radius:10px}.qr-hint{color:#475569;text-align:center;margin:0;font-size:14px}.qr-url{color:#94a3b8;word-break:break-all;text-align:center;max-width:280px;margin:0;font-size:11px}.rk-foot-col svg{filter:drop-shadow(0 2px 6px #0a3a781f)}@media print{.rk-topbar,.report-footer,.rk-actions{display:none!important}.report-kiosk{height:auto}.rk-body{display:block}.rk-panel{overflow:visible}}@media (width<=768px){.report-kiosk{height:auto;min-height:100dvh;overflow:visible}.page-content:has(.report-kiosk){overflow:auto}.rk-topbar{min-height:unset;grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:10px 14px}.rk-topbar-right{display:none}.rk-risk-badge{grid-column:1/-1;justify-content:center}.rk-body{grid-template-columns:1fr;gap:12px;padding:10px;overflow:visible}.rk-panel,.rk-panel-center{overflow:visible}.rk-feet-row{flex-wrap:wrap;justify-content:center}.rk-zone-table{width:100%}.rk-foot-col svg{width:90px;height:163px}.rk-bar-row{grid-template-columns:80px 1fr 58px}.rk-actions{flex-direction:column;gap:8px}.report-home-btn,.report-print-btn,.report-qr-btn{width:100%}.report-footer{flex-direction:column;gap:5px;padding:10px 16px}.report-footer-divider{width:30px;height:1px}.lb-modal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.lb-tabs{overflow-x:auto}.lb-body{min-height:240px;padding:12px}}@keyframes rk-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes rk-slide-left{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes rk-slide-right{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes rk-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rk-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rk-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rk-ptr-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}70%{transform:translate(-50%,-50%)scale(1.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rk-risk-glow{0%,to{box-shadow:0 2px 10px #0a3a780f}50%{box-shadow:0 4px 20px var(--rk-border), 0 0 0 3px var(--rk-bg)}}.rk-topbar{animation:.35s cubic-bezier(.25,1,.5,1) both rk-slide-down}.rk-panel-left{animation:.4s cubic-bezier(.25,1,.5,1) 80ms both rk-slide-right}.rk-panel-center{animation:.4s cubic-bezier(.25,1,.5,1) .14s both rk-fade-up}.rk-panel-right{animation:.4s cubic-bezier(.25,1,.5,1) .2s both rk-slide-left}.rk-risk-card{animation:.45s cubic-bezier(.34,1.56,.64,1) .2s both rk-scale-in,3s ease-in-out 1s infinite rk-risk-glow}.rk-gauge{animation:.35s .3s both rk-fade-up}.rk-gauge-seg{animation:.5s .55s both rk-fade-in}.rk-gauge-ptr{animation:.45s cubic-bezier(.34,1.56,.64,1) .75s both rk-ptr-pop}.rk-rec-box{animation:.35s .35s both rk-fade-up}.rk-zone-table{animation:.3s .25s both rk-fade-in}.rk-zone-row:nth-child(2){animation:.3s .3s both rk-slide-right}.rk-zone-row:nth-child(3){animation:.3s .36s both rk-slide-right}.rk-zone-row:nth-child(4){animation:.3s .42s both rk-slide-right}.rk-zone-row:nth-child(5){animation:.3s .48s both rk-slide-right}.rk-zone-row:nth-child(6){animation:.3s .54s both rk-slide-right}.rk-bar-fill{transform-origin:0;animation:.7s cubic-bezier(.25,1,.5,1) .5s both rk-bar-grow}.rk-foot-col{animation:.5s .3s both rk-fade-up}.rk-photo-card:nth-child(2){animation:.35s .25s both rk-slide-left}.rk-photo-card:nth-child(3){animation:.35s .35s both rk-slide-left}.rk-meta-box{animation:.35s .45s both rk-fade-up}.rk-actions{animation:.3s .3s both rk-fade-up}.report-home-btn{transition:filter .15s,box-shadow .15s,transform .12s}.report-home-btn:active{transform:scale(.97)}.report-print-btn{transition:background .15s,border-color .15s,transform .12s}.report-print-btn:active{transform:scale(.97)}.report-qr-btn{transition:background .15s,transform .12s}.report-qr-btn:active{transform:scale(.97)}.lb-modal{animation:.2s cubic-bezier(.34,1.3,.64,1) both rk-scale-in}@media (width>=1600px) and (height<=740px){.rk-topbar{gap:16px;min-height:64px;padding:10px 28px}.rk-brand-mark{width:46px;height:46px}.rk-brand strong{font-size:17px}.rk-brand span{font-size:13px}.rk-risk-badge{gap:11px;padding:9px 22px}.rk-risk-badge span{font-size:12px}.rk-risk-badge strong{font-size:16px}.rk-stat-chip{min-width:76px;padding:6px 14px}.rk-stat-chip span{font-size:12px}.rk-stat-chip strong{font-size:16px}.rk-clock strong{font-size:15px}.rk-clock span{font-size:12px}.rk-body{grid-template-columns:360px 1fr 310px;gap:12px;padding:12px}.rk-panel-title{gap:8px;font-size:13px}.rk-risk-card{gap:14px;padding:16px}.rk-risk-icon{border-radius:16px;width:62px;height:62px}.rk-risk-label{font-size:13px}.rk-risk-value{font-size:26px}.rk-risk-follow{font-size:13px}.rk-gauge{gap:8px;padding:14px 16px}.rk-gauge-header span{font-size:13px}.rk-gauge-header strong{font-size:26px}.rk-gauge-track{border-radius:7px;height:14px}.rk-gauge-ptr{width:18px;height:18px}.rk-gauge-ticks{font-size:12px}.rk-gauge-legend{gap:12px;font-size:12px}.rk-rec-box{gap:9px;padding:14px 16px}.rk-rec-head{font-size:13px}.rk-rec-box p{font-size:15px;line-height:1.7}.rk-rec-ref{font-size:12px}.rk-foot-col svg{width:140px;height:auto}.rk-foot-col span{font-size:13px}.rk-feet-row{gap:12px}.rk-zone-th{grid-template-columns:1fr 60px 36px;padding:8px 14px;font-size:12px}.rk-zone-row{grid-template-columns:1fr 60px 36px;padding:9px 14px;font-size:14px}.rk-zone-row span:first-child{font-size:13px}.rk-bars{gap:8px;padding:12px 16px}.rk-bars-legend{font-size:12px}.rk-bar-row{grid-template-columns:120px 1fr 80px;gap:10px;font-size:13px}.rk-bar-track{border-radius:5px;height:10px}.rk-photo-pair img{height:100px}.rk-photo-label{padding:8px 12px;font-size:13px}.rk-meta-box{gap:8px;padding:12px 14px}.rk-meta-row span{font-size:13px}.rk-meta-row strong{font-size:14px}.rk-actions{gap:10px;padding:10px 12px}.report-home-btn,.report-print-btn,.report-qr-btn{padding:12px 22px;font-size:16px}.report-footer{min-height:40px;padding:8px 24px}.report-footer-item{font-size:13px}}.settings-page{max-width:920px;color:var(--text-main);flex-direction:column;gap:18px;margin:0 auto;display:flex}.settings-header h1{color:var(--text-main);letter-spacing:0;margin:0;font-size:30px;font-weight:740}.settings-header .subtitle{color:var(--text-muted);margin-top:7px;font-size:15px}.settings-section{border-radius:8px;flex-direction:column;gap:20px;display:flex}.section-header{color:var(--text-main);align-items:flex-start;gap:14px;display:flex}.section-header svg{color:#0f8f88;flex:none;margin-top:2px}.section-header h3{color:var(--text-main);margin:0;font-size:17px;font-weight:720}.section-header p{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.45}.lang-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lang-option{min-height:68px;color:var(--text-main);background:#fff;border:1px solid #d6dde3;border-radius:8px;padding:0 18px;font-size:15px;font-weight:720}.lang-option:hover{background:#f4f8fa}.lang-option.active{color:#0f8f88;background:#e7f7f5;border-color:#109d964d}.camera-list,.about-list{gap:10px;display:grid}.camera-item,.about-item{background:#fbfcfd;border:1px solid #edf1f4;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:16px 18px;font-size:15px;font-weight:600;display:flex}.camera-status,.about-value{color:var(--text-muted);text-align:right;font-weight:520;line-height:1.45}.camera-status.connected{color:#0f8f88}.camera-status.offline{color:#8b95a1}.about-value{max-width:62%}@media (width<=640px){.lang-options{grid-template-columns:1fr}.camera-item,.about-item{flex-direction:column;align-items:flex-start;gap:8px}.about-value,.camera-status{text-align:left;max-width:none}}