*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{display:flex;flex-direction:column;min-height:100vh}.App{background-color:#f5f7fa}.container{flex-direction:column;margin:0 auto;max-width:500px}.container,.login-container{display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{align-items:center;background-color:#f5f7fa}.login-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 24px #0000000f;max-width:420px;padding:36px 32px;width:100%}.login-header{margin-bottom:28px;text-align:center}.login-logo{height:64px;margin-bottom:16px;object-fit:contain;width:auto}.login-title{color:#004a9c;font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:none}.login-subtitle{color:#000;font-size:1.1rem;font-weight:500;margin-bottom:0}.login-form{width:100%}.dashboard-container{background-color:#f5f7fa;display:flex;min-height:100vh}.dashboard-content{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-y:auto;padding:32px}.header{margin-bottom:40px;text-align:center}.title{color:#004a9c;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-shadow:none}.subtitle{color:#000;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:400px}.form{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 2px 8px #00000014;padding:32px}.form,.input-container{margin-bottom:24px}.label{display:block;font-weight:600;margin-bottom:8px}.input,.label{color:#000;font-size:1rem}.input{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;transition:all .3s ease;width:100%}.input:focus{border-color:#004a9c;box-shadow:0 0 0 3px #0b03721a;outline:none}.input select{cursor:pointer}.helper-text{color:#6c757d;font-size:.875rem;margin-top:6px}.verify-button{background:#004a9c;border:none;border-radius:12px;box-shadow:0 2px 8px #0b037233;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.verify-button:hover:not(:disabled){background:#003d7a;box-shadow:0 4px 12px #004a9c4d;transform:translateY(-2px)}.verify-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.footer{margin-top:32px;text-align:center}.footer-text{color:#000;font-size:.875rem;line-height:1.5}.footer-text a{color:#004a9c;font-weight:600;text-decoration:none}.footer-text a:hover{text-decoration:underline}.camera-container{background:#000;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden;position:relative}.camera-header{background:#000;color:#fff;padding:20px;text-align:center}.camera-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;position:relative}.video-container{border-radius:12px;box-shadow:0 8px 32px #0000004d;flex-shrink:0;margin:16px auto;max-height:50vh;max-width:520px;overflow:hidden;position:relative;width:100%}.video{display:block;height:auto;width:100%}.instructions-container{margin:0 auto;max-width:520px;padding:0 20px;width:100%}.instructions-toggle{background:#ffffffe6;border:2px solid #004a9c;border-radius:8px;color:#004a9c;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin:0 auto 10px;min-width:200px;padding:10px 16px;transition:all .3s ease;width:auto}.instructions-toggle:hover{background:#004a9c;color:#fff}.instructions{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 0 10px;padding:16px;text-align:center}.instructions h3{color:#000;font-size:1.1rem;margin-bottom:10px}.instructions p{color:#000;font-size:.9rem;line-height:1.5;margin-bottom:6px}.controls{background:#000;display:flex;flex-shrink:0;gap:16px;justify-content:center;padding:16px 20px}.control-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-button{background:#000;border:2px solid #fff;color:#fff}.back-button:hover{background:#333}.capture-button{background:#004a9c;color:#fff}.capture-button:hover{background:#003d7a}.capture-button:disabled{background:#6c757d;cursor:not-allowed}.status{background:#000c;border-radius:8px;color:#fff;font-weight:600;padding:12px 20px;position:absolute;right:20px;top:20px}.status.detecting{background:#0b0372e6}.status.success{background:#28a745cc}.status.error{background:#dc3545cc}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:8px;color:#dc3545;font-size:.875rem;margin-bottom:16px;padding:12px}.verification-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.verification-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#004a9c;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-message{font-size:1.5rem;font-weight:600;margin-bottom:10px;text-align:center}.verification-submessage{font-size:1rem;opacity:.8;text-align:center}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:1.5rem;font-weight:700}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-warning .toast-icon{color:#ffc107}.toast-info .toast-icon{color:#17a2b8}.toast-message{color:#000;flex:1 1;font-size:.95rem;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#000}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px}}.sidebar-navigation{background:#004a9c;box-shadow:2px 0 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.sidebar-brand{color:#fff;font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.sidebar-user-info{border-bottom:1px solid #ffffff1a;padding:20px}.user-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.user-email{color:#fff;font-size:.875rem;font-weight:600;word-break:break-word}.user-role{border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.user-role.admin{background:#ffc107;color:#000}.user-role.user{background:#fff3;color:#fff}.user-branch{color:#fffc;font-size:.75rem;word-break:break-word}.sidebar-nav-links{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 0}.nav-link{border-left:3px solid #0000;color:#fffc;display:block;font-size:.95rem;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff26;border-left-color:#ffc107;color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 0}.logout-link{color:#ffffffb3}.logout-link:hover{background:#dc354533;color:#fff}.dashboard-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.dashboard-section h2{border-bottom:2px solid #e9ecef;color:#004a9c;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:12px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dashboard-actions .verify-button{font-size:1rem;padding:12px 24px;width:auto}.link-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .3s ease}.link-card:hover{border-color:#004a9c;box-shadow:0 4px 12px #0000001a}.link-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.link-url{color:#004a9c;flex:1 1;font-weight:500;text-decoration:none;word-break:break-all}.link-url:hover{text-decoration:underline}.link-copy-btn{background:#004a9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.link-copy-btn:hover{background:#003d7a}.link-meta{grid-gap:12px;color:#6c757d;display:grid;font-size:.875rem;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.link-meta-item{display:flex;flex-direction:column;gap:4px}.link-meta-label{color:#000;font-weight:600}.link-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.link-status.active{background:#d4edda;color:#155724}.link-status.inactive{background:#f8d7da;color:#721c24}.empty-state{color:#6c757d;padding:40px 20px;text-align:center}.empty-state p{font-size:1rem;margin:0}@media (max-width:768px){.container{justify-content:flex-start;min-height:100vh;padding:16px}.form{padding:20px}.title{font-size:2rem}.video-container{margin:8px auto;max-height:45vh;max-width:100%}.camera-header{padding:12px 16px}.camera-header h2{font-size:1.2rem;margin-bottom:4px}.camera-header p{font-size:.85rem;margin:2px 0}.instructions-container{max-width:100%;padding:0 12px}.instructions{margin-bottom:8px;padding:12px}.instructions h3{font-size:1rem;margin-bottom:8px}.instructions p{font-size:.85rem;margin-bottom:4px}.instructions-toggle{font-size:.85rem;margin-bottom:8px;min-width:0;padding:8px 12px;width:100%}.controls{flex-wrap:wrap;gap:12px;padding:12px 16px}.control-button{font-size:.9rem;padding:10px 16px;width:100%}.dashboard-content{padding:16px}.nav-container{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.nav-user{justify-content:space-between;width:100%}.user-info{align-items:flex-start}.dashboard-actions{flex-direction:column}.dashboard-actions .verify-button{width:100%}.link-header{flex-direction:column}.link-copy-btn{width:100%}.link-meta{grid-template-columns:1fr}.status{margin:8px 12px;position:static;text-align:center;width:calc(100% - 24px)}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#004a9c;font-size:1.75rem;margin:0}.modal-body{padding:24px}.detail-section{margin-bottom:32px}.detail-section h3{border-bottom:2px solid #e9ecef;color:#004a9c;font-size:1.25rem;margin-bottom:16px;padding-bottom:8px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#f8f9fa;border-radius:6px;line-height:1.6;padding:12px}.detail-item strong{color:#000;display:block;font-weight:600;margin-bottom:4px}.address-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.address-type{color:#004a9c;font-size:1.1rem;font-weight:700;margin-bottom:12px}@media print{@page{size:A4;margin:1.5cm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important;margin:0;padding:0}.dashboard-content,.sidebar-navigation,.toast-container{display:none!important;visibility:hidden!important}.dashboard-container{background:#fff!important;position:static!important}.modal-overlay{align-items:flex-start!important;background:#fff!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;overflow:visible!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.modal-overlay,.modal-overlay *{visibility:visible!important}.modal-overlay .detail-section.print-show{display:block!important;visibility:visible!important}.modal-overlay .detail-section.print-hide{display:none!important;visibility:hidden!important}.modal-overlay .detail-grid{display:block!important;visibility:visible!important}.modal-overlay .detail-item{display:flex!important;visibility:visible!important}.modal-overlay div,.modal-overlay h2,.modal-overlay h3,.modal-overlay h4,.modal-overlay p,.modal-overlay span,.modal-overlay strong{color:#000!important;visibility:visible!important}.modal-content,.modal-overlay h2,.modal-overlay h3,.modal-overlay h4{display:block!important}.modal-content{background:#fff!important;border:none!important;box-shadow:none!important;height:auto!important;margin:0!important;max-height:none!important;max-width:100%!important;overflow:visible!important;padding:20px!important;position:relative!important;visibility:visible!important;width:100%!important}.modal-header{border-bottom:3px solid #004a9c!important;display:flex!important;justify-content:center!important;margin-bottom:30px!important;padding-bottom:15px!important;page-break-after:avoid;position:static!important;visibility:visible!important}.modal-header h2{color:#004a9c!important;font-size:24pt!important;font-weight:700!important;margin:0!important;text-align:center!important}.modal-header button{display:none!important}.modal-body{padding:0!important}.modal-body,.print-content{visibility:visible!important}.print-content{margin:0;padding:0}.detail-section.print-hide{display:none!important;visibility:hidden!important}.detail-section.print-show{display:block!important;visibility:visible!important}.detail-section,.modal-content,.print-content{background:#fff!important}.detail-section.print-photo-section{margin-bottom:40px;page-break-inside:avoid}.detail-section.print-photo-section>div[style]{align-items:center!important;display:block!important;flex-direction:column!important;gap:0!important;margin-bottom:0!important;text-align:center!important}.detail-section.print-photo-section h3{border-bottom:2px solid #004a9c;color:#004a9c;font-size:18pt;font-weight:700;margin-bottom:20px;padding-bottom:10px;text-align:left}.detail-section.print-photo-section img{border:2px solid #333!important;border-radius:4px!important;box-shadow:none!important;display:block!important;height:auto!important;margin:15px auto!important;max-height:250px!important;max-width:200px!important;width:auto!important}.detail-section.print-photo-section h4{color:#333!important;font-size:12pt!important;font-weight:600;margin-bottom:10px!important;margin-top:20px!important}.detail-section.print-photo-section>div[style]>div{margin-bottom:20px}.detail-section.print-personal-section{margin-bottom:0;page-break-inside:avoid}.detail-section.print-personal-section h3{border-bottom:2px solid #004a9c;color:#004a9c;font-size:18pt;font-weight:700;margin-bottom:20px;padding-bottom:10px}.detail-section.print-personal-section .detail-grid{display:block;gap:0;grid-template-columns:none}.detail-section.print-personal-section .detail-item{align-items:flex-start;background:#0000!important;border-bottom:1px solid #e0e0e0;border-radius:0;display:flex;line-height:1.8;padding:12px 0;page-break-inside:avoid}.detail-section.print-personal-section .detail-item:last-child{border-bottom:none}.detail-section.print-personal-section .detail-item strong{color:#000;display:inline-block;font-size:11pt;font-weight:600;margin-right:15px;min-width:140px}.detail-section.print-personal-section .detail-item strong:after{content:":"}.detail-section.print-personal-section .detail-item{color:#333!important;font-size:11pt!important}.detail-section{display:block!important;margin-bottom:30px;visibility:visible!important}.address-card,.detail-section{page-break-inside:avoid}.modal-overlay img{box-shadow:none!important;display:block!important;visibility:visible!important}.modal-overlay h3,.modal-overlay h4{display:block!important;page-break-after:avoid;visibility:visible!important}.btn,.link-copy-btn,button{display:none!important}.modal-overlay p,.modal-overlay span,.modal-overlay strong{color:#000!important;visibility:visible!important}.detail-section.print-personal-section .detail-item{display:flex!important;visibility:visible!important}}
/*# sourceMappingURL=main.01bfb275.css.map*/