:root{--primary-color: #1a237e;--secondary-color: #0d47a1;--accent-color: #29b6f6;--text-light: #ffffff;--text-dark: #333333;--bg-light: #f4f6f8;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--transition-speed: .3s;--z-header: 10;--z-sidebar: 100;--z-toast: 2000;--z-modal: 3000}*,*:before,*:after{box-sizing:border-box}body{font-family:Roboto,Segoe UI,sans-serif;background-color:var(--bg-light);margin:0;display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto;color:var(--text-dark)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{color:var(--primary-color);margin-bottom:20px}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}button{font-family:inherit}.main-content{flex:1;display:flex;flex-direction:column;padding:0;position:relative;background-color:var(--bg-light);min-width:0}#app-container{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}#app-header{flex-shrink:0;width:100%;box-sizing:border-box;background:#fff;z-index:var(--z-header);height:60px;display:flex;align-items:center;padding:0 20px;box-shadow:0 1px 3px #0000001a;justify-content:space-between}#view-wrapper{flex:1;padding:20px;position:relative}@media (max-width: 768px){.main-content{padding:0}#view-wrapper{padding:10px}}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--transition-speed: .3s;--z-sidebar: 1000}.sidebar{width:var(--sidebar-collapsed-width);background:var(--primary-color);color:var(--text-light);display:flex;flex-direction:column;min-height:calc(100vh - 60px);transition:width var(--transition-speed) ease;box-shadow:2px 0 5px #0000001a;z-index:var(--z-sidebar);overflow-x:hidden;overflow-y:hidden;white-space:nowrap}@media (min-width: 769px){.sidebar:hover{width:var(--sidebar-width)}}.sidebar.sidebar-fixed,.sidebar.sidebar-expanded-auto{width:var(--sidebar-width)}.sidebar-header{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;visibility:hidden}.link-text{opacity:0;visibility:hidden;transition:opacity .1s ease}.arrow{opacity:0;visibility:hidden;transition:opacity .1s ease;margin-left:auto}.logo-text{opacity:0;visibility:hidden;transition:opacity .1s ease}.sidebar:hover .link-text,.sidebar:hover .logo-text,.sidebar:hover .arrow,.sidebar.sidebar-fixed .link-text,.sidebar.sidebar-fixed .logo-text,.sidebar.sidebar-fixed .arrow,.sidebar.sidebar-expanded-auto .link-text,.sidebar.sidebar-expanded-auto .logo-text,.sidebar.sidebar-expanded-auto .arrow{opacity:1;visibility:visible;transition-delay:.1s}#toggle-sidebar{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-links{list-style:none;padding:0;margin:20px 0;flex-grow:1;overflow-y:auto;overflow-x:hidden}.nav-links::-webkit-scrollbar{width:6px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-links::-webkit-scrollbar-thumb:hover{background:#fff6}.nav-item{position:relative}.nav-item a{display:flex;align-items:center;padding:15px 23px;color:#fffc;text-decoration:none;transition:background .2s,color .2s;cursor:pointer}.nav-item a:hover,.nav-item a.active{background:#ffffff1a;color:#fff}.nav-item .material-icons{margin-right:20px;font-size:24px;min-width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.link-text{opacity:0;white-space:nowrap;transition:opacity .2s}.sidebar:hover .link-text,.sidebar.sidebar-fixed .link-text,.sidebar.sidebar-expanded-auto .link-text{opacity:1}.dropdown-btn.active .arrow{transform:rotate(180deg)}.dropdown-container{max-height:0;opacity:0;background:#0003;list-style:none;padding:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease-in-out}.dropdown-container.show{max-height:800px;opacity:1}.dropdown-container li a{padding-left:62px;font-size:.9rem}.sub-container{background:#00000026}.sub-container li a{padding-left:80px;font-size:.85rem}.sub-group>a{padding-left:45px}.sub-group>a .material-icons:first-child{font-size:20px;margin-right:12px}@media (max-width: 768px){.sidebar{position:fixed;height:100%;width:var(--sidebar-width);transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:2px 0 10px #00000080}.sidebar.open .link-text,.sidebar.open .logo-text,.sidebar.open .arrow{opacity:1;visibility:visible}body.sidebar-open:before{content:"";position:fixed;inset:0;background:#00000080;z-index:999}}.sidebar-footer{margin-top:auto;width:100%;border-top:1px solid rgba(255,255,255,.1)}#btn-logout{color:#ff5252!important;font-weight:700;display:flex;align-items:center;padding:15px 23px;text-decoration:none;transition:background .2s;cursor:pointer}#btn-logout:hover{background:#ff525226!important}#btn-logout .material-icons{margin-right:15px;font-size:24px;min-width:24px;text-align:center}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--secondary-color)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#e0e0e0;color:#333;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:5px;transition:background .2s}.btn-secondary:hover{background:#d5d5d5}.btn-ghost{background:transparent;border:1px solid transparent;color:#666;display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-ghost:hover{background:#f5f5f5;color:#333}.btn-clean-action{background:none;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;transition:background .2s}.btn-clean-action:hover{background-color:#0000000d;color:var(--primary-color)}.btn-clean-action.delete:hover{color:#d32f2f;background-color:#ffebee}.action-buttons-group{display:flex;gap:5px;justify-content:flex-end}.app-form{max-width:800px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-dark);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group.half{flex:1}@media (max-width: 600px){.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:20px}}.table-container.professional-grid{box-shadow:0 1px 3px #0000001a;border-radius:4px;border:1px solid #e0e0e0;overflow-x:auto;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th{background-color:#f8f9fa;color:#455a64;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:2px solid #dee2e6;text-align:left}.data-table td{padding:12px 16px;border-bottom:1px solid #e9ecef;vertical-align:middle;font-size:.9rem;color:#333}.data-table tbody tr:nth-child(2n){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e3f2fd}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);backdrop-filter:blur(2px)}.modal-content{background:#fff;padding:25px;border-radius:8px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 20px #0003;animation:modalPop .3s ease-out}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-actions button{min-width:100px}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ag-timeline{padding:10px 0;text-align:left}.timeline-item{transition:all .2s ease}.timeline-item:hover{background-color:#fcfcfc;border-radius:6px}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{min-width:350px;max-width:450px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;overflow:hidden;animation:slideDown .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.toast.success{border-left:6px solid #43a047}.toast.error{border-left:6px solid #e53935}.toast.info{border-left:6px solid #2196f3}.toast.warning{border-left:6px solid #ff9800}.toast-icon{padding:15px;display:flex;align-items:center;justify-content:center}.toast.success .toast-icon{background-color:#e8f5e9;color:#2e7d32}.toast.error .toast-icon{background-color:#ffebee;color:#c62828}.toast.info .toast-icon{background-color:#e3f2fd;color:#1565c0}.toast.warning .toast-icon{background-color:#fff3e0;color:#ef6c00}.toast-content{padding:12px 15px;display:flex;flex-direction:column;justify-content:center;flex:1}.toast-title{font-weight:700;font-size:1rem;margin-bottom:4px;color:#333}.toast-message{font-size:.9rem;color:#666}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:80px}.badge.status-allowed{background-color:#4caf50;color:#fff}.badge.status-blocked{background-color:#d32f2f;color:#fff}.badge.badge-master{background-color:#212121;color:#fff}.badge.badge-admin{background-color:#1976d2;color:#fff}.badge.badge-portaria{background-color:#ff9800;color:#fff}.badge.badge-default{background-color:#9e9e9e;color:#fff}#view-login{display:flex;justify-content:center;align-items:center;height:100%}.login-container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;text-align:center;margin-bottom:20px}.login-container h1{margin-bottom:25px;font-size:1.5rem}.scanner-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:800px;margin:0 auto}#reader{width:100%;max-width:500px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;background:#fafafa}#reader__dashboard_section_csr span button,#reader__dashboard_section_swaplink{display:none!important}#reader button{background-color:var(--primary-color)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-weight:500!important;cursor:pointer!important;font-family:inherit!important;transition:background-color .2s!important;margin-top:10px!important;box-shadow:0 4px 6px #0000001a!important}#reader button:hover{background-color:var(--primary-hover)!important}#reader select{padding:10px!important;border-radius:8px!important;border:1px solid #ddd!important;background:#fff!important;font-family:inherit!important;color:#333!important;margin-bottom:10px!important;width:100%!important;max-width:300px!important}#reader a{color:var(--primary-color)!important;text-decoration:none!important}#reader__dashboard_section_csr{padding:15px!important}#reader video{border-radius:8px!important}.manual-entry-container{display:flex;gap:10px;width:100%;max-width:500px}.manual-entry-container input{flex:1}.access-card{display:flex;flex-direction:column;width:100%;max-width:600px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}@media (min-width: 768px){.access-card{flex-direction:row}}.access-card.valid{border-left:8px solid var(--success-color)}.access-card.blocked{border-left:8px solid var(--warning-color)}.access-card.banned,.access-card.invalid{border-left:8px solid var(--danger-color)}.card-photo-section{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-secondary);min-width:200px}.card-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:var(--shadow-md)}.card-info-section{flex:2;padding:20px;display:flex;flex-direction:column;gap:10px}.card-status-badge{align-self:flex-start;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:10px}.status-valid{background:#d1fae5;color:#065f46}.status-blocked{background:#fef3c7;color:#92400e}.status-banned,.status-invalid{background:#fee2e2;color:#991b1b}.card-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.card-detail{display:flex;flex-direction:column;gap:2px}.label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.value{font-size:1rem;color:var(--text-primary);font-weight:500}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.btn-access{white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.btn-access:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-access:active{transform:translateY(0)}#btn-entry-vehicle{background-color:#ff9800;border-color:#f57c00;color:#fff}#btn-entry-vehicle:hover{background-color:#f57c00}#btn-exit-pedestrian{background-color:#ef6c00;color:#fff}#btn-exit-pedestrian:hover{background-color:#e65100}#btn-exit-vehicle{background-color:#e65100;color:#fff}#btn-exit-vehicle:hover{background-color:#bf360c}.btn-deny{grid-column:1 / -1;background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.btn-deny:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-deny:active{transform:translateY(0)}.hidden{display:none!important}.badge-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.badge-modal-content{background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-card{width:330px;height:520px;background:#fff;border-radius:25px;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;font-family:Montserrat,sans-serif}.badge-header-top{height:100px;background:#0f2040;display:flex;justify-content:center;align-items:center;padding:10px;z-index:2}.badge-main-logo{max-height:65px;max-width:85%;object-fit:contain}.badge-body-middle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;padding-top:25px;z-index:5;position:relative}.badge-qr-container{background:#fff;padding:12px;border-radius:25px;border:6px solid #FFB800;box-shadow:0 8px 25px #0000001a;position:relative;z-index:20;margin-top:20px}.badge-qr-canvas{width:150px;height:150px;display:flex!important}.badge-bottom-section{position:absolute;bottom:0;left:0;width:100%;height:55%;z-index:1;pointer-events:none}.badge-bottom-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230F2040' fill-opacity='1' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,160C960,139,1056,149,1152,160C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");z-index:1;opacity:.7}.badge-bottom-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230A1529' fill-opacity='1' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,261.3C960,256,1056,224,1152,202.7C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");z-index:2}.badge-info-overlay{position:relative;bottom:auto;left:auto;width:100%;text-align:center;z-index:20;padding:0 10px;margin-top:40px}.badge-user-name{color:#fff;font-size:20px;font-weight:800;margin-bottom:5px;line-height:1.1;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.8),-1px -1px 0 rgba(0,0,0,.5)}.badge-user-role{color:#ffb800;font-size:14px;font-weight:700;text-transform:capitalize;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.badge-footer-pill{background:#fff;border-radius:50px 50px 0 0;padding:12px 45px;position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;min-width:180px;z-index:30;box-shadow:0 -5px 25px #0003}.badge-footer-label{font-size:8px;color:#444;text-transform:uppercase;font-weight:800;margin-bottom:2px}.badge-client-logo{max-height:28px;max-width:110px;object-fit:contain}.badge-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000000!important;backdrop-filter:blur(5px)}.badge-actions-wrapper{margin-left:35px;display:flex;flex-direction:column;gap:15px;z-index:1000001}.badge-btn{border:none;padding:15px 25px;border-radius:12px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:10px;transition:all .2s;font-size:1rem;box-shadow:0 4px 15px #0000004d}.badge-btn:hover{transform:translate(5px)}.badge-btn.download{background:#4caf50;color:#fff}.badge-btn.whatsapp{background:#25d366;color:#fff}.badge-btn.email{background:#1e88e5;color:#fff}.badge-btn.close{background:#f44336;color:#fff}.badge-close{position:absolute;top:-20px;right:-20px;background:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000004d;color:#333;z-index:10001}.share-buttons{display:flex;gap:20px}.badge-footer-logo-only{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:80%;z-index:30}.badge-client-logo-large{max-height:60px;max-width:200px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}body{margin:0;padding:0;overflow-x:hidden;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh;width:100%;flex:1}.main-content{margin-top:60px;margin-left:70px;min-height:calc(100vh - 60px);transition:margin-left .3s ease;display:flex;flex-direction:column;flex:1}#app-container{flex:1;display:flex;flex-direction:column;width:100%}.main-content.sidebar-expanded{margin-left:260px}app-top-header{position:fixed;top:0;left:0;width:100%;z-index:1001}app-sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:1000}.password-rules{list-style:none;padding:0;margin-top:10px;font-size:.9rem;color:#666}.password-rules li{display:flex;align-items:center;margin-bottom:6px;transition:color .3s,font-weight .3s}.password-rules li .material-icons{font-size:18px;margin-right:8px;font-weight:700}.password-rules li.valid{color:#00c853;font-weight:500}.password-rules li.invalid{color:#d50000}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.view-section{display:none}.view-section.active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding:0 0 15px;border-bottom:1px solid #e0e0e0}.toolbar-left{display:flex;flex-direction:column;gap:12px}.view-title{margin:0;font-size:1.4rem;color:var(--primary-color);font-weight:700}.search-wrapper.compact{width:350px;background:#f5f5f5;border:1px solid #e0e0e0}.search-wrapper.compact:focus-within{background:#fff;border-color:var(--primary-color)}.toolbar-actions{display:flex;gap:10px}.btn-back-link{display:inline-flex;align-items:center;gap:6px;color:#3498db;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:0;margin-bottom:20px;text-decoration:none;transition:opacity .2s}.btn-back-link:hover{opacity:.7}.container-grid{width:100%;overflow-x:auto;display:block;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d;padding-bottom:5px}.container-grid::-webkit-scrollbar{height:8px}.container-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.container-grid::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:10px}.container-grid::-webkit-scrollbar-thumb:hover{background:#172554}.container-grid table.data-table th,.container-grid table.data-table td{white-space:nowrap}.sticky-left{position:sticky;left:0;background-color:#fff!important;z-index:2;box-shadow:2px 0 5px #0000000d}.data-table th.sticky-left{background-color:#f8f9fa!important;z-index:3}.sticky-right{position:sticky;right:0;background-color:#fff!important;z-index:2;box-shadow:-2px 0 5px #0000000d}.data-table th.sticky-right{background-color:#f8f9fa!important;z-index:3}