@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";:root{--primary-green: #00995D;--secondary-green: #B1D34B;--dark-green: #004E4C;--accent-orange: #F47920;--support-rose: #D2A494;--support-pink: #F1CDCD;--support-beige: #ECE3D9;--support-yellow: #FFE596;--support-light-green: #CDE3BB;--support-light-blue: #A4D8DE;--support-dark-blue: #0054A6;--accent-color: var(--primary-green);--success-color: var(--primary-green);--alert-color: var(--accent-orange);--error-color: #cf222e;--warning-color: var(--support-yellow);--info-color: var(--support-light-blue);--basic-black: #1a1a1a;--basic-gray-900: #2d3748;--basic-gray-700: #495057;--basic-gray-500: #6c757d;--basic-gray-300: #a0aec0;--basic-gray-100: #e2e8f0;--bg-color: #ffffff;--card-bg: #f8f9fa;--text-primary: var(--basic-gray-900);--text-secondary: var(--basic-gray-500);--border-color: var(--basic-gray-100);--modal-avatar-size: 80px;--modal-scanner-height: 320px;--modal-spacing: 1.5rem}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}.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}@media(max-width:968px){.main-layout{grid-template-columns:1fr}}.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;text-align:center;height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.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-panel.warning{border-color:var(--support-yellow);background-color:#fffcf0;box-shadow:0 0 30px #ffe5964d}.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}.totem-circle{width:200px;height:200px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fff;margin:0 auto;border:4px solid transparent}.totem-circle-animated:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:6px solid #e1e4e8;border-top-color:var(--accent-color);animation:spin-dashed 1.5s linear infinite}.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:1rem;box-shadow:0 2px 8px #0000000d}.card h2{margin-top:0;font-size:.85rem;color:var(--text-secondary)}.stat-value{font-size:1.5rem;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,.table-row-clickable:hover{background-color:#f6f8fa}.table-row-clickable:hover{background-color:#edf2f7;transition:background-color .2s}.badge{padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background-color:var(--support-light-green);color:var(--dark-green)}.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:flex-start;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:2rem 1rem}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:0 10px 25px #0003;transform:translateY(20px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.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}@media(max-height:800px){.modal-overlay{padding:1rem .5rem}.modal-content{padding:1.2rem}.modal-header{margin-bottom:1rem;font-size:1.1rem}.modal-input{padding:.75rem;margin-bottom:1rem;font-size:1rem}:root{--modal-avatar-size: 60px;--modal-scanner-height: 240px;--modal-spacing: .8rem}}.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:var(--dark-green);transform:translateY(-1px);box-shadow:0 4px 12px #00995d33}.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(--dark-green);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;background-color:var(--primary-green);border-bottom:1px solid rgba(255,255,255,.1);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;font-weight:600}.sidebar-link.active{background-color:var(--primary-green);color:#fff;font-weight:700;box-shadow:0 4px 10px #0003}.sidebar-icon{display:none}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes move-border-gradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.moving-border-wrapper{padding:6px;background-size:200% auto;animation:move-border-gradient 3s linear infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000004d}.moving-border-green{background-image:linear-gradient(90deg,#00995d,#00ff9d,#00995d,#00ff9d,#00995d)}.moving-border-blue{background-image:linear-gradient(90deg,#0054a6,#00a2ff,#0054a6,#00a2ff,#0054a6)}