@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";:root{--bg-color: #ffffff;--card-bg: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--accent-color: #002147;--secondary-green: #ff6600;--alert-color: #ffcc00;--success-color: #198754;--error-color: #cf222e;--border-color: #e1e4e8}body{margin:0;font-family:Lato,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;background-color:var(--accent-color);color:#fff;padding:1rem 0;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.navbar-content{width:100%;max-width:none;margin:0;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.navbar-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.navbar-logo{height:64px;background-color:transparent;border-radius:4px;margin:-12px 0}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;width:100%;box-sizing:border-box;align-items:start}.page-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.left-column{display:flex;flex-direction:column;gap:2rem}.right-column{height:100%}.access-panel{background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:0 4px 20px #0000000d;height:auto;min-height:600px}.access-camera-box{position:relative;min-height:450px;background-color:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;width:100%}.access-panel.waiting{border-color:var(--border-color);background-color:#fcfcfc}.access-panel.success{border-color:var(--success-color);background-color:#f0fff4;box-shadow:0 0 30px #2da44e33}.access-panel.error{border-color:var(--error-color);background-color:#fff5f5}.access-photo-large{width:180px;height:180px;border-radius:50%;background:#f6f8fa;margin-bottom:2rem;border:6px solid #e1e4e8;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--text-secondary);position:relative}@keyframes spin-dashed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-panel.waiting .access-photo-large{border-color:transparent;background:#fff}.access-panel.waiting .access-photo-large:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:6px solid #e1e4e8;border-top-color:var(--accent-color);animation:spin-dashed 1.5s linear infinite}.success .access-photo-large{border-color:var(--success-color);color:var(--success-color);background-color:#fff}.access-title{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.access-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:400px;text-align:left}.info-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.info-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block}.info-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:block}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.card h2{margin-top:0;font-size:1rem;color:var(--text-secondary)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.table-container{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}th{background-color:#f6f8fa;color:var(--text-secondary);font-weight:600}tr:hover{background-color:#f6f8fa}.badge{padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background-color:#dafbe1;color:#1a7f37}.badge-error{background-color:#ffebe9;color:#cf222e}.badge-neutral{background-color:#eff1f3;color:#57606a}.badge-light{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.modal-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1.1rem;margin-bottom:1.5rem;box-sizing:border-box;transition:border-color .2s;text-align:center}.modal-input:focus{border-color:var(--accent-color);outline:none}.modal-actions{display:flex;gap:1rem;justify-content:center}.btn-primary{background-color:var(--accent-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#007a4a}.btn-secondary{background-color:#f1f3f5;color:var(--text-secondary);border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#e9ecef}.menu-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-right:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.menu-btn:hover{background-color:#ffffff1a}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--accent-color);z-index:2001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 12px #0003;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.close-btn:hover{opacity:1}.sidebar-links{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#ffffffe6;border-radius:6px;font-weight:500;transition:all .2s}.sidebar-link:hover{background-color:#ffffff1a;color:#fff}.sidebar-link.active{background-color:#fff;color:var(--accent-color);font-weight:700;box-shadow:0 2px 5px #0000001a}.sidebar-icon{display:none}@keyframes progressBar{0%{width:100%}to{width:0%}}@media(max-width:968px){.main-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.right-column{order:-1;width:100%;margin-bottom:1rem;height:auto}.access-panel{min-height:auto;padding:0;border:none;background:transparent;box-shadow:none}.access-camera-box{min-height:300px;height:300px;border-radius:8px;width:100%;margin:0 auto}.access-camera-box video{object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important}.dashboard-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem}.dashboard-grid .card{padding:.5rem!important;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.dashboard-grid .card h2{font-size:.7rem;text-align:center;margin-bottom:.3rem;line-height:1.1;height:2.2em;display:flex;align-items:center;justify-content:center}.dashboard-grid .stat-value{font-size:1.3rem}.dashboard-grid .card div[style*="height: 6px"],.dashboard-grid .card div[style*="justify-content: space-between"]{display:none!important}}@media(max-width:600px){.navbar{padding:.5rem 0}.navbar-logo{height:48px;margin:-4px 0}.navbar-title{font-size:1.2rem}.navbar-content{padding:0 1rem}}