*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--navy-950: #06122b;--navy-900: #0a1c43;--navy-800: #12295e;--brand: #2563eb;--brand-600: #1d4ed8;--brand-50: #eef4ff;--brand-100: #dbe6ff;--green: #059669;--green-500: #10b981;--green-light:#e6f7f0;--red: #dc2626;--red-light: #fdecec;--amber: #b45309;--amber-light:#fef3c7;--bg: #f2f5fa;--surface: #ffffff;--surface-2: #f7f9fc;--border: #e3e8f0;--border-strong: #cbd3e1;--text: #0e1a2f;--muted: #5f6b80;--subtle: #94a0b4;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(10,28,67,.06);--shadow: 0 1px 2px rgba(10,28,67,.05), 0 4px 14px rgba(10,28,67,.06);--shadow-lg: 0 10px 30px rgba(10,28,67,.16);--ring: 0 0 0 3px rgba(37,99,235,.25);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--blue: var(--brand);--blue-light: var(--brand-50);--blue-dark: var(--navy-900)}[data-theme=dark]{--bg: #080f1f;--surface: #101a2e;--surface-2: #16223a;--border: #22304b;--border-strong: #33435f;--text: #e8edf7;--muted: #9aa6bd;--subtle: #6b7891;--brand: #4f86f7;--brand-600: #3b74ee;--brand-50: rgba(79,134,247,.14);--brand-100: rgba(79,134,247,.24);--green: #34d399;--green-light:rgba(16,185,129,.14);--red: #f87171;--red-light: rgba(220,38,38,.16);--amber: #fbbf24;--amber-light:rgba(245,158,11,.14);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.5)}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:none;box-shadow:var(--ring)}.ic{flex-shrink:0;display:block}.root-wrap{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.screen{min-height:100vh;display:flex;flex-direction:column}.muted{color:var(--muted);font-size:14px}.center-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 16px}.empty-note{font-size:12.5px;color:var(--subtle);text-align:center;padding:14px 8px}.hint-center{font-size:12.5px;color:var(--muted);text-align:center;margin-top:-2px}.mono{font-family:var(--mono)}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1.5px solid transparent;padding:11px 18px;font-size:14.5px;font-weight:650;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-outline:active,.btn-danger:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px #2563eb47}.btn-primary:hover{background:var(--brand-600)}.btn-primary:disabled{background:var(--border-strong);box-shadow:none}.btn-secondary,.btn-outline{background:var(--surface);color:var(--brand);border-color:var(--border-strong)}.btn-secondary:hover,.btn-outline:hover{border-color:var(--brand);background:var(--brand-50)}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--brand);padding:8px 12px}.btn-ghost:hover{background:var(--brand-50)}.btn.sm,.btn-primary.sm,.btn-outline.sm,.btn-secondary.sm,.btn-ghost.sm{padding:8px 13px;font-size:13px;border-radius:10px}.btn.lg{padding:15px 20px;font-size:16px;border-radius:14px}.btn-text-danger{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--red);font-size:14px;font-weight:600;padding:8px 14px;border-radius:10px}.btn-text-danger:hover{background:var(--red-light)}.link-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--brand);font-size:14px;font-weight:600;padding:4px 0}.icon-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:background .15s}.icon-btn.on-dark{background:#ffffff1a;border-color:#ffffff24;color:#fff}.icon-btn.on-dark:active{background:#ffffff38}.btn-icon{background:transparent;border:none;color:var(--muted);width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover,.btn-icon:active{background:var(--surface-2);color:var(--text)}.btn-icon.danger{color:var(--red)}.btn-icon.ok{color:var(--green)}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;letter-spacing:.2px;border-radius:99px;padding:3px 10px;white-space:nowrap}.pill-ok{background:var(--green-light);color:var(--green)}.pill-brand{background:var(--brand-50);color:var(--brand);align-self:flex-start;margin-top:4px}.alert{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:11px 13px;font-size:13.5px;font-weight:500;width:100%}.alert .ic{margin-top:1px}.alert-err{background:var(--red-light);color:var(--red)}.spinner,.ocr-spinner{width:40px;height:40px;border-radius:50%;border:3.5px solid var(--brand-100);border-top-color:var(--brand);animation:spin .8s linear infinite}.spinner.sm{width:18px;height:18px;border-width:2.5px}@keyframes spin{to{transform:rotate(360deg)}}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;width:44px;height:44px;font-size:15px;letter-spacing:.3px}.avatar.lg{width:76px;height:76px;font-size:26px}.avatar.sm{width:34px;height:34px;font-size:12px}.avatar.xs{width:28px;height:28px;font-size:10px}.avatar.ring{box-shadow:0 0 0 2px #ffffff59}.login-bg,.svc-screen{background:radial-gradient(120% 70% at 85% -10%,rgba(56,189,248,.35) 0%,transparent 55%),radial-gradient(90% 60% at -10% 10%,rgba(37,99,235,.55) 0%,transparent 60%),linear-gradient(170deg,var(--navy-900) 0%,var(--navy-950) 100%);color:#fff}.login-top{display:flex;flex-direction:column;align-items:center;padding:56px 24px 34px;gap:8px}.brand-mark{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 10px 30px #2563eb73,inset 0 1px #ffffff59;margin-bottom:6px}.brand-mark.sm{width:30px;height:30px;border-radius:9px;font-size:16px;margin:0;box-shadow:0 4px 12px #2563eb66,inset 0 1px #ffffff4d}.brand-name{font-size:26px;font-weight:800;letter-spacing:6px}.brand-sub{font-size:13.5px;color:#ffffffb3;text-align:center}.sheet{flex:1;background:var(--bg);color:var(--text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:26px 16px 32px;box-shadow:0 -10px 30px #0000002e}.section-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 4px}.user-list{display:flex;flex-direction:column;gap:10px}.user-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px;text-align:left;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .15s,box-shadow .15s}.user-card:hover{border-color:var(--brand-100);box-shadow:var(--shadow)}.user-card:active{transform:scale(.985)}.user-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.user-name{font-size:15.5px;font-weight:650;color:var(--text)}.user-role{font-size:13px;color:var(--muted)}.chevron{color:var(--subtle)}.pin-wrap{display:flex;flex-direction:column;align-items:center}.back-link{align-self:flex-start;margin-bottom:14px}.pin-user{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px}.pin-uname{font-size:19px;font-weight:700}.pin-urole{font-size:13px;color:var(--muted);margin-top:-4px}.pin-prompt{font-size:14px;color:var(--muted);margin-bottom:14px}.pin-dots{display:flex;gap:18px;margin-bottom:6px}.dot{width:15px;height:15px;border-radius:50%;border:2px solid var(--border-strong);background:transparent;transition:background .15s,border-color .15s,transform .15s}.dot.filled{background:var(--brand);border-color:var(--brand);transform:scale(1.1)}.dot.dot-err,.dot.filled.dot-err{border-color:var(--red)}.dot.filled.dot-err{background:var(--red)}.pin-err{font-size:13px;color:var(--red);min-height:20px;margin-bottom:6px}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:290px}.pin-btn{height:62px;border-radius:18px;border:1px solid var(--border);background:var(--surface);font-size:24px;font-weight:600;color:var(--text);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:transform .08s,background .12s}.pin-btn:active{transform:scale(.93);background:var(--brand-50)}.pin-btn.pin-empty,.pin-btn:disabled.pin-empty{visibility:hidden}.pin-del{color:var(--muted);background:transparent;border-color:transparent;box-shadow:none}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:shake .4s ease-in-out}.svc-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 26px}.svc-head .icon-btn{margin-bottom:8px}.svc-head-user{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);padding:4px 12px 4px 4px;border-radius:99px;font-size:13.5px;font-weight:600;margin-bottom:10px}.svc-title{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.svc-sub{font-size:14px;color:#ffffffb8}.svc-sheet{display:flex;flex-direction:column;gap:14px}.search-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:0 14px;color:var(--muted)}.search-field:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.search-field input{flex:1;border:none;outline:none;background:none;padding:12px 0;font-size:15px;color:var(--text)}.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.svc-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:96px;padding:14px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow-sm);transition:transform .1s,border-color .15s,box-shadow .15s}.svc-tile:hover{border-color:var(--brand-100);box-shadow:var(--shadow)}.svc-tile:active{transform:scale(.97)}.svc-tile:disabled:not(.svc-tile-busy){opacity:.55}.svc-tile-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--brand-50);color:var(--brand)}.svc-tile-name{font-size:14px;font-weight:700;line-height:1.25;color:var(--text)}.svc-tile-tag{position:absolute;top:10px;right:10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--brand);color:#fff;border-radius:99px;padding:2px 8px}.svc-tile-last{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-50),var(--surface) 70%)}.svc-tile-busy{border-color:var(--brand)}.svc-tile .spinner.sm{position:absolute;bottom:12px;right:12px}.app-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(160deg,var(--navy-900),var(--navy-950));color:#fff;position:sticky;top:0;z-index:10}.appbar-title{flex:1;font-size:17px;font-weight:700;letter-spacing:-.1px}.appbar-right{display:flex;align-items:center;gap:8px}.topbar{background:radial-gradient(100% 120% at 100% 0%,rgba(56,189,248,.22) 0%,transparent 55%),linear-gradient(160deg,var(--navy-900),var(--navy-950));color:#fff;padding:12px 14px 16px;position:sticky;top:0;z-index:10;border-radius:0 0 22px 22px;box-shadow:0 8px 24px #06122b38}.topbar-row{display:flex;align-items:center;justify-content:space-between}.brand-mini{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:3.5px;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:8px}.service-chip{margin-top:14px;width:100%;display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:10px 12px;text-align:left;transition:background .15s}.service-chip:active{background:#ffffff29}.service-chip>.ic:first-child{color:#7dd3fc}.service-chip-text{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.service-chip-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:#fff9;font-weight:700}.service-chip strong{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-chip-swap{color:#fff9}.stepper{display:flex;align-items:center;gap:8px;padding:16px 18px 4px}.stepper-item{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;color:var(--subtle)}.stepper-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--subtle)}.stepper-item.active{color:var(--brand)}.stepper-item.active .stepper-dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-50)}.stepper-item.done{color:var(--green)}.stepper-item.done .stepper-dot{background:var(--green);border-color:var(--green);color:#fff}.stepper-line{flex:1;height:2px;border-radius:2px;background:var(--border)}.stepper-line.done{background:var(--green)}.val-screen{background:var(--bg)}.val-body{flex:1;padding:14px 14px 104px;display:flex;flex-direction:column;gap:12px}.capture-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;transition:border-color .2s}.capture-done{border-color:color-mix(in srgb,var(--green) 45%,var(--border))}.capture-locked{opacity:.6;box-shadow:none;background:var(--surface-2)}.capture-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.capture-card:not(.compact) .capture-card-header{border-bottom:1px solid var(--border)}.capture-num{width:30px;height:30px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-50);color:var(--brand);font-size:14px;font-weight:800}.capture-done .capture-num{background:var(--green-light);color:var(--green)}.capture-locked .capture-num{background:var(--border);color:var(--muted)}.capture-heading{flex:1;display:flex;flex-direction:column;min-width:0}.capture-title{font-weight:700;font-size:15.5px}.capture-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capture-sub.mono{font-size:13px;font-weight:600;color:var(--text)}.capture-cta{display:flex;flex-direction:column;align-items:center;gap:6px;width:calc(100% - 28px);margin:14px 14px 4px;padding:22px 16px;border-radius:14px;border:1.5px dashed var(--brand-100);background:linear-gradient(180deg,var(--brand-50),transparent);transition:background .15s,border-color .15s,transform .1s}.capture-cta:hover{border-color:var(--brand)}.capture-cta:active{transform:scale(.985);background:var(--brand-50)}.capture-cta-ic{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;margin-bottom:4px;box-shadow:0 10px 22px #2563eb52}.capture-cta-title{font-size:16px;font-weight:700;color:var(--text)}.capture-cta-hint{font-size:12.5px;color:var(--muted)}.btn-manual-entry{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px 0 14px;background:none;border:none;color:var(--brand);font-size:13.5px;font-weight:600}.locked-msg{display:flex;align-items:center;gap:8px;padding:18px 16px;color:var(--muted);font-size:13.5px}.capture-preview{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.capture-preview .btn-ghost{align-self:center}.thumb{width:100%;max-height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.method-badge{display:flex;align-items:center;font-size:12.5px;font-weight:600;border-radius:10px;padding:7px 11px}.method-ok{background:var(--green-light);color:var(--green)}.method-warn{background:var(--amber-light);color:var(--amber)}.ocr-err-detail{font-size:12.5px;color:var(--red);background:var(--red-light);border-radius:10px;padding:7px 11px;word-break:break-word}.ocr-warn-detail{font-size:12.5px;color:var(--amber);background:var(--amber-light);border-radius:10px;padding:7px 11px;word-break:break-word;font-weight:500}.code-block{background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;padding:9px 13px;cursor:text;transition:border-color .15s}.code-block:hover{border-color:var(--border-strong)}.code-lbl{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin-bottom:2px;cursor:inherit}.code-display{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--text);word-break:break-all;letter-spacing:.5px}.code-empty{font-size:13.5px;color:var(--subtle);font-family:var(--font);letter-spacing:0;font-weight:500}.code-empty em{font-style:normal}.code-input{width:100%;font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.5px;border:2px solid var(--brand);border-radius:12px;padding:11px 13px;color:var(--text);background:var(--surface);outline:none;box-shadow:var(--ring)}.notes-section{display:flex;flex-direction:column}.notes-input{border:1.5px solid var(--border);border-radius:12px;padding:11px 13px;font-size:14px;background:var(--surface);color:var(--text);resize:none;outline:none}.notes-input:focus{border-color:var(--brand);box-shadow:var(--ring)}.btn-notes-toggle{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:none;border:none;color:var(--muted);font-size:13.5px;font-weight:600;padding:4px 2px}.btn-compare{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px;background:linear-gradient(180deg,#3b82f6,var(--brand-600));color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:800;letter-spacing:.2px;box-shadow:0 10px 24px #2563eb59;transition:transform .1s,opacity .15s}.btn-compare:active{transform:scale(.98)}.btn-compare:disabled{background:var(--border-strong);box-shadow:none;opacity:.8}.ocr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;flex:1}.scan-pulse{width:84px;height:84px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;box-shadow:0 0 #2563eb73;animation:pulse 1.4s ease-out infinite;margin-bottom:8px}@keyframes pulse{0%{box-shadow:0 0 #2563eb73}to{box-shadow:0 0 0 26px #2563eb00}}.ocr-text{font-size:16px;font-weight:700;color:var(--text);text-align:center}.ocr-bar-wrap{width:200px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ocr-bar{height:100%;background:var(--brand);border-radius:3px;transition:width .2s ease}.ocr-pct{font-size:13px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:20;display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--subtle);font-size:11px;font-weight:650;padding:4px 0;border-radius:12px}.nav-item.active{color:var(--brand)}.nav-item.active .ic{filter:drop-shadow(0 4px 8px rgba(37,99,235,.35))}.nav-item:active{background:var(--surface-2)}.mode-screen{background:var(--bg)}.mode-body{flex:1;padding:22px 16px;display:flex;flex-direction:column;gap:16px}.mode-lead{font-size:15px;color:var(--muted);padding:0 4px}.mode-lead strong{color:var(--text)}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;text-align:left;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .15s,background .15s}.mode-card:active{transform:scale(.985)}.mode-card-current{border-color:var(--brand);box-shadow:var(--ring)}.mode-ic{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--brand-50);color:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:800;font-size:14px}.mode-card-current .mode-ic{background:var(--brand);color:#fff}.mode-card-text{flex:1;display:flex;flex-direction:column;gap:2px}.mode-card-title{font-size:16px;font-weight:700;color:var(--text)}.mode-card-desc{font-size:13px;color:var(--muted);line-height:1.4}.mode-card-chev{color:var(--subtle)}.camera-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;z-index:50}.camera-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#000000bf,#00000059);color:#fff}.cam-back{width:38px;height:38px;border-radius:12px;background:#ffffff24;border:none;color:#fff;display:flex;align-items:center;justify-content:center}.cam-label{font-size:15px;font-weight:600;flex:1}.video-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-preview{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.corner{position:absolute;width:34px;height:34px;border-color:#fff;border-style:solid;border-width:0;opacity:.95}.corner.tl{top:20%;left:9%;border-top-width:4px;border-left-width:4px;border-radius:10px 0 0}.corner.tr{top:20%;right:9%;border-top-width:4px;border-right-width:4px;border-radius:0 10px 0 0}.corner.bl{bottom:24%;left:9%;border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 10px}.corner.br{bottom:24%;right:9%;border-bottom-width:4px;border-right-width:4px;border-radius:0 0 10px}.scan-found .corner{border-color:#4ade80;animation:pulse-green .5s ease infinite alternate}@keyframes pulse-green{0%{opacity:.7}to{opacity:1}}.scan-hint{position:absolute;bottom:21%;left:50%;transform:translate(-50%);font-size:13px;color:#fff;white-space:nowrap;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 14px;border-radius:99px}.scan-hint-ok{background:#4ade80e6!important;color:#052e16!important;font-weight:800;font-size:14px!important}.cam-footer{padding:18px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(0deg,#000000d9,#0000008c)}.cam-tip{color:#ffffffbf;font-size:12.5px;text-align:center}.cam-found-bar{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff}.cam-found-bar span{font-size:14px;opacity:.8}.cam-found-code{font-family:var(--mono);font-size:22px;font-weight:900;color:#4ade80;letter-spacing:2px}.shutter-row{display:flex;align-items:center;justify-content:center;gap:22px}.shutter-btn{width:76px;height:76px;border-radius:50%;background:transparent;border:4px solid #fff;display:flex;align-items:center;justify-content:center;transition:transform .12s}.shutter-btn:active{transform:scale(.92)}.shutter-btn:disabled{opacity:.4}.shutter-inner{width:58px;height:58px;border-radius:50%;background:#fff}.torch-btn{width:46px;height:46px;border-radius:50%;background:#ffffff24;border:none;color:#fff;display:flex;align-items:center;justify-content:center}.torch-btn.torch-on{background:#fde047;color:#422006}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:100;animation:flash .18s ease-out forwards;pointer-events:none}@keyframes flash{0%{opacity:.9}to{opacity:0}}.file-mode-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 32px;text-align:center;color:#fff}.file-mode-icon{color:#93c5fd}.file-mode-title{font-size:20px;font-weight:700;color:#fff}.file-mode-hint{font-size:14px;color:#ffffffbf;line-height:1.6;max-width:280px}.file-capture-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--navy-900);border:none;border-radius:16px;padding:17px 34px;font-size:17px;font-weight:800;box-shadow:0 8px 24px #0000004d}.file-capture-btn:active{transform:scale(.96)}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .25s ease}.result-enter{opacity:0}.result-visible{opacity:1}.result-ok{background:radial-gradient(120% 80% at 50% 0%,#34d399,#047857 70%)}.result-fail{background:radial-gradient(120% 80% at 50% 0%,#f87171,#b91c1c 70%)}.result-card{background:var(--surface);color:var(--text);border-radius:28px;padding:30px 22px 22px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-lg);animation:popIn .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes popIn{0%{transform:scale(.85) translateY(10px)}to{transform:scale(1) translateY(0)}}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-66px;border:6px solid var(--surface)}.result-ok .result-icon{background:var(--green-500);box-shadow:0 10px 24px #05966966}.result-fail .result-icon{background:#ef4444;box-shadow:0 10px 24px #dc262666}.result-title{font-size:26px;font-weight:900;letter-spacing:1px}.result-ok .result-title{color:var(--green)}.result-fail .result-title{color:var(--red)}.result-sub{font-size:14px;color:var(--muted);text-align:center;max-width:270px}.result-codes{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin:6px 0 4px}.code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.code-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.code-val{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text);word-break:break-all;text-align:right}.code-divider{height:1px;background:var(--border);margin:7px 0}.result-notes{font-size:12.5px;color:var(--muted);align-self:stretch;padding-left:18px}.result-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.result-actions .btn{width:100%}.hist-screen,.admin-screen{background:var(--bg);display:flex;flex-direction:column}.filter-bar{display:flex;align-items:center;gap:8px;padding:12px 14px 0;color:var(--muted)}.select,.input{border:1.5px solid var(--border);border-radius:12px;padding:9px 12px;font-size:14px;background:var(--surface);color:var(--text);outline:none;min-width:0}.select:focus,.input:focus{border-color:var(--brand);box-shadow:var(--ring)}.grow{flex:1}.seg-tabs,.filter-tabs,.hist-source-tabs{display:flex;gap:4px;margin:12px 14px 0;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:4px}.seg-tab,.filter-tab,.source-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:none;border-radius:10px;background:none;font-size:13px;font-weight:650;color:var(--muted);transition:background .15s,color .15s}.seg-tab.active,.filter-tab.active,.source-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.filter-cnt{background:var(--border);border-radius:99px;padding:0 7px;font-size:11px;color:var(--muted)}.filter-tab.active .filter-cnt{background:var(--brand-50);color:var(--brand)}.hist-list,.admin-list{flex:1;overflow-y:auto;padding:12px 14px 24px;display:flex;flex-direction:column;gap:8px}.hist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:10px;color:var(--muted);text-align:center}.hist-empty-icon{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--subtle)}.hist-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.hist-item-header{display:flex;align-items:center;gap:12px;padding:13px 14px;background:none;border:none;width:100%;text-align:left}.result-badge{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.badge-match{background:var(--green-500)}.badge-fail{background:#ef4444}.hist-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hist-codes{font-size:14px;font-weight:700;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-user-time{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.svc-tag{font-size:10.5px;font-weight:700;letter-spacing:.3px;background:var(--brand-50);color:var(--brand);border-radius:6px;padding:1px 6px}.hist-chevron{color:var(--subtle);transform:rotate(90deg);transition:transform .2s}.hist-chevron.open{transform:rotate(-90deg)}.hist-detail{border-top:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface-2)}.hist-codes-detail{display:flex;align-items:center;gap:10px}.hist-code-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.hcd-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.hcd-val{font-family:var(--mono);font-size:13.5px;font-weight:700;word-break:break-all}.hcd-eq{font-size:20px;font-weight:900;flex-shrink:0}.hcd-eq.eq-ok{color:var(--green)}.hcd-eq.eq-fail{color:var(--red)}.hist-notes{font-size:13px;color:var(--muted)}.hist-notes-label{font-weight:650;color:var(--text)}.hist-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-wrap{display:flex;flex-direction:column;gap:5px}.photo-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.hist-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.hist-user-detail{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.hud-name{font-size:14px;font-weight:650}.hud-time{font-size:12px;color:var(--muted)}.sync-badge{font-size:11px;color:var(--amber)}.hist-footer{padding:8px 16px 28px;text-align:center}.confirm-clear{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:var(--red-light);border-radius:var(--radius)}.confirm-clear p{font-size:14px;font-weight:650;color:var(--red)}.confirm-btns{display:flex;gap:8px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0}.admin-count{font-size:13px;color:var(--muted);font-weight:600}.admin-user-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:11px 12px;box-shadow:var(--shadow-sm)}.admin-user-row.inactive{opacity:.6}.admin-user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.admin-user-actions{display:flex;gap:2px}.admin-section-label{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:10px 4px 2px}.svc-row-ic{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-50);color:var(--brand)}.admin-form-wrap{flex:1;overflow-y:auto;padding:18px 16px}.admin-form-title{font-size:18px;font-weight:750;margin-bottom:18px}.admin-form{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow-sm)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:650;color:var(--text)}.form-field input,.form-field select{border:1.5px solid var(--border);border-radius:12px;padding:11px 13px;font-size:15px;background:var(--surface);color:var(--text);outline:none}.form-field input:focus,.form-field select:focus{border-color:var(--brand);box-shadow:var(--ring)}.form-error{color:var(--red);font-size:13px;font-weight:600}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}.color-picker{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent}.color-swatch.active{border-color:var(--surface);box-shadow:0 0 0 2.5px var(--text)}.admin-confirm{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-card{background:var(--surface);border-radius:22px;border:1px solid var(--border);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:330px;width:100%;box-shadow:var(--shadow)}.confirm-title{font-size:18px;font-weight:750}.confirm-name{font-size:16px;font-weight:650}.confirm-hint{font-size:13px;color:var(--muted);text-align:center;line-height:1.5}.dash-body{flex:1;overflow-y:auto;padding:14px 14px 28px;display:flex;flex-direction:column;gap:12px}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px 8px;text-align:center;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-sm)}.dash-card.ok{background:var(--green-light);border-color:transparent}.dash-card.ok .dash-num{color:var(--green)}.dash-card.fail{background:var(--red-light);border-color:transparent}.dash-card.fail .dash-num{color:var(--red)}.dash-num{font-size:28px;font-weight:800;letter-spacing:-.5px}.dash-lbl{font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dash-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px;box-shadow:var(--shadow-sm)}.dash-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px}.dash-pct-head{display:flex;align-items:baseline;justify-content:space-between}.dash-pct-head .dash-section-title{margin-bottom:8px}.dash-pct-label{font-size:18px;color:var(--green)}.dash-pct-bar{height:10px;background:var(--border);border-radius:99px;overflow:hidden}.dash-pct-fill{height:100%;background:linear-gradient(90deg,var(--green-500),var(--green));border-radius:99px;transition:width .4s}.bar-row{display:flex;align-items:center;gap:10px;padding:5px 0}.bar-label{width:118px;font-size:13px;font-weight:650;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:8px;background:var(--border);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--brand);border-radius:99px}.bar-count{font-size:13px;font-weight:700;white-space:nowrap;min-width:62px;text-align:right}.bar-count small{font-weight:500;color:var(--muted);font-size:11.5px}.dash-hours{display:flex;align-items:flex-end;gap:4px;height:82px}.dash-hour-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1;height:100%}.dash-hour-bar{width:100%;max-width:22px;background:linear-gradient(180deg,#60a5fa,var(--brand));border-radius:6px 6px 2px 2px;min-height:4px}.dash-hour-label{font-size:9.5px;color:var(--muted)}.dash-log-row{display:flex;align-items:center;gap:12px;padding:11px 12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.dash-log-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-in{background:var(--green-light);color:var(--green)}.log-svc{background:var(--brand-50);color:var(--brand)}.log-out{background:var(--surface-2);color:var(--muted)}.log-fail{background:var(--red-light);color:var(--red)}.dash-log-info{flex:1;display:flex;flex-direction:column;min-width:0}.dash-log-name{font-size:14px;font-weight:650}.dash-log-action{font-size:12px;color:var(--muted)}.dash-log-time{font-size:12px;color:var(--muted);font-weight:600}.guide-add-wrap{margin:12px 14px 0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.guide-input{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:11px 13px;font-size:14px;background:var(--surface-2);color:var(--text);resize:none;outline:none;margin-bottom:10px}.guide-input:focus{border-color:var(--brand);box-shadow:var(--ring)}.guide-row{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;border:1px solid var(--border);padding:12px 14px}.guide-code{flex:1;font-size:15px;font-weight:700;font-family:var(--mono)}.validated-code{color:var(--green);text-decoration:line-through;opacity:.75}.guide-check{color:var(--green)}.guide-row.validated{background:var(--surface-2)}.settings-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px}.settings-section-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:12px 4px 4px}.settings-user-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px;margin-bottom:4px;box-shadow:var(--shadow-sm)}.settings-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;border:1px solid var(--border);padding:13px 14px;text-align:left;width:100%}.settings-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-50);color:var(--brand)}.settings-label{flex:1;font-size:15px;font-weight:600;color:var(--text);display:flex;flex-direction:column}.settings-label small{font-size:12.5px;color:var(--muted);font-weight:500}.toggle-switch{width:50px;height:28px;background:var(--border-strong);border-radius:99px;border:none;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--brand)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #00000040}.toggle-switch.on .toggle-thumb{left:25px}