@font-face{font-family:Noto Sans Myanmar;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-myanmar-myanmar-400-normal-C_Ri2PLj.woff2)format("woff2"),url(/assets/noto-sans-myanmar-myanmar-400-normal-Di6U4opH.woff)format("woff")}:root{color:#111;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:#fff;margin:0}.trial{max-width:720px;margin:0 auto;padding:12px 16px}h1{margin:4px 0 8px;font-size:1.2rem}h2{margin:16px 0 6px;font-size:1rem}.controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:8px;display:grid}.controls label{gap:2px;font-size:.85rem;display:grid}.controls select,.controls input{min-width:0;padding:6px;font-size:1rem}.viewer{background:#000;border-radius:8px;overflow:hidden}.viewer video,.viewer img{width:100%;display:block}button{border:2px solid #0a6c3c;border-radius:8px;padding:12px;font-size:1.1rem}button.primary{color:#fff;background:#0a6c3c;width:100%;margin-top:8px}button.secondary{color:#0a6c3c;background:#fff}.status{font-weight:700}.camera,.notice{color:#555;word-break:break-all;font-size:.8rem}.result{border-collapse:collapse;width:100%;font-size:.9rem}.result th{text-align:left;vertical-align:top;width:6em}.result td,.result th{border-bottom:1px solid #ddd;padding:4px}.mono{word-break:break-all;font-family:ui-monospace,monospace}.row-actions{gap:8px;display:flex}textarea{box-sizing:border-box;width:100%;margin-top:8px;font-family:ui-monospace,monospace;font-size:.75rem}.lead{font-size:.95rem;line-height:1.6}.steps{background:#f3f6f4;border-radius:8px;margin-bottom:12px;padding:8px 12px}.steps h2{margin:4px 0}.steps ol{margin:4px 0;padding-left:1.4em;font-size:.95rem;line-height:1.6}.controls small,.advanced small{color:#555;font-size:.78rem;line-height:1.4}.controls .wide{grid-column:1/-1}.advanced{margin:4px 0 10px;font-size:.9rem}.advanced summary{cursor:pointer;color:#0645ad}.advanced label{gap:2px;margin-top:6px;display:grid}.viewer{justify-content:center;align-items:center;min-height:120px;display:flex}.placeholder{color:#ddd;text-align:center;margin:0;padding:24px 12px}.check-photo{font-size:.9rem}.csv{gap:4px;margin-top:8px;font-size:.85rem;display:grid}.viewer video[hidden],.viewer img[hidden]{display:none}.viewer .placeholder{width:100%}:root{--in:#0a7d45;--in-dark:#075a32;--out:#1d3a8a;--out-dark:#132760;--warn:#b45309;--bad:#b91c1c}.screen{box-sizing:border-box;max-width:560px;min-height:100vh;margin:0 auto;padding:12px 16px 24px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lang select{padding:6px;font-size:1rem}.help-icon{color:#111;background:#fff;border:2px solid #111;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.3rem;font-weight:700}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{color:#111;background:#fff;border-radius:12px;max-width:520px;max-height:85vh;padding:16px;overflow:auto}.modal ul{padding-left:1.2em;line-height:1.6}.login form{gap:12px;display:grid}.login label{gap:4px;font-size:1rem;display:grid}.login input{padding:10px;font-size:1.2rem}.notice-band{color:#7a4100;background:#fff7e6;border-radius:8px;padding:8px 10px}.home h1{text-align:center}.mode-button{color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:30vh;margin:8px 0;font-size:2.2rem;font-weight:700;display:flex}.mode-button.in{background:var(--in)}.mode-button.out{background:var(--out)}.mode-icon{font-size:3rem}.today{text-align:center;font-size:1.1rem}.capture{color:#fff;max-width:none}.capture.in{background:var(--in-dark)}.capture.out{background:var(--out-dark)}.capture .switch,.bind .switch{color:inherit;background:#ffffff26;border:2px solid;padding:8px 12px}.capture .mode-title{font-size:1.8rem}.capture .help-icon{background:#ffffffe6}.viewer.live{min-height:50vh;position:relative}.viewer.live video{object-fit:cover;width:100%;height:100%}.frame-guide{pointer-events:none;position:absolute;inset:0}.frame-guide .face{border:3px dashed #fffc;border-radius:50%;width:34%;height:50%;position:absolute;top:18%;left:22%}.frame-guide .qrbox{aspect-ratio:1;border:3px dashed #fffc;border-radius:8px;width:26%;position:absolute;top:42%;left:60%}.band{color:#111;background:#fde68a;border-radius:8px;margin:0;padding:8px;font-weight:700;position:absolute;top:8px;left:8px;right:8px}.overlay{text-align:center;color:#fff;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1.6rem;font-weight:700;display:flex;position:absolute;inset:0}.overlay.ok{background:#0a7d45eb}.overlay.already{background:#0a7d45cc}.overlay.rejected{background:#b91c1cf2;font-size:1.3rem}.overlay .mark{font-size:4rem;line-height:1}.overlay small{opacity:.9;font-size:.9rem;font-weight:400}.guide{text-align:center;font-size:1.1rem}.pending{text-align:center;font-weight:700}.bind .search{box-sizing:border-box;width:100%;padding:10px;font-size:1.1rem}.bind .show-all{align-items:center;gap:8px;padding:10px 0;font-size:1.05rem;display:flex}.bind .show-all input{width:22px;height:22px}.bind .hint{color:#555;margin:8px 0}.roster{max-height:45vh;padding:0;list-style:none;overflow:auto}.roster li label{border-bottom:1px solid #ddd;align-items:center;gap:8px;padding:10px 4px;font-size:1.1rem;display:flex}.roster .emp{color:#555;font-family:ui-monospace,monospace}.roster .tag{color:#224;background:#eef;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:.8rem}button:disabled{opacity:.5}:lang(my){font-family:Noto Sans Myanmar,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
