:root{--ds-primary:#2563eb;--ds-primary-hover:#1d4ed8;--ds-primary-light:rgba(37,99,235,.12);--ds-secondary:#64748b;--ds-secondary-hover:#475569;--ds-success:#059669;--ds-success-light:rgba(5,150,105,.12);--ds-warning:#d97706;--ds-warning-light:rgba(217,119,6,.12);--ds-danger:#dc2626;--ds-danger-light:rgba(220,38,38,.12);--ds-info:#0891b2;--ds-info-light:rgba(8,145,178,.12);--ds-body-bg:#f1f5f9;--ds-card-bg:#fff;--ds-navbar-bg:hsla(0,0%,100%,.95);--ds-sidebar-bg:#fff;--ds-footer-bg:#f8fafc;--ds-heading-color:#0f172a;--ds-body-color:#334155;--ds-muted-color:#64748b;--ds-muted-light:#94a3b8;--ds-border-color:#e2e8f0;--ds-border-light:#f1f5f9;--ds-font-family:"Public Sans",-apple-system,BlinkMacSystemFont,sans-serif;--ds-font-size-base:0.9375rem;--ds-line-height-base:1.5;--ds-line-height-tight:1.35;--ds-font-size-xs:0.75rem;--ds-font-size-sm:0.8125rem;--ds-font-size-lg:1.0625rem;--ds-font-size-xl:1.25rem;--ds-font-size-2xl:1.5rem;--ds-font-size-3xl:1.875rem;--ds-font-weight-normal:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-space-1:0.25rem;--ds-space-2:0.5rem;--ds-space-3:0.75rem;--ds-space-4:1rem;--ds-space-5:1.25rem;--ds-space-6:1.5rem;--ds-space-8:2rem;--ds-space-10:2.5rem;--ds-space-12:3rem;--ds-section-padding-y:1.5rem;--ds-section-padding-x:1.5rem;--ds-card-gap:1.5rem;--ds-radius-sm:0.375rem;--ds-radius:0.5rem;--ds-radius-md:0.625rem;--ds-radius-lg:0.75rem;--ds-radius-xl:1rem;--ds-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ds-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.06);--ds-shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.06);--ds-shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);--ds-shadow-navbar:0 0 0.375rem 0.25rem rgba(0,0,0,.06);--ds-transition-fast:0.15s ease;--ds-transition:0.2s ease;--ds-transition-slow:0.3s ease}body{background-color:var(--ds-body-bg);color:var(--ds-body-color);font-family:var(--ds-font-family);font-size:var(--ds-font-size-base);line-height:var(--ds-line-height-base)}h1,h2,h3,h4,h5,h6{color:var(--ds-heading-color);font-weight:var(--ds-font-weight-semibold)}.text-muted{color:var(--ds-muted-color)!important}.btn-primary{background-color:var(--ds-primary);border-color:var(--ds-primary)}.btn-primary:hover{background-color:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.card{border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);transition:box-shadow var(--ds-transition)}.card:hover{box-shadow:var(--ds-shadow)}.form-control,.form-select{border-color:var(--ds-border-color);border-radius:var(--ds-radius)}.form-control:focus,.form-select:focus{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-light)}.modal-content{border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}
.layout-menu.menu-vertical{background-color:var(--ds-sidebar-bg)!important;box-shadow:var(--ds-shadow)}.layout-menu .app-brand{border-bottom:1px solid var(--ds-border-light);padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-3)}.layout-menu .app-brand-link{gap:var(--ds-space-2)}.layout-menu .app-brand-link img{height:32px;width:auto}.layout-menu .app-brand-text{color:var(--ds-heading-color);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold)}.layout-menu .menu-header{margin-top:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-2)}.layout-menu .menu-header-text{color:var(--ds-muted-color);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);letter-spacing:.05em}.layout-menu .menu-inner .menu-item .menu-link{border-radius:var(--ds-radius);margin:0 var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast)}.layout-menu .menu-inner .menu-item:not(.menu-header):hover>.menu-link{background-color:var(--ds-primary-light)}.layout-menu .menu-inner>.menu-item.active>.menu-link{background-color:var(--ds-primary-light)!important;color:var(--ds-primary);font-weight:var(--ds-font-weight-medium)}.layout-menu .menu-sub .menu-link{padding-left:var(--ds-space-8)}.layout-menu .menu-inner .menu-item:last-child .menu-link{border-top:1px solid var(--ds-border-light);color:var(--ds-muted-color);margin-top:var(--ds-space-4);padding-top:var(--ds-space-3)}.layout-menu .menu-inner .menu-item:last-child .menu-link:hover{background-color:var(--ds-danger-light)!important;color:var(--ds-danger)}.layout-menu .badge.bg-danger{background-color:var(--ds-danger)!important;font-size:var(--ds-font-size-xs);min-width:1.25rem;padding:.15rem .4rem}#layout-navbar.layout-navbar{backdrop-filter:saturate(180%) blur(8px);background-color:var(--ds-navbar-bg)!important;border-bottom:1px solid var(--ds-border-light);box-shadow:var(--ds-shadow-navbar);min-height:3.875rem;padding-bottom:var(--ds-space-2);padding-top:var(--ds-space-2)}#layout-navbar .navbar-nav .nav-link{border-radius:var(--ds-radius);color:var(--ds-body-color);padding:var(--ds-space-2) var(--ds-space-3);transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast)}#layout-navbar .navbar-nav .nav-link:hover{background-color:var(--ds-border-light);color:var(--ds-heading-color)}#layout-navbar .dropdown-menu{border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);padding:var(--ds-space-2)}#layout-navbar .dropdown-header{color:var(--ds-heading-color);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);padding:var(--ds-space-2) var(--ds-space-3)}#layout-navbar .dropdown-item{border-radius:var(--ds-radius);padding:var(--ds-space-3)}#layout-navbar .dropdown-item:hover{background-color:var(--ds-border-light)}#layout-navbar .dropdown-divider{border-color:var(--ds-border-light)}#layout-navbar #notification-count{background-color:var(--ds-danger)!important;font-size:.7rem}#layout-navbar .user-name{color:var(--ds-heading-color)}#layout-navbar .dropdown-item[href="/notifications"]{color:var(--ds-primary);font-weight:var(--ds-font-weight-medium)}.content-footer.footer.bg-footer-theme{background-color:var(--ds-footer-bg)!important;border-top:1px solid var(--ds-border-light);color:var(--ds-muted-color);font-size:var(--ds-font-size-sm);padding:var(--ds-space-4) 0}.content-footer .footer-link{color:var(--ds-primary);text-decoration:none;transition:color var(--ds-transition-fast)}.content-footer .footer-link:hover{color:var(--ds-primary-hover)}body.auth-page{align-items:center;background-color:var(--ds-body-bg);display:flex;justify-content:center;min-height:100vh}body.auth-page .authentication-wrapper{margin:0 auto;max-width:28rem;width:100%}body.auth-page .auth-card{border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}body.auth-page .auth-logo{display:block;height:48px;margin:0 auto;width:auto}body.auth-page .auth-title{color:var(--ds-heading-color);font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold)}body.auth-page .auth-link{color:var(--ds-primary);font-size:var(--ds-font-size-sm);text-decoration:none}body.auth-page .auth-link:hover{color:var(--ds-primary-hover);text-decoration:underline}body.auth-page .form-control:focus,body.auth-page .form-select:focus{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-light);outline:0}body.auth-page .btn-primary{font-weight:var(--ds-font-weight-medium)}body.auth-page .alert{border-radius:var(--ds-radius)}.page-header{padding-bottom:var(--ds-space-2)}.stat-card .card-body{padding:var(--ds-space-4)}.stat-card .avatar.rounded{align-items:center;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.stat-card .avatar.rounded i{font-size:1.25rem}.stat-card a.text-muted:hover{color:var(--ds-primary)!important}.action-card{border:none;border-radius:var(--ds-radius-lg);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}.action-card:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.action-card-primary{background:linear-gradient(135deg,var(--ds-primary) 0,#1d4ed8 100%);color:#fff}.action-card-info{background:linear-gradient(135deg,var(--ds-info) 0,#0e7490 100%);color:#fff}.action-card-success{background:linear-gradient(135deg,var(--ds-success) 0,#047857 100%);color:#fff}.action-card-warning{background:linear-gradient(135deg,var(--ds-warning) 0,#b45309 100%);color:#fff}.action-card .avatar.rounded-circle i{color:#fff;font-size:1.5rem}.admin-page .page-header,.container-xxl .page-header{padding-bottom:var(--ds-space-2)}.admin-page h4.fw-bold,.container-xxl h4.fw-bold{margin-bottom:var(--ds-space-2)}.admin-page .card .card-header,.container-xxl .card .card-header{background:transparent;border-bottom:1px solid var(--ds-border-light);padding:var(--ds-space-4)}.admin-page .card .card-header h5,.container-xxl .card .card-header h5{color:var(--ds-heading-color);font-weight:var(--ds-font-weight-semibold);margin-bottom:0}.admin-page .card .card-body,.container-xxl .card .card-body{padding:var(--ds-space-4)}.admin-page .table thead th,.container-xxl .table thead th{background-color:var(--ds-border-light);border-bottom:1px solid var(--ds-border-color);color:var(--ds-heading-color);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);padding:var(--ds-space-3) var(--ds-space-4)}.admin-page .table tbody td,.container-xxl .table tbody td{padding:var(--ds-space-3) var(--ds-space-4);vertical-align:middle}.admin-page .table tbody tr:hover,.container-xxl .table tbody tr:hover{background-color:var(--ds-border-light)}.admin-page .modal .modal-header,.container-xxl .modal .modal-header{border-bottom:1px solid var(--ds-border-light);padding:var(--ds-space-4)}.admin-page .modal .modal-footer,.container-xxl .modal .modal-footer{border-top:1px solid var(--ds-border-light);padding:var(--ds-space-4)}.table-responsive{overflow:visible!important}.table .dropdown{position:static}.table .dropdown-menu{border:1px solid var(--ds-border-color);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);margin:0;min-width:160px;position:absolute;z-index:1055}.dropdown-menu.dropdown-positioned{position:fixed!important;transform:none!important}.table .btn.dropdown-toggle{background:transparent;border:none;color:var(--ds-muted-color);font-size:1.125rem;line-height:1;padding:var(--ds-space-1)}.table .btn.dropdown-toggle:hover{color:var(--ds-primary)}.table .btn.dropdown-toggle:focus{box-shadow:none;outline:none}.dropdown-menu{transition:opacity .15s ease,transform .15s ease}.dropdown-menu:not(.show){opacity:0;pointer-events:none;transform:scale(.98)}.dropdown-menu.show{opacity:1;pointer-events:all;transform:scale(1)}.empty-state,.no-data-state{color:var(--ds-muted-color);padding:var(--ds-space-8);text-align:center}.empty-state i.bx,.no-data-state i.bx{font-size:3rem;margin-bottom:var(--ds-space-3);opacity:.6}body.queue-display-page{background:var(--ds-body-bg)}.queue-display-page .display-container{min-height:calc(100vh - 100px);padding:var(--ds-space-6)}.queue-display-page .header-info{background:linear-gradient(135deg,var(--ds-primary) 0,var(--ds-primary-hover) 100%);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg);color:#fff;margin-bottom:var(--ds-space-8);padding:var(--ds-space-8)}.queue-display-page .service-name{font-size:2.5rem;font-weight:var(--ds-font-weight-bold);margin-bottom:var(--ds-space-2)}.queue-display-page .guichet-info{font-size:1.5rem;opacity:.9}.queue-display-page .queue-container{background:var(--ds-card-bg);border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow);padding:var(--ds-space-8)}.queue-display-page .queue-header{align-items:center;border-bottom:2px solid var(--ds-border-light);display:flex;justify-content:space-between;margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-5)}.queue-display-page .queue-title{color:var(--ds-heading-color);font-size:1.8rem;font-weight:var(--ds-font-weight-semibold)}.queue-display-page .queue-count{background:var(--ds-border-light);border-radius:2rem;color:var(--ds-muted-color);font-weight:var(--ds-font-weight-semibold);padding:var(--ds-space-2) var(--ds-space-5)}.queue-display-page .ticket-list{display:grid;gap:var(--ds-space-4)}.queue-display-page .ticket-item{align-items:center;background:var(--ds-card-bg);border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-lg);display:grid;grid-template-columns:80px 1fr auto;padding:var(--ds-space-5);transition:all var(--ds-transition)}.queue-display-page .ticket-item:hover{box-shadow:var(--ds-shadow-sm)}.queue-display-page .position-badge{align-items:center;background:var(--ds-heading-color);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:var(--ds-font-weight-bold);height:60px;justify-content:center;width:60px}.queue-display-page .ticket-number{color:var(--ds-heading-color);font-size:1.8rem;font-weight:var(--ds-font-weight-bold);margin-bottom:var(--ds-space-1)}.queue-display-page .client-name{color:var(--ds-muted-color);font-size:1.1rem}.queue-display-page .wait-time{background:var(--ds-warning);border-radius:2rem;color:#fff;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);padding:var(--ds-space-1) var(--ds-space-4)}.queue-display-page .no-tickets{color:var(--ds-muted-color);padding:var(--ds-space-12);text-align:center}.queue-display-page .no-tickets-icon{font-size:4rem;margin-bottom:var(--ds-space-5);opacity:.3}.queue-display-page .alert-success{background:var(--ds-success-light);border-left:5px solid var(--ds-success);color:var(--ds-success)}.queue-display-page .alert-danger{background:var(--ds-danger-light);border-left:5px solid var(--ds-danger);color:var(--ds-danger)}.queue-display-page .called-container{align-items:center;background:rgba(217,119,6,.1);border-left:5px solid var(--ds-warning);border-radius:var(--ds-radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--ds-space-5);padding:var(--ds-space-4)}.queue-display-page .called-title{color:var(--ds-warning);font-size:1.2rem;font-weight:var(--ds-font-weight-semibold)}.queue-display-page .called-number{font-size:2rem;font-weight:var(--ds-font-weight-bold)}.queue-display-page .loading{color:var(--ds-muted-color);padding:var(--ds-space-10);text-align:center}.queue-display-page .spinner{animation:queue-spin 1s linear infinite;border:3px solid var(--ds-border-light);border-radius:50%;border-top-color:var(--ds-primary);height:40px;margin:0 auto var(--ds-space-5);width:40px}@keyframes queue-spin{to{transform:rotate(1turn)}}.queue-display-page .ticket-item{animation:queue-slideIn .5s ease}@keyframes queue-slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.queue-display-page .service-name{font-size:1.8rem}.queue-display-page .ticket-item{gap:var(--ds-space-2);grid-template-columns:60px 1fr}}.queue-display-page .abandon-btn,.queue-display-page .call-btn,.queue-display-page .finish-btn{align-items:center;background:var(--ds-primary);border:none;border-radius:50%;color:#fff;display:flex;font-size:1.4rem;height:60px;justify-content:center;transition:background var(--ds-transition);width:60px}.queue-display-page .call-btn:hover{background:var(--ds-primary-hover)}.queue-display-page .finish-btn{background:var(--ds-success)}.queue-display-page .finish-btn:hover{background:#047857}.queue-display-page .abandon-btn{background:var(--ds-danger)}.queue-display-page .abandon-btn:hover{background:#b91c1c}.queue-display-page .ticket-item{position:relative}.queue-display-page .action-buttons{position:absolute;right:var(--ds-space-2);top:var(--ds-space-2)}.queue-display-page .display-container.fullscreen-mode{background:var(--ds-body-bg)!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.queue-display-page .fullscreen-mode .queue-container{border-radius:0!important;box-shadow:none!important;height:100vh!important;margin:0!important;overflow-y:auto!important;padding:var(--ds-space-10)!important}.queue-display-page .fullscreen-mode .header-info{font-size:1.2em!important;margin-bottom:var(--ds-space-10)!important;padding:var(--ds-space-10)!important}.queue-display-page .fullscreen-mode .service-name{font-size:3.5rem!important}.queue-display-page .fullscreen-mode .guichet-info{font-size:2rem!important}.queue-display-page .fullscreen-mode .queue-title{font-size:2.5rem!important}.queue-display-page .fullscreen-mode .queue-count{font-size:1.3rem!important;padding:var(--ds-space-4) var(--ds-space-6)!important}.queue-display-page .fullscreen-mode .ticket-item{margin-bottom:var(--ds-space-5)!important;padding:var(--ds-space-8)!important}.queue-display-page .fullscreen-mode .position-badge{font-size:2rem!important;height:80px!important;width:80px!important}.queue-display-page .fullscreen-mode .ticket-number{font-size:2.5rem!important}.queue-display-page .fullscreen-mode .client-name{font-size:1.5rem!important}.queue-display-page .fullscreen-mode .called-container{margin-bottom:var(--ds-space-8)!important;padding:var(--ds-space-8)!important}.queue-display-page .fullscreen-mode .called-title{font-size:1.4rem!important}.queue-display-page .fullscreen-mode .called-number{font-size:2.5rem!important}.queue-display-page .fullscreen-mode .abandon-btn,.queue-display-page .fullscreen-mode .call-btn,.queue-display-page .fullscreen-mode .finish-btn{font-size:2rem!important;height:80px!important;width:80px!important}.queue-display-page .error-message{background:var(--ds-danger-light);border-radius:var(--ds-radius-lg);color:var(--ds-danger);margin:var(--ds-space-5) 0;padding:var(--ds-space-5);text-align:center}.queue-display-page #fullscreen-toggle{border:2px solid var(--ds-primary);border-radius:var(--ds-radius);padding:var(--ds-space-2) var(--ds-space-3);transition:all var(--ds-transition)}.queue-display-page #fullscreen-toggle:hover{background-color:var(--ds-primary);box-shadow:var(--ds-shadow);color:#fff;transform:scale(1.02)}.queue-display-page .fullscreen-mode #fullscreen-toggle{background-color:var(--ds-danger);border-color:var(--ds-danger);color:#fff}.queue-display-page .fullscreen-mode #fullscreen-toggle:hover{background-color:#b91c1c;border-color:#b91c1c}.webcam-container{border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}.capture-btn{background-color:var(--ds-primary);border-color:var(--ds-primary)}.capture-btn:hover{background-color:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.alert{border:1px solid transparent;border-radius:var(--ds-radius)}.alert-success{background-color:var(--ds-success-light);border-color:var(--ds-success);color:var(--ds-success)}.alert-danger{background-color:var(--ds-danger-light);border-color:var(--ds-danger);color:var(--ds-danger)}.alert-warning{background-color:var(--ds-warning-light);border-color:var(--ds-warning);color:var(--ds-warning)}.alert-info{background-color:var(--ds-info-light);border-color:var(--ds-info);color:var(--ds-info)}.position-fixed.alert{box-shadow:var(--ds-shadow-lg);min-width:280px;right:var(--ds-space-5);top:var(--ds-space-5);z-index:10555}#no-tickets,#no-users,.empty-state,.no-data-state{color:var(--ds-muted-color);padding:var(--ds-space-8) var(--ds-space-4);text-align:center}#no-users .display-4,#no-users i,.empty-state i.bx,.no-data-state i.bx{font-size:3rem;margin-bottom:var(--ds-space-3);opacity:.5}.btn:focus-visible,.dropdown-toggle:focus-visible,.form-control:focus-visible,.form-select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 3px var(--ds-primary-light)}