body,html{margin:0;padding:0;border:none;background:#b6d7f3}#tpcc-screen[data-v-7976e4ff]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-7976e4ff]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-7976e4ff]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-7976e4ff]{width:150px}.logo img[data-v-7976e4ff]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-7976e4ff]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-7976e4ff]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px}.bar[data-v-7976e4ff]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-7976e4ff]{color:#047857}.subtitle.entry[data-v-7976e4ff],.subtitle.exit[data-v-7976e4ff]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-7976e4ff]{color:#780404}.content[data-v-7976e4ff]{display:flex;justify-content:space-between;gap:32px;align-items:center}.id-card-wrapper[data-v-7976e4ff]{justify-content:center;flex:1}.id-card-border[data-v-7976e4ff]{border:2px solid #fff;background:hsla(0,0%,100%,.25);padding:32px;border-radius:20px;display:flex;justify-content:center}.id-card-border.choose[data-v-7976e4ff]{flex-direction:column;gap:10px}.scan-section[data-v-7976e4ff]{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.scan-list[data-v-7976e4ff]{padding:15px;border-radius:12px;flex:1 1 45%}.scan-list h2[data-v-7976e4ff]{text-align:center;margin-bottom:12px;font-size:1.2rem;letter-spacing:.5px}.entry-list h2[data-v-7976e4ff]{color:#246b4d}.exit-list h2[data-v-7976e4ff]{color:#c0392b}.scan-card[data-v-7976e4ff]{display:flex;justify-content:space-between;padding:8px 12px;border:3px solid #fff;border-radius:12px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.scan-card[data-v-7976e4ff]:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.08)}.scan-card strong[data-v-7976e4ff]{font-size:.95rem;color:#333}.scan-card span[data-v-7976e4ff]{font-size:.85rem;color:#666}.cards-wrapper[data-v-7976e4ff]{display:flex;flex:wrap;justify-content:space-around}a[data-v-7976e4ff]{text-decoration:none}.card[data-v-7976e4ff]{width:400px;padding:20px;background:#f6f6f6;border:2px solid #000;border-radius:12px;text-align:center;font-size:25px;font-weight:700;color:#047857;text-decoration:none}.card-img[data-v-7976e4ff]{width:100%}.card-img img[data-v-7976e4ff]{width:100%;-o-object-fit:contain;object-fit:contain}.list-buttons[data-v-7976e4ff]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.list-buttons button[data-v-7976e4ff]{width:200px;padding:20px;border-radius:30px;background:transparent;cursor:pointer}.list-buttons button[data-v-7976e4ff]:hover{background:#000;color:#fff}@media (max-width:1200px){.container[data-v-7976e4ff]{padding:20px}.title[data-v-7976e4ff]{font-size:32px}.card[data-v-7976e4ff]{width:300px;font-size:28px}}@media (max-width:900px){.content[data-v-7976e4ff]{flex-direction:column;gap:20px}.cards-wrapper[data-v-7976e4ff]{flex-direction:column;align-items:center;gap:20px}.card[data-v-7976e4ff]{width:100%;max-width:400px}.list-buttons[data-v-7976e4ff]{flex-direction:row;flex-wrap:wrap;gap:15px}.list-buttons button[data-v-7976e4ff]{width:150px;padding:12px}.title[data-v-7976e4ff]{font-size:28px}}@media (max-width:600px){#tpcc-screen[data-v-7976e4ff]{padding:20px}.container[data-v-7976e4ff]{padding:16px;border-width:4px}.title[data-v-7976e4ff]{font-size:22px;text-align:center}.header[data-v-7976e4ff]{flex-direction:column;gap:10px}.card[data-v-7976e4ff]{font-size:22px;padding:15px}.list-buttons button[data-v-7976e4ff]{width:100%;max-width:200px;font-size:14px}.scan-list[data-v-7976e4ff]{flex:1 1 100%}.scan-card span[data-v-7976e4ff],.scan-card strong[data-v-7976e4ff]{font-size:.8rem}}.modal-overlay[data-v-2b03bff0]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.modal-box[data-v-2b03bff0]{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.25);width:400px;text-align:center;position:relative}.modal-close[data-v-2b03bff0]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.tab-header[data-v-2b03bff0]{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.tab-header button[data-v-2b03bff0]{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #ccc;cursor:pointer;background:#f5f5f5}.tab-header button.active[data-v-2b03bff0]{background:#007bff;color:#fff;border-color:#007bff}.qr-input[data-v-2b03bff0]{padding:.75rem;margin-top:1rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc;width:100%}.submit-btn[data-v-2b03bff0]{margin-top:1.5rem;background-color:#007bff;color:#fff;border:none;padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem;cursor:pointer}.submit-btn[data-v-2b03bff0]:hover{background-color:#0056b3}.hint[data-v-2b03bff0]{font-size:.875rem;color:#666;margin-top:.5rem}#tpcc-screen[data-v-016860d2]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-016860d2]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-016860d2]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-016860d2]{width:150px}.logo img[data-v-016860d2]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-016860d2]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-016860d2]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px}.bar[data-v-016860d2]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-016860d2]{color:#047857}.subtitle.entry[data-v-016860d2],.subtitle.exit[data-v-016860d2]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-016860d2]{color:#780404}.content[data-v-016860d2]{display:flex;justify-content:space-between;gap:32px;align-items:center}.entry-exit[data-v-016860d2]{flex:1;display:flex;flex-direction:column;gap:24px}.entry-label[data-v-016860d2]{width:160px;font-size:20px;font-weight:600;text-transform:uppercase;color:#374151;text-align:right}.entry-label .text-big[data-v-016860d2]{font-size:35px}.entry-box[data-v-016860d2]{margin-top:4px;width:120px;height:84px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;background-color:#fff;border:3px solid #000;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.entry-item[data-v-016860d2]{display:flex;align-items:center;justify-content:center;gap:20px}.id-card-wrapper[data-v-016860d2]{justify-content:center;flex:1}.id-card-border[data-v-016860d2]{border:2px solid #fff;background:hsla(0,0%,100%,.25);padding:32px;border-radius:20px;justify-content:center}.id-card-border.choose[data-v-016860d2]{flex-direction:column;gap:10px}.scan-btn[data-v-016860d2]{padding:20px;font-size:20px;background:transparent;border:3px solid #000;border-radius:20px;cursor:pointer;font-weight:700}.scan-btn[data-v-016860d2]:hover{background:#374151;color:#fff}.photo-box[data-v-016860d2]{width:250px;height:250px;background-color:#fff;border:3px solid #000;border-radius:24px;margin-bottom:16px}.photo-box img[data-v-016860d2]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:24px}.member-name[data-v-016860d2]{font-size:25px;font-weight:700}.member-date[data-v-016860d2]{font-size:18px;color:#6b7280;margin-bottom:16px}.info-boxes[data-v-016860d2]{display:flex;gap:24px;margin-top:8px;margin-bottom:24px}.info-box[data-v-016860d2]{text-align:center}.info-label[data-v-016860d2]{font-size:16px;color:#6b7280;margin-bottom:4px}.info-square[data-v-016860d2]{width:100px;height:75px;background-color:#fff;border:3px solid #000;border-radius:12px;align-items:center;text-align:center;font-size:30px;display:flex;justify-content:center;font-weight:700}.status-item[data-v-016860d2]{margin-top:16px}.status-label[data-v-016860d2]{font-size:20px;color:#6b7280;margin-bottom:2px}.status-value[data-v-016860d2]{font-weight:700;font-size:28px}.status-value.active[data-v-016860d2]{color:#059669}.branding[data-v-016860d2]{margin-top:40px;text-align:center}.branding-logo[data-v-016860d2]{width:200px;-o-object-fit:contain;object-fit:contain}.btn-confirm[data-v-016860d2]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#047857}.btn-confirm[data-v-016860d2]:hover{padding:20px;font-size:18px;background-color:#047857;border-radius:20px;width:100%;color:#fff}.btn-cancel[data-v-016860d2]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#780404}.btn-cancel[data-v-016860d2]:hover{padding:20px;font-size:18px;background-color:#780404;border-radius:20px;width:100%;color:#fff}.branding-subtext[data-v-016860d2]{text-transform:uppercase;font-size:10px;color:#6b7280;letter-spacing:2px}@media (max-width:1024px){.header[data-v-016860d2]{text-align:center;gap:16px}.title[data-v-016860d2]{font-size:32px}.content[data-v-016860d2]{flex-direction:column;align-items:center;gap:24px}.cards-wrapper[data-v-016860d2]{flex-direction:column;align-items:center;gap:20px}.card[data-v-016860d2]{width:80%;font-size:32px}.list-buttons[data-v-016860d2]{flex-direction:row;gap:20px}.list-buttons button[data-v-016860d2]{width:150px;padding:15px}}@media (max-width:640px){#tpcc-screen[data-v-016860d2]{padding:20px}.container[data-v-016860d2]{padding:16px;border-width:4px}.title[data-v-016860d2]{font-size:24px}.card[data-v-016860d2]{width:100%;font-size:24px}.list-buttons[data-v-016860d2]{flex-direction:column;gap:16px}.list-buttons button[data-v-016860d2]{width:100%;padding:12px;font-size:16px}.logo[data-v-016860d2]{width:100px}.logo img[data-v-016860d2]{width:100%}.header[data-v-016860d2]{display:flex;flex-direction:column;align-items:center;gap:12px}.logo[data-v-016860d2]{width:120px;margin-bottom:8px}.title[data-v-016860d2]{font-size:22px;margin:0}.menu-icon[data-v-016860d2]{margin-top:6px;font-size:20px}}@media (max-width:1024px){.header[data-v-016860d2]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.logo[data-v-016860d2]{width:140px}.title[data-v-016860d2]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-016860d2]{font-size:22px}.button-group[data-v-016860d2]{display:flex;justify-content:space-between;gap:12px;width:100%;padding:0 16px}.button-group button[data-v-016860d2]{flex:1}.id-card-wrapper[data-v-016860d2]{width:100%}}@media (max-width:800px){.logo[data-v-016860d2]{width:100px}.title[data-v-016860d2]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-016860d2]{font-size:18px}}#tpcc-screen[data-v-09b7a888]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-09b7a888]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-09b7a888]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-09b7a888]{width:150px}.logo img[data-v-09b7a888]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-09b7a888]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-09b7a888]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px;color:#000;font-size:20px;font-weight:700}a[data-v-09b7a888]{text-decoration:none}.bar[data-v-09b7a888]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-09b7a888]{color:#047857}.subtitle.entry[data-v-09b7a888],.subtitle.exit[data-v-09b7a888]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-09b7a888]{color:#780404}.content[data-v-09b7a888]{display:flex;justify-content:space-between;gap:32px;align-items:center}.id-card-wrapper[data-v-09b7a888]{justify-content:center;flex:1}.id-card-border[data-v-09b7a888]{border:2px solid #fff;background:hsla(0,0%,100%,.25);border-radius:20px;display:flex;justify-content:center}.id-card-border.choose[data-v-09b7a888]{flex-direction:column;gap:10px}.scan-section[data-v-09b7a888]{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;font-size:18px}.scan-list[data-v-09b7a888]{padding:15px;border-radius:12px;flex:1 1 45%}.scan-list h2[data-v-09b7a888]{text-align:center;margin-bottom:12px;font-size:1.2rem;letter-spacing:.5px}.entry-list h2[data-v-09b7a888]{color:#246b4d}.exit-list h2[data-v-09b7a888]{color:#c0392b}.scan-card[data-v-09b7a888]{display:flex;justify-content:space-between;padding:8px 12px;border:3px solid #fff;border-radius:12px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.scan-card[data-v-09b7a888]:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.08)}.scan-card strong[data-v-09b7a888]{font-size:1.1rem;color:#333}.scan-card span[data-v-09b7a888]{font-size:1rem;color:#666}.view-timer[data-v-09b7a888]{font-size:20px;text-decoration:underline;cursor:pointer}.reset-wrapper[data-v-09b7a888]{display:flex;justify-content:center}.btn-reset[data-v-09b7a888]{padding:6px 12px;font-size:15px;background-color:#b91c1c;border:3px solid #000;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-reset[data-v-09b7a888]:hover{background-color:#7f1d1d}table[data-v-09b7a888]{font-size:20px}@media (max-width:1024px){.logo[data-v-09b7a888]{width:140px}.title[data-v-09b7a888]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-09b7a888]{font-size:22px}table[data-v-09b7a888]{font-size:18px}.content[data-v-09b7a888]{flex-direction:column;gap:20px}.scan-section[data-v-09b7a888]{flex-direction:column}.scan-list[data-v-09b7a888]{flex:1 1 100%}.id-card-wrapper[data-v-09b7a888]{width:100%}}@media (max-width:800px){.logo[data-v-09b7a888]{width:100px}.title[data-v-09b7a888]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-09b7a888]{font-size:18px}table[data-v-09b7a888]{font-size:15px}}.modal-overlay[data-v-b72ba8e2]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.modal-box[data-v-b72ba8e2]{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.25);width:400px;text-align:center;position:relative}.modal-close[data-v-b72ba8e2]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.tab-header[data-v-b72ba8e2]{display:flex;justify-content:center;margin:1rem 0;gap:1rem}.tab-header button[data-v-b72ba8e2]{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #ccc;cursor:pointer;background:#f5f5f5}.tab-header button.active[data-v-b72ba8e2]{background:#007bff;color:#fff;border-color:#007bff}.scanner-box[data-v-b72ba8e2]{padding:2rem;border:2px dashed #aaa;border-radius:.5rem;margin-top:1rem}.fake-scan-btn[data-v-b72ba8e2]{margin-top:1rem;background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.qr-input[data-v-b72ba8e2]{padding:.75rem;margin-top:1rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc}.submit-btn[data-v-b72ba8e2]{margin-top:1.5rem;background-color:#007bff;color:#fff;border:none;padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem;cursor:pointer}.submit-btn[data-v-b72ba8e2]:hover{background-color:#0056b3}#tpcc-screen[data-v-01323f85]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-01323f85]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-01323f85]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-01323f85]{width:150px}.logo img[data-v-01323f85]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-01323f85]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-01323f85]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px}.bar[data-v-01323f85]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-01323f85]{color:#047857}.subtitle.entry[data-v-01323f85],.subtitle.exit[data-v-01323f85]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-01323f85]{color:#780404}.content[data-v-01323f85]{display:flex;justify-content:space-between;gap:32px;align-items:center}.entry-exit[data-v-01323f85]{flex:1;display:flex;flex-direction:column;gap:24px}.entry-label[data-v-01323f85]{width:160px;font-size:20px;font-weight:600;text-transform:uppercase;color:#374151;text-align:right}.entry-label .text-big[data-v-01323f85]{font-size:35px}.entry-box[data-v-01323f85]{margin-top:4px;width:120px;height:84px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;background-color:#fff;border:3px solid #000;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.entry-item[data-v-01323f85]{display:flex;align-items:center;justify-content:center;gap:20px}.id-card-wrapper[data-v-01323f85]{justify-content:center;flex:1}.id-card-border[data-v-01323f85]{border:2px solid #fff;background:hsla(0,0%,100%,.25);padding:32px;border-radius:20px;justify-content:center}.id-card-border.choose[data-v-01323f85]{flex-direction:column;gap:10px}.scan-btn[data-v-01323f85]{padding:20px;font-size:20px;background:transparent;border:3px solid #000;border-radius:20px;cursor:pointer;font-weight:700}.scan-btn[data-v-01323f85]:hover{background:#374151;color:#fff}.photo-box[data-v-01323f85]{width:250px;height:250px;background-color:#fff;border:3px solid #000;border-radius:24px;margin-bottom:16px}.photo-box img[data-v-01323f85]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;border-radius:24px}.member-name[data-v-01323f85]{font-size:25px;font-weight:700}.member-date[data-v-01323f85]{font-size:18px;color:#6b7280;margin-bottom:16px}.info-boxes[data-v-01323f85]{display:flex;gap:24px;margin-top:8px;margin-bottom:24px}.info-box[data-v-01323f85]{text-align:center}.info-label[data-v-01323f85]{font-size:16px;color:#6b7280;margin-bottom:4px}.info-square[data-v-01323f85]{width:100px;height:75px;background-color:#fff;border:3px solid #000;border-radius:12px;align-items:center;text-align:center;font-size:30px;display:flex;justify-content:center;font-weight:700}.status-item[data-v-01323f85]{margin-top:16px}.status-label[data-v-01323f85]{font-size:20px;color:#6b7280;margin-bottom:2px}.status-value[data-v-01323f85]{font-weight:700;font-size:28px}.status-value.active[data-v-01323f85]{color:#059669}.branding[data-v-01323f85]{margin-top:40px;text-align:center}.branding-logo[data-v-01323f85]{width:200px;-o-object-fit:contain;object-fit:contain}.btn-confirm[data-v-01323f85]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#047857}.btn-confirm[data-v-01323f85]:hover{padding:20px;font-size:18px;background-color:#047857;border-radius:20px;width:100%;color:#fff}.btn-cancel[data-v-01323f85]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#780404}.btn-cancel[data-v-01323f85]:hover{padding:20px;font-size:18px;background-color:#780404;border-radius:20px;width:100%;color:#fff}.branding-subtext[data-v-01323f85]{text-transform:uppercase;font-size:10px;color:#6b7280;letter-spacing:2px}.dropdown[data-v-01323f85]{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:12px;background-color:#fff;font-size:16px;font-weight:500;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-bottom:20px}.dropdown[data-v-01323f85]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.dropdown[data-v-01323f85]:hover{border-color:#999}.dropdown-label[data-v-01323f85]{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:#444}@media (max-width:1024px){.header[data-v-01323f85]{text-align:center;gap:16px}.title[data-v-01323f85]{font-size:32px}.content[data-v-01323f85]{flex-direction:column;align-items:center;gap:24px}.cards-wrapper[data-v-01323f85]{flex-direction:column;align-items:center;gap:20px}.card[data-v-01323f85]{width:80%;font-size:32px}.list-buttons[data-v-01323f85]{flex-direction:row;gap:20px}.list-buttons button[data-v-01323f85]{width:150px;padding:15px}}@media (max-width:640px){#tpcc-screen[data-v-01323f85]{padding:20px}.container[data-v-01323f85]{padding:16px;border-width:4px}.title[data-v-01323f85]{font-size:24px}.card[data-v-01323f85]{width:100%;font-size:24px}.list-buttons[data-v-01323f85]{flex-direction:column;gap:16px}.list-buttons button[data-v-01323f85]{width:100%;padding:12px;font-size:16px}.logo[data-v-01323f85]{width:100px}.logo img[data-v-01323f85]{width:100%}.header[data-v-01323f85]{display:flex;flex-direction:column;align-items:center;gap:12px}.logo[data-v-01323f85]{width:120px;margin-bottom:8px}.title[data-v-01323f85]{font-size:22px;margin:0}.menu-icon[data-v-01323f85]{margin-top:6px;font-size:20px}}@media (max-width:1024px){.header[data-v-01323f85]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.logo[data-v-01323f85]{width:140px}.title[data-v-01323f85]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-01323f85]{font-size:22px}.button-group[data-v-01323f85]{display:flex;justify-content:space-between;gap:12px;width:100%;padding:0 16px}.button-group button[data-v-01323f85]{flex:1}.id-card-wrapper[data-v-01323f85]{width:100%}}@media (max-width:800px){.logo[data-v-01323f85]{width:100px}.title[data-v-01323f85]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-01323f85]{font-size:18px}}#tpcc-screen[data-v-7f687512]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-7f687512]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-7f687512]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-7f687512]{width:150px}.logo img[data-v-7f687512]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-7f687512]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-7f687512]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px;color:#000;font-size:20px;font-weight:700}a[data-v-7f687512]{text-decoration:none}.bar[data-v-7f687512]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-7f687512]{color:#047857}.subtitle.entry[data-v-7f687512],.subtitle.exit[data-v-7f687512]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-7f687512]{color:#780404}.content[data-v-7f687512]{display:flex;justify-content:space-between;gap:32px;align-items:center}.id-card-wrapper[data-v-7f687512]{justify-content:center;flex:1}.id-card-border[data-v-7f687512]{border:2px solid #fff;background:hsla(0,0%,100%,.25);border-radius:20px;display:flex;justify-content:center}.id-card-border.choose[data-v-7f687512]{flex-direction:column;gap:10px}.scan-section[data-v-7f687512]{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;font-size:18px}.scan-list[data-v-7f687512]{padding:15px;border-radius:12px;flex:1 1 45%}.scan-list h2[data-v-7f687512]{text-align:center;margin-bottom:12px;font-size:1.2rem;letter-spacing:.5px}.entry-list h2[data-v-7f687512]{color:#246b4d}.exit-list h2[data-v-7f687512]{color:#c0392b}.scan-card[data-v-7f687512]{display:flex;justify-content:space-between;padding:8px 12px;border:3px solid #fff;border-radius:12px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.scan-card[data-v-7f687512]:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.08)}.scan-card strong[data-v-7f687512]{font-size:1.1rem;color:#333}.scan-card span[data-v-7f687512]{font-size:1rem;color:#666}.view-timer[data-v-7f687512]{font-size:20px;text-decoration:underline;cursor:pointer}.reset-wrapper[data-v-7f687512]{display:flex;justify-content:center}.btn-reset[data-v-7f687512]{padding:6px 12px;font-size:15px;background-color:#b91c1c;border:3px solid #000;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-reset[data-v-7f687512]:hover{background-color:#7f1d1d}table[data-v-7f687512]{font-size:20px}@media (max-width:1024px){.logo[data-v-7f687512]{width:140px}.title[data-v-7f687512]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-7f687512]{font-size:22px}table[data-v-7f687512]{font-size:18px}.content[data-v-7f687512]{flex-direction:column;gap:20px}.scan-section[data-v-7f687512]{flex-direction:column}.scan-list[data-v-7f687512]{flex:1 1 100%}.id-card-wrapper[data-v-7f687512]{width:100%}}@media (max-width:800px){.logo[data-v-7f687512]{width:100px}.title[data-v-7f687512]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-7f687512]{font-size:18px}table[data-v-7f687512]{font-size:15px}}.modal-overlay[data-v-062a570c]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.modal-box[data-v-062a570c]{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.25);width:400px;text-align:center;position:relative}.modal-close[data-v-062a570c]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.tab-header[data-v-062a570c]{display:flex;justify-content:center;margin:1rem 0;gap:1rem}.tab-header button[data-v-062a570c]{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #ccc;cursor:pointer;background:#f5f5f5}.tab-header button.active[data-v-062a570c]{background:#007bff;color:#fff;border-color:#007bff}.scanner-box[data-v-062a570c]{padding:2rem;border:2px dashed #aaa;border-radius:.5rem;margin-top:1rem}.fake-scan-btn[data-v-062a570c]{margin-top:1rem;background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.qr-input[data-v-062a570c]{padding:.75rem;margin-top:1rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc}.submit-btn[data-v-062a570c]{margin-top:1.5rem;background-color:#007bff;color:#fff;border:none;padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem;cursor:pointer}.submit-btn[data-v-062a570c]:hover{background-color:#0056b3}#tpcc-screen[data-v-804ac4ee]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-804ac4ee]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-804ac4ee]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-804ac4ee]{width:150px}.logo img[data-v-804ac4ee]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-804ac4ee]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-804ac4ee]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px}.bar[data-v-804ac4ee]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-804ac4ee]{color:#047857}.subtitle.entry[data-v-804ac4ee],.subtitle.exit[data-v-804ac4ee]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-804ac4ee]{color:#780404}.content[data-v-804ac4ee]{display:flex;justify-content:space-between;gap:32px;align-items:center}.entry-exit[data-v-804ac4ee]{flex:1;display:flex;flex-direction:column;gap:24px}.entry-label[data-v-804ac4ee]{width:160px;font-size:20px;font-weight:600;text-transform:uppercase;color:#374151;text-align:right}.entry-label .text-big[data-v-804ac4ee]{font-size:35px}.entry-box[data-v-804ac4ee]{margin-top:4px;width:120px;height:84px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;background-color:#fff;border:3px solid #000;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.entry-item[data-v-804ac4ee]{display:flex;align-items:center;justify-content:center;gap:20px}.id-card-wrapper[data-v-804ac4ee]{justify-content:center;flex:1}.id-card-border[data-v-804ac4ee]{border:2px solid #fff;background:hsla(0,0%,100%,.25);padding:32px;border-radius:20px;justify-content:center}.id-card-border.choose[data-v-804ac4ee]{flex-direction:column;gap:10px}.scan-btn[data-v-804ac4ee]{padding:20px;font-size:20px;background:transparent;border:3px solid #000;border-radius:20px;cursor:pointer;font-weight:700}.scan-btn[data-v-804ac4ee]:hover{background:#374151;color:#fff}.photo-box[data-v-804ac4ee]{width:250px;height:250px;background-color:#fff;border:3px solid #000;border-radius:24px;margin-bottom:16px}.photo-box img[data-v-804ac4ee]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:24px}.member-name[data-v-804ac4ee]{font-size:25px;font-weight:700}.member-date[data-v-804ac4ee]{font-size:18px;color:#6b7280;margin-bottom:16px}.info-boxes[data-v-804ac4ee]{display:flex;gap:24px;margin-top:8px;margin-bottom:24px}.info-box[data-v-804ac4ee]{text-align:center}.info-label[data-v-804ac4ee]{font-size:16px;color:#6b7280;margin-bottom:4px}.info-square[data-v-804ac4ee]{width:100px;height:75px;background-color:#fff;border:3px solid #000;border-radius:12px;align-items:center;text-align:center;font-size:30px;display:flex;justify-content:center;font-weight:700}.status-item[data-v-804ac4ee]{margin-top:16px}.status-label[data-v-804ac4ee]{font-size:20px;color:#6b7280;margin-bottom:2px}.status-value[data-v-804ac4ee]{font-weight:700;font-size:28px}.status-value.active[data-v-804ac4ee]{color:#059669}.branding[data-v-804ac4ee]{margin-top:40px;text-align:center}.branding-logo[data-v-804ac4ee]{width:200px;-o-object-fit:contain;object-fit:contain}.btn-confirm[data-v-804ac4ee]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#047857}.btn-confirm[data-v-804ac4ee]:hover{padding:20px;font-size:18px;background-color:#047857;border-radius:20px;width:100%;color:#fff}.btn-cancel[data-v-804ac4ee]{padding:20px;font-size:18px;background-color:transparent;border-radius:20px;width:100%;color:#780404}.btn-cancel[data-v-804ac4ee]:hover{padding:20px;font-size:18px;background-color:#780404;border-radius:20px;width:100%;color:#fff}.branding-subtext[data-v-804ac4ee]{text-transform:uppercase;font-size:10px;color:#6b7280;letter-spacing:2px}.dropdown[data-v-804ac4ee]{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:12px;background-color:#fff;font-size:16px;font-weight:500;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-bottom:20px}.dropdown[data-v-804ac4ee]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.dropdown[data-v-804ac4ee]:hover{border-color:#999}.dropdown-label[data-v-804ac4ee]{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:#444}@media (max-width:1024px){.header[data-v-804ac4ee]{text-align:center;gap:16px}.title[data-v-804ac4ee]{font-size:32px}.content[data-v-804ac4ee]{flex-direction:column;align-items:center;gap:24px}.cards-wrapper[data-v-804ac4ee]{flex-direction:column;align-items:center;gap:20px}.card[data-v-804ac4ee]{width:80%;font-size:32px}.list-buttons[data-v-804ac4ee]{flex-direction:row;gap:20px}.list-buttons button[data-v-804ac4ee]{width:150px;padding:15px}}@media (max-width:640px){#tpcc-screen[data-v-804ac4ee]{padding:20px}.container[data-v-804ac4ee]{padding:16px;border-width:4px}.title[data-v-804ac4ee]{font-size:24px}.card[data-v-804ac4ee]{width:100%;font-size:24px}.list-buttons[data-v-804ac4ee]{flex-direction:column;gap:16px}.list-buttons button[data-v-804ac4ee]{width:100%;padding:12px;font-size:16px}.logo[data-v-804ac4ee]{width:100px}.logo img[data-v-804ac4ee]{width:100%}.header[data-v-804ac4ee]{display:flex;flex-direction:column;align-items:center;gap:12px}.logo[data-v-804ac4ee]{width:120px;margin-bottom:8px}.title[data-v-804ac4ee]{font-size:22px;margin:0}.menu-icon[data-v-804ac4ee]{margin-top:6px;font-size:20px}}@media (max-width:1024px){.header[data-v-804ac4ee]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.logo[data-v-804ac4ee]{width:140px}.title[data-v-804ac4ee]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-804ac4ee]{font-size:22px}.button-group[data-v-804ac4ee]{display:flex;justify-content:space-between;gap:12px;width:100%;padding:0 16px}.button-group button[data-v-804ac4ee]{flex:1}.id-card-wrapper[data-v-804ac4ee]{width:100%}}@media (max-width:800px){.logo[data-v-804ac4ee]{width:100px}.title[data-v-804ac4ee]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-804ac4ee]{font-size:18px}}#tpcc-screen[data-v-508cfb48]{background:linear-gradient(180deg,#cce6f9,#a8d0f0);min-height:100vh;font-family:Segoe UI,sans-serif;padding:60px}.container[data-v-508cfb48]{max-width:1400px;margin:0 auto;padding:32px;border:8px solid #000;border-radius:30px}.header[data-v-508cfb48]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-508cfb48]{width:150px}.logo img[data-v-508cfb48]{width:100%;-o-object-fit:contain;object-fit:contain}.title[data-v-508cfb48]{font-size:40px;font-weight:700;color:#065f46;text-align:center;align-self:center}.menu[data-v-508cfb48]{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:10px;color:#000;font-size:20px;font-weight:700}a[data-v-508cfb48]{text-decoration:none}.bar[data-v-508cfb48]{width:40px;height:4px;background-color:#065f46;border-radius:4px;transition:all .3s ease}.subtitle.entry[data-v-508cfb48]{color:#047857}.subtitle.entry[data-v-508cfb48],.subtitle.exit[data-v-508cfb48]{font-size:25px;font-weight:600;text-align:center;margin-bottom:15px}.subtitle.exit[data-v-508cfb48]{color:#780404}.content[data-v-508cfb48]{display:flex;justify-content:space-between;gap:32px;align-items:center}.id-card-wrapper[data-v-508cfb48]{justify-content:center;flex:1}.id-card-border[data-v-508cfb48]{border:2px solid #fff;background:hsla(0,0%,100%,.25);border-radius:20px;display:flex;justify-content:center}.id-card-border.choose[data-v-508cfb48]{flex-direction:column;gap:10px}.scan-section[data-v-508cfb48]{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;font-size:18px}.scan-list[data-v-508cfb48]{padding:15px;border-radius:12px;flex:1 1 45%}.scan-list h2[data-v-508cfb48]{text-align:center;margin-bottom:12px;font-size:1.2rem;letter-spacing:.5px}.entry-list h2[data-v-508cfb48]{color:#246b4d}.exit-list h2[data-v-508cfb48]{color:#c0392b}.scan-card[data-v-508cfb48]{display:flex;justify-content:space-between;padding:8px 12px;border:3px solid #fff;border-radius:12px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.scan-card[data-v-508cfb48]:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.08)}.scan-card strong[data-v-508cfb48]{font-size:1.1rem;color:#333}.scan-card span[data-v-508cfb48]{font-size:1rem;color:#666}.view-timer[data-v-508cfb48]{font-size:20px;text-decoration:underline;cursor:pointer}.reset-wrapper[data-v-508cfb48]{display:flex;justify-content:center}.btn-reset[data-v-508cfb48]{padding:6px 12px;font-size:15px;background-color:#b91c1c;border:3px solid #000;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-reset[data-v-508cfb48]:hover{background-color:#7f1d1d}table[data-v-508cfb48]{font-size:20px}@media (max-width:1024px){.logo[data-v-508cfb48]{width:140px}.title[data-v-508cfb48]{font-size:30px;flex:1;text-align:center}.menu-icon[data-v-508cfb48]{font-size:22px}table[data-v-508cfb48]{font-size:18px}.content[data-v-508cfb48]{flex-direction:column;gap:20px}.scan-section[data-v-508cfb48]{flex-direction:column}.scan-list[data-v-508cfb48]{flex:1 1 100%}.id-card-wrapper[data-v-508cfb48]{width:100%}}@media (max-width:800px){.logo[data-v-508cfb48]{width:100px}.title[data-v-508cfb48]{font-size:20px;flex:1;text-align:center}.menu-icon[data-v-508cfb48]{font-size:18px}table[data-v-508cfb48]{font-size:15px}}