.root-page{display:grid;grid-template-columns:auto 1fr;width:100vw;height:100vh;overflow:hidden}.sidebar-wrapper{display:flex;height:100vh;position:relative;overflow:visible}.sidebar{background:var(--sidebar-bg);height:100%;display:flex;flex-direction:column;transition:width .3s ease,border-right .3s ease;position:relative;border-right:1px solid rgba(255,255,255,.1);display:grid;grid-template-rows:auto 1fr auto;overflow:visible;box-shadow:4px 0 10px #0000001a}.sidebar-secondary{border-left:1px solid rgba(255,255,255,.1);margin-left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width);border-right:none}.sidebar.expanded{width:340px}.sidebar.collapsed .nav-item-container{margin-bottom:0}.sidebar-secondary.expanded{width:240px}.nav-item.sector-selected{background-color:#f5951f33!important;border-left:3px solid var(--tree-poppy)}.nav-item.sector-selected:hover{background-color:#f5951f4d!important}.nav-item.sector-selected .nav-icon,.nav-item.sector-selected .nav-label{color:var(--tree-poppy)}.sidebar-secondary .section-title{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.sidebar-secondary .section-title-empresas,.sidebar-secondary .section-title-sucursales{color:var(--tree-poppy)}.sidebar-secondary .empresa-item.item-selected{background-color:#5292b533!important;border-left:3px solid var(--hippie-blue)}.sidebar-secondary .empresa-item.item-selected:hover{background-color:#5292b54d!important}.sidebar-secondary .empresa-item.item-selected .nav-label{color:var(--hippie-blue)}.sidebar-secondary .empresa-item.item-selected .nav-item-with-checkbox .nav-checkbox:checked~.checkbox-custom{background-color:var(--hippie-blue);border-color:var(--hippie-blue);box-shadow:0 0 0 2px #5292b54d}.sidebar-secondary .sucursal-item.item-selected{background-color:#5292b533!important;border-left:3px solid var(--hippie-blue)}.sidebar-secondary .sucursal-item.item-selected:hover{background-color:#5292b54d!important}.sidebar-secondary .sucursal-item.item-selected .nav-label{color:var(--hippie-blue)}.sidebar-secondary .sucursal-item.item-selected .nav-item-with-checkbox .nav-checkbox:checked~.checkbox-custom{background-color:var(--hippie-blue);border-color:var(--hippie-blue);box-shadow:0 0 0 2px #5292b54d}.sidebar-secondary .nav-item-with-checkbox.item-selected .nav-checkbox:checked~.checkbox-custom:after{border-color:#fff}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;background-color:transparent;overflow:visible}.sidebar-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 12px 10px;position:relative;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.sidebar-search-icon{color:#fff6;font-size:18px;flex-shrink:0}.sidebar-search-input{flex:1;min-width:0;padding:4px 28px 4px 0;border:none;border-radius:0;background:transparent;color:var(--sidebar-text, #fff);font-size:13px;outline:none;transition:opacity .2s ease}.sidebar-search-input::placeholder{color:#fff6}.sidebar-search-wrap:focus-within{background:#ffffff14;border-color:#ffffff26}.sidebar-search-wrap:focus-within .sidebar-search-icon{color:#ffffffb3}.sidebar-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:#ffffff80;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-search-clear:hover{background:#ffffff1a;color:#ffffffe6}.sidebar-search-clear .material-icons-round{font-size:14px}.sidebar-search-results{display:flex;flex-direction:column;gap:2px}.sidebar-search-results .nav-item{padding:8px 12px;border-radius:6px}.sidebar-search-result-item{margin-bottom:2px}.sidebar-search-result-item .nav-item{display:flex;align-items:center;gap:6px}.sidebar-search-result-item .nav-item-with-checkbox .checkbox-wrapper{flex-shrink:0}.sidebar-search-result-item>.nav-item>.nav-label{font-size:14px}.sidebar-search-result-children .nav-item .nav-label{font-size:14px}.sidebar-search-result-children .nav-item .nav-label.sidebar-search-access-label{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-sectors-section .nav-section--sectors .nav-label.sidebar-access-label,.sidebar-sectors-section .nav-section--sectors .nav-label.sidebar-branch-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-search-result-children{margin-left:8px;margin-top:2px;border-left:1px solid rgba(255,255,255,.1);padding-left:8px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.logo:hover{background-color:#ffffff1a}.logo:active{transform:scale(.98)}.logo-image{width:42px;height:42px;object-fit:contain;display:block;background:var(--sidebar-logo-bg, transparent);border-radius:50%;padding:var(--sidebar-logo-padding, 0);box-shadow:var(--sidebar-logo-shadow, none)}.logo-text{font-weight:700;font-size:14px;color:var(--sidebar-text);transition:opacity .3s ease}.sidebar-toggle-btn{position:absolute;right:-19px;top:50px;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background-color:#f59625;border:2px solid #f59625;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 2px 8px #f596254d}[data-theme=light] .sidebar-toggle-btn{background-color:#345661;border-color:#345661;box-shadow:0 2px 8px #3456614d}[data-theme=dark] .sidebar-toggle-btn{background-color:#4a5568;border-color:#4a5568;box-shadow:0 2px 8px #4a556866}[data-theme=sisconper] .sidebar-toggle-btn{background-color:#f59625;border-color:#f59625;box-shadow:0 2px 8px #f596254d}.sidebar-toggle-btn:hover{box-shadow:0 4px 12px #0000004d}[data-theme=light] .sidebar-toggle-btn:hover{background-color:#2a4550;border-color:#2a4550}[data-theme=dark] .sidebar-toggle-btn:hover{background-color:#5a6578;border-color:#5a6578}[data-theme=sisconper] .sidebar-toggle-btn:hover{background-color:#e0851f;border-color:#e0851f;box-shadow:0 4px 12px #f5962580}.sidebar-toggle-btn:hover .material-icons-round{color:#fff}.sidebar-toggle-btn .material-icons-round{font-size:20px;color:#fff;transition:color .3s ease,font-size .3s ease}.sidebar.collapsed .sidebar-toggle-btn{right:-19px;width:38px;height:38px}[data-theme=light] .sidebar.collapsed .sidebar-toggle-btn{background-color:#345661;border-color:#345661}[data-theme=dark] .sidebar.collapsed .sidebar-toggle-btn{background-color:#4a5568;border-color:#4a5568}[data-theme=sisconper] .sidebar.collapsed .sidebar-toggle-btn{background-color:#f59625;border-color:#f59625}.sidebar.collapsed .sidebar-toggle-btn .material-icons-round{color:#fff;font-size:20px}.sidebar.collapsed .sidebar-toggle-btn:hover{box-shadow:0 4px 12px #0000004d}[data-theme=light] .sidebar.collapsed .sidebar-toggle-btn:hover{background-color:#2a4550;border-color:#2a4550}[data-theme=dark] .sidebar.collapsed .sidebar-toggle-btn:hover{background-color:#5a6578;border-color:#5a6578}[data-theme=sisconper] .sidebar.collapsed .sidebar-toggle-btn:hover{background-color:#e0851f;border-color:#e0851f}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0;background-color:var(--sidebar-bg);overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar.collapsed .sidebar-nav{display:block}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar{width:3px}.nav-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:15px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:opacity .3s ease}.nav-item-container{margin-bottom:var(--spacing-xs)}.nav-divider{height:1px;background-color:#ffffff1a;margin:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.nav-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:all .2s ease;position:relative;margin:5px 12px;border-radius:8px;text-decoration:none;color:var(--sidebar-text)}.nav-item:hover{background-color:var(--sidebar-nav-hover-bg, rgba(255, 255, 255, .1))}.nav-item.active{background-color:var(--sidebar-nav-active-bg, var(--secondary-color));border-left:4px solid var(--sidebar-nav-active-border, transparent);box-shadow:var(--sidebar-nav-active-shadow, none);border-radius:8px}.nav-item.active .nav-icon,.nav-item.active .nav-label,.nav-item .expand-icon{color:var(--sidebar-icon-color, var(--sidebar-text))}.nav-item.active .nav-label{color:#fff}.material-icons-round.nav-icon-entity,.nav-item .material-icons-round.nav-icon-entity{font-size:22px!important;margin-right:0!important;width:24px;text-align:center;flex-shrink:0;transition:color .2s ease}.nav-item .nav-icon{font-size:20px;color:var(--sidebar-icon-color, #22c55e);margin-right:5px;width:24px;text-align:center;flex-shrink:0}.nav-item .nav-label{flex:1;font-size:16px;color:var(--sidebar-label-color, #94a3b8);font-weight:500;transition:opacity .3s ease}.nav-item.level-1 .nav-label{font-size:14px}.nav-item.level-2 .nav-label{font-size:15px}.nav-item .expand-icon{font-size:20px;color:#ffffffb3;transition:opacity .3s ease}.nav-item .expand-icon-by-check{font-size:20px;color:var(--tree-poppy);transition:transform .2s ease,opacity .3s ease;padding:0;margin:0 0 0 -2px}.nav-item .expand-icon-by-check.expand-icon-by-check--expanded{transform:rotate(-25deg)}.sub-items{background-color:transparent;margin:0;border-radius:0;overflow:hidden}.sub-items--sucursales{padding-left:1rem}.sub-item{padding:var(--spacing-sm) var(--spacing-lg);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent}.sub-item:hover{background-color:var(--hover-bg)}.sub-item.active{background-color:var(--active-bg);border-left-color:var(--text-primary);color:var(--text-primary)}.nav-item-with-checkbox{display:flex;align-items:center;gap:4px}.nav-item-with-checkbox.item-selected{background-color:#f5951f26;border-left:3px solid var(--tree-poppy)}.nav-item-with-checkbox.item-selected:hover{background-color:#f5951f33}.nav-item-with-checkbox .checkbox-wrapper{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.nav-item-with-checkbox .nav-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.nav-item-with-checkbox .checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;transition:all .2s ease;flex-shrink:0}.nav-item-with-checkbox .checkbox-custom:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid #1a1a1a;border-width:0 2px 2px 0}.nav-item-with-checkbox .nav-checkbox:checked~.checkbox-custom{background-color:var(--tree-poppy);border-color:var(--tree-poppy);box-shadow:0 0 0 2px #f5951f4d}.nav-item-with-checkbox .nav-checkbox:checked~.checkbox-custom:after{display:block}.nav-item-with-checkbox .nav-checkbox:hover~.checkbox-custom{border-color:var(--tree-poppy);box-shadow:0 0 0 2px #f5951f33}.sidebar-secondary .empresa-item.item-selected .nav-item-with-checkbox .checkbox-custom,.sidebar-secondary .sucursal-item.item-selected .nav-item-with-checkbox .checkbox-custom{border-color:var(--hippie-blue)}.sidebar-secondary .empresa-item .nav-item-with-checkbox .nav-checkbox:hover~.checkbox-custom{border-color:var(--hippie-blue);box-shadow:0 0 0 2px #5292b533}.sidebar-secondary .sucursal-item .nav-item-with-checkbox .nav-checkbox:hover~.checkbox-custom{border-color:var(--hippie-blue);box-shadow:0 0 0 2px #5292b533}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item .nav-label,.sidebar.collapsed .nav-item .expand-icon,.sidebar.collapsed .nav-item .expand-icon-by-check,.sidebar.collapsed .section-title,.sidebar.collapsed .sub-items{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-sm);margin:4px var(--spacing-xs);border-radius:var(--radius-sm);position:relative;min-height:40px;display:flex;align-items:center;transition:all .2s ease}.sidebar.collapsed .nav-item:hover{background-color:#fff3;transform:translate(2px)}.sidebar.collapsed .nav-item.active{background-color:var(--secondary-color);border-radius:var(--radius-sm)}.sidebar.collapsed .nav-item.active .nav-icon{color:var(--sidebar-text)}.sidebar.collapsed .nav-icon{margin-right:0;font-size:22px}.sidebar.collapsed .checkbox-wrapper{display:none}.sidebar.collapsed .notification-dot{position:absolute;top:4px;right:4px}.sidebar.collapsed .nav-divider{display:none}.sidebar.collapsed .nav-section{margin-bottom:0}.sidebar.collapsed .nav-item{cursor:pointer}.sidebar.collapsed .nav-item:active{transform:scale(.95) translate(0)}.sidebar.collapsed .sidebar-sectors-section .sidebar-sector-node,.sidebar.collapsed .sidebar-sectors-section .sidebar-company-node{width:40px;min-height:40px;margin:4px auto;padding:var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:0;border-left:none!important;box-sizing:border-box}.sidebar.collapsed .sidebar-sectors-section .sidebar-company-node.item-selected{border-left:none!important}.sidebar.collapsed .sidebar-sectors-section .sidebar-sector-node .nav-icon,.sidebar.collapsed .sidebar-sectors-section .sidebar-company-node .nav-icon-entity{margin-right:0!important;width:24px;text-align:center}.sidebar.collapsed .nav-item:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:2px;height:0;background-color:var(--tree-poppy);transition:height .2s ease;border-radius:2px}.sidebar.collapsed .nav-item:hover:after{height:20px;background-color:#3b82f6}.sidebar-hamburger-btn{margin-left:auto;background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.sidebar-hamburger-btn:hover{background-color:#ffffff1a;color:#fff}.sidebar-hamburger-btn .material-icons-round{font-size:20px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.notification-dot{width:8px;height:8px;background-color:#dc3545;border-radius:50%;margin-left:var(--spacing-sm)}.sidebar-footer{margin-top:auto;padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);background:#0003}.sidebar.collapsed .sidebar-footer{display:none}.sidebar-footer-buttons{display:flex;gap:var(--spacing-sm);width:100%}.sidebar-footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.sidebar-footer-btn .material-icons-round{font-size:18px}.sidebar-footer-btn--apply{background-color:transparent;border-color:#3b82f6;color:#3b82f6}.sidebar-footer-btn--apply:hover{background-color:#3b82f6;color:#fff}.sidebar-footer-btn--apply:disabled{opacity:.45;cursor:not-allowed}.sidebar-footer-btn--apply:disabled:hover{background-color:transparent;color:#3b82f6}.sidebar-footer-btn--clear{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6}.sidebar-footer-btn--clear:hover{background-color:#ffffff26;border-color:#ffffff80}.logout-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.logout-btn .material-icons-round{font-size:18px}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:9999;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}.sidebar-toggle-btn{display:none!important}.sidebar.expanded{width:280px;max-width:85vw;transform:translate(0);box-shadow:4px 0 20px #00000040}.sidebar.collapsed{width:280px;max-width:85vw;transform:translate(-100%);border:none;box-shadow:none;pointer-events:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer{opacity:0;transition:opacity .15s ease}.sidebar.expanded .sidebar-header,.sidebar.expanded .sidebar-nav,.sidebar.expanded .sidebar-footer{opacity:1;transition:opacity .2s ease .15s}.sidebar.expanded:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:0 var(--spacing-sm)}.logo{padding:var(--spacing-xs)}.logo-image{width:36px;height:36px}.logo-text{font-size:14px!important;display:block!important;opacity:1!important}.nav-item{padding:var(--spacing-xs) var(--spacing-sm);margin:2px var(--spacing-xs)}.nav-item .nav-icon{font-size:20px}.nav-item .nav-label{font-size:15px}.section-title{font-size:13px;margin-left:var(--spacing-sm)}.sidebar-footer{padding:var(--spacing-sm)}.sidebar-footer-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.sidebar-footer-btn .material-icons-round{font-size:16px}.nav-item-with-checkbox .checkbox-custom{width:16px;height:16px}.nav-item-with-checkbox .checkbox-custom:after{width:4px;height:8px}}.sidebar-sectors-section{background:var(--sidebar-bg);padding:0}.sidebar-sectors-section .sidebar-sectors-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 12px 12px;padding:0;line-height:1.2}.sidebar-sectors-section .sidebar-sectors-search{margin-bottom:10px}.sidebar-sectors-section .sidebar-sectors-list{display:flex;flex-direction:column;gap:2px}.sidebar-sectors-section .sidebar-sectors-item{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#ffffffe6;font-size:14px}.sidebar-sectors-section .sidebar-sectors-item--loading,.sidebar-sectors-section .sidebar-sectors-item--empty{justify-content:center;color:#ffffff80}.sidebar-sectors-section .sidebar-sectors-icon{font-size:16px;animation:spin 1s linear infinite}.sidebar-sectors-section .sidebar-sectors-label{font-size:14px}.sidebar-sectors-section .nav-section--sectors .nav-item-container{margin-bottom:2px}.sidebar-sectors-section .nav-section--sectors .nav-item{background:transparent;color:#fff;padding:5px 12px;margin:0 12px;border-radius:6px;font-weight:600;transition:background .15s ease}.sidebar-sectors-section .nav-section--sectors .nav-item:hover{background:#ffffff14}.sidebar-sectors-section .nav-section--sectors .nav-item.expand-icon{color:#fff}.sidebar-sectors-section .nav-section--sectors .nav-icon,.sidebar-sectors-section .nav-section--sectors .nav-icon-entity{color:#fff!important}.sidebar-sectors-section .nav-section--sectors .nav-label{color:#fff;font-weight:600;font-size:14px}.sidebar-sectors-section .nav-section--sectors .nav-item-container:has(>.sub-items)>.nav-item{background:#ffffff1a}.sidebar-sectors-section .nav-section--sectors .nav-item-with-checkbox.item-selected,.sidebar-sectors-section .nav-section--sectors .sucursal-item.item-selected{background:#f5951f33!important;border-left:3px solid #F59625}.sidebar-sectors-section .nav-section--sectors .nav-item-with-checkbox.item-selected:hover,.sidebar-sectors-section .nav-section--sectors .sucursal-item.item-selected:hover{background:#f5951f47!important}.sidebar-sectors-section .nav-section--sectors .item-selected .nav-label{color:#fff}.sidebar-sectors-section .nav-section--sectors .nav-checkbox:checked~.checkbox-custom{background-color:#f59625!important;border-color:#f59625!important}.sidebar-sectors-section .nav-section--sectors .nav-checkbox:checked~.checkbox-custom:after{border-color:#fff!important}.sidebar-sectors-section .nav-section--sectors .checkbox-custom{border:2px solid rgba(255,255,255,.7);background:transparent}.sidebar-sectors-section .nav-section--sectors .sub-items{padding-left:0;margin-top:2px;border-left:none}.sidebar-sectors-section .nav-section--sectors .sub-items .nav-item-container{margin-left:16px}.sidebar-sectors-section .nav-section--sectors .sub-items .sub-items .nav-item-container{margin-left:8px}.sidebar-sectors-section .nav-section--sectors .sub-items--sucursales{padding-left:0}.sidebar-sectors-section .nav-section--sectors .nav-item.level-1 .nav-label,.sidebar-sectors-section .nav-section--sectors .nav-item.level-2 .nav-label{font-weight:600;color:#fff}.sidebar-sectors-section .nav-section--sectors .nav-item.level-2 .nav-label:only-of-type,.sidebar-sectors-section .nav-section--sectors .nav-item.level-3 .nav-label{font-weight:400;color:#ffffffa6}.sidebar-sectors-section .sidebar-sector-node{background:transparent;color:#fff;margin:5px 12px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:8px}.sidebar-sectors-section .sidebar-sector-node .nav-label{flex:1;min-width:0}.sidebar-sectors-section .sidebar-sector-node .expand-icon{margin-left:auto}.sidebar-sectors-section .sidebar-company-node{background:#ffffff0f;color:#fff;padding:5px 12px;margin:0 12px;border-radius:8px;display:flex;align-items:center;gap:10px}.sidebar-sectors-section .sidebar-company-node .checkbox-wrapper{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:pointer;margin-right:6px}.sidebar-sectors-section .sidebar-company-node .nav-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sidebar-sectors-section .sidebar-company-node .checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;transition:all .2s ease;flex-shrink:0}.sidebar-sectors-section .sidebar-company-node .checkbox-custom:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid #1a1a1a;border-width:0 2px 2px 0}.sidebar-sectors-section .sidebar-company-node .nav-checkbox:checked~.checkbox-custom{background-color:var(--tree-poppy);border-color:var(--tree-poppy);box-shadow:0 0 0 2px #f5951f4d}.sidebar-sectors-section .sidebar-company-node .nav-checkbox:checked~.checkbox-custom:after{display:block}.sidebar-sectors-section .sidebar-company-node.item-selected{background:#f5951f33;border-left:3px solid #F59625}.sidebar-sectors-section .sidebar-company-node .nav-label{font-size:15px;font-weight:600}.sidebar-sectors-section .sidebar-company-node .expand-icon:last-of-type{margin-left:auto}.sidebar-sectors-section .nav-section--sectors .expand-icon{color:#fff!important;font-size:20px}.sidebar-sectors-section .sidebar-company-node .expand-icon.expand-icon-by-check,.sidebar-sectors-section .nav-section--sectors .expand-icon.expand-icon-by-check{color:var(--tree-poppy)!important;transition:transform .2s ease,opacity .3s ease;padding:0;margin:0 0 0 -2px}.sidebar-sectors-section .sidebar-company-node .expand-icon.expand-icon-by-check.expand-icon-by-check--expanded,.sidebar-sectors-section .nav-section--sectors .expand-icon.expand-icon-by-check.expand-icon-by-check--expanded{transform:rotate(-25deg)}.sidebar-sectors-section .nav-section--sectors .nav-divider{border-top-color:#fff3;margin:8px 12px}@media (min-width: 769px){.sidebar-wrapper,.sidebar{overflow:visible}}.header{background-color:var(--header-bg);height:var(--header-height);border-bottom:1px solid var(--border-light);width:100%}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-lg);gap:var(--spacing-md)}.hamburger-menu-btn{display:none;background:var(--card-bg);border:1px solid var(--border-light);cursor:pointer;padding:0;border-radius:var(--radius-md);transition:all .2s ease;width:44px;height:44px;min-width:44px;align-items:center;justify-content:center;flex-shrink:0}.hamburger-menu-btn .material-icons-round{font-size:28px;color:var(--primary-color)}.hamburger-menu-btn:active{background-color:var(--primary-color)}.hamburger-menu-btn:active .material-icons-round{color:#fff}.sidebar-hamburger-btn{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0;border-radius:var(--radius-sm);width:36px;height:36px;min-width:36px;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:all .2s ease}.sidebar-hamburger-btn .material-icons-round{font-size:22px;color:#fff}.sidebar-hamburger-btn:hover{background:#fff3}.sidebar-hamburger-btn:active{transform:scale(.95)}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-left__slot{display:flex;align-items:center;flex:1;min-width:0}.header-back-btn{height:34px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-back-btn:hover{border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-light));color:var(--primary-color)}.header-left .dashboard__filter-section{width:100%}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.header-nav-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.header-nav-btn-group{display:inline-flex;align-items:stretch;border-radius:var(--radius-md);overflow:hidden;border:1px solid transparent}.header-nav-btn-group .header-nav-btn{border-radius:0}.header-nav-btn-group .header-nav-btn:first-child{border-right:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent)}.header-nav-btn-group .header-nav-btn.active+.header-nav-btn.active,.header-nav-btn-group .header-nav-btn.active{border-color:transparent}.header-nav-btn-group:has(.header-nav-btn.active){border-color:var(--primary-color);background:var(--primary-color)}.header-nav-btn-group:has(.header-nav-btn.active) .header-nav-btn{background:transparent;color:#fff;border-color:transparent}.header-nav-btn-group:has(.header-nav-btn.active) .header-nav-btn:first-child{border-right-color:#ffffff59}.header-nav-btn-group:has(.header-nav-btn.active) .header-nav-btn:hover{background:#ffffff1f;color:#fff}.header-nav-btn{display:flex;align-items:center;justify-content:center;padding:8px;background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;width:40px;height:40px}.header-nav-btn:hover{background-color:var(--hover-bg)}.header-nav-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.header-nav-btn .material-icons-round{font-size:22px}.dropdown{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease;font-size:14px;color:var(--text-primary)}.dropdown:hover{background-color:var(--hover-bg)}.dropdown .material-icons-round{font-size:16px;color:var(--text-light)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header-icon-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.header-icon-btn:hover{background-color:var(--hover-bg)}.header-icon-btn .material-icons-round{font-size:22px;color:var(--text-secondary)}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:999px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--header-bg, #fff);box-shadow:0 2px 8px #dc262659}.notification-badge--empty{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #64748b40}.notifications-dropdown-container{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:min(340px,calc(100vw - 24px));background:var(--card-bg, #fff);border-radius:10px;box-shadow:0 8px 24px #0f172a1f;border:1px solid var(--border-light, #e2e8f0);z-index:1000;overflow:hidden}.notifications-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--primary-color, #345661);color:#fff}.notifications-dropdown-header__icon{font-size:20px!important;opacity:.95;background:#ffffff24;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.notifications-dropdown-header__text{display:flex;flex-direction:column;gap:2px;min-width:0}.notifications-dropdown-header__title{font-size:13px;font-weight:700;letter-spacing:.01em}.notifications-dropdown-header__subtitle{font-size:11px;opacity:.85;font-weight:500}.notifications-dropdown-body{max-height:min(360px,65vh);overflow-y:auto;background:var(--bg-secondary, #f8fafc);padding:4px 0}.notifications-dropdown-state{padding:20px 14px;text-align:center;color:var(--text-secondary, #64748b)}.notifications-dropdown-state__icon{font-size:40px!important;opacity:.45;display:block;margin:0 auto 12px;color:var(--primary-color, #345661)}.notifications-dropdown-state--empty .notifications-dropdown-state__icon{color:#94a3b8}.notifications-dropdown-state p{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text-primary, #334155)}.notifications-dropdown-state__hint{font-size:12px;line-height:1.45;opacity:.85;display:block}.notifications-dropdown-item{width:calc(100% - 16px);border:none;background:var(--card-bg, #fff);display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin:0 8px 4px;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease;box-shadow:none;border-bottom:1px solid var(--border-light, #f1f5f9)}.notifications-dropdown-item:first-of-type{margin-top:4px}.notifications-dropdown-item:last-of-type{margin-bottom:4px;border-bottom:none}.notifications-dropdown-item:hover{background:color-mix(in srgb,var(--primary-color, #345661) 5%,var(--card-bg, #fff))}.notifications-dropdown-item__icon-ring{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.notifications-dropdown-item__icon-ring .material-icons-round{font-size:18px!important}.notifications-dropdown-item--severity-high{background:var(--card-bg, #fff)}.notifications-dropdown-item--severity-high .notifications-dropdown-item__icon-ring{background:#fee2e2;color:#dc2626}.notifications-dropdown-item--severity-medium{background:var(--card-bg, #fff)}.notifications-dropdown-item--severity-medium .notifications-dropdown-item__icon-ring{background:#fef3c7;color:#d97706}.notifications-dropdown-item--severity-low{background:var(--card-bg, #fff)}.notifications-dropdown-item--severity-low .notifications-dropdown-item__icon-ring{background:#dbeafe;color:#2563eb}.notifications-dropdown-item--severity-default{background:var(--card-bg, #fff)}.notifications-dropdown-item--severity-default .notifications-dropdown-item__icon-ring{background:color-mix(in srgb,var(--primary-color, #345661) 12%,#f1f5f9);color:var(--primary-color, #345661)}.notifications-dropdown-item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notifications-dropdown-item__title{font-size:12px;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.3}.notifications-dropdown-item__desc{font-size:11px;color:var(--text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifications-dropdown-item__time{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;color:#94a3b8;margin-top:2px}.notifications-dropdown-item__time .material-icons-round{font-size:12px!important}.action-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.action-btn:hover{background-color:var(--hover-bg)}.action-btn .material-icons-round{font-size:20px;color:var(--text-secondary)}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .2s ease;cursor:pointer}.user-profile:hover{background-color:var(--hover-bg)}.dropdown-arrow{font-size:18px;color:var(--text-light);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.profile-dropdown-header .user-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.2}.profile-dropdown-header .user-role{font-size:12px;color:var(--text-light);line-height:1.2}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .material-icons-round{font-size:20px;color:#fff}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);min-width:200px;border:1px solid var(--card-border);z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-item .material-icons-round{font-size:18px;color:var(--text-secondary)}.dropdown-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.dropdown-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.language-dropdown-container{position:relative}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:160px;border:1px solid var(--border-light);z-index:1000;overflow:hidden}.language-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;position:relative}.language-dropdown-item:hover{background-color:var(--hover-bg)}.language-dropdown-item.active{background-color:var(--hover-bg);color:var(--primary-color);font-weight:500}.language-dropdown-item .material-icons-round{font-size:18px;color:var(--text-secondary)}.language-dropdown-item.active .material-icons-round{color:var(--primary-color)}.language-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;border:1px solid var(--border-light)}.language-dropdown-item .check-icon{margin-left:auto;color:var(--primary-color);font-size:20px}.language-dropdown-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.language-dropdown-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.theme-dropdown-container{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:220px;border:1px solid var(--border-light);z-index:1000;overflow:hidden}[data-theme=dark] .theme-dropdown{background-color:#1e1e1e;border-color:#333;box-shadow:0 8px 24px #00000080}.theme-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;position:relative}[data-theme=dark] .theme-dropdown-item{color:#e0e0e0}.theme-dropdown-item:hover{background-color:var(--hover-bg)}[data-theme=dark] .theme-dropdown-item:hover{background-color:#2c2c2c}.theme-dropdown-item.active{background-color:var(--hover-bg);color:var(--primary-color);font-weight:500}[data-theme=dark] .theme-dropdown-item.active{background-color:#333;color:#fff}.theme-dropdown-item .material-icons-round{font-size:18px;color:var(--text-secondary)}[data-theme=dark] .theme-dropdown-item .material-icons-round{color:#aaa}.theme-dropdown-item.active .material-icons-round{color:var(--primary-color)}[data-theme=dark] .theme-dropdown-item.active .material-icons-round{color:#fff}.theme-dropdown-item .check-icon{margin-left:auto;color:var(--primary-color);font-size:20px}[data-theme=dark] .theme-dropdown-item .check-icon{color:#fff}.theme-dropdown-item .material-icons-round{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.theme-dropdown-item span:not(.material-icons-round){flex:1}.theme-dropdown-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.theme-dropdown-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.theme-item-sisconper{background:linear-gradient(to right,#3456610d,#34566105)!important;border-top:1px solid rgba(52,86,97,.1)!important;margin-top:4px;padding:14px 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=dark] .theme-item-sisconper{background:linear-gradient(to right,#34566133,#3456611a)!important;border-top:1px solid rgba(255,255,255,.05)!important}.theme-item-sisconper:hover{background:linear-gradient(to right,#3456611f,#3456610d)!important;transform:translateY(-1px)}[data-theme=dark] .theme-item-sisconper:hover{background:linear-gradient(to right,#3456614d,#34566126)!important}.theme-item-sisconper.active{background:linear-gradient(to right,#34566126,#34566114)!important}[data-theme=dark] .theme-item-sisconper.active{background:linear-gradient(to right,#34566166,#34566133)!important}.theme-item-sisconper .theme-item-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),#4a7a8a);border-radius:8px;margin-right:12px;box-shadow:0 4px 10px #3456614d}.theme-item-sisconper .theme-item-icon-wrapper .material-icons-round{color:#fff!important;font-size:18px;animation:sparkle 2s infinite}.theme-pro-logo,.header-theme-logo{width:22px;height:22px;object-fit:contain}.header-theme-icon{display:flex;align-items:center;justify-content:center}.theme-item-sisconper .theme-item-text-wrapper{display:flex;flex-direction:column;gap:2px;flex:1}.theme-item-sisconper .theme-name{font-weight:700!important;color:var(--primary-color)!important;letter-spacing:.3px}[data-theme=dark] .theme-item-sisconper .theme-name{color:#fff!important}.theme-item-sisconper .theme-badge{font-size:8px;font-weight:800;background:linear-gradient(to right,#345661,#4a7a8a);color:#fff;padding:1px 8px;border-radius:10px;width:fit-content;text-transform:uppercase;box-shadow:0 2px 4px #34566133}[data-theme=dark] .theme-item-sisconper .theme-badge{background:linear-gradient(to right,#4a7a8a,#5a8a9a)}.theme-item-sisconper .check-icon{color:var(--primary-color)!important;font-size:20px!important}[data-theme=dark] .theme-item-sisconper .check-icon{color:#fff!important}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width: 768px){.hamburger-menu-btn{display:flex!important;margin-right:8px}.sidebar-hamburger-btn{display:flex!important}.header-content{padding:0 12px;margin-left:0;justify-content:space-between}.header-left{flex:1;min-width:0}.logo-text{display:none}.header-actions{gap:var(--spacing-sm)}.dropdown{display:none}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.dashboard-custom-tooltip{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 10px 25px var(--shadow-medium);padding:12px;min-width:180px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dashboard-custom-tooltip__header{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:6px}.dashboard-custom-tooltip__header .material-icons-round{font-size:16px;color:var(--primary-color)}.dashboard-custom-tooltip__content{display:flex;flex-direction:column;gap:8px}.dashboard-custom-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-custom-tooltip__item-label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.dashboard-custom-tooltip__indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-custom-tooltip__item-value{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.dashboard-custom-tooltip__percentage{font-size:11px;font-weight:400;color:var(--text-secondary)}.dashboard-container{background-color:var(--bg-primary);padding:var(--spacing-lg);padding-top:10px;position:relative;overflow:auto}.react-grid-layout{position:relative}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item>div{height:100%}.dashboard-grid-wrapper{width:100%;min-width:0}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:#3456611a;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border-radius:8px}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM5Q0EzQUYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTUgMS0xIDF2MWgxeiIvPjxwYXRoIGQ9Im0xIDVoMS0xeiIvPjwvZz48L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize;opacity:.5}.react-resizable-handle:hover{opacity:1}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.dashboard__filter-section--mobile{grid-column:1 / -1;margin-bottom:var(--spacing-md);display:none;position:relative;z-index:1}.dashboard__filter-section--mobile .dashboard__filter-bar{background:var(--card-bg);border-radius:16px;padding:16px;box-shadow:var(--shadow-light);border:1px solid var(--card-border)}.dashboard__filter-section--mobile .dashboard__filter-row{display:flex;flex-direction:column;gap:12px}.dashboard__filter-section--mobile .dashboard__filter-stack{display:flex;gap:8px;width:100%}.dashboard__filter-section--mobile .dashboard__filter-chip{flex:1;min-width:0;justify-content:center}.summary-card{background:var(--card-bg);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--card-border);transition:box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:grab}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary-color);opacity:0;transition:opacity .3s ease}.summary-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--primary-color)}.summary-card:hover:before{opacity:1}.summary-card__bg-icon{position:absolute;right:-10px;bottom:-10px;font-size:100px!important;color:#00000008;transform:rotate(-10deg) scale(.8);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0;opacity:.5}.summary-card:hover .summary-card__bg-icon{transform:rotate(-15deg) scale(1.2);color:#0000001a;right:5px;bottom:5px}.summary-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 10px #0000001a}.summary-card:hover .summary-card__icon{transform:scale(1.1)}.summary-card__icon .material-icons-round{font-size:32px;color:#fff}.summary-card__content{display:flex;flex-direction:column;flex:1}.summary-card__label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.summary-card__value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.summary-card__percent{font-size:22px;font-weight:600;color:var(--text-secondary);margin-left:8px;opacity:.85}.summary-card--grid .summary-card__percent{font-size:20px}.summary-card__change{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;margin-top:8px;padding:2px 8px;border-radius:12px;width:fit-content}.summary-card--grid{width:100%;height:100%;padding:16px;gap:10px 12px;margin:0;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label label" "icon value" "change change";align-items:center}.react-grid-item .summary-card--grid:hover,.react-grid-item .summary-card-modern--grid:hover,.react-grid-item .summary-card--grid:hover .summary-card__icon,.react-grid-item .summary-card--grid:hover .summary-card__bg-icon,.react-grid-item .summary-card-modern--grid:hover .summary-card-modern__icon,.react-grid-item .summary-card-modern--grid:hover .summary-card-modern__bg-icon,.react-grid-item .summary-card-modern--grid:hover .summary-card-modern__badge,.react-grid-item .summary-card-modern--grid:hover .summary-card-modern__value{transform:none!important}.summary-card--grid .summary-card__icon{width:44px;height:44px;grid-area:icon}.summary-card--grid .summary-card__icon .material-icons-round{font-size:24px}.summary-card--grid .summary-card__value{font-size:28px;grid-area:value;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.summary-card--grid .summary-card__percent{margin-left:0;font-size:18px;line-height:1.1}.summary-card--grid .summary-card__content{display:contents}.summary-card--grid .summary-card__label{grid-area:label;margin-bottom:0}.summary-card--grid .summary-card__change{grid-area:change;margin-top:0}.summary-card__change--positive{background-color:#10b9811a;color:#10b981}.summary-card__change--negative{background-color:#ef44441a;color:#ef4444}.dashboard-container.edit-mode{grid-template-columns:1fr}.summary-card-modern{background:var(--card-bg);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--card-border);transition:box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);min-height:0;position:relative;overflow:hidden;cursor:grab}.summary-card-modern--grid{width:100%;height:100%;padding:16px;gap:10px;margin:0;box-sizing:border-box}.summary-card-modern--grid .summary-card-modern__icon{width:44px;height:44px}.summary-card-modern--grid .summary-card-modern__icon .material-icons-round{font-size:22px}.summary-card-modern--grid .summary-card-modern__value{font-size:28px}.summary-card-modern:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary-color);opacity:0;transition:all .3s ease;z-index:2}.summary-card-modern:hover{box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;border-color:var(--primary-color)}.summary-card-modern:hover:before{opacity:1;width:6px}.summary-card-modern__bg-icon{position:absolute;right:-15px;top:-15px;font-size:120px!important;color:#ffffff08;transform:rotate(15deg) scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.summary-card-modern:hover .summary-card__bg-icon,.summary-card-modern:hover .summary-card-modern__bg-icon{transform:rotate(10deg) scale(1.1);color:#ffffff12;right:0;top:0}.summary-card-modern__header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.summary-card-modern__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.summary-card-modern:hover .summary-card-modern__icon{transform:scale(1.1);box-shadow:0 8px 20px #0003}.summary-card-modern__icon .material-icons-round{font-size:30px}.summary-card-modern__badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px;transition:all .3s ease}.summary-card-modern:hover .summary-card-modern__badge{transform:translate(-5px)}.summary-card-modern__badge.positive{background-color:#10b98126;color:#10b981}.summary-card-modern__badge.negative{background-color:#ef444426;color:#ef4444}.summary-card-modern__body{display:flex;flex-direction:column;gap:4px;flex:1;justify-content:center;position:relative;z-index:1}.summary-card-modern__label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;transition:color .3s ease}.summary-card-modern:hover .summary-card-modern__label{color:var(--text-primary)}.summary-card-modern__value-container{display:flex;align-items:baseline;gap:8px}.summary-card-modern__value{font-size:48px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-1.5px;transition:all .3s ease}.summary-card-modern:hover .summary-card-modern__value{transform:scale(1.05);transform-origin:left}.summary-card-modern__unit{font-size:16px;color:#64748b;font-weight:600;text-transform:lowercase}.summary-card-modern__percent{font-size:22px;color:var(--text-secondary, #64748b);font-weight:600;margin-left:10px;opacity:.9}.summary-card-modern__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);font-size:12px;color:#64748b;margin-top:auto;position:relative;z-index:1}.summary-card-modern__footer-item{display:flex;gap:6px;align-items:center}.summary-card-modern__footer-item .value{font-weight:700;color:#94a3b8;font-size:13px}.dashboard__filter-section{position:relative;z-index:100;width:100%;background-color:var(--bg-primary)}.dashboard__filter-section--in-header{position:relative;top:auto;width:auto;background-color:transparent}.dashboard__filter-section--in-header .dashboard__filter-bar{padding:0;box-shadow:none;border:none;background:transparent}.dashboard__filter-bar{background:var(--header-bg);padding:10px 14px;box-shadow:var(--shadow-light);border:1px solid var(--card-border);border-top:none}.dashboard__filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dashboard__filter-row--main{min-height:44px}.dashboard__filter-row--primary{gap:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;padding-right:20px}.dashboard__filter-stack{display:flex;align-items:center;gap:8px;flex-shrink:0}.dashboard__filter-chip{display:flex;align-items:center;gap:6px;background-color:var(--filter-bg);border:1px solid var(--filter-border);border-radius:8px;padding:0 10px;transition:all .2s ease;position:relative;height:36px;flex-shrink:0}.dashboard__chip-text{font-size:13px;white-space:nowrap;font-weight:500;color:var(--text-primary)}.dashboard__filter-chip--branch{width:auto;min-width:160px;max-width:200px}.dashboard__filter-row--segments{margin-top:12px}.dashboard__filter-stack{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard__filter-stack--actions{margin-left:auto;justify-content:flex-end;flex-shrink:0;gap:16px;padding-left:20px}.dashboard__filter-stack--comparison{display:flex;align-items:center;gap:8px;flex-direction:row-reverse;margin-right:25px;flex-shrink:0}.dashboard__filter-chip{display:flex;align-items:center;gap:6px;background-color:var(--filter-bg);border:1px solid var(--filter-border);border-radius:8px;padding:4px 8px;transition:all .2s ease;position:relative}.dashboard__filter-chip:hover{border-color:var(--primary-color);box-shadow:var(--shadow-light);background-color:var(--card-bg)}.dashboard__filter-chip--branch{width:240px;min-width:240px;max-width:240px;height:35px;padding:0 10px}.dashboard__filter-chip--branch .dashboard__chip-select{max-width:100%;min-width:0;height:100%;align-items:center}.dashboard__filter-chip--branch .dashboard__select-wrapper{height:100%;display:flex;align-items:center}.dashboard__filter-chip--branch .dashboard__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__filter-chip--toggle{background-color:var(--hover-bg);border-color:var(--filter-border)}.dashboard__filter-chip--comparison{background-color:var(--hover-bg);border-color:var(--primary-color);animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.dashboard__filter-chip-icon{font-size:18px;color:#345661;flex-shrink:0}.dashboard__filter-chip--comparison .dashboard__filter-chip-icon{color:#ea580c}.dashboard__chip-select,.dashboard__chip-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:4px 0;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.dashboard__chip-text{font-size:13px;font-weight:500;color:var(--text-primary)}.dashboard__chip-text.has-selection{color:#345661}.dashboard__chip-text--comparison{color:#ea580c;font-weight:600}.dashboard__chip-arrow{font-size:18px;color:var(--text-secondary);transition:transform .2s ease}.dashboard__chip-arrow.open{transform:rotate(180deg)}.dashboard__chip-label{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.dashboard__segment-toggle-group{display:flex;flex-wrap:wrap;gap:4px;width:100%}.dashboard__segments-panel{width:100%;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.dashboard__segments-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dashboard__segments-panel-icon{width:32px;height:32px;border-radius:8px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center}.dashboard__segments-panel-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.dashboard__segments-panel-subtitle{font-size:11px;color:#94a3b8}.dashboard__segment-toggle{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px;flex:1 1 140px}.dashboard__segment-toggle:hover{border-color:#cbd5f5;box-shadow:0 1px 5px #0f172a14}.dashboard__segment-toggle--active{border-color:#94a3b8;background:linear-gradient(135deg,#94a3b840,#cbd5e159);box-shadow:inset 0 1px #fff9}.dashboard__segment-toggle-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.dashboard__segment-toggle-metrics{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.dashboard__segment-toggle-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.dashboard__segment-toggle-value{font-size:13px;font-weight:600;color:var(--text-primary)}.dashboard__segment-toggle-percent{font-size:11px;color:#64748b}.dashboard__chip-select-native{border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;padding:4px 20px 4px 0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.dashboard__chip-select-native:focus{outline:none}.dashboard__filter-chip--login-hours{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.dashboard__chip-label-inline{font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);white-space:nowrap}.dashboard__chip-time-input{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:var(--text-primary, #334155);background:#fff;width:72px}.dashboard__chip-time-input:focus{outline:none;border-color:#345661}.dashboard__chip-time-24h{display:inline-flex;align-items:center;gap:2px}.dashboard__chip-time-select{padding:4px 6px;min-width:52px;font-variant-numeric:tabular-nums}.dashboard__chip-time-sep{font-size:14px;font-weight:600;color:var(--text-secondary, #64748b);padding:0 1px}.dashboard__mini-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.dashboard__mini-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:20px}.dashboard__mini-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.dashboard__mini-toggle input:checked+.dashboard__mini-toggle-slider{background:linear-gradient(135deg,#345661,#4a7c8a)}.dashboard__mini-toggle input:checked+.dashboard__mini-toggle-slider:before{transform:translate(16px)}.dashboard__filter-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent 0%,#e5e7eb 50%,transparent 100%);margin:0 4px}.dashboard__filter-spacer{flex:1;min-width:16px}.dashboard__edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#345661,#4a7c8a);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard__edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3456614d}.dashboard__edit-btn--active{background:linear-gradient(135deg,#10b981,#059669)}.dashboard__edit-btn--active:hover{box-shadow:0 4px 12px #10b9814d}.dashboard__edit-btn .material-icons-round{font-size:18px}@media (max-width: 1200px){.dashboard__filter-row{gap:6px}.dashboard__filter-stack--actions{width:100%;justify-content:flex-start}.dashboard__filter-chip--branch{min-width:auto}.dashboard__edit-btn-text{display:none}.dashboard__edit-btn{padding:8px 12px}}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr!important;padding:10px 12px 12px!important;gap:10px!important;max-width:100vw!important;box-sizing:border-box!important}.dashboard-container.comparison-mode{padding-top:10px!important}.dashboard__filter-section--mobile{display:block}#header-filters-slot{display:none}.dashboard__filter-section--in-header{width:100%}.dashboard__filter-bar{padding:10px 12px;box-shadow:0 2px 8px #0000000d;border-radius:0;margin:0}.dashboard__filter-row{gap:6px;flex-direction:column;padding:0}.dashboard__filter-stack,.dashboard__filter-stack--actions{width:100%;justify-content:center;flex-wrap:wrap;gap:6px}.dashboard__filter-chip{padding:8px 12px;flex:1 1 calc(50% - 6px);min-width:140px;min-height:40px;font-size:12px;justify-content:center}.dashboard__filter-chip--branch{flex:1 1 100%;width:100%;min-width:100%}.dashboard__filter-chip-icon{font-size:20px}.dashboard__chip-label,.dashboard__chip-text{font-size:12px}.dashboard__edit-btn{width:100%;min-height:44px;font-size:14px}.chart-card,.kpi-card-wide,.localidad-card,.trafico-card,.distribucion-card,.sales-chart-card{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-column:1 / -1!important;padding:10px!important}.kpi-card-wide{padding:12px}.kpi-metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:65px;padding:8px 4px}.metric-value{font-size:18px}.metric-label{font-size:9px}.segment-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-number{font-size:17px}.stat-label{font-size:8px}.traffic-stats{flex-direction:column;gap:8px}.traffic-stat-item{padding:8px}.traffic-stat-value{font-size:13px}.traffic-stat-label{font-size:10px}.chart-svg{height:180px}.chart-content{min-height:220px}.chart-legend{gap:6px;margin-bottom:8px}.legend-item{font-size:11px;gap:4px}.location-map{height:220px}.map-legend{flex-wrap:wrap;gap:8px}.legend-item-map{font-size:11px}}.dashboard__filter-chip .dashboard__select-wrapper{position:relative;flex:1;min-width:0}.dashboard__select-dropdown{position:absolute;top:calc(100% + 8px);left:-10px;min-width:280px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-medium);max-height:320px;overflow-y:auto;z-index:1000;padding:8px 0}.dashboard__select-group{padding:0}.dashboard__select-group+.dashboard__select-group{border-top:1px solid #f1f5f9;margin-top:4px;padding-top:4px}.dashboard__select-group-label{display:flex;align-items:center;gap:10px;padding:10px 14px;font-weight:600;font-size:13px;color:var(--text-primary);background-color:transparent;cursor:pointer;transition:background-color .15s ease;border-radius:8px;margin:0 6px}.dashboard__select-group-label:hover{background-color:var(--hover-bg)}.dashboard__select-group-label.branch-selected{background-color:var(--active-bg)}.dashboard__select-checkbox{width:18px;height:18px;border:2px solid var(--filter-border);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;cursor:pointer;background-color:var(--card-bg)}.dashboard__select-checkbox:hover{border-color:var(--primary-color)}.dashboard__select-checkbox.selected{background:var(--primary-color);border-color:var(--primary-color)}.dashboard__select-checkbox .material-icons-round{font-size:14px;color:#fff}.dashboard__select-group-name{flex:1;display:flex;align-items:center}.dashboard__select-chevron{font-size:18px;color:var(--text-secondary);transition:transform .2s ease;cursor:pointer;flex-shrink:0}.dashboard__select-chevron.expanded{transform:rotate(90deg)}.dashboard__select-accesses{padding:4px 6px 4px 36px;background-color:transparent}.dashboard__select-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:all .15s ease;font-size:13px;border-radius:6px;margin:2px 0;color:var(--text-secondary)}.dashboard__select-option:hover{background-color:var(--hover-bg);color:var(--text-primary)}.dashboard__select-option.selected{background-color:var(--active-bg);color:var(--primary-color);font-weight:500}.dashboard__select-option.disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.dashboard__select-option .dashboard__select-checkbox{border-color:var(--filter-border)}.dashboard__select-option:hover .dashboard__select-checkbox{border-color:var(--primary-color)}.dashboard__select-option.selected .dashboard__select-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.dashboard__select-option-text{flex:1;color:var(--text-primary);font-weight:500}.dashboard__branch-office-item{margin-bottom:8px;border-bottom:1px solid var(--border-light, #e5e7eb);padding-bottom:8px}.dashboard__branch-office-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dashboard__branch-office-header{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.dashboard__branch-office-header:hover{background-color:var(--hover-bg)}.dashboard__expand-icon{font-size:18px;color:var(--text-secondary);transition:transform .2s ease}.dashboard__branch-office-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.dashboard__branch-office-company{font-size:12px;color:var(--text-secondary);font-style:italic}.dashboard__branch-office-accesses{margin-top:8px;padding-left:32px;display:flex;flex-direction:column;gap:6px}.dashboard__access-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.dashboard__access-item:hover{background-color:#00000008}.dashboard__access-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#f59625}.dashboard__access-name{font-size:13px;color:var(--text-primary)}.dashboard__no-branch-offices{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px}.dashboard__add-branch-office-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:8px;border:1px dashed var(--border-light, #e5e7eb);border-radius:6px;background-color:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.dashboard__add-branch-office-btn:hover{background-color:#f596251a;border-color:#f59625;color:#f59625}.dashboard__add-branch-office-btn .material-icons-round{font-size:18px}.dashboard__filter-date-button{padding:10px 12px 10px 40px;border-radius:6px;border:1px solid var(--border-light, #e5e7eb);font-size:14px;background-color:#fff;color:var(--text-primary);cursor:pointer;width:240px;text-align:left;outline:none;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dashboard__filter-date-button:hover{border-color:var(--primary-color)}.dashboard__filter-date-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:20px}.dashboard__filter-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard__filter-btn:hover{background-color:var(--hover-bg)}.dashboard__filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dashboard__filter-btn .material-icons-round{font-size:18px}.heatmap-table-container{width:100%;overflow-x:auto;padding:8px 0}.heatmap-table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}.heatmap-table thead{background-color:var(--card-bg);position:sticky;top:0;z-index:10}.heatmap-hour-header{padding:10px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light);background-color:var(--card-bg);min-width:80px}.heatmap-day-header{padding:10px 8px;text-align:center;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light);background-color:var(--card-bg);min-width:90px;font-size:11px}.heatmap-hour-cell{padding:8px 12px;text-align:left;font-weight:500;color:var(--text-secondary);border-right:1px solid var(--border-light);background-color:var(--card-bg);white-space:nowrap}.heatmap-cell{padding:8px;text-align:center;border:1px solid rgba(0,0,0,.05);transition:transform .1s ease,box-shadow .1s ease;cursor:pointer;min-width:70px}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026;z-index:5;position:relative}.heatmap-total-row{border-top:2px solid var(--border-medium);background-color:var(--bg-secondary)}.heatmap-total-label{font-weight:700;color:var(--text-primary);background-color:var(--bg-secondary)!important}.heatmap-total-cell{font-weight:700;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background-color:var(--bg-secondary);border-radius:8px}.heatmap-legend-label{font-size:11px;color:var(--text-secondary);font-weight:500}.heatmap-legend-gradient{display:flex;gap:2px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .heatmap-table thead{background-color:var(--card-bg)}[data-theme=dark] .heatmap-hour-header,[data-theme=dark] .heatmap-day-header{background-color:var(--card-bg);border-bottom-color:var(--border-medium)}[data-theme=dark] .heatmap-hour-cell{background-color:var(--card-bg);border-right-color:var(--border-medium)}[data-theme=dark] .heatmap-total-row{background-color:var(--bg-secondary)}[data-theme=dark] .heatmap-total-label,[data-theme=dark] .heatmap-total-cell{background-color:var(--bg-secondary)!important}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);grid-column:1 / 3;grid-row:1}.chart-card{background-color:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-light);border:1px solid var(--card-border);height:100%;display:flex;flex-direction:column;box-sizing:border-box}.sales-chart-card{padding:12px 14px}.sales-chart-header{margin-bottom:4px}.sales-chart-header .chart-title{font-size:13px;font-weight:600}.sales-chart-icon{font-size:18px!important;color:var(--primary-color);opacity:.9}.sales-chart-content{flex:1;min-height:0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.chart-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.chart-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-control-btn{width:32px;height:32px;border:1px solid var(--border-light);background-color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .1s ease;padding:0}.chart-control-btn .material-icons-round{font-size:18px;color:var(--text-secondary)}.chart-control-btn:hover{border-color:var(--primary-color);background-color:#34566114}.chart-control-btn:hover .material-icons-round{color:var(--primary-color)}.chart-control-btn:active{transform:scale(.95)}.kpi-chart-menu-dropdown{padding:6px 0!important}.kpi-chart-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease;border-radius:6px;margin:0 6px}.kpi-chart-menu-item:hover{background-color:#f1f5f9}.kpi-chart-menu-item .material-icons-round{color:var(--text-secondary)}.kpi-chart-menu-item.selected{background-color:#f0f9ff;color:#0369a1}.kpi-chart-menu-item.selected .material-icons-round{color:#0369a1}.chart-controls--location-comparison{margin-left:auto;flex-shrink:0;gap:0}.location-comparison-menu-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end}.location-comparison-menu-btn{width:36px;height:36px;border-radius:10px}.location-comparison-menu-btn .material-icons-round{font-size:22px}.location-comparison-menu-btn[aria-expanded=true]{border-color:var(--primary-color);background-color:#3456611a;box-shadow:0 0 0 2px #34566126}.location-comparison-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;left:auto!important;min-width:208px;padding:8px 0!important;border-radius:12px!important;border:1px solid var(--border-light, #e2e8f0);box-shadow:0 10px 40px #0f172a1f,0 2px 8px #0f172a0f;z-index:30}.location-comparison-menu-dropdown .kpi-chart-menu-item{margin:0 8px;width:auto;border-radius:8px}.chart-select{border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:12px;background-color:var(--bg-secondary);color:var(--text-primary)}.chart-content{height:auto;min-height:250px;flex:1;min-width:0}.kpi-card-wide .chart-content{height:auto;padding:0}.kpi-card-wide{padding:var(--spacing-md) var(--spacing-md)}.line-chart{position:relative;height:100%}.chart-svg{width:100%;height:180px}.chart-line{stroke-linecap:round;stroke-linejoin:round}.chart-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.traffic-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-light)}.traffic-stat-item{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.traffic-stat-item .material-icons-round{font-size:24px;color:var(--primary-color)}.traffic-stat-content{display:flex;flex-direction:column;gap:4px}.traffic-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.traffic-stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.bar-chart{height:100%;display:flex;flex-direction:column}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:2px}.bars-container{display:flex;align-items:end;justify-content:space-between;height:120px;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.bar{width:40px;border-radius:4px 4px 0 0;transition:all .3s ease}.bar:hover{opacity:.8}.bar-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.kpi-section{grid-column:3;grid-row:1 / 3}.kpi-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light);height:fit-content}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.kpi-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.kpi-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.kpi-metrics{margin-bottom:var(--spacing-lg)}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);background-color:#f5f5f5;border-radius:var(--radius-sm);border:none;text-align:center;min-height:70px}.metric-label{font-size:10px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value{font-size:20px;font-weight:700;color:#345661;line-height:1.1}.kpi-trend-chart{margin:var(--spacing-sm) 0;padding:var(--spacing-xs) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.trend-svg{width:100%;height:60px;overflow:visible}.trend-line{stroke-linecap:round;stroke-linejoin:round;animation:drawTrend 1.5s ease-out}.trend-area{animation:drawTrend 1.5s ease-out}@keyframes drawTrend{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.visitor-segments{margin-top:var(--spacing-md)}.segment-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 10px;margin-bottom:var(--spacing-sm)}.segment-legend .legend-item{font-size:10px;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.orange{background-color:#ff9800}.legend-dot.blue{background-color:#1976d2}.legend-dot.light-blue{background-color:#64b5f6}.legend-dot.gray{background-color:#9e9e9e}.read-more{text-align:right}.read-more-link{font-size:12px;color:var(--primary-color);text-decoration:none;font-weight:500}.read-more-link:hover{text-decoration:underline}.segments-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.segment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs);transition:all .2s ease}.stat-item--highlighted{border-bottom:2px solid var(--primary-color);padding-bottom:8px!important}.stat-item--highlighted .stat-number{color:var(--primary-color)}.stat-item--highlighted .stat-label{color:var(--primary-color);font-weight:600}.stat-number{font-size:20px;font-weight:700;color:#345661;line-height:1.2}.stat-label{font-size:9px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.3px}.pie-chart{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.pie-container{width:150px;height:150px;margin:0 auto}.pie-segment{width:100%;height:100%;border-radius:50%;box-shadow:0 2px 8px #0000001a}.pie-legend{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.pie-legend .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--text-primary)}.pie-legend .legend-color{width:12px;height:12px;border-radius:2px}.comparison-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.comparison-bars{display:flex;gap:var(--spacing-sm);height:180px;align-items:flex-end;justify-content:center}.comparison-bar{display:flex;gap:var(--spacing-xs)}.bar-section{width:50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:4px 4px 0 0;position:relative;color:#fff;font-size:10px;padding:4px}.comparison-labels{display:flex;justify-content:space-around;font-size:11px;color:var(--text-secondary);text-transform:uppercase}.map-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.location-map{position:relative;width:100%;height:250px;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d;background-color:#f9fafb;transition:all .2s ease}.location-map:hover{box-shadow:0 2px 6px #00000014;border-color:#d1d5db}.location-map iframe{width:100%;height:100%;border:none;border-radius:var(--radius-sm)}.map-legend{display:flex;gap:var(--spacing-md);justify-content:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.legend-item-map{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-weight:500}.legend-item-map .material-icons-round{font-size:18px}.line-chart-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.line-chart-legend{display:flex;gap:var(--spacing-md);flex-wrap:wrap;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.legend-item-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;color:var(--text-primary)}.legend-line{width:16px;height:2px;border-radius:2px}.legend-bar{width:12px;height:12px;border-radius:2px}.line-chart{padding-top:var(--spacing-sm)}.x-axis-labels{display:flex;justify-content:space-around;font-size:10px;color:var(--text-secondary);margin-top:var(--spacing-xs);padding:0 var(--spacing-xs)}.device-comparison{display:flex;flex-direction:column;gap:var(--spacing-md)}.device-comparison-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.device-comparison-item:last-child{border-bottom:none}.device-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.device-icon-comp{font-size:20px;color:var(--primary-color)}.device-name-comp{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.device-value-comp{font-size:11px;color:var(--text-secondary);font-weight:600}.gender-distribution-row{display:flex;gap:14px;margin-top:10px}.gender-distribution-col{flex:1;padding:8px 10px;border-radius:10px;background:#0f172a05;border:1px solid rgba(148,163,184,.18);display:flex;flex-direction:column;gap:4px}.gender-distribution-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;display:inline-flex;align-items:center;gap:6px}.gender-distribution-label:before{content:"";width:10px;height:10px;border-radius:999px}.gender-distribution-label--male{color:#2563eb}.gender-distribution-label--male:before{background:linear-gradient(135deg,#2563eb,#38bdf8)}.gender-distribution-label--female{color:#ec4899}.gender-distribution-label--female:before{background:linear-gradient(135deg,#ec4899,#fb7185)}.gender-distribution-value{font-size:14px;font-weight:800;display:flex;align-items:baseline;gap:4px}.gender-distribution-value--male{color:#1d4ed8}.gender-distribution-value--female{color:#db2777}.gender-distribution-percent{font-size:14px;font-weight:700;color:#64748b}.gender-distribution-change{margin-top:2px;padding:2px 8px}@media (max-width: 768px){.gender-distribution-row{flex-direction:column}}.device-bars-container{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.device-bars-group{display:flex;align-items:center;gap:var(--spacing-xs)}.device-bar-label{font-size:10px;color:var(--text-secondary);min-width:40px}.device-bars{display:flex;gap:4px;align-items:center}.device-bar-comp{width:20px;height:40px;border-radius:2px;transition:all .3s ease}.device-bar-comp:nth-child(2){height:32px}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr}.charts-section{grid-column:1;grid-row:1}.kpi-section{grid-column:1;grid-row:2}}@media (max-width: 768px){.charts-section,.kpi-metrics-grid{grid-template-columns:1fr}.pie-container{width:120px;height:120px}.comparison-bars{height:140px}.bar-section{width:35px;font-size:8px}.x-axis-labels{font-size:9px}.legend-item-location{font-size:10px}.device-bars-container{flex-direction:column;gap:var(--spacing-xs)}.device-bars-group{gap:var(--spacing-xs)}.device-bar-comp{width:16px;height:32px}.device-bar-comp:nth-child(2){height:24px}.device-header{flex-wrap:wrap}.device-name-comp{font-size:11px}.device-value-comp{font-size:10px}}[data-date-picker-container],[data-comparison-date-picker-container]{pointer-events:auto!important;box-sizing:border-box!important}[data-date-picker-container] .rdr-Calendar,[data-comparison-date-picker-container] .rdr-Calendar{width:100%!important;height:auto!important;min-height:300px!important;display:block!important;overflow:visible!important}[data-date-picker-container] .rdr-DateRangePicker,[data-comparison-date-picker-container] .rdr-DateRangePicker,[data-date-picker-container] .rdr-DateRangePickerWrapper,[data-comparison-date-picker-container] .rdr-DateRangePickerWrapper{width:100%!important;display:block!important}[data-date-picker-container] .rdr-Month,[data-comparison-date-picker-container] .rdr-Month{width:100%!important;height:auto!important;min-height:280px!important;display:block!important;overflow:visible!important}[data-date-picker-container] .rdr-MonthAndYearWrapper,[data-comparison-date-picker-container] .rdr-MonthAndYearWrapper{padding:12px 16px!important;display:flex!important}[data-date-picker-container] .rdr-WeekDays,[data-comparison-date-picker-container] .rdr-WeekDays{padding:8px 0!important;display:flex!important}[data-date-picker-container] .rdr-WeekDay,[data-comparison-date-picker-container] .rdr-WeekDay{flex:1!important;text-align:center!important;font-size:12px!important;font-weight:500!important;color:var(--text-secondary)!important}[data-date-picker-container] .rdr-Days,[data-comparison-date-picker-container] .rdr-Days{display:flex!important;flex-wrap:wrap!important;padding:0 8px 8px!important;min-height:200px!important;overflow:visible!important}[data-date-picker-container] .rdr-Day,[data-comparison-date-picker-container] .rdr-Day{display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;visibility:visible!important;opacity:1!important;height:36px!important;width:calc(100% / 7)!important;min-height:36px!important;min-width:calc(100% / 7)!important;position:relative!important;pointer-events:auto!important}[data-date-picker-container] .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-DayNumber{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;color:var(--text-primary)!important;font-size:13px!important;width:100%!important;height:100%!important;pointer-events:auto!important;cursor:pointer!important}[data-date-picker-container] .rdr-Day:hover .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-Day:hover .rdr-DayNumber{background-color:var(--hover-bg)!important;border-radius:4px!important}[data-date-picker-container] .rdr-DayPassive .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-DayPassive .rdr-DayNumber{color:#9ca3af!important;opacity:.5!important}[data-date-picker-container] .rdr-DaySelected .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-DaySelected .rdr-DayNumber,[data-date-picker-container] .rdr-DayStartOfRange .rdr-DayNumber,[data-date-picker-container] .rdr-DayEndOfRange .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-DayStartOfRange .rdr-DayNumber,[data-comparison-date-picker-container] .rdr-DayEndOfRange .rdr-DayNumber{background-color:var(--primary-color)!important;color:#fff!important;border-radius:4px!important;font-weight:500!important}[data-date-picker-container] .rdr-DayInRange,[data-comparison-date-picker-container] .rdr-DayInRange{background-color:var(--hover-bg)!important}.date-picker-close-btn{display:none}.dashboard__filter-check-wrap{display:inline-flex;align-items:center}.dashboard__filter-check-wrap--horizontal{flex:1;min-width:0}.dashboard__filter-check-wrap--horizontal .dashboard__filter-check-schedule{margin-left:auto;font-weight:600;color:var(--primary-color, #345661);font-size:13px}.dashboard__filter-check-wrap:hover:not(.dashboard__filter-check-wrap--disabled){background-color:var(--hover-bg, rgba(52, 86, 97, .06))}.dashboard__filter-check-wrap--disabled{opacity:.55;cursor:not-allowed}.dashboard__filter-check-wrap--disabled .dashboard__filter-check-box{opacity:.7;border-color:var(--text-secondary, #9ca3af)}.dashboard__filter-check-wrap--disabled input:checked+.dashboard__filter-check-box{background-color:var(--text-secondary, #9ca3af);border-color:var(--text-secondary, #9ca3af)}.dashboard__filter-check-box{width:18px;height:18px;border:2px solid var(--primary-color, #345661);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.dashboard__filter-check-wrap input:checked+.dashboard__filter-check-box{background-color:var(--primary-color, #345661);border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566133}.dashboard__filter-check-label{font-size:13px;font-weight:500;color:var(--text-primary, #345661);-webkit-user-select:none;user-select:none}.dashboard__filter-check-hint{font-size:11px;color:var(--text-secondary, #6b7280);margin-top:2px;font-weight:400}.dashboard__filter-check-time-range select{padding:4px 6px;border-radius:6px;border:1px solid var(--border-medium, #d1d5db);font-size:12px;color:var(--primary-color, #345661);width:64px;cursor:pointer;background:var(--card-bg, #fff)}.dashboard__filter-check-time-sep{font-size:11px;color:var(--text-secondary, #6b7280)}@media (max-width: 768px){.date-picker-close-btn{display:flex!important;align-items:center;justify-content:center;position:sticky;top:0;align-self:flex-end;width:40px;height:40px;border-radius:50%;border:none;background:var(--hover-bg);cursor:pointer;z-index:10;margin-bottom:8px;flex-shrink:0}.date-picker-close-btn .material-icons-round{font-size:22px;color:var(--text-primary)}.date-picker-close-btn:active{background:var(--active-bg);transform:scale(.95)}[data-date-picker-container],[data-comparison-date-picker-container]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;border:none!important;z-index:10000!important;padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important}[data-date-picker-container] .rdrCalendarWrapper,[data-comparison-date-picker-container] .rdrCalendarWrapper{width:100%!important;overflow:hidden!important}[data-date-picker-container] .rdrMonths,[data-comparison-date-picker-container] .rdrMonths{width:100%!important}[data-date-picker-container] .rdrMonth,[data-comparison-date-picker-container] .rdrMonth{width:100%!important;padding:0!important}[data-date-picker-container] .rdrMonthAndYearWrapper,[data-comparison-date-picker-container] .rdrMonthAndYearWrapper{padding:8px 0!important}[data-date-picker-container] .rdrWeekDays,[data-comparison-date-picker-container] .rdrWeekDays{padding:6px 0!important}[data-date-picker-container] .rdrWeekDay,[data-comparison-date-picker-container] .rdrWeekDay{font-size:12px!important;font-weight:600!important}[data-date-picker-container] .rdrDays,[data-comparison-date-picker-container] .rdrDays{padding:0!important}[data-date-picker-container] .rdrDay,[data-comparison-date-picker-container] .rdrDay{height:44px!important;line-height:44px!important}[data-date-picker-container] .rdrDayNumber span,[data-comparison-date-picker-container] .rdrDayNumber span{font-size:14px!important}[data-date-picker-container] .rdrNextPrevButton,[data-comparison-date-picker-container] .rdrNextPrevButton{width:36px!important;height:36px!important}[data-date-picker-container] .rdrMonthAndYearPickers select,[data-comparison-date-picker-container] .rdrMonthAndYearPickers select{font-size:14px!important;padding:8px 24px 8px 8px!important}}.ios-toggle-switch{position:relative;display:inline-block;width:44px;height:26px;cursor:pointer;margin-top:4px}.ios-toggle-switch input{opacity:0;width:0;height:0}.ios-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.ios-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.ios-toggle-switch input:checked+.ios-toggle-slider{background-color:var(--primary-color, #345661)}.ios-toggle-switch input:checked+.ios-toggle-slider:before{transform:translate(18px)}.ios-toggle-switch input:focus+.ios-toggle-slider{box-shadow:0 0 1px var(--primary-color, #345661)}.ios-toggle-switch:hover .ios-toggle-slider{box-shadow:0 0 0 4px #3456611a}.dashboard-edit-mode{border:2px dashed rgba(52,86,97,.3)!important;transition:all .2s ease}.dashboard-edit-mode:hover{border-color:#34566180!important;box-shadow:0 4px 12px #34566126!important}.dashboard__edit-button:hover{background-color:#3456611a!important}.dashboard__edit-button:active{transform:scale(.98)}.dashboard__chart-library{margin:24px 0 32px;padding:20px;background-color:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-medium);border:1px solid var(--card-border)}.dashboard__chart-library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.dashboard__chart-library-header h4{margin:0;font-size:18px;color:var(--text-primary)}.dashboard__chart-library-header p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.dashboard__palette-selector{display:flex;flex-direction:column;gap:8px;background:var(--filter-bg);padding:12px;border-radius:12px;border:1px solid var(--card-border)}.dashboard__palette-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dashboard__palette-label .material-icons-round{font-size:16px;color:var(--primary-color)}.dashboard__palette-options{display:flex;gap:8px}.dashboard__palette-option{background:var(--card-bg);border:2px solid transparent;padding:4px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dashboard__palette-option:hover{transform:translateY(-2px);background:var(--hover-bg)}.dashboard__palette-option.active{border-color:var(--primary-color);background:var(--hover-bg);box-shadow:0 4px 12px #0000001a}.dashboard__palette-preview{display:flex;gap:3px}.dashboard__palette-preview span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.dashboard__chart-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}.dashboard__chart-option{border:1px solid var(--border-light);border-radius:14px;padding:16px;background-color:var(--filter-bg);display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.dashboard__chart-option--active{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:var(--shadow-medium)}.dashboard__chart-option--locked{background-color:var(--hover-bg)}.dashboard__chart-option-header{display:flex;gap:12px;align-items:flex-start}.dashboard__chart-option-header .material-icons-round{font-size:28px;color:var(--primary-color);background-color:var(--hover-bg);border-radius:10px;padding:10px}.dashboard__chart-option-header h5{margin:0;font-size:15px;color:var(--text-primary)}.dashboard__chart-option-header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.dashboard__chart-option-footer{display:flex;justify-content:space-between;align-items:center}.dashboard__chart-option-status{font-size:13px;font-weight:600;color:var(--text-secondary)}.ios-toggle-switch--sm{transform:scale(.85)}@media (max-width: 768px){.dashboard-container.comparison-mode{padding-top:10px!important}.dashboard__chart-library{padding:16px}.dashboard__chart-library-grid{grid-template-columns:1fr}.dashboard__filter-chip--branch{justify-content:center!important}.dashboard__filter-chip--branch .dashboard__select-wrapper{flex:0 auto!important;justify-content:center;position:relative}.dashboard__filter-chip--branch .dashboard__select-dropdown{left:50%;transform:translate(-50%);min-width:280px;width:max-content;max-width:90vw}.dashboard__filter-chip--branch .dashboard__select-option{justify-content:center;padding-left:20px;padding-right:20px}}.profile{padding:20px;background-color:var(--bg-primary);min-height:100vh;overflow-y:auto}.profile__header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-light)}.profile__back-btn{display:flex;align-items:center;padding:8px;background-color:transparent;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.profile__back-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.profile__back-btn .material-icons-round{font-size:20px}.profile__title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.profile__title .material-icons-round{font-size:28px;color:var(--primary-color)}.profile__edit-btn,.profile__save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile__edit-btn:hover,.profile__save-btn:hover{background-color:var(--secondary-color)}.profile__cancel-btn{padding:10px 20px;background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile__cancel-btn:hover{background-color:#3456610d}.profile__actions{display:flex;gap:10px}.profile__content{display:grid;grid-template-columns:320px 1fr;gap:20px}.profile__sidebar{display:flex;flex-direction:column;gap:20px}.profile__avatar-section{background-color:var(--bg-secondary);border-radius:12px;padding:24px;text-align:center;box-shadow:var(--shadow-light);position:relative}.profile__avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.profile__avatar .material-icons-round{font-size:60px;color:#fff}.profile__change-photo-btn{position:absolute;bottom:40px;right:80px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile__change-photo-btn:hover{background-color:var(--secondary-color);transform:scale(1.1)}.profile__change-photo-btn .material-icons-round{font-size:20px;color:#fff}.profile__name{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.profile__role{font-size:14px;color:var(--text-secondary);margin:0}.profile__info-card{background-color:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:var(--shadow-light)}.profile__card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.profile__info-item{display:flex;align-items:center;gap:12px}.profile__info-item .material-icons-round{font-size:24px;color:var(--primary-color)}.profile__label{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0 0 2px}.profile__value{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.profile__main{display:flex;flex-direction:column;gap:20px}.profile__section{background-color:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:var(--shadow-light)}.profile__section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.profile__section-title .material-icons-round{font-size:24px;color:var(--primary-color)}.profile__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile__form-group{display:flex;flex-direction:column;gap:8px}.profile__label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile__input{padding:12px 16px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;background-color:#fff;color:var(--text-primary);transition:all .2s ease}.profile__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.profile__display-value{padding:12px 16px;background-color:var(--bg-primary);border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.profile__security-actions{display:flex;flex-direction:column;gap:12px}.profile__security-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:#fff;border:1px solid var(--border-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.profile__security-btn:hover{border-color:var(--primary-color);background-color:#3456610d}.profile__security-btn .material-icons-round{font-size:20px;color:var(--primary-color)}@media (max-width: 1200px){.profile__content{grid-template-columns:1fr}}@media (max-width: 768px){.profile{padding:16px}.profile__header{flex-wrap:wrap}.profile__form-grid{grid-template-columns:1fr}.profile__actions{flex-direction:column;width:100%}.profile__cancel-btn,.profile__save-btn{width:100%}}.modal-camera__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-camera__content{background:#fff;border-radius:12px;width:95%;max-width:900px;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-camera__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;z-index:10}.modal-camera__header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-camera__close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-camera__close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.modal-camera__close-button .material-icons-round{font-size:24px}.modal-camera__form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-camera__body{padding:16px 20px}.modal-camera__body--scrollable{flex:1;overflow-y:auto;min-height:0}.modal-camera__section{margin-bottom:24px}.modal-camera__section:last-child{margin-bottom:0}.modal-camera__section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.modal-camera__form-group{margin-bottom:14px}.modal-camera__form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.modal-camera__form-input,.modal-camera__form-select{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none}.modal-camera__form-input:focus,.modal-camera__form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.modal-camera__form-input::placeholder{color:#9ca3af}.modal-camera__form-input.error,.modal-camera__form-select.error{border-color:var(--danger-color)}.modal-camera__form-input:disabled,.modal-camera__form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.modal-camera__form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-camera__form-row--top{grid-template-columns:1fr 2fr 1.2fr .9fr}.modal-camera__form-row--three{grid-template-columns:1fr 1fr 1fr}.modal-camera__form-row--four{grid-template-columns:1fr 1fr 1fr 1fr}.modal-camera__form-group--wide{min-width:0}.modal-camera__form-group--status{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-bottom:6px}.modal-camera__form-group--status .modal-camera__form-label{text-align:right}.modal-camera__form-group--status .modal-camera__checkbox-wrapper{align-items:center;min-height:38px}.modal-camera__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;flex-shrink:0;background:#fff}.modal-camera__footer--fixed{position:sticky;bottom:0;margin-top:0}.modal-camera__button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.modal-camera__button--cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.modal-camera__button--cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-camera__button--cancel:disabled{opacity:.5;cursor:not-allowed}.modal-camera__button--save{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.modal-camera__button--save:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.modal-camera__loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.modal-camera__content{width:95%;max-height:95vh}.modal-camera__header,.modal-camera__body{padding:16px}.modal-camera__form-row{grid-template-columns:1fr}.modal-camera__footer{flex-direction:column-reverse}.modal-camera__button{width:100%}}.modal-camera__checkbox-wrapper{display:flex;align-items:center;gap:12px}.modal-camera__checkbox{position:relative;appearance:none;width:50px;height:28px;background-color:#ccc;border-radius:14px;cursor:pointer;transition:background-color .3s ease;outline:none;flex-shrink:0}.modal-camera__checkbox:checked{background-color:var(--primary-color)}.modal-camera__checkbox:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0003}.modal-camera__checkbox:checked:before{transform:translate(22px)}.modal-camera__checkbox:focus{box-shadow:0 0 0 3px #34566133}.modal-camera__checkbox-label{font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.modal-camera__tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:0}.modal-camera__tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;bottom:-2px}.modal-camera__tab:hover{color:var(--primary-color);background:#3456610d}.modal-camera__tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.modal-camera__tab-content{animation:fadeIn .2s ease}.modal-camera__section--sensores .modal-camera__section-title{margin-bottom:20px}.modal-camera__sensores-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}@media (max-width: 768px){.modal-camera__sensores-layout{grid-template-columns:1fr}}.modal-camera__codigo-options-section{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e2e8f0}.modal-camera__codigo-options-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.modal-camera__codigo-options-header .material-icons-round{color:var(--primary-color);font-size:22px}.modal-camera__codigo-options-header h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.modal-camera__codigo-options-description{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.4}.modal-camera__codigo-options-input-wrapper{display:flex;gap:10px;margin-bottom:16px}.modal-camera__codigo-input-container{position:relative;flex:1;display:flex;align-items:center}.modal-camera__codigo-input-icon{position:absolute;left:12px;color:#94a3b8;font-size:18px;pointer-events:none;z-index:1}.modal-camera__codigo-input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;transition:all .2s ease;outline:none}.modal-camera__codigo-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.modal-camera__codigo-input::placeholder{color:#94a3b8}.modal-camera__codigo-error-message{position:absolute;bottom:-18px;left:0;display:flex;align-items:center;gap:4px;font-size:11px;color:#ef4444}.modal-camera__codigo-add-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-camera__codigo-add-button:hover:not(:disabled){background:var(--secondary-color)}.modal-camera__codigo-add-button:disabled{background:#cbd5e1;cursor:not-allowed}.modal-camera__codigo-options-list{margin-top:12px}.modal-camera__codigo-options-list-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:#64748b}.modal-camera__codigo-tags-container{display:flex;flex-wrap:wrap;gap:8px}.modal-camera__codigo-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#1e293b;transition:all .2s ease}.modal-camera__codigo-tag:hover{border-color:var(--primary-color)}.modal-camera__codigo-tag-number{font-weight:600;color:var(--primary-color)}.modal-camera__codigo-tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:4px;width:18px;height:18px}.modal-camera__codigo-tag-remove:hover:not(:disabled){background:#fee2e2}.modal-camera__codigo-empty-state{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center;color:#94a3b8}.modal-camera__codigo-empty-state .material-icons-round{font-size:36px;margin-bottom:8px;opacity:.5}.modal-camera__codigo-empty-state p{margin:0 0 4px;font-size:14px;color:#64748b}.modal-camera__codigo-empty-hint{font-size:12px;color:#94a3b8}.modal-camera__codigo-loading-state{display:flex;flex-direction:column;align-items:center;padding:24px;color:#64748b}.modal-camera__codigo-loading-state .material-icons-round{font-size:32px;margin-bottom:8px;animation:spin 1s linear infinite}.modal-camera__codigo-assignment-section{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e2e8f0}.modal-camera__codigo-assignment-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.modal-camera__codigo-assignment-header .material-icons-round{color:var(--primary-color);font-size:22px}.modal-camera__codigo-assignment-header h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.modal-camera__codigo-assignment-description{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.4}.modal-camera__codigo-assignment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.modal-camera__codigo-assignment-item{display:flex;flex-direction:column;gap:6px}.modal-camera__codigo-assignment-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.modal-camera__codigo-assignment-label .material-icons-round{font-size:18px;color:var(--primary-color)}.modal-camera__codigo-assignment-select{width:100%;padding:9px 10px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1e293b;transition:all .2s ease;outline:none;cursor:pointer}.modal-camera__codigo-assignment-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.modal-camera__codigo-assignment-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.modal-camera__codigo-assignment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.modal-camera__codigo-options-input-wrapper{flex-direction:column}.modal-camera__codigo-assignment-grid{grid-template-columns:1fr}}.modal-camera__counting-lines-summary{margin-top:20px;padding:16px 20px;background:#f0f9ff;border-radius:10px;border:1px solid #bae6fd}.modal-camera__counting-lines-summary h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#0c4a6e}.modal-camera__counting-lines-list{display:flex;flex-direction:column;gap:12px}.modal-camera__counting-line-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.modal-camera__counting-line-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.modal-camera__counting-line-info{display:flex;flex-direction:column;gap:4px;flex:1}.modal-camera__counting-line-name{font-size:14px;font-weight:600;color:#1e293b}.modal-camera__counting-line-details{font-size:12px;color:#64748b}.modal-camera__counting-line-remove-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-camera__counting-line-remove-btn:hover{background:#dc2626;transform:scale(1.05)}.modal-camera__counting-line-remove-btn:disabled{opacity:.5;cursor:not-allowed}.modal-camera__counting-line-remove-btn .material-icons-round{font-size:18px}.modal-camera__field-hint{margin-top:6px;margin-bottom:0;font-size:12px;line-height:1.4;opacity:.85}.modal-camera__field-error{margin-top:4px;margin-bottom:0;font-size:12px;color:#c0392b}.modal-camera__form-input--error{border-color:#c0392b!important}.cameras{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height))}.cameras__table-container{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light);overflow:hidden;max-height:calc(100vh - 300px);display:flex;flex-direction:column}.cameras__table-header{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.cameras__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cameras__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.cameras__add-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:auto;box-shadow:0 2px 4px #3456614d}.cameras__add-button:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.cameras__add-button .material-icons-round{font-size:18px}.cameras__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.cameras__total-count{font-weight:500}.cameras__displayed-count{font-size:12px}.cameras__table{width:100%;border-collapse:collapse;display:flex;flex-direction:column;overflow-y:auto;overflow-x:auto;flex:1;min-height:0}.cameras__table-header-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto 50px;background-color:var(--bg-primary);border-bottom:2px solid var(--border-light);position:sticky;top:0;z-index:10}.cameras__header-cell{padding:var(--spacing-md);font-weight:600;font-size:14px;color:var(--text-primary);text-align:left;border-right:1px solid var(--border-light)}.cameras__header-cell:last-child{border-right:none}.cameras__table-body{background-color:var(--bg-secondary);position:relative;overflow:visible;flex:1;min-height:0}.cameras__table-row-container{border-bottom:1px solid var(--border-light);position:relative;z-index:0}.cameras__table-row-container:has(.cameras__expanded-content){z-index:1}.cameras__table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto 50px;transition:background-color .2s ease}.cameras__table-row:hover{background-color:var(--hover-bg)}.cameras__table-cell{padding:var(--spacing-md);font-size:14px;color:var(--text-primary);border-right:1px solid var(--border-light);display:flex;align-items:center}.cameras__table-cell:last-child{border-right:none;justify-content:center}.cameras__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase}.cameras__status-active{background-color:#d4edda;color:#155724}.cameras__status-maintenance{background-color:#fff3cd;color:#856404}.cameras__status-offline{background-color:#f8d7da;color:#721c24}.cameras__status-unknown{background-color:#e2e3e5;color:#6c757d}.cameras__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:flex-end}.cameras__view-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cameras__view-button:hover{background-color:var(--secondary-color)}.cameras__view-button .material-icons-round{font-size:14px}.cameras__edit-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cameras__edit-button:hover{background-color:#138496}.cameras__edit-button .material-icons-round{font-size:14px}.cameras__expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cameras__expand-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.cameras__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg);position:relative;z-index:2;margin-bottom:0;box-shadow:0 4px 6px #0000001a}.cameras__details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cameras__details-section{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.cameras__details-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--primary-color)}.cameras__details-section h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:3px solid var(--primary-color);display:flex;align-items:center;gap:10px}.cameras__details-section h4:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.cameras__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cameras__details-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease}.cameras__details-item:hover{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 4px #0000000a}.cameras__details-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.cameras__details-label .material-icons-round{font-size:16px;color:var(--primary-color)}.cameras__details-value{font-size:15px;color:#1e293b;font-weight:600;padding-top:4px}.cameras__details-value.cameras__status-active{color:#28a745}.cameras__details-value.cameras__status-maintenance{color:#ffc107}.cameras__details-value.cameras__status-offline{color:#dc3545}.cameras__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.cameras__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cameras__view-live{background-color:var(--primary-color);color:#fff}.cameras__view-live:hover{background-color:var(--secondary-color)}.cameras__settings{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.cameras__settings:hover{background-color:var(--hover-bg)}.cameras__action-btn .material-icons-round{font-size:18px}.cameras__pagination-controls{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.cameras__pagination-navigation{display:flex;justify-content:center}.cameras__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.cameras__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.cameras__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.cameras__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cameras__page-numbers{display:flex;gap:var(--spacing-xs)}.cameras__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.cameras__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.cameras__page-btn.cameras__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cameras__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.cameras__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:cameras-spin 1s linear infinite;margin-bottom:var(--spacing-md)}.cameras__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.cameras__error-icon{font-size:48px;margin-bottom:var(--spacing-md)}.cameras__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.cameras__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.cameras__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.cameras__empty-icon .material-icons-round{font-size:64px}.cameras__empty-state p{margin:var(--spacing-xs) 0}.cameras__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}.cameras__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.cameras__retry-button:hover{background-color:var(--secondary-color)}@media (max-width: 1200px){.cameras__table-header-row,.cameras__table-row{grid-template-columns:1fr 1fr 1fr auto 50px}.cameras__table-cell:nth-child(4),.cameras__table-cell:nth-child(5){display:none}.cameras__header-cell:nth-child(4),.cameras__header-cell:nth-child(5){display:none}}@media (max-width: 768px){.cameras{padding:var(--spacing-md)}.cameras__table-header-row,.cameras__table-row{grid-template-columns:1fr 1fr auto 50px}.cameras__table-cell:nth-child(2),.cameras__table-cell:nth-child(3),.cameras__table-cell:nth-child(4),.cameras__table-cell:nth-child(5){display:none}.cameras__header-cell:nth-child(2),.cameras__header-cell:nth-child(3),.cameras__header-cell:nth-child(4),.cameras__header-cell:nth-child(5){display:none}.cameras__details,.cameras__details-grid{grid-template-columns:1fr}.cameras__actions{flex-direction:column}}@media (max-width: 480px){.cameras__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.cameras__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.cameras__pagination-buttons{flex-wrap:wrap;justify-content:center}}.camera-brickstream{padding:20px;background-color:#f8f9fa;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.camera-brickstream__table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.camera-brickstream__table-header{background:#3b82f6;color:#fff;padding:20px;border-bottom:1px solid #e9ecef}.camera-brickstream__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.camera-brickstream__header-top h2{margin:0;font-size:1.5rem;font-weight:600}.camera-brickstream__refresh-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.camera-brickstream__refresh-button:hover{background:#ffffff4d;transform:translateY(-2px)}.camera-brickstream__count-info{display:flex;gap:20px;font-size:.9rem;opacity:.9}.camera-brickstream__total-count{font-weight:600}.camera-brickstream__displayed-count{opacity:.8}.camera-brickstream__table{width:100%;border-collapse:collapse;overflow:auto}.camera-brickstream__table-header-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 60px;background:#f8f9fa;border-bottom:2px solid #dee2e6}.camera-brickstream__header-cell{padding:15px 12px;font-weight:600;color:#495057;text-align:left;border-right:1px solid #dee2e6}.camera-brickstream__header-cell:last-child{border-right:none}.camera-brickstream__table-body{background:#fff;overflow:auto}.camera-brickstream__table-row-container{border-bottom:1px solid #e9ecef}.camera-brickstream__table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 60px;transition:background-color .3s ease}.camera-brickstream__table-row:hover{background-color:#f8f9fa}.camera-brickstream__table-cell{padding:15px 12px;color:#495057;border-right:1px solid #e9ecef;display:flex;align-items:center}.camera-brickstream__table-cell:last-child{border-right:none;justify-content:center}.camera-brickstream__expand-button{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.camera-brickstream__expand-button:hover{background:#2563eb;transform:scale(1.1)}.camera-brickstream__expanded-content{background:#f8f9fa;padding:20px;border-top:1px solid #dee2e6}.camera-brickstream__json-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.camera-brickstream__sensor-info,.camera-brickstream__session-info,.camera-brickstream__count-lines-section{margin-bottom:25px}.camera-brickstream__sensor-info h4,.camera-brickstream__session-info h4,.camera-brickstream__count-lines-section h4{margin:0 0 15px;color:#3b82f6;font-size:1.1rem;font-weight:600;border-bottom:2px solid #3b82f6;padding-bottom:5px}.camera-brickstream__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.camera-brickstream__info-item{display:flex;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #3b82f6}.camera-brickstream__label{font-weight:600;color:#495057}.camera-brickstream__value{color:#212529;font-weight:500}.camera-brickstream__count-line-item{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #3b82f6}.camera-brickstream__line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.camera-brickstream__line-name{font-weight:600;color:#3b82f6;font-size:1rem}.camera-brickstream__line-id{color:#6c757d;font-size:.9rem}.camera-brickstream__count-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.camera-brickstream__count-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.camera-brickstream__count-label{font-size:.8rem;color:#6c757d;margin-bottom:4px}.camera-brickstream__count-value{font-size:1.1rem;font-weight:600;color:#3b82f6}.camera-brickstream__pagination-controls{background:#fff;padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:center}.camera-brickstream__pagination-navigation,.camera-brickstream__pagination-buttons{display:flex;align-items:center;gap:10px}.camera-brickstream__pagination-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease}.camera-brickstream__pagination-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.camera-brickstream__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.camera-brickstream__page-numbers{display:flex;gap:5px}.camera-brickstream__page-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:40px}.camera-brickstream__page-btn:hover{background:#f8f9fa}.camera-brickstream__page-btn.camera-brickstream__active{background:#3b82f6;color:#fff;border-color:#3b82f6}.camera-brickstream__loading-state,.camera-brickstream__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.camera-brickstream__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:camera-brickstream__spin 1s linear infinite;margin-bottom:20px}@keyframes camera-brickstream__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-brickstream__error-icon{font-size:3rem;margin-bottom:20px}.camera-brickstream__retry-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:15px;transition:all .3s ease}.camera-brickstream__retry-button:hover{background:#2563eb;transform:translateY(-2px)}.camera-brickstream__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:12px;margin:20px}.camera-brickstream__empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.camera-brickstream__no-data{text-align:center;padding:20px;color:#6c757d;font-style:italic}@media (max-width: 768px){.camera-brickstream{padding:10px}.camera-brickstream__table-header-row,.camera-brickstream__table-row{grid-template-columns:1fr;gap:0}.camera-brickstream__header-cell,.camera-brickstream__table-cell{border-right:none;border-bottom:1px solid #e9ecef;padding:10px}.camera-brickstream__header-top{flex-direction:column;gap:15px}.camera-brickstream__count-info{flex-direction:column;gap:10px}.camera-brickstream__info-grid{grid-template-columns:1fr}.camera-brickstream__count-data-grid{grid-template-columns:repeat(2,1fr)}.camera-brickstream__pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.camera-brickstream__count-data-grid{grid-template-columns:1fr}.camera-brickstream__page-numbers{flex-wrap:wrap}}.xovis_01{padding:20px;background-color:#f8f9fa;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.xovis_01__table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.xovis_01__table-header{background:#3b82f6;color:#fff;padding:20px;border-bottom:1px solid #e9ecef}.xovis_01__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.xovis_01__header-top h2{margin:0;font-size:1.5rem;font-weight:600}.xovis_01__refresh-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.xovis_01__refresh-button:hover{background:#ffffff4d;transform:translateY(-2px)}.xovis_01__count-info{display:flex;gap:20px;font-size:.9rem;opacity:.9}.xovis_01__total-count{font-weight:600}.xovis_01__displayed-count{opacity:.8}.xovis_01__table{width:100%;border-collapse:collapse;overflow:auto}.xovis_01__table-header-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 60px;background:#f8f9fa;border-bottom:2px solid #dee2e6}.xovis_01__header-cell{padding:15px 12px;font-weight:600;color:#495057;text-align:left;border-right:1px solid #dee2e6}.xovis_01__header-cell:last-child{border-right:none}.xovis_01__table-body{background:#fff;overflow:auto}.xovis_01__table-row-container{border-bottom:1px solid #e9ecef}.xovis_01__table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 60px;transition:background-color .3s ease}.xovis_01__table-row:hover{background-color:#f8f9fa}.xovis_01__table-cell{padding:15px 12px;color:#495057;border-right:1px solid #e9ecef;display:flex;align-items:center}.xovis_01__table-cell:last-child{border-right:none;justify-content:center}.xovis_01__expand-button{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.xovis_01__expand-button:hover{background:#2563eb;transform:scale(1.1)}.xovis_01__expanded-content{background:#f8f9fa;padding:20px;border-top:1px solid #dee2e6}.xovis_01__json-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.xovis_01__sensor-info,.xovis_01__session-info,.xovis_01__count-lines-section{margin-bottom:25px}.xovis_01__sensor-info h4,.xovis_01__session-info h4,.xovis_01__count-lines-section h4{margin:0 0 15px;color:#3b82f6;font-size:1.1rem;font-weight:600;border-bottom:2px solid #3b82f6;padding-bottom:5px}.xovis_01__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.xovis_01__info-item{display:flex;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #3b82f6}.xovis_01__label{font-weight:600;color:#495057}.xovis_01__value{color:#212529;font-weight:500}.xovis_01__count-line-item{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #3b82f6}.xovis_01__line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.xovis_01__line-name{font-weight:600;color:#3b82f6;font-size:1rem}.xovis_01__line-id{color:#6c757d;font-size:.9rem}.xovis_01__count-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.xovis_01__count-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.xovis_01__count-label{font-size:.8rem;color:#6c757d;margin-bottom:4px}.xovis_01__count-value{font-size:1.1rem;font-weight:600;color:#3b82f6}.xovis_01__pagination-controls{background:#fff;padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:center}.xovis_01__pagination-navigation,.xovis_01__pagination-buttons{display:flex;align-items:center;gap:10px}.xovis_01__pagination-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease}.xovis_01__pagination-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.xovis_01__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.xovis_01__page-numbers{display:flex;gap:5px}.xovis_01__page-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:40px}.xovis_01__page-btn:hover{background:#f8f9fa}.xovis_01__page-btn.xovis_01__active{background:#3b82f6;color:#fff;border-color:#3b82f6}.xovis_01__loading-state,.xovis_01__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.xovis_01__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:xovis_01__spin 1s linear infinite;margin-bottom:20px}@keyframes xovis_01__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xovis_01__error-icon{font-size:3rem;margin-bottom:20px}.xovis_01__retry-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:15px;transition:all .3s ease}.xovis_01__retry-button:hover{background:#2563eb;transform:translateY(-2px)}.xovis_01__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:12px;margin:20px}.xovis_01__empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.xovis_01__no-data{text-align:center;padding:20px;color:#6c757d;font-style:italic}@media (max-width: 768px){.xovis_01{padding:10px}.xovis_01__table-header-row,.xovis_01__table-row{grid-template-columns:1fr;gap:0}.xovis_01__header-cell,.xovis_01__table-cell{border-right:none;border-bottom:1px solid #e9ecef;padding:10px}.xovis_01__header-top{flex-direction:column;gap:15px}.xovis_01__count-info{flex-direction:column;gap:10px}.xovis_01__info-grid{grid-template-columns:1fr}.xovis_01__count-data-grid{grid-template-columns:repeat(2,1fr)}.xovis_01__pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.xovis_01__count-data-grid{grid-template-columns:1fr}.xovis_01__page-numbers{flex-wrap:wrap}}.camera-data-view{padding:var(--spacing-lg);background-color:var(--bg-primary);overflow:auto}.camera-data-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.camera-data-view__header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.camera-data-view__back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.camera-data-view__back-button:hover{background-color:var(--secondary-color);transform:translateY(-1px)}.camera-data-view__back-button .material-icons-round{font-size:18px;color:#fff}.camera-data-view__title-section h2{font-size:28px;font-weight:600;color:var(--text-primary);margin:0}.camera-data-view__subtitle{font-size:14px;color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0;font-weight:400}.camera-data-view__controls{display:flex;gap:var(--spacing-lg)}.camera-data-view__control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-data-view__control-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.camera-data-view__select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:150px}.camera-data-view__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3456611a}.camera-data-view__kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.camera-data-view__kpi-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.camera-data-view__kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary-color);opacity:0;transition:opacity .3s ease}.camera-data-view__kpi-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--primary-color)}.camera-data-view__kpi-card:hover:before{opacity:1}.camera-data-view__kpi-card:nth-child(1) .camera-data-view__kpi-icon{background-color:#3456611a;color:#345661}.camera-data-view__kpi-card:nth-child(2) .camera-data-view__kpi-icon{background-color:#2196f31a;color:#2196f3}.camera-data-view__kpi-card:nth-child(3) .camera-data-view__kpi-icon{background-color:#673ab71a;color:#673ab7}.camera-data-view__kpi-card:nth-child(4) .camera-data-view__kpi-icon{background-color:#00bcd41a;color:#00bcd4}.camera-data-view__kpi-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .3s ease}.camera-data-view__kpi-card:hover .camera-data-view__kpi-icon{transform:scale(1.1) rotate(5deg)}.camera-data-view__kpi-icon .material-icons-round{font-size:32px;color:inherit}.camera-data-view__kpi-content{flex:1}.camera-data-view__kpi-content h3{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:1px}.camera-data-view__kpi-value{font-size:32px;font-weight:800;color:var(--text-primary);display:block;line-height:1.2;margin-bottom:4px}.camera-data-view__kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:2px 8px;border-radius:12px;background-color:#4caf501a;color:var(--success-color)}.camera-data-view__kpi-trend--negative{background-color:#f443361a;color:var(--danger-color)}.camera-data-view__kpi-trend .material-icons-round{font-size:14px}.camera-data-view__charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.camera-data-view__chart-card{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.camera-data-view__chart-card--wide{grid-column:1 / -1}.camera-data-view__chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.camera-data-view__chart-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.camera-data-view__chart-header .material-icons-round{font-size:20px;color:var(--text-light);cursor:pointer}.camera-data-view__chart-content{height:200px}.camera-data-view__pie-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(#345661 0deg 255deg,#ff9800 255deg 360deg);margin:0 auto var(--spacing-md) auto;position:relative}.camera-data-view__chart-legend{display:flex;flex-direction:column;gap:var(--spacing-sm)}.camera-data-view__legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.camera-data-view__legend-dot{width:12px;height:12px;border-radius:50%}.camera-data-view__legend-dot.adult{background-color:#345661}.camera-data-view__legend-dot.children{background-color:#ff9800}.camera-data-view__bar-chart{display:flex;align-items:end;justify-content:space-around;height:120px;margin-bottom:var(--spacing-md)}.camera-data-view__bar-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.camera-data-view__bar{width:40px;border-radius:4px 4px 0 0;transition:all .3s ease}.camera-data-view__bar.male{background-color:#345661}.camera-data-view__bar.female{background-color:#ff9800}.camera-data-view__bar-group span{font-size:12px;color:var(--text-secondary)}.camera-data-view__chart-stats{display:flex;justify-content:space-around;margin-top:var(--spacing-md)}.camera-data-view__stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.camera-data-view__stat-label{font-size:12px;color:var(--text-secondary)}.camera-data-view__stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.camera-data-view__location-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.camera-data-view__location-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-data-view__location-info{display:flex;justify-content:space-between;align-items:center}.camera-data-view__location-name{font-size:14px;font-weight:500;color:var(--text-primary)}.camera-data-view__location-count{font-size:12px;color:var(--text-secondary)}.camera-data-view__location-bar{height:8px;background-color:var(--border-light);border-radius:4px;overflow:hidden}.camera-data-view__location-progress{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .3s ease}.camera-data-view__line-chart{position:relative;height:100%}.camera-data-view__chart-svg{width:100%;height:150px}.camera-data-view__chart-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.camera-data-view__alerts-section{margin-top:var(--spacing-xl)}.camera-data-view__alerts-card{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.camera-data-view__alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.camera-data-view__alerts-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.camera-data-view__alerts-header .material-icons-round{font-size:20px;color:var(--warning-color)}.camera-data-view__alerts-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.camera-data-view__alert-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.camera-data-view__alert-icon{width:40px;height:40px;border-radius:50%;background-color:var(--warning-color);display:flex;align-items:center;justify-content:center}.camera-data-view__alert-icon .material-icons-round{font-size:20px;color:#fff}.camera-data-view__alert-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-data-view__alert-title{font-size:14px;font-weight:500;color:var(--text-primary)}.camera-data-view__alert-description{font-size:12px;color:var(--text-secondary)}.camera-data-view__alert-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.camera-data-view__alert-value{font-size:16px;font-weight:600;color:var(--text-primary)}.camera-data-view__alert-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--border-light);transition:background-color .3s ease}.camera-data-view__alert-indicator.active{background-color:var(--danger-color)}.camera-data-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.camera-data-view__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:camera-data-view-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes camera-data-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.camera-data-view__kpi-grid,.camera-data-view__charts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.camera-data-view{padding:var(--spacing-md)}.camera-data-view__header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.camera-data-view__header-left{flex-direction:column;gap:var(--spacing-md);align-items:flex-start;width:100%}.camera-data-view__title-section h2{font-size:20px}.camera-data-view__controls{width:100%;flex-direction:column;gap:var(--spacing-md)}.camera-data-view__kpi-grid,.camera-data-view__charts-grid{grid-template-columns:1fr}.camera-data-view__kpi-card{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.camera-data-view__kpi-icon{width:40px;height:40px}}@media (max-width: 480px){.camera-data-view__kpi-value{font-size:28px}}.camera-details__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:20px;background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-light)}.camera-details__title-section{display:flex;align-items:center;gap:var(--spacing-md)}.camera-details__back-button{display:flex;align-items:center;padding:var(--spacing-xs);background-color:transparent;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.camera-details__back-button:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.camera-details__back-button .material-icons-round{font-size:20px}.camera-details__camera-id{margin:0;font-size:14px;color:var(--text-secondary);font-weight:400}.camera-details__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.camera-details__title .material-icons-round{font-size:28px;color:var(--primary-color)}.camera-details__header-actions{display:flex;gap:var(--spacing-sm)}.camera-details__action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.camera-details__action-btn:hover{background-color:var(--secondary-color)}.camera-details__action-btn .material-icons-round{font-size:18px}.camera-details__operating-hours{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-light)}.camera-details__hours-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.camera-details__hours-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-details__hours-item{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.camera-details__sensors-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.camera-details__sensors-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.camera-details__sensors-title .material-icons-round{font-size:20px;color:var(--primary-color)}.camera-details__sensors-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.camera-details__sensor-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.camera-details__sensor-item:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--primary-color)}.camera-details__sensor-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-light)}.camera-details__sensor-header .material-icons-round{font-size:20px;color:var(--primary-color)}.camera-details__sensor-category{font-weight:600;font-size:14px;color:var(--text-primary)}.camera-details__sensor-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-details__sensor-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.camera-details__sensor-label{color:var(--text-secondary);font-weight:500}.camera-details__sensor-value{color:var(--text-primary);font-weight:600}.camera-details__sensor-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.camera-details__sensor-status.enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.camera-details__sensor-status.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.camera-details__kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.camera-details__kpi-card{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-md);box-shadow:var(--shadow-light);transition:transform .2s ease,box-shadow .2s ease}.camera-details__kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.camera-details__kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.camera-details__kpi-icon{font-size:24px;color:var(--primary-color)}.camera-details__info-icon{font-size:16px;color:var(--text-light);cursor:pointer}.camera-details__kpi-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.camera-details__kpi-title{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0;text-transform:uppercase}.camera-details__kpi-value{font-size:24px;font-weight:700;color:var(--text-primary)}.camera-details__kpi-percentage{font-size:12px;font-weight:600}.camera-details__kpi-percentage.up{color:var(--success-color)}.camera-details__kpi-percentage.down{color:var(--danger-color)}.camera-details__kpi-percentage.neutral{color:var(--text-secondary)}.camera-details__graph-section{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-lg);box-shadow:var(--shadow-light)}.camera-details__graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.camera-details__graph-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.camera-details__chart-container{width:100%;height:300px;position:relative}.camera-details__chart{width:100%!important;height:100%!important}.camera-details__profile-section{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-lg);box-shadow:var(--shadow-light)}.camera-details__profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.camera-details__profile-description{font-size:14px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.camera-details__profile-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.camera-details__chart-mini{display:flex;flex-direction:column}.camera-details__chart-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.camera-details__chart-mini-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.camera-details__chart-area{width:100%;height:150px;background-color:var(--bg-primary);border-radius:6px;border:1px solid var(--border-light)}@media (max-width: 1200px){.camera-details__kpis{grid-template-columns:repeat(3,1fr)}.camera-details__content{grid-template-columns:1fr}.camera-details__sidebar{position:relative;top:0}}@media (max-width: 768px){.camera-details{padding:var(--spacing-md)}.camera-details__kpis{grid-template-columns:1fr}.camera-details__header{flex-direction:column;gap:var(--spacing-md)}.camera-details__title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.camera-details__profile-charts{grid-template-columns:1fr}.camera-details__header-actions{width:100%;flex-wrap:wrap}}.monitoring-devices{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:10px 14px;box-sizing:border-box}.monitoring-devices__traffic-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;flex-shrink:0;margin-bottom:10px;padding:8px 12px;border-radius:8px;border:1px solid #e8ecf1;background:#fff;box-shadow:0 1px 2px #0f172a09}.monitoring-devices__traffic-filters-title{margin:0;font-size:10px;font-weight:700;letter-spacing:.07em;color:#64748b;text-transform:uppercase;white-space:nowrap}.monitoring-devices__traffic-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:min(100%,280px)}.monitoring-devices__traffic-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.monitoring-devices__traffic-filter-btn:hover{border-color:#cbd5e1;background:#fff}.monitoring-devices__traffic-filter-btn:focus{outline:none}.monitoring-devices__traffic-filter-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 55%,#94a3b8);outline-offset:1px}.monitoring-devices__traffic-filter-btn--active.monitoring-devices__traffic-filter-btn--green{border-color:#86efac;background:#f0fdf4;color:#15803d}.monitoring-devices__traffic-filter-btn--active.monitoring-devices__traffic-filter-btn--yellow{border-color:#fde047;background:#fefce8;color:#a16207}.monitoring-devices__traffic-filter-btn--active.monitoring-devices__traffic-filter-btn--red{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.monitoring-devices__traffic-filter-btn--active:not(.monitoring-devices__traffic-filter-btn--green):not(.monitoring-devices__traffic-filter-btn--yellow):not(.monitoring-devices__traffic-filter-btn--red){border-color:color-mix(in srgb,var(--primary-color) 40%,#cbd5e1);background:color-mix(in srgb,var(--primary-color) 8%,#fff);color:var(--primary-color)}.monitoring-devices__traffic-filter-count{min-width:1.5em;padding:1px 6px;border-radius:999px;background:#0f172a0f;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}#header-filters-slot .monitoring-devices__traffic-filters--in-header{margin:0;padding:0;border:none;box-shadow:none;background:transparent;flex-wrap:nowrap;gap:8px;width:100%;min-width:0}#header-filters-slot .monitoring-devices__traffic-filters--in-header .monitoring-devices__traffic-filters-row{flex-wrap:nowrap;gap:6px;min-width:0}#header-filters-slot .monitoring-devices__traffic-filter-btn{padding:5px 10px;font-size:11px;white-space:nowrap}#header-filters-slot .monitoring-devices__traffic-filter-label{overflow:hidden;text-overflow:ellipsis}.monitoring-devices__summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}@media (max-width: 720px){.monitoring-devices__summary-row{grid-template-columns:1fr}}.monitoring-devices__summary-card{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:6px 10px 6px 12px;border-radius:8px;border:1px solid #e8ecf1;background:#fff;box-shadow:0 1px 2px #0f172a09}.monitoring-devices__summary-title{margin:0;font-size:10px;font-weight:700;letter-spacing:.07em;color:#64748b;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.monitoring-devices__summary-metrics{display:flex;align-items:center;flex:1;min-width:min(100%,200px);gap:0}.monitoring-devices__metric{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;min-width:0;padding:2px 0 2px 10px;border-left:1px solid #f1f5f9}.monitoring-devices__metric:first-child{border-left:none;padding-left:0}.monitoring-devices__metric-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.monitoring-devices__metric--ok .monitoring-devices__metric-dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a26}.monitoring-devices__metric--warning .monitoring-devices__metric-dot{background:#ca8a04;box-shadow:0 0 0 2px #ca8a042e}.monitoring-devices__metric--alert .monitoring-devices__metric-dot{background:#dc2626;box-shadow:0 0 0 2px #dc262626}.monitoring-devices__metric-pct{font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.monitoring-devices__metric-count{font-size:10px;color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap}.monitoring-devices__metric--ok .monitoring-devices__metric-pct{color:#15803d}.monitoring-devices__metric--warning .monitoring-devices__metric-pct{color:#a16207}.monitoring-devices__metric--alert .monitoring-devices__metric-pct{color:#b91c1c}.monitoring-devices__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.monitoring-devices__filters{display:flex;gap:8px;align-items:center}.monitoring-devices__select,.monitoring-devices__search{height:34px;border:1px solid var(--border-light, #d9dde3);border-radius:4px;padding:0 10px;font-size:13px;background:#fff}.monitoring-devices__search{min-width:180px}.monitoring-devices__table-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:#ffffffdb;border:1px solid color-mix(in srgb,var(--primary-color) 18%,#d9dde3);border-radius:10px;overflow:hidden;box-shadow:0 10px 26px #0f172a0f}.monitoring-devices__grid-scroll{flex:1;min-height:0;overflow:auto}.monitoring-devices__grid-inner{min-width:1208px}.monitoring-devices__grid-header,.monitoring-devices__row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(88px,.95fr) minmax(72px,.5fr) minmax(130px,1fr) minmax(108px,1.1fr) minmax(140px,1.15fr) minmax(140px,1.15fr) 132px;min-width:1208px}.monitoring-devices__grid-header{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 8%,#f8fafc),#f8fafc);border-bottom:1px solid #e7edf4}.monitoring-devices__grid-body{min-width:1208px}.monitoring-devices__row{border-bottom:1px solid #edf0f4;transition:background-color .18s ease,transform .18s ease}.monitoring-devices__row:hover{background:color-mix(in srgb,var(--primary-color) 6%,#ffffff)}.monitoring-devices__row:active{transform:scale(.999)}.monitoring-devices__cell{padding:9px 10px;font-size:12px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.monitoring-devices__grid-header .monitoring-devices__cell{font-weight:600;color:#4b5563;letter-spacing:.01em}.monitoring-devices__cell--sortable{padding:4px 6px;min-width:0}.monitoring-devices__sort-header{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-width:0;padding:6px 8px;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;font:inherit;font-weight:600;color:inherit;letter-spacing:.01em;cursor:pointer;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.monitoring-devices__sort-header:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:color-mix(in srgb,var(--primary-color) 28%,#e2e8f0);color:var(--primary-color)}.monitoring-devices__sort-header--active{background:color-mix(in srgb,var(--primary-color) 12%,#f8fafc);border-color:color-mix(in srgb,var(--primary-color) 35%,#cbd5e1);color:var(--primary-color)}.monitoring-devices__sort-header>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.monitoring-devices__sort-icon{font-size:18px!important;flex-shrink:0;opacity:.65}.monitoring-devices__sort-header--active .monitoring-devices__sort-icon{opacity:1}.monitoring-devices__cell--status-filter{align-items:center;min-width:0;padding-top:4px;padding-bottom:4px}.monitoring-devices__cell--status-filter--active .monitoring-devices__status-header-btn{color:var(--primary-color)}.monitoring-devices__status-header-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;font:inherit;font-weight:600;font-size:12px;color:inherit;letter-spacing:.01em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.monitoring-devices__status-header-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:color-mix(in srgb,var(--primary-color) 28%,#e2e8f0);color:var(--primary-color)}.monitoring-devices__status-header-chevron{font-size:18px!important;opacity:.65}.monitoring-devices__status-color-filters{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:128px;padding:5px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a24}.monitoring-devices__status-color-filters--floating{position:fixed;z-index:10050;margin:0}.monitoring-devices__status-option-btn{display:flex;align-items:center;gap:6px;width:100%;height:28px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:11px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;text-align:left;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.monitoring-devices__status-option-btn:hover{border-color:#e2e8f0;background:#f8fafc}.monitoring-devices__status-option-btn--selected{border-color:color-mix(in srgb,var(--primary-color) 35%,#e2e8f0);background:color-mix(in srgb,var(--primary-color) 10%,white);color:var(--primary-color)}.monitoring-devices__traffic-dot--filter{width:10px;height:10px}.monitoring-devices__cell--actions{justify-content:center;overflow:visible}.monitoring-devices__row-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.monitoring-devices__cell--interval-min{font-variant-numeric:tabular-nums;justify-content:flex-start}.monitoring-devices__cell--interval-api{flex-direction:column;align-items:flex-start;gap:2px;white-space:normal;line-height:1.2}.monitoring-devices__interval-api-primary{font-weight:600;color:#334155}.monitoring-devices__interval-api-secondary{font-size:11px;font-weight:500;color:#64748b}.monitoring-devices__cell--second-last-send .monitoring-devices__time{color:#0f766e;background:#ecfdf5}.monitoring-devices__cell--date-time-split{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.2;white-space:normal;gap:2px}.monitoring-devices__date{font-weight:500;color:#64748b}.monitoring-devices__time{font-size:12px;font-weight:600;white-space:nowrap}.monitoring-devices__time--split{display:inline-flex;align-items:center;gap:5px}.monitoring-devices__time-value{padding:2px 8px;border-radius:999px}.monitoring-devices__time-value--connection{color:#4c6a92;background:#eaf2ff}.monitoring-devices__time-value--data{color:#7a5f8f;background:#f3ecff}.monitoring-devices__time-sep{font-weight:500;color:#94a3b8}.monitoring-devices__stale-suffix{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.monitoring-devices__stale-suffix--green{color:#15803d;background:#dcfce7}.monitoring-devices__stale-suffix--yellow{color:#a16207;background:#fef9c3}.monitoring-devices__stale-suffix--red{color:#b91c1c;background:#fee2e2}.monitoring-devices__stale-suffix--anomaly{color:#64748b;background:#f1f5f9;font-weight:600}.monitoring-devices__cell--last-connection .monitoring-devices__time,.monitoring-devices__cell--last-data-sent .monitoring-devices__time{color:inherit;background:transparent}.monitoring-devices__view-btn{width:30px;height:30px;min-width:30px;min-height:30px;flex-shrink:0;padding:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-sizing:border-box}.monitoring-devices__view-btn:hover{color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 45%,#cbd5e1);background:color-mix(in srgb,var(--primary-color) 8%,white)}.monitoring-devices__edit-btn:hover{color:#0f766e;border-color:color-mix(in srgb,#0f766e 45%,#cbd5e1);background:color-mix(in srgb,#0f766e 8%,white)}.monitoring-devices__view-btn .material-icons-round{font-size:18px;line-height:1}.monitoring-devices__traffic-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #0f172a0f}.monitoring-devices__traffic-dot--green{background:#16a34a;box-shadow:0 0 0 2px #16a34a38}.monitoring-devices__traffic-dot--yellow{background:#ca8a04;box-shadow:0 0 0 2px #ca8a0440}.monitoring-devices__traffic-dot--red{background:#dc2626;box-shadow:0 0 0 2px #dc262638}.monitoring-devices__status-chip{display:inline-flex;align-items:center;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:700;letter-spacing:.02em}.monitoring-devices__status-chip--online{color:#fff;background:#6fb329}.monitoring-devices__status-chip--offline{color:#fff;background:#9ca3af}.monitoring-devices__alert-warn-btn--yellow{color:#b45309;border-color:#fbbf24;background:#fffbeb}.monitoring-devices__alert-warn-btn--yellow:hover{border-color:#d97706;color:#92400e;background:#fef3c7}.monitoring-devices__alert-warn-btn--red{color:#b91c1c;border-color:#f87171;background:#fef2f2}.monitoring-devices__alert-warn-btn--red:hover{border-color:#dc2626;color:#991b1b;background:#fee2e2}.monitoring-devices__alert-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.monitoring-devices__notify-check-btn{color:#64748b;border-color:#cbd5e1;background:#fff}.monitoring-devices__notify-check-btn:hover:not(:disabled){color:#15803d;border-color:#86efac;background:#f0fdf4}.monitoring-devices__notify-check-btn--done{color:#15803d;border-color:#86efac;background:#f0fdf4;cursor:default}.monitoring-devices__alert-warn-btn--notified{opacity:.92}.monitoring-devices__alert-modal-overlay{position:fixed;inset:0;z-index:10020;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;animation:monitoring-devices__alert-fade-in .18s ease}@keyframes monitoring-devices__alert-fade-in{0%{opacity:0}to{opacity:1}}.monitoring-devices__alert-modal{width:min(440px,100%);max-height:min(90vh,560px);display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 20px 48px #0f172a2e;overflow:hidden}.monitoring-devices__alert-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(180deg,#fafbfc,#fff)}.monitoring-devices__alert-modal-title{margin:0;font-size:16px;font-weight:700;color:#1e293b}.monitoring-devices__alert-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease}.monitoring-devices__alert-modal-close:hover:not(:disabled){background:#f1f5f9;color:#334155}.monitoring-devices__alert-modal-close:disabled{opacity:.45;cursor:not-allowed}.monitoring-devices__alert-modal-close .material-icons-round{font-size:22px}.monitoring-devices__alert-modal-body{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.monitoring-devices__alert-modal-hint,.monitoring-devices__alert-modal-recipients-loading,.monitoring-devices__alert-modal-recipients-empty{margin:0;font-size:12px;line-height:1.45;color:#64748b}.monitoring-devices__alert-modal-recipients-empty{color:#b45309}.monitoring-devices__alert-modal-select{cursor:pointer}.monitoring-devices__alert-modal-label{font-size:12px;font-weight:600;color:#475569}.monitoring-devices__alert-modal-input,.monitoring-devices__alert-modal-textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;font-size:13px;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .15s ease}.monitoring-devices__alert-modal-input:focus,.monitoring-devices__alert-modal-textarea:focus{outline:none;border-color:color-mix(in srgb,var(--primary-color) 55%,#94a3b8)}.monitoring-devices__alert-modal-textarea{resize:vertical;min-height:120px;line-height:1.45}.monitoring-devices__alert-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid #f1f5f9;background:#fafbfc}.monitoring-devices__alert-modal-btn{height:38px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.monitoring-devices__alert-modal-btn:disabled{opacity:.55;cursor:not-allowed}.monitoring-devices__alert-modal-btn--secondary{border:1px solid #cbd5e1;background:#fff;color:#475569}.monitoring-devices__alert-modal-btn--secondary:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc}.monitoring-devices__alert-modal-btn--primary{border:1px solid color-mix(in srgb,var(--primary-color) 72%,#1e3a4f);background:var(--primary-color);color:#fff}.monitoring-devices__alert-modal-btn--primary:hover:not(:disabled){filter:brightness(1.04)}.monitoring-devices__empty{text-align:center;padding:20px;color:#64748b;font-size:13px}.monitoring-devices__empty--error{color:#b91c1c;font-weight:500}.monitoring-devices__pagination{flex-shrink:0;margin-top:0;padding:8px 12px;border-top:1px solid #e7edf4;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.monitoring-devices__pagination-info{font-size:12px;color:#64748b}.monitoring-devices__pagination-actions{display:flex;align-items:center;gap:8px}.monitoring-devices__pagination-btn{height:32px;border:1px solid var(--border-light, #d9dde3);border-radius:6px;background:#fff;color:#334155;font-size:12px;font-weight:600;padding:0 12px;cursor:pointer;transition:all .18s ease}.monitoring-devices__pagination-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary-color) 40%,#cbd5e1);color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 7%,white)}.monitoring-devices__pagination-btn:disabled{opacity:.55;cursor:not-allowed}.content-area:has(.monitoring-devices){overflow:hidden;min-height:0}.monitoring-sensor-view{padding:16px 18px}.monitoring-sensor-view__title{margin:0 0 8px;font-size:18px;color:#0f172a}.monitoring-sensor-view__content{min-height:340px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#475569}.reports{padding:16px;background-color:var(--bg-primary);display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0}#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-row--primary,#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-stack{align-items:center}#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-chip{height:36px;min-height:36px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-chip--branch,#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-chip--comparison,#header-filters-slot .dashboard__filter-section--in-header .dashboard__filter-chip--toggle{height:36px;min-height:36px}#header-filters-slot .dashboard__filter-section--in-header .dashboard__chip-select,#header-filters-slot .dashboard__filter-section--in-header .dashboard__chip-btn{align-items:center;min-height:100%;max-width:180px}#header-filters-slot .dashboard__filter-section--in-header .dashboard__chip-select-native{border:none;background:transparent;font-size:12px;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;padding:2px 14px 2px 0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;height:100%;min-height:28px;align-self:center;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header-filters-slot .dashboard__filter-section--in-header .dashboard__chip-select-native:focus{outline:none}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background-color:var(--card-bg, #fff);border:1px solid var(--card-border, #e5e7eb);border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:320px;overflow-y:auto;z-index:1000;padding:8px 0}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:all .15s ease;font-size:13px;border-radius:6px;margin:2px 6px;color:var(--text-secondary, #64748b)}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-option:hover{background-color:var(--hover-bg, #f8fafc);color:var(--text-primary, #1e293b)}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-option.selected{background-color:var(--active-bg, rgba(52, 86, 97, .08));color:var(--primary-color, #345661);font-weight:500}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-option.dashboard__select-option--disabled{cursor:not-allowed}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-checkbox{width:18px;height:18px;border:2px solid var(--filter-border, #e2e8f0);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;cursor:pointer;background-color:var(--card-bg, #fff)}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-checkbox.selected{background:var(--primary-color, #345661);border-color:var(--primary-color, #345661)}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-checkbox .material-icons-round{font-size:14px;color:#fff}#header-filters-slot .dashboard__filter-section--in-header .dashboard__select-option-text{flex:1;display:flex;align-items:center;gap:8px;color:var(--text-primary, #1e293b);font-weight:500}.reports__type-bar{display:flex;gap:8px;flex-wrap:wrap}.reports__comparative-groups{align-items:center;gap:8px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"groupA groupB actions"}.reports__comparative-group{position:relative;min-width:0;width:100%}.reports__comparative-panel{border:1px solid var(--border-light, #e5e7eb);border-radius:12px;padding:8px;background:var(--bg-secondary, #fff)}.reports__comparative-panel-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;color:var(--primary-color, #345661);display:flex;align-items:center;gap:5px}.reports__comparative-panel--a{border-left:4px solid #345661}.reports__comparative-panel--b{border-left:4px solid #f59625}.reports__comparative-panel--b .reports__comparative-panel-title{color:#c97400}.reports__comparative-group--a{grid-area:groupA}.reports__comparative-group--b{grid-area:groupB}.reports__comparative-actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;align-self:start}.reports__comparative-trigger{width:100%;justify-content:space-between;border-radius:10px}.reports__comparative-trigger-main{display:inline-flex;align-items:center;gap:8px;min-width:0;text-align:left}.reports__comparative-trigger-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.reports__comparative-groups{grid-template-columns:1fr;grid-template-areas:"actions" "groupA" "groupB"}.reports__comparative-actions{justify-content:stretch}.reports__comparative-actions .reports__toolbar-btn{width:100%;justify-content:center}}.reports__comparative-trigger-arrow{transition:transform .2s ease}.reports__comparative-trigger-arrow.open{transform:rotate(180deg)}.reports__comparative-dropdown{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;border:1.5px solid var(--border-light, #e2e8f0);border-radius:14px;background:var(--bg-secondary, #fff);box-shadow:0 16px 40px #0f172a21,0 4px 12px #0f172a0f;padding:12px;max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(52,86,97,.2) transparent}.reports__comparative-dropdown::-webkit-scrollbar{width:5px}.reports__comparative-dropdown::-webkit-scrollbar-track{background:transparent}.reports__comparative-dropdown::-webkit-scrollbar-thumb{background:#34566133;border-radius:99px}.reports__comparative-search{width:100%;height:36px;border:1.5px solid var(--border-light, #e2e8f0);border-radius:9px;padding:0 12px 0 36px;margin-bottom:10px;font-size:13px;color:var(--text-primary, #1e293b);background:var(--bg-primary, #f8fafc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 10px center;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-sizing:border-box}.reports__comparative-search::placeholder{color:#94a3b8;font-size:12px}.reports__comparative-search:focus{border-color:var(--primary-color, #345661);background-color:var(--bg-secondary, #fff);box-shadow:0 0 0 3px #3456611f}.reports__comparative-loading{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #64748b);margin-bottom:8px;padding:4px 6px}.reports__comparative-loading:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(52,86,97,.2);border-top-color:var(--primary-color, #345661);border-radius:50%;animation:reports-spin .7s linear infinite;flex-shrink:0}.reports__comparative-branch-card{border:1.5px solid transparent;border-radius:10px;margin-bottom:5px;padding:0;background:var(--bg-primary, #f8fafc);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;overflow:hidden;min-height:40px}.reports__comparative-branch-card:hover{border-color:#34566133;background:var(--bg-secondary, #fff);box-shadow:0 2px 8px #3456610f}.reports__comparative-branch-card.selected{border-color:#34566180;background:#3456610d;box-shadow:0 2px 10px #34566117}.reports__comparative-branch-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px}.reports__comparative-branch-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;flex:1;min-width:0;font-size:13px;color:var(--text-primary, #1e293b);transition:color .15s ease;-webkit-user-select:none;user-select:none}.reports__comparative-branch-label:hover{color:var(--primary-color, #345661)}.reports__comparative-check-input{flex-shrink:0;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid #cbd5e1;border-radius:5px;background:var(--bg-secondary, #fff);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;justify-content:center;position:relative}.reports__comparative-check-input:hover{border-color:var(--primary-color, #345661);box-shadow:0 0 0 3px #3456611a}.reports__comparative-check-input:checked{background:var(--primary-color, #345661);border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #3456612e}.reports__comparative-check-input:checked:after{content:"";display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-.5px,-1px);position:absolute}.reports__comparative-branch-toggle{border:none;background:transparent;cursor:pointer;color:var(--text-secondary, #64748b);border-radius:7px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s ease,color .18s ease}.reports__comparative-branch-toggle:hover{background:#3456611a;color:var(--primary-color, #345661)}.reports__comparative-branch-toggle .material-icons-round{font-size:18px}.reports__comparative-access-list{margin:0;padding:6px 10px 10px 36px;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(52,86,97,.08);background:#34566106;animation:comp-access-expand .18s ease}@keyframes comp-access-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reports__comparative-empty-access{font-size:12px;color:var(--text-secondary, #94a3b8);font-style:italic;padding:4px 0}.reports__comparative-access-label{display:flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer;color:var(--text-secondary, #475569);padding:5px 8px;border-radius:7px;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.reports__comparative-access-label:hover{background:#34566112;color:var(--text-primary, #1e293b)}.reports__comparative-access-label .reports__comparative-check-input{width:15px;height:15px;border-radius:4px}.reports__comparative-group--b .reports__comparative-branch-card.selected{border-color:#f596258c;background:#f596250d}.reports__comparative-group--b .reports__comparative-check-input:hover{border-color:#f59625;box-shadow:0 0 0 3px #f596251a}.reports__comparative-group--b .reports__comparative-branch-label:hover{color:#c97400}.reports__comparative-group--b .reports__comparative-check-input:checked{background:#f59625;border-color:#f59625;box-shadow:0 0 0 2px #f596252e}.reports__comparative-group--b .reports__comparative-branch-toggle:hover{background:#f596251a;color:#c97400}.reports__comparative-group--b .reports__comparative-search:focus{border-color:#f59625;box-shadow:0 0 0 3px #f596251f}.reports__comparative-group--b .reports__comparative-access-list{border-top-color:#f596251a;background:#f5962506}.reports__comparative-group--b .reports__comparative-access-label:hover{background:#f5962512}.reports__type-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--border-light, #e5e7eb);border-radius:20px;background:var(--bg-secondary, white);color:var(--text-secondary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reports__type-chip .material-icons-round{font-size:18px}.reports__type-chip:hover{border-color:var(--primary-color, #345661);color:var(--primary-color, #345661);background:#3456610a}.reports__type-chip--active{background:var(--primary-color, #345661);color:#fff;border-color:var(--primary-color, #345661);box-shadow:0 2px 8px #34566140}.reports__type-chip--active:hover{background:#4a6b76;color:#fff;border-color:#4a6b76}.reports__type-chip--active .material-icons-round{color:#fff}.reports__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg-secondary, white);border-radius:10px;border:1px solid var(--border-light, #e5e7eb);flex-wrap:wrap}.reports__toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reports__toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.reports__format-group{display:flex;gap:2px;background:var(--bg-primary, #f5f5f5);border-radius:8px;padding:2px}.reports__format-chip{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #64748b);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.reports__format-chip .material-icons-round{font-size:16px}.reports__format-chip:hover{background:#34566114;color:var(--primary-color, #345661)}.reports__format-chip--active{background:var(--primary-color, #345661);color:#fff;box-shadow:0 1px 4px #3456614d}.reports__format-chip--active:hover{background:#4a6b76;color:#fff}.reports__toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reports__toolbar-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.reports__toolbar-btn .material-icons-round{font-size:18px}.reports__spinning-icon{animation:reports-spin 1s linear infinite}@keyframes reports-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports__toolbar-btn--charts{background:#34566114;color:var(--primary-color, #345661);position:relative}.reports__toolbar-btn--charts:hover{background:#34566126}.reports__toolbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--primary-color, #345661);color:#fff;border-radius:9px;font-size:11px;font-weight:700}.reports__toolbar-btn--download{background:var(--primary-color, #345661);color:#fff}.reports__toolbar-btn--download:hover{background:#4a6b76;transform:translateY(-1px);box-shadow:0 4px 12px #3456614d}.reports__toolbar-btn--email{background:#eef4f6;color:var(--primary-color, #345661);border:1px solid rgba(52,86,97,.25)}.reports__toolbar-btn--email:hover{background:#e2edf0}.reports__email-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;overflow-y:auto}.reports__email-modal-content{background-color:var(--bg-secondary, white);border-radius:14px;box-shadow:0 20px 60px #00000026;width:100%;max-width:760px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;transition:max-width .2s ease}.reports__email-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light, #e5e7eb);background:linear-gradient(180deg,#fff,#f8fafb)}.reports__email-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;color:var(--text-primary, #1e293b)}.reports__email-modal-header h3 .material-icons-round{color:var(--primary-color, #345661)}.reports__email-modal-close-button{border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.reports__email-modal-close-button:hover{background:#0000000d;color:var(--text-primary, #1e293b)}.reports__email-modal-body{flex:1 1 auto;min-height:0;padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-gutter:stable both-edges}.reports__email-modal-body *{box-sizing:border-box}.reports__email-compose{display:flex;flex-direction:column;gap:8px;padding:2px 0 0}.reports__email-modal-label{font-size:13px;color:var(--text-secondary, #64748b);font-weight:600;margin:0}.reports__email-modal-input{width:100%;height:40px;border:1px solid #d7dee5;border-radius:8px;padding:0 12px;line-height:normal;font-size:14px;color:var(--text-primary, #1e293b);background:#fff;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;outline:none;appearance:none;-webkit-appearance:none}.reports__email-modal-input--primary{height:42px;padding:0 14px;font-size:15px;line-height:1.35}.reports__email-modal-input:focus{border-color:#6f94a0;box-shadow:0 0 0 2px #3456612e}.reports__email-recipient-row{display:flex;align-items:center;gap:8px}.reports__email-recipient-row .reports__email-modal-input{flex:1;min-width:0}.reports__email-add-recipient{border:1px solid #d7dee5;border-radius:8px;background:#fff;color:var(--text-primary, #1e293b);font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer}.reports__email-add-recipient:disabled{opacity:.55;cursor:not-allowed}.reports__email-recipient-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.reports__email-recipient-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #d7dee5;background:#f8fafc;color:var(--text-primary, #1e293b);font-size:12px}.reports__email-recipient-chip-remove{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;border-radius:999px;cursor:pointer;padding:0}.reports__email-recipient-chip-remove .material-icons-round{font-size:14px}.reports__email-modal-textarea{width:100%;border:1px solid #d7dee5;border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-primary, #1e293b);background:#fff;resize:vertical;min-height:78px;line-height:1.35;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;outline:none;appearance:none;-webkit-appearance:none}.reports__email-modal-textarea--primary{min-height:96px;padding:10px 14px;font-size:15px}.reports__email-modal-textarea:focus{border-color:#6f94a0;box-shadow:0 0 0 2px #3456612e}.reports__email-modal-select{width:100%;height:40px;border:1px solid #d7dee5;border-radius:8px;padding:0 36px 0 12px;line-height:normal;font-size:14px;color:var(--text-primary, #1e293b);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.reports__email-modal-select:focus{border-color:#6f94a0;box-shadow:0 0 0 2px #3456612e}.reports__email-modal-check{--rep-check-accent: var(--primary-color, #345661);--rep-check-border: #cbd5e1;--rep-check-bg: #ffffff;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;line-height:1.4;color:var(--text-primary, #1e293b);cursor:pointer}.reports__email-modal-check--muted{opacity:.52}.reports__email-modal-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;border:2px solid var(--rep-check-border);border-radius:6px;background:var(--rep-check-bg);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.reports__email-modal-check input[type=checkbox]:hover{border-color:color-mix(in srgb,var(--rep-check-accent) 45%,var(--rep-check-border))}.reports__email-modal-check input[type=checkbox]:focus-visible{outline:2px solid var(--rep-check-accent);outline-offset:2px}.reports__email-modal-check input[type=checkbox]:checked{background-color:var(--rep-check-accent);border-color:var(--rep-check-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 4.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat}.reports__email-modal-check input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.reports__email-modal-check input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;border:2px solid var(--rep-check-border);border-radius:50%;background:var(--rep-check-bg);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.reports__email-modal-check input[type=radio]:hover{border-color:color-mix(in srgb,var(--rep-check-accent) 45%,var(--rep-check-border))}.reports__email-modal-check input[type=radio]:focus-visible{outline:2px solid var(--rep-check-accent);outline-offset:2px}.reports__email-modal-check input[type=radio]:checked{border-color:var(--rep-check-accent);background:#fff;box-shadow:inset 0 0 0 5px var(--rep-check-accent)}.reports__email-modal-check input[type=radio]:disabled{opacity:.45;cursor:not-allowed}.reports__email-schedule-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding:10px 12px;border:1px solid var(--border-light, #e5e7eb);border-radius:8px;background:#3456610a}.reports__email-schedule-toggle-icon{color:var(--text-secondary, #64748b);font-size:20px}.reports__email-schedule-collapse{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.reports__email-schedule-collapse--open{max-height:none;opacity:1;overflow:visible;overscroll-behavior:auto;margin-top:0}.reports__email-schedule{margin-top:6px;padding:14px;border:1px solid var(--border-light, #e5e7eb);border-radius:10px;background:linear-gradient(180deg,#34566109,#34566105);display:flex;flex-direction:column;gap:12px}.reports__email-schedule-row{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:start}.reports__email-schedule-row--range{align-items:center}.reports__email-schedule-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reports__email-schedule-inline--muted{opacity:.5}.reports__email-schedule-stack{display:flex;flex-direction:column;gap:8px}.reports__email-schedule-stack .reports__email-modal-check{align-items:flex-start}.reports__email-schedule-stack .reports__email-modal-check input[type=checkbox],.reports__email-schedule-stack .reports__email-modal-check input[type=radio]{margin-top:2px}.reports__email-modal-input--sm{width:76px;height:34px;padding:0 8px}.reports__email-modal-select--sm{width:130px;height:34px;padding:0 28px 0 8px;background-position:right 8px center}.reports__email-modal-input--time{width:120px;height:34px}.reports__email-modal-label--inline{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b)}.reports__email-weekdays{display:flex;flex-wrap:wrap;gap:8px}.reports__email-modal-check--weekday{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:0;margin:0;padding:8px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#f1f5f9;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.reports__email-modal-check--weekday:hover{border-color:color-mix(in srgb,var(--primary-color, #345661) 35%,#e2e8f0);color:var(--text-primary, #1e293b)}.reports__email-modal-check--weekday:has(input:checked){background:color-mix(in srgb,var(--primary-color, #345661) 14%,#ffffff);border-color:color-mix(in srgb,var(--primary-color, #345661) 55%,#e2e8f0);color:var(--primary-color, #345661);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color, #345661) 22%,transparent)}.reports__email-modal-check--weekday:has(input:focus-visible){outline:2px solid var(--primary-color, #345661);outline-offset:2px}.reports__email-modal-check--weekday input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1;border:none;border-radius:999px;background:transparent;background-image:none}.reports__email-modal-check--weekday input[type=checkbox]:checked{background-color:transparent;background-image:none}.reports__email-modal-check--weekday input[type=checkbox]:focus-visible{outline:none}.reports__email-modal-check--weekday span{pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.reports__email-modal-content--result{max-width:420px}.reports__email-modal-body--result{align-items:center;text-align:center;padding:28px 24px 12px;gap:16px}.reports__email-modal-success-icon{font-size:56px;line-height:1;color:#2e7d32}.reports__email-modal-success-icon--scheduled{color:var(--primary-color, #345661)}.reports__email-modal-result-text{margin:0;font-size:.9375rem;line-height:1.5;color:var(--text-secondary, #64748b);max-width:320px}.reports__email-modal-footer--result{justify-content:center;padding-bottom:20px}.reports__email-modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-light, #e5e7eb);background:linear-gradient(180deg,#fff,#f8fafb)}@media (max-width: 760px){.reports__email-modal-overlay{padding:10px}.reports__email-modal-content{max-height:calc(100vh - 20px)}.reports__email-schedule-row{grid-template-columns:1fr}}.reports__email-modal-button{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.reports__email-modal-button--cancel{background:transparent;color:var(--text-secondary, #64748b);border-color:var(--border-light, #e5e7eb)}.reports__email-modal-button--cancel:hover{background:var(--bg-primary, #f5f5f5)}.reports__email-modal-button--send{background:var(--primary-color, #345661);color:#fff}.reports__email-modal-button--send:hover:not(:disabled){background:#4a6b76}.reports__email-modal-button--send:disabled{opacity:.5;cursor:not-allowed}.reports__preview{flex:1;min-height:0}.reports__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border-light, #e5e7eb);border-radius:12px;text-align:center;background:#34566105}.reports__empty-state .material-icons-round{font-size:48px;color:var(--primary-color, #345661);opacity:.5;margin-bottom:12px}.reports__empty-state h4{margin:0 0 6px;font-size:16px;color:var(--text-primary, #1e293b)}.reports__empty-state p{margin:0;font-size:13px;color:var(--text-secondary, #64748b)}.reports__location-traffic-section{margin-top:20px;margin-bottom:24px}.reports__location-traffic-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.reports__location-view-toggle{display:flex;gap:4px}.reports__view-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-light, #e5e7eb);border-radius:8px;background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #64748b);font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.reports__view-toggle-btn:hover{background:#e2e8f0;color:var(--text-primary, #1e293b)}.reports__view-toggle-btn--active{background:var(--primary-color, #345661);color:#fff;border-color:var(--primary-color, #345661)}.reports__location-traffic-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border-light, #e5e7eb);box-shadow:0 1px 3px #0000000f}.reports__location-traffic-table{width:100%;border-collapse:collapse;font-size:12px}.reports__location-traffic-table th,.reports__location-traffic-table td{border-right:1px solid #e2e8f0}.reports__location-traffic-table thead th{border-right-color:#ffffff40}.reports__location-traffic-table .reports__location-traffic-loc-row td,.reports__location-traffic-table .reports__location-traffic-total-row td{border-right-color:#cbd5e1}.reports__location-traffic-table--horizontal{min-width:100%}.reports__location-traffic-th-date{background:var(--primary-color, #345661);color:#fff;text-align:center;font-weight:700;padding:6px 8px;border-right:2px solid rgba(255,255,255,.3);min-width:72px}.reports__location-traffic-th-location-horiz{background:var(--primary-color, #345661);color:#fff;text-align:center;font-weight:700;padding:6px 8px;border-right:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.reports__location-traffic-thead-main th{padding:6px 8px;text-align:left;font-weight:700;color:#fff;background:var(--primary-color, #345661);font-size:12px;border-bottom:1px solid rgba(255,255,255,.22)}.reports__location-traffic-th-location{border-right:1px solid rgba(255,255,255,.2)}.reports__location-traffic-thead-sub th{padding:5px 8px;font-weight:600;color:#fff;background:var(--primary-color, #345661);text-align:center;font-size:11px}.reports__location-traffic-thead-sub .reports__location-traffic-th-num{text-align:center}.reports__location-traffic-th-details{text-align:left!important;padding-left:10px!important;border-right:1px solid rgba(255,255,255,.2)}.reports__location-traffic-loc-row td{padding:6px 8px;font-weight:600;color:#fff;background:var(--primary-color, #345661);font-size:12px}.reports__location-traffic-data-row td{padding:5px 8px;border-bottom:1px solid #e2e8f0;background:#f8fafc;font-size:12px}.reports__location-traffic-data-row--alt td{background:#f1f5f9}.reports__location-traffic-details{text-align:left;color:var(--text-primary, #1e293b)}.reports__location-traffic-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-primary, #1e293b)}.reports__location-traffic-total-row td{padding:5px 8px;font-weight:600;background:#e2e8f0;border-bottom:1px solid #cbd5e1;font-size:12px}.reports__location-traffic-th-comp{background:var(--primary-color, #345661)!important;border-left:1px solid rgba(255,255,255,.2)}.reports__location-traffic-comp-day{color:var(--text-secondary, #475569);border-left:1px solid #e2e8f0;font-size:12px}.reports__location-traffic-num--comp{color:var(--text-secondary, #475569);border-left:1px solid #e2e8f0}.reports__location-traffic-total-row .reports__location-traffic-total-label{text-align:left}.reports__location-traffic-total-row .reports__location-traffic-num{text-align:center!important}.reports__location-traffic-table--by-store thead th{text-align:center;border:1px solid rgba(255,255,255,.2)}.reports__location-traffic-table--by-store tbody td{text-align:right;border-right:1px solid #e2e8f0}.reports__location-traffic-table--by-store tbody td:first-child,.reports__location-traffic-table--by-store thead th:first-child{text-align:left;font-weight:600;max-width:180px}.reports__location-traffic-table--by-store tbody td:first-child{color:#1e293b}.reports__location-traffic-table--by-store tfoot td{text-align:center!important;border:1px solid rgba(255,255,255,.1)}.reports__location-traffic-table--by-store tfoot td:first-child{text-align:left}.reports__report-page{background:var(--bg-secondary, white);border-radius:12px;padding:24px;border:1px solid var(--border-light, #e5e7eb);box-shadow:0 1px 3px #0000000a}.reports__page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid var(--primary-color, #345661);margin-bottom:16px}.reports__page-header-left{display:flex;align-items:center;gap:14px}.reports__page-logo{width:40px;height:auto}.reports__page-title{font-size:20px;font-weight:700;color:var(--primary-color, #345661);margin:0}.reports__page-period{font-size:13px;color:var(--text-secondary, #64748b);margin:2px 0 0}.reports__page-days-filter{font-size:12px;color:var(--primary-color, #345661);margin:4px 0 0;font-weight:500}.reports__page-header--by-store{display:block;border-bottom:3px solid var(--primary-color, #345661);padding-bottom:12px;margin-bottom:24px}.reports__title-bar{background-color:var(--primary-color, #345661);padding:12px 16px;margin-bottom:16px;border-radius:4px 4px 0 0}.reports__title-bar-text{color:#fff;margin:0;font-size:18px;font-weight:700;letter-spacing:1px}.reports__header-info{display:flex;flex-direction:column;gap:12px;padding:0 12px}.reports__header-info-locations-group{background-color:transparent;border-radius:0;padding:0;display:flex;flex-direction:column;gap:10px}.reports__header-info-locations-group .reports__info-row:last-child{margin-bottom:0}.reports__info-row--locations-tree{align-items:flex-start}.reports__locations-tree{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;font-weight:600}.reports__location-branch-block{flex:1 1 200px;min-width:160px;max-width:320px;padding:6px 10px 8px;background:#e8ecf0;border:1px solid #d1d9e2;border-radius:8px;box-shadow:none}.reports__location-branch-name{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.reports__location-branch-icon{font-size:18px!important;color:var(--primary-color, #345661)}.reports__location-access-list{margin:4px 0 0;padding-left:26px;list-style:disc;color:#475569;font-weight:500;font-size:13px;line-height:1.35}.reports__location-access-list--empty{list-style:none;padding-left:8px;margin-top:8px;font-size:12px;color:#94a3b8;font-style:italic;font-weight:500}.reports__info-row{display:grid;grid-template-columns:120px 1fr;align-items:baseline;font-size:14px}.reports__info-label{color:#1e293b;font-weight:500}.reports__info-value{color:#000;font-weight:800}.reports__info-comparison-value{color:#64748b;font-weight:500;font-size:12px;margin-left:8px}.reports__info-label--period1{color:var(--primary-color, #345661);font-weight:700}.reports__info-value--period1{color:var(--primary-color, #345661);font-weight:700;background:#34566112;border-radius:6px;padding:2px 8px;display:inline-block;width:fit-content;max-width:100%;justify-self:start}.reports__info-label--period2{color:#c97400;font-weight:700}.reports__info-value--period2{color:#c97400;font-weight:700;background:#f5962517;border-radius:6px;padding:2px 8px;display:inline-block;width:fit-content;max-width:100%;justify-self:start}.reports__comparative-preview-group-line{display:block;line-height:1.45}.reports__data-table--grouped{width:100%;border-collapse:collapse;font-size:13px;background-color:#fff;table-layout:fixed}.reports__data-table--grouped th,.reports__data-table--grouped td{border-right:1px solid #e2e8f0}.reports__data-table--grouped thead th,.reports__data-table--grouped .reports__table-row--location-header td,.reports__data-table--grouped .reports__table-row--total-all td{border-right-color:#ffffff40}.reports__table-row--main-header th{background-color:var(--primary-color, #345661);color:#fff;padding:8px 10px;text-align:center!important;font-weight:700;font-size:13px;border-bottom:1px solid rgba(255,255,255,.22)}.reports__table-cell--location{width:32%;max-width:200px;border-right:1px solid rgba(255,255,255,.2);text-align:left!important;padding-left:10px!important}.reports__table-cell--traffic{width:68%}.reports__table-row--sub-header th{background-color:var(--primary-color, #345661);color:#fff;padding:6px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.02em}.reports__table-row--sub-header th.reports__table-cell--details{text-align:left!important}.reports__table-row--sub-header th:not(.reports__table-cell--details){text-align:center!important}.reports__table-cell--details{border-right:1px solid rgba(255,255,255,.2)}.reports__table-row--location-header td{background-color:var(--primary-color, #345661);color:#fff!important;padding:8px 10px;font-weight:700;font-size:12px;text-align:left!important;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.4)}.reports__table-row--traffic-date-header td{background:#e8ecf0;color:#1e293b!important;padding:6px 10px 6px 12px;font-weight:700;font-size:12px;text-align:left!important;letter-spacing:.02em;border-bottom:1px solid #cbd5e1;box-shadow:none}.reports__data-table--grouped .reports__table-row--traffic-date-header td{border-right-color:#ffffff40}.reports__table-row--traffic-empty td.reports__traffic-empty-hint{padding:20px 16px;text-align:center;font-size:13px;color:var(--text-secondary, #64748b);background-color:var(--hover-bg, #f8fafc);border-bottom:1px solid var(--card-border, #e5e7eb)}.reports__table-row--location-total td{background-color:#e2e8f0;font-weight:600}.reports__table-row--access-detail td{background-color:#f1f5f9;color:#475569;padding:6px 10px;font-size:12px;border-bottom:1px solid #e2e8f0}.reports__data-table--grouped tbody td{padding:6px 10px;border-bottom:1px solid #e2e8f0;color:#475569;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.reports__location-traffic-num{text-align:left!important;font-variant-numeric:tabular-nums}.reports__data-table--grouped tbody .reports__location-traffic-num{text-align:center!important}.reports__table-row--subtotal td{background-color:#e8f0f2;font-weight:700;color:#345661;text-align:left!important}.reports__table-row--total-all td{background-color:var(--primary-color, #345661);color:#fff!important;font-weight:800}.reports__table-row--total-all .reports__location-traffic-num{text-align:center!important}.reports__summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.reports__summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3456610f;border-radius:16px;font-size:12px;color:var(--text-primary, #1e293b);border:1px solid rgba(52,86,97,.1);max-width:100%}.reports__summary-chip>span:last-of-type{max-width:min(280px,100%);overflow-wrap:anywhere;line-height:1.3}.reports__summary-chip .material-icons-round{font-size:16px;color:var(--primary-color, #345661)}.reports__summary-chip--comparison{background:#f5962514;border-color:#f5962533}.reports__summary-chip--comparison .material-icons-round{color:#f59625}.reports__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px}.reports__kpi-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#fff;border-radius:10px;border:1px solid rgba(52,86,97,.12);transition:box-shadow .2s}.reports__kpi-card:hover{box-shadow:0 2px 8px #3456611a}.reports__kpi-card--highlight{background:linear-gradient(135deg,#34566112,#34566105);border-color:var(--primary-color, #345661)}.reports__kpi-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#34566114;color:var(--primary-color, #345661)}.reports__kpi-icon .material-icons-round{font-size:18px}.reports__kpi-value{font-size:22px;font-weight:700;color:var(--text-primary, #1e293b);line-height:1.1}.reports__kpi-label{font-size:11px;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.reports__kpi-comparison{font-size:11px;color:#f59625;font-weight:500;margin-top:2px}.reports__charts-grid-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;margin-bottom:20px}.reports__chart-preview-item{background:var(--bg-primary, #fafafa);border:1px solid var(--border-light, #e5e7eb);border-radius:10px;padding:14px;transition:box-shadow .2s ease}.reports__chart-preview-item:hover{box-shadow:0 2px 8px #0000000f}.reports__chart-preview-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-light, #e5e7eb)}.reports__chart-preview-title .material-icons-round{font-size:18px;color:var(--primary-color, #345661)}.reports__chart-preview-title h4{margin:0;font-size:13px;font-weight:600;color:var(--text-primary, #1e293b)}.reports__chart-preview-canvas{height:280px;display:flex;align-items:center;justify-content:center}.reports__no-charts{display:flex;flex-direction:column;align-items:center;padding:36px 20px;border:2px dashed var(--border-light, #d0d7de);border-radius:12px;text-align:center;margin-bottom:20px;background:#34566105}.reports__no-charts .material-icons-round{font-size:40px;color:var(--primary-color, #345661);opacity:.4;margin-bottom:8px}.reports__no-charts p{margin:0 0 14px;font-size:13px;color:var(--text-secondary, #64748b)}.reports__add-charts-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;background:var(--primary-color, #345661);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.reports__add-charts-btn:hover{background:#4a6b76;transform:translateY(-1px);box-shadow:0 4px 12px #34566140}.reports__add-charts-btn .material-icons-round{font-size:18px}.reports__data-table-section{margin-top:20px}.reports__section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--primary-color, #345661);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-light, #e5e7eb)}.reports__section-title .material-icons-round{font-size:20px}.reports__table-wrapper{overflow-x:auto;border:1px solid var(--border-light, #e5e7eb);border-radius:8px}.reports__data-table{width:100%;border-collapse:collapse;font-size:13px}.reports__data-table thead{background:var(--primary-color, #345661);color:#fff}.reports__data-table thead th{padding:10px 14px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.reports__data-table tbody tr{border-bottom:1px solid var(--border-light, #e5e7eb);transition:background .15s ease}.reports__data-table tbody tr:hover{background:#34566108}.reports__data-table tbody td{padding:9px 14px;color:var(--text-primary, #334155)}.reports__data-table tfoot{background:#3456610a;border-top:2px solid var(--primary-color, #345661)}.reports__data-table tfoot td{padding:10px 14px;color:var(--primary-color, #345661)}.reports__charts-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:reportsFadeIn .15s ease}@keyframes reportsFadeIn{0%{opacity:0}to{opacity:1}}.reports__charts-modal-content{background-color:var(--bg-secondary, white);border-radius:14px;box-shadow:0 20px 60px #00000026;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:reportsSlideUp .2s ease;overflow:hidden}@keyframes reportsSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.reports__charts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light, #e5e7eb)}.reports__charts-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;color:var(--text-primary, #1e293b)}.reports__charts-modal-header h3 .material-icons-round{font-size:22px;color:var(--primary-color, #345661)}.reports__charts-modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary, #64748b)}.reports__charts-modal-close-button:hover{background:#0000000d;color:var(--text-primary, #1e293b)}.reports__charts-modal-close-button .material-icons-round{font-size:20px}.reports__charts-modal-body{padding:20px;overflow-y:auto;flex:1}.reports__charts-modal-description{margin:0 0 16px;color:var(--text-secondary, #64748b);font-size:13px}.reports__charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.reports__chart-card{display:flex;flex-direction:column;align-items:center;padding:16px;border:1.5px solid var(--border-light, #e5e7eb);border-radius:10px;background:var(--bg-secondary, white);transition:all .2s ease;cursor:pointer}.reports__chart-card:hover{border-color:var(--primary-color, #345661);box-shadow:0 4px 12px #34566114;transform:translateY(-2px)}.reports__chart-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color, #345661),#4a6b76);border-radius:12px;margin-bottom:10px}.reports__chart-icon .material-icons-round{font-size:24px;color:#fff}.reports__chart-card h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);text-align:center}.reports__chart-card p{margin:0 0 12px;font-size:11px;color:var(--text-secondary, #64748b);text-align:center;line-height:1.3}.reports__chart-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:6px;transition:background-color .15s ease}.reports__chart-checkbox-label:hover{background-color:#3456610d}.reports__chart-checkbox{position:absolute;opacity:0;width:0;height:0}.reports__chart-checkbox-custom{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .15s ease;flex-shrink:0}.reports__chart-checkbox:checked+.reports__chart-checkbox-custom{background:var(--primary-color, #345661);border-color:var(--primary-color, #345661)}.reports__chart-checkbox:checked+.reports__chart-checkbox-custom:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.reports__chart-checkbox-text{font-size:12px;font-weight:500;color:var(--text-primary, #1e293b)}.reports__chart-checkbox:checked~.reports__chart-checkbox-text{color:var(--primary-color, #345661);font-weight:600}.reports__charts-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-light, #e5e7eb)}.reports__charts-modal-button{padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.reports__charts-modal-button--cancel{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-light, #e5e7eb)}.reports__charts-modal-button--cancel:hover{background:var(--bg-primary, #f5f5f5)}.reports__charts-modal-button--save{background:var(--primary-color, #345661);color:#fff}.reports__charts-modal-button--save:hover{background:#4a6b76}.reports__label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.reports__label .material-icons-round{font-size:16px;color:var(--primary-color)}@media (max-width: 768px){.reports{padding:12px;gap:10px}.reports__type-bar{flex-direction:column;gap:6px}.reports__type-bar--mobile-select{flex-direction:row;flex-wrap:wrap;align-items:center}.reports__type-chip{justify-content:center}.reports__toolbar{flex-direction:column;gap:10px;padding:12px}.reports__toolbar-left{width:100%;flex-direction:column}.reports__toolbar-right{width:100%;flex-direction:column;margin-left:0}.reports__format-group{width:100%}.reports__format-chip{flex:1;justify-content:center}.reports__toolbar-btn{width:100%;justify-content:center;padding:12px}.reports__report-page{padding:16px}.reports__page-header{flex-direction:column;text-align:center;gap:12px}.reports__page-header-left{flex-direction:column;align-items:center;gap:10px}.reports__page-title{font-size:18px;text-align:center}.reports__page-period{text-align:center}.reports__summary-chips{flex-direction:column}.reports__summary-chip{justify-content:center}.reports__kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.reports__kpi-value{font-size:18px}.reports__charts-grid-preview{grid-template-columns:1fr}.reports__chart-preview-canvas{height:240px}.reports__charts-modal-content{width:95%;max-height:85vh}.reports__charts-grid{grid-template-columns:1fr}.reports__charts-modal-footer{flex-direction:column-reverse;gap:8px}.reports__charts-modal-button{width:100%;justify-content:center;padding:12px}.reports__mobile-selector{position:relative;z-index:100}.reports__mobile-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary, white);border:1px solid var(--border-light, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s ease}.reports__mobile-selector-trigger:active{background:#f9f9f9;transform:scale(.99)}.reports__mobile-selector-value{display:flex;align-items:center;gap:10px}.reports__mobile-selector-value .material-icons-round{color:var(--primary-color, #345661)}.reports__mobile-selector-text{font-weight:600;color:var(--text-primary, #1e293b);font-size:14px}.reports__mobile-selector-arrow{color:var(--text-secondary, #64748b);transition:transform .2s ease}.reports__mobile-selector-arrow.open{transform:rotate(180deg)}.reports__mobile-selector-dropdown{margin-top:6px;background:var(--bg-secondary, white);border:1px solid var(--border-light, #e5e7eb);border-radius:10px;box-shadow:0 4px 16px #00000014;overflow:hidden}.reports__mobile-selector-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light, #e5e7eb);cursor:pointer;transition:background .15s}.reports__mobile-selector-option:last-child{border-bottom:none}.reports__mobile-selector-option.selected{background:#3456610f}.reports__mobile-selector-option.selected span{font-weight:600;color:var(--primary-color, #345661)}.reports__mobile-selector-option-content{display:flex;align-items:center;gap:10px}.reports__mobile-selector-option .check{color:var(--primary-color, #345661);font-size:20px}.reports__table-wrapper{margin:0 -16px;border-radius:0;border-left:none;border-right:none;width:calc(100% + 32px)}.reports__data-table{font-size:11px;min-width:max-content}.reports__data-table th,.reports__data-table td{padding:8px 10px}}.dashboard__mini-toggle{position:relative;display:inline-block;width:32px;height:18px;cursor:pointer;flex-shrink:0}.dashboard__mini-toggle input{opacity:0;width:0;height:0}.dashboard__mini-toggle-slider{position:absolute;inset:0;background-color:#cbd5e1;border-radius:34px;transition:.3s cubic-bezier(.4,0,.2,1)}.dashboard__mini-toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.dashboard__mini-toggle input:checked+.dashboard__mini-toggle-slider{background-color:#345661}.dashboard__mini-toggle input:checked+.dashboard__mini-toggle-slider:before{transform:translate(14px)}.dashboard__mini-toggle input:focus:active+.dashboard__mini-toggle-slider:before{transform:scale(1.1)}.dashboard__filter-chip--toggle{background-color:#3456610d;border-color:#3456611a}.dashboard__chip-label{font-size:13px;font-weight:500;color:#345661}.dashboard__filter-check-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}.dashboard__filter-check-wrap{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background-color .2s ease,opacity .2s ease;cursor:pointer;flex-shrink:0}.dashboard__filter-check-wrap:hover{background-color:#3456610f}.dashboard__filter-check-box{width:18px;height:18px;border:2px solid #345661;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.dashboard__filter-check-wrap input{position:absolute;opacity:0;width:0;height:0}.dashboard__filter-check-wrap input:checked+.dashboard__filter-check-box{background-color:#345661;border-color:#345661;box-shadow:0 0 0 2px #34566133}.dashboard__filter-check-wrap input:checked+.dashboard__filter-check-box .dashboard__filter-check-icon{opacity:1}.dashboard__filter-check-box .dashboard__filter-check-icon{font-size:14px;color:#fff;opacity:0;transition:opacity .15s ease}.dashboard__filter-check-label{font-size:13px;font-weight:500;color:#345661;-webkit-user-select:none;user-select:none}.dashboard__filter-check-time-range{display:inline-flex;align-items:center;gap:4px}.dashboard__filter-check-time-range select{padding:4px 6px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;color:#345661;width:64px;cursor:pointer;background:#fff}.dashboard__filter-check-time-sep{font-size:11px;color:#6b7280}[data-theme=dark] .reports__report-page{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-light, #333)}[data-theme=dark] .reports__info-label{color:var(--text-secondary, #AAAAAA)}[data-theme=dark] .reports__info-value{color:var(--text-primary, #E0E0E0)}[data-theme=dark] .reports__info-comparison-value{color:var(--text-secondary, #AAAAAA)}[data-theme=dark] .reports__kpi-card{background:var(--card-bg, #1E1E1E);border-color:var(--border-medium, #444)}[data-theme=dark] .reports__kpi-card--highlight{background:linear-gradient(135deg,#34566140,#3456611f)}[data-theme=dark] .reports__data-table--grouped{background-color:var(--bg-secondary, #1E1E1E)}[data-theme=dark] .reports__data-table--grouped th,[data-theme=dark] .reports__data-table--grouped td{border-right-color:var(--border-light, #333)}[data-theme=dark] .reports__data-table--grouped tbody td{border-bottom-color:var(--border-light, #333);color:var(--text-secondary, #AAAAAA)}[data-theme=dark] .reports__table-row--access-detail td{background-color:var(--hover-bg, #2C2C2C);color:var(--text-secondary, #AAAAAA);border-bottom-color:var(--border-light, #333)}[data-theme=dark] .reports__table-row--subtotal td{background-color:#3456614d;color:#a8c5cc}[data-theme=dark] .reports__location-traffic-data-row td{background:var(--bg-secondary, #1E1E1E);border-bottom-color:var(--border-light, #333)}[data-theme=dark] .reports__location-traffic-data-row--alt td{background:var(--hover-bg, #2C2C2C)}[data-theme=dark] .reports__location-traffic-total-row td{background:#34566159;border-bottom-color:var(--border-medium, #444)}[data-theme=dark] .reports__location-traffic-table th,[data-theme=dark] .reports__location-traffic-table td{border-right-color:var(--border-light, #333)}[data-theme=dark] .reports__location-traffic-table .reports__location-traffic-loc-row td,[data-theme=dark] .reports__location-traffic-table .reports__location-traffic-total-row td{border-right-color:var(--border-medium, #444)}[data-theme=dark] .reports__location-traffic-comp-day,[data-theme=dark] .reports__location-traffic-num--comp{border-left-color:var(--border-light, #333)}[data-theme=dark] .reports__location-traffic-table--by-store tbody td:first-child{color:var(--text-primary, #E0E0E0)}[data-theme=dark] .reports__location-traffic-table--by-store tbody td{border-right-color:var(--border-light, #333)}[data-theme=dark] .reports__view-toggle-btn:hover{background:var(--hover-bg, #2C2C2C);color:var(--text-primary, #E0E0E0)}[data-theme=dark] .reports__data-table tbody tr{border-bottom-color:var(--border-light, #333)}[data-theme=dark] .reports__data-table tbody tr:hover{background:#3456611f}[data-theme=dark] .reports__data-table tbody td{color:var(--text-primary, #E0E0E0)}[data-theme=dark] .reports__data-table tfoot{background:#34566140}[data-theme=dark] .reports__chart-checkbox-custom{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-medium, #555)}[data-theme=dark] .reports__summary-chip{background:#34566133;border-color:#34566159}[data-theme=dark] .reports__summary-chip--comparison{background:#f596252e;border-color:#f5962559}[data-theme=dark] .reports__charts-modal-content{background-color:var(--bg-secondary, #1E1E1E);box-shadow:0 20px 60px #00000080}[data-theme=dark] .reports__charts-modal-header{border-bottom-color:var(--border-light, #333)}[data-theme=dark] .reports__charts-modal-footer{border-top-color:var(--border-light, #333)}[data-theme=dark] .reports__charts-modal-button--cancel{color:var(--text-secondary, #AAAAAA);border-color:var(--border-medium, #444)}[data-theme=dark] .reports__charts-modal-button--cancel:hover{background:var(--hover-bg, #2C2C2C)}[data-theme=dark] .reports__chart-preview-item{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-light, #333)}[data-theme=dark] .reports__table-wrapper,[data-theme=dark] .reports__location-traffic-table-wrap{border-color:var(--border-light, #333)}[data-theme=dark] .reports__empty-state,[data-theme=dark] .reports__no-charts{border-color:var(--border-medium, #444);background:#34566114}[data-theme=dark] .reports__mobile-selector-trigger:active{background:var(--hover-bg, #2C2C2C)}[data-theme=dark] .reports__mobile-selector-option.selected{background:#34566133}[data-theme=dark] .reports__comparative-dropdown{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-light, #333)}[data-theme=dark] .reports__comparative-search{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-medium, #444);color:var(--text-primary, #E0E0E0)}[data-theme=dark] .reports__comparative-branch-card{background:#ffffff05;border-color:var(--border-light, #333)}[data-theme=dark] .reports__comparative-branch-card.selected{background:#34566138;border-color:#3456618c}[data-theme=dark] .dashboard__filter-check-time-range select{background:var(--bg-secondary, #1E1E1E);border-color:var(--border-medium, #444);color:var(--text-primary, #E0E0E0)}[data-theme=dark] .dashboard__filter-check-label{color:#a8c5cc}[data-theme=dark] .dashboard__filter-check-time-sep{color:var(--text-secondary, #AAAAAA)}.providers-page{width:100%;height:100%;padding:var(--spacing-lg);background:var(--bg-primary)}.providers-header{margin-bottom:var(--spacing-xl)}.providers-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.providers-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px)}.providers-info-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xxl);box-shadow:var(--shadow-light);text-align:center;max-width:500px;width:100%}.info-icon{font-size:64px;color:var(--primary-color);margin-bottom:var(--spacing-lg)}.info-icon .material-icons-round{font-size:64px}.providers-info-card h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.providers-info-card p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0}.p_company-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:p_company-fadeIn .2s ease}@keyframes p_company-fadeIn{0%{opacity:0}to{opacity:1}}.p_company-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:p_company-slideUp .3s ease}@keyframes p_company-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.p_company-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.p_company-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.p_company-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.p_company-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.p_company-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.p_company-modal-close-button .material-icons-round{font-size:24px}.p_company-modal-body{padding:24px}.p_company-form-group{margin-bottom:20px}.p_company-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.p_company-form-input,.p_company-form-select{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none}.p_company-form-input:focus,.p_company-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.p_company-form-input::placeholder{color:#9ca3af}.p_company-form-input.error,.p_company-form-select.error{border-color:var(--danger-color)}.p_company-form-input:disabled,.p_company-form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.p_company-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.p_company-loading-text{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px;font-style:italic}.p_company-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.p_company-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:24px}.p_company-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.p_company-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.p_company-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.p_company-cancel-button:disabled{opacity:.5;cursor:not-allowed}.p_company-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.p_company-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.p_company-save-button:disabled{opacity:.7;cursor:not-allowed}.p_company-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:p_company-spin .8s linear infinite}@media (max-width: 768px){.p_company-modal-content{width:95%;max-height:95vh}.p_company-modal-header,.p_company-modal-body{padding:16px}.p_company-form-row{grid-template-columns:1fr}.p_company-modal-footer{flex-direction:column-reverse}.p_company-modal-button{width:100%}}.p_company{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.p_company__table-header{background-color:var(--bg-primary)}.p_company__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.p_company__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.p_company__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.p_company__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.p_company__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.p_company__add-button:active{transform:translateY(0)}.p_company__add-button .material-icons-round{font-size:20px}.p_company__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.p_company__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.p_company__displayed-count{font-size:12px}.p_company__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.p_company__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.p_company__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.p_company__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.p_company__filter-loading{font-size:12px;color:var(--text-secondary);font-style:italic}.p_company__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.p_company__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.p_company__search-icon .material-icons-round{font-size:20px}.p_company__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.p_company__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.p_company__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.p_company__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.p_company__search-input::placeholder{color:var(--text-secondary);font-weight:400}.p_company__search-clear{position:absolute;right:10px;background:var(--hover-bg);border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.p_company__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.p_company__search-clear .material-icons-round{font-size:18px}.p_company__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;table-layout:fixed}.p_company__table-header-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.5fr 1fr auto;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.p_company__header-cell{padding:8px 12px;font-weight:600;font-size:13px;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:4px;box-sizing:border-box;margin:0;min-width:0}.p_company__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.p_company__header-cell--sortable:hover{background:#ffffff14}.p_company__sort-icon{display:inline-flex;align-items:center;color:#ffffffb3}.p_company__sort-icon .material-icons-round{font-size:16px}.p_company__sort-icon--active{color:#fff}.p_company__header-cell:last-child{border-right:none}.p_company__header-cell:nth-child(6){justify-content:flex-end;display:flex;align-items:center;min-width:280px;max-width:350px;width:280px}.p_company__table-body{background-color:var(--card-bg)}.p_company__table-row-container{transition:all .2s ease;background-color:var(--card-bg);border-bottom:1px solid var(--card-border)}.p_company__table-row-container:last-child{border-bottom:none}.p_company__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.p_company__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.p_company__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.p_company__table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.5fr 1fr auto;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.p_company__table-row:hover{background-color:transparent}.p_company__table-cell{padding:6px 12px;font-size:14px;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.p_company__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.p_company__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.p_company__table-cell:last-child{border-right:none;justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:280px;max-width:350px;width:280px}.p_company__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.p_company__table-cell:nth-child(6){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal}.p_company__table-cell:nth-child(6)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.p_company__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.p_company__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.p_company__status-maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.p_company__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.p_company__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.p_company__status-unknown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.p_company__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:flex-end;width:100%;margin-left:auto}.p_company__view-button{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:6px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133;min-width:32px;height:32px}.p_company__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.p_company__view-button:active{transform:translateY(0)}.p_company__view-button .material-icons-round{font-size:16px}.p_company__edit-button{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:6px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #f79e384d;min-width:32px;height:32px}.p_company__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.p_company__edit-button:active{transform:translateY(0)}.p_company__edit-button .material-icons-round{font-size:16px}.p_company__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;box-shadow:0 2px 4px #ef444433}.p_company__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.p_company__delete-button:active{transform:translateY(0)}.p_company__delete-button .material-icons-round{font-size:16px}.p_company__table-cell .p_company__status,.p_company__table-cell .p_company__actions-buttons,.p_company__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.p_company__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.p_company__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.p_company__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.p_company__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.p_company__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.p_company__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.p_company__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.p_company__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.p_company__details-value.p_company__status-active{color:#28a745}.p_company__details-value.p_company__status-maintenance{color:#ffc107}.p_company__details-value.p_company__status-offline{color:#dc3545}.p_company__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.p_company__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.p_company__view-details{background-color:var(--primary-color);color:#fff}.p_company__view-details:hover{background-color:var(--secondary-color)}.p_company__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.p_company__edit:hover{background-color:var(--hover-bg)}.p_company__action-btn .material-icons-round{font-size:18px}.p_company__pagination-controls{background-color:var(--bg-primary);padding:10px}.p_company__pagination-navigation{display:flex;justify-content:center}.p_company__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.p_company__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.p_company__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.p_company__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.p_company__page-numbers{display:flex;gap:var(--spacing-xs)}.p_company__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.p_company__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.p_company__page-btn.p_company__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.p_company__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.p_company__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:p_company-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes p_company-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p_company__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.p_company__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.p_company__error-icon .material-icons-round{font-size:64px}.p_company__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.p_company__retry-button:hover{background-color:var(--secondary-color)}.p_company__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.p_company__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.p_company__empty-icon .material-icons-round{font-size:64px}.p_company__empty-state p{margin:var(--spacing-xs) 0}.p_company__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.p_company__table-header-row,.p_company__table-row{grid-template-columns:2fr 1.5fr 1fr 1fr auto}.p_company__table-cell:nth-child(3),.p_company__table-cell:nth-child(4){display:none}.p_company__header-cell:nth-child(3),.p_company__header-cell:nth-child(4){display:none}.p_company__header-cell:nth-child(6),.p_company__table-cell:last-child{min-width:280px;max-width:350px;width:280px}}@media (max-width: 768px){.p_company{padding:var(--spacing-md)}.p_company__table-header-row,.p_company__table-row{grid-template-columns:2fr 1fr auto}.p_company__header-cell:nth-child(6),.p_company__table-cell:last-child{min-width:250px;max-width:300px;width:250px}.p_company__table-cell:nth-child(2),.p_company__table-cell:nth-child(3),.p_company__table-cell:nth-child(4),.p_company__table-cell:nth-child(5){display:none}.p_company__header-cell:nth-child(2),.p_company__header-cell:nth-child(3),.p_company__header-cell:nth-child(4),.p_company__header-cell:nth-child(5){display:none}.p_company__details,.p_company__details-grid{grid-template-columns:1fr}.p_company__actions{flex-direction:column}}@media (max-width: 480px){.p_company__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.p_company__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.p_company__pagination-buttons{flex-wrap:wrap;justify-content:center}}.c_type_device-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:c_type_device-fadeIn .2s ease}@keyframes c_type_device-fadeIn{0%{opacity:0}to{opacity:1}}.c_type_device-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:c_type_device-slideUp .3s ease}@keyframes c_type_device-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.c_type_device-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.c_type_device-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.c_type_device-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.c_type_device-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.c_type_device-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.c_type_device-modal-close-button .material-icons-round{font-size:24px}.c_type_device-modal-body{padding:24px}.c_type_device-form-group{margin-bottom:20px}.c_type_device-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.c_type_device-form-input,.c_type_device-form-select,.c_type_device-form-input textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit}.c_type_device-form-input:focus,.c_type_device-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.c_type_device-form-input::placeholder{color:#9ca3af}.c_type_device-form-input.error,.c_type_device-form-select.error{border-color:var(--danger-color)}.c_type_device-form-input:disabled,.c_type_device-form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.c_type_device-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.c_type_device-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.c_type_device-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:24px}.c_type_device-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.c_type_device-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.c_type_device-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.c_type_device-cancel-button:disabled{opacity:.5;cursor:not-allowed}.c_type_device-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.c_type_device-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.c_type_device-save-button:disabled{opacity:.7;cursor:not-allowed}.c_type_device-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:c_type_device-spin .8s linear infinite}@keyframes c_type_device-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.c_type_device-modal-content{width:95%;max-height:95vh}.c_type_device-modal-header,.c_type_device-modal-body{padding:16px}.c_type_device-form-row{grid-template-columns:1fr}.c_type_device-modal-footer{flex-direction:column-reverse}.c_type_device-modal-button{width:100%}}.c_type_device{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;overflow-y:auto}.c_type_device__table-header{background-color:var(--bg-primary)}.c_type_device__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.c_type_device__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.c_type_device__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.c_type_device__search-button{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;height:42px;box-sizing:border-box;box-shadow:0 2px 6px #3456614d}.c_type_device__search-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 12px #34566166}.c_type_device__search-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.c_type_device__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.c_type_device__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.c_type_device__add-button:active{transform:translateY(0)}.c_type_device__add-button .material-icons-round{font-size:20px}.c_type_device__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.c_type_device__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.c_type_device__displayed-count{font-size:12px}.c_type_device__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.c_type_device__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.c_type_device__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.c_type_device__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.c_type_device__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.c_type_device__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.c_type_device__search-icon .material-icons-round{font-size:20px}.c_type_device__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.c_type_device__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.c_type_device__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.c_type_device__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.c_type_device__search-input::placeholder{color:var(--text-secondary);font-weight:400}.c_type_device__search-clear{position:absolute;right:10px;background:#0000000d;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.c_type_device__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.c_type_device__search-clear .material-icons-round{font-size:18px}.c_type_device__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;table-layout:fixed}.c_type_device__table-header-row{display:grid;grid-template-columns:2fr 1fr auto;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.c_type_device__header-cell{padding:8px 20px;font-weight:600;font-size:13px;line-height:1.2;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;box-sizing:border-box;margin:0;min-width:0}.c_type_device__header-cell:last-child{border-right:none;justify-content:flex-end;min-width:280px;max-width:350px;width:280px}.c_type_device__table-body{background-color:var(--card-bg)}.c_type_device__table-row-container{border-bottom:1px solid var(--card-border);transition:all .2s ease;background-color:var(--card-bg)}.c_type_device__table-row-container:last-child{border-bottom:none}.c_type_device__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.c_type_device__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.c_type_device__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.c_type_device__table-row{display:grid;grid-template-columns:2fr 1fr auto;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.c_type_device__table-row:hover{background-color:transparent}.c_type_device__table-cell{padding:6px 20px;font-size:14px;line-height:1.2;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.c_type_device__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.c_type_device__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.c_type_device__table-cell:last-child{border-right:none;justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:280px;max-width:350px;width:280px}.c_type_device__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.c_type_device__table-cell:nth-child(3){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal}.c_type_device__table-cell:nth-child(3)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.c_type_device__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.c_type_device__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.c_type_device__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.c_type_device__actions-buttons{display:flex;gap:4px;align-items:center;justify-content:flex-end}.c_type_device__view-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133}.c_type_device__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.c_type_device__view-button:active{transform:translateY(0)}.c_type_device__view-button .material-icons-round{font-size:14px}.c_type_device__edit-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #f79e384d}.c_type_device__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.c_type_device__edit-button:active{transform:translateY(0)}.c_type_device__edit-button .material-icons-round{font-size:14px}.c_type_device__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;box-shadow:0 2px 4px #ef444433}.c_type_device__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.c_type_device__delete-button:active{transform:translateY(0)}.c_type_device__delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.c_type_device__delete-button .material-icons-round{font-size:16px}.c_type_device__spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:type-device-spin .8s linear infinite}@keyframes type-device-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c_type_device__table-cell .c_type_device__status,.c_type_device__table-cell .c_type_device__actions-buttons,.c_type_device__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.c_type_device__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.c_type_device__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.c_type_device__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.c_type_device__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.c_type_device__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.c_type_device__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.c_type_device__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.c_type_device__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.c_type_device__details-value.c_type_device__status-active{color:#28a745}.c_type_device__details-value.c_type_device__status-inactive{color:#6b7280}.c_type_device__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.c_type_device__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.c_type_device__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.c_type_device__edit:hover{background-color:var(--hover-bg)}.c_type_device__action-btn .material-icons-round{font-size:18px}.c_type_device__pagination-controls{background-color:var(--bg-primary);padding:10px}.c_type_device__pagination-navigation{display:flex;justify-content:center}.c_type_device__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.c_type_device__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.c_type_device__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.c_type_device__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.c_type_device__page-numbers{display:flex;gap:var(--spacing-xs)}.c_type_device__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.c_type_device__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.c_type_device__page-btn.c_type_device__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.c_type_device__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.c_type_device__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:type-device-spin 1s linear infinite;margin-bottom:var(--spacing-md)}.c_type_device__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.c_type_device__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.c_type_device__error-icon .material-icons-round{font-size:64px}.c_type_device__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.c_type_device__retry-button:hover{background-color:var(--secondary-color)}.c_type_device__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.c_type_device__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.c_type_device__empty-icon .material-icons-round{font-size:64px}.c_type_device__empty-state p{margin:var(--spacing-xs) 0}.c_type_device__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.c_type_device__table-header-row,.c_type_device__table-row{grid-template-columns:2fr 1fr auto}.c_type_device__header-cell:last-child,.c_type_device__table-cell:last-child{min-width:280px;max-width:350px;width:280px}}@media (max-width: 768px){.c_type_device{padding:var(--spacing-md)}.c_type_device__table-header-row,.c_type_device__table-row{grid-template-columns:1fr auto}.c_type_device__header-cell:last-child,.c_type_device__table-cell:last-child{min-width:250px;max-width:300px;width:250px}.c_type_device__table-cell:nth-child(2){display:none}.c_type_device__header-cell:nth-child(2){display:none}.c_type_device__details,.c_type_device__details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.c_type_device__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.c_type_device__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.c_type_device__pagination-buttons{flex-wrap:wrap;justify-content:center}}.form-input,.form-select{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.form-select[multiple]{min-height:120px;padding:8px}.form-select[multiple] option{padding:6px 8px;margin:2px 0}.form-select[multiple] option:checked{background:var(--primary-color);color:#fff}.form-hint{display:block;margin-top:4px;color:#666;font-size:12px;font-style:italic}.c_locality{padding:var(--spacing-lg);background-color:var(--bg-primary);overflow:auto}.c_locality__table-container{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light);overflow:hidden}.c_locality__table-header{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.c_locality__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.c_locality__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.c_locality__add-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:auto;box-shadow:0 2px 4px #3456614d}.c_locality__add-button:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.c_locality__add-button .material-icons-round{font-size:18px}.c_locality__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.c_locality__total-count{font-weight:500}.c_locality__displayed-count{font-size:12px}.c_locality__table{width:100%;border-collapse:collapse}.c_locality__table-header-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto 50px;background-color:var(--bg-primary);border-bottom:2px solid var(--border-light)}.c_locality__header-cell{padding:8px 12px;font-weight:600;font-size:14px;line-height:1.2;color:var(--text-primary);text-align:left;border-right:1px solid var(--border-light)}.c_locality__header-cell--sortable{cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.c_locality__sort-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.c_locality__sort-icon--active{color:var(--primary-color)}.c_locality__header-cell:last-child{border-right:none}.c_locality__table-body{background-color:var(--bg-secondary)}.c_locality__table-row-container{border-bottom:1px solid var(--border-light)}.c_locality__table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto 50px;transition:background-color .2s ease}.c_locality__table-row:hover{background-color:var(--hover-bg)}.c_locality__table-cell{padding:6px 12px;font-size:14px;line-height:1.2;color:var(--text-primary);border-right:1px solid var(--border-light);display:flex;align-items:center}.c_locality__table-cell:last-child{border-right:none;justify-content:center}.c_locality__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase}.c_locality__status-active{background-color:#d4edda;color:#155724}.c_locality__status-maintenance{background-color:#fff3cd;color:#856404}.c_locality__status-offline{background-color:#f8d7da;color:#721c24}.c_locality__status-unknown{background-color:#e2e3e5;color:#6c757d}.c_locality__actions-buttons{display:flex;gap:4px;align-items:center;justify-content:flex-end}.c_locality__view-button{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.c_locality__view-button:hover{background-color:var(--secondary-color)}.c_locality__view-button .material-icons-round{font-size:13px}.c_locality__edit-button{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.c_locality__edit-button:hover{background-color:#138496}.c_locality__edit-button .material-icons-round{font-size:13px}.c_locality__expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.c_locality__expand-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.c_locality__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.c_locality__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.c_locality__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.c_locality__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.c_locality__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.c_locality__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.c_locality__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.c_locality__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.c_locality__details-value.c_locality__status-active{color:#28a745}.c_locality__details-value.c_locality__status-maintenance{color:#ffc107}.c_locality__details-value.c_locality__status-offline{color:#dc3545}.c_locality__device-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.c_locality__device-card{padding:12px 14px;background-color:var(--card-bg);border-radius:10px;border:1px solid var(--border-light);box-shadow:0 1px 4px #0f172a14}.c_locality__device-empty{padding:12px 14px;color:var(--text-secondary);font-style:italic;background-color:var(--bg-primary);border-radius:8px;border:1px dashed var(--border-light)}.c_locality__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.c_locality__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.c_locality__view-live{background-color:var(--primary-color);color:#fff}.c_locality__view-live:hover{background-color:var(--secondary-color)}.c_locality__settings{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.c_locality__settings:hover{background-color:var(--hover-bg)}.c_locality__action-btn .material-icons-round{font-size:18px}.c_locality__pagination-controls{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.c_locality__pagination-navigation{display:flex;justify-content:center}.c_locality__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.c_locality__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.c_locality__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.c_locality__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.c_locality__page-numbers{display:flex;gap:var(--spacing-xs)}.c_locality__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.c_locality__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.c_locality__page-btn.c_locality__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.c_locality__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.c_locality__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:cameras-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes cameras-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c_locality__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.c_locality__error-icon{font-size:48px;margin-bottom:var(--spacing-md)}.c_locality__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.c_locality__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.c_locality__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.c_locality__empty-icon .material-icons-round{font-size:64px}.c_locality__empty-state p{margin:var(--spacing-xs) 0}.c_locality__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}.c_locality__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.c_locality__retry-button:hover{background-color:var(--secondary-color)}@media (max-width: 1200px){.c_locality__table-header-row,.c_locality__table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr auto 50px}.c_locality__table-cell:nth-child(4),.c_locality__table-cell:nth-child(5),.c_locality__table-cell:nth-child(8){display:none}.c_locality__header-cell:nth-child(4),.c_locality__header-cell:nth-child(5),.c_locality__header-cell:nth-child(8){display:none}}@media (max-width: 768px){.cameras{padding:var(--spacing-md)}.c_locality__table-header-row,.c_locality__table-row{grid-template-columns:1fr 1fr auto 50px}.c_locality__table-cell:nth-child(2),.c_locality__table-cell:nth-child(3),.c_locality__table-cell:nth-child(4),.c_locality__table-cell:nth-child(5),.c_locality__table-cell:nth-child(6),.c_locality__table-cell:nth-child(7),.c_locality__table-cell:nth-child(8){display:none}.c_locality__header-cell:nth-child(2),.c_locality__header-cell:nth-child(3),.c_locality__header-cell:nth-child(4),.c_locality__header-cell:nth-child(5),.c_locality__header-cell:nth-child(6),.c_locality__header-cell:nth-child(7),.c_locality__header-cell:nth-child(8){display:none}.c_locality__details,.c_locality__details-grid{grid-template-columns:1fr}.c_locality__actions{flex-direction:column}}@media (max-width: 480px){.c_locality__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.c_locality__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.c_locality__pagination-buttons{flex-wrap:wrap;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:95%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-close-button .material-icons-round{font-size:24px}.modal-body{padding:16px 20px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.form-input,.form-select,textarea.form-input{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit}textarea.form-input{resize:vertical;min-height:80px}.form-input:focus,.form-select:focus,textarea.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.form-input::placeholder{color:#9ca3af}.form-input.error,.form-select.error{border-color:var(--danger-color)}.form-input:disabled,.form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 0;border-top:1px solid #e5e7eb;margin-top:16px}.modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.save-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:16px}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}}.form-checkbox-wrapper{display:flex;align-items:center;gap:12px}.form-checkbox{position:relative;appearance:none;width:50px;height:28px;background-color:#ccc;border-radius:14px;cursor:pointer;transition:background-color .3s ease;outline:none;flex-shrink:0}.form-checkbox:checked{background-color:var(--primary-color)}.form-checkbox:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0003}.form-checkbox:checked:before{transform:translate(22px)}.form-checkbox:focus{box-shadow:0 0 0 3px #34566133}.form-checkbox-label{font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.type_locality{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;overflow-y:auto}.type_locality__table-header{background-color:var(--bg-primary)}.type_locality__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.type_locality__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.type_locality__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.type_locality__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.type_locality__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.type_locality__add-button:active{transform:translateY(0)}.type_locality__add-button .material-icons-round{font-size:20px}.type_locality__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.type_locality__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.type_locality__displayed-count{font-size:12px}.type_locality__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.type_locality__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.type_locality__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.type_locality__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.type_locality__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.type_locality__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.type_locality__search-icon .material-icons-round{font-size:20px}.type_locality__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.type_locality__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.type_locality__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.type_locality__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.type_locality__search-input::placeholder{color:var(--text-secondary);font-weight:400}.type_locality__search-clear{position:absolute;right:10px;background:#0000000d;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.type_locality__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.type_locality__search-clear .material-icons-round{font-size:18px}.type_locality__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;table-layout:fixed}.type_locality__table-header-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.type_locality__header-cell{padding:16px 20px;font-weight:600;font-size:13px;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;box-sizing:border-box;margin:0;min-width:0}.type_locality__header-cell:last-child{border-right:none;justify-content:flex-end;min-width:280px;max-width:350px;width:280px}.type_locality__table-body{background-color:var(--card-bg)}.type_locality__table-row-container{border-bottom:1px solid var(--card-border);transition:all .2s ease;background-color:var(--card-bg)}.type_locality__table-row-container:last-child{border-bottom:none}.type_locality__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.type_locality__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.type_locality__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.type_locality__table-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.type_locality__table-row:hover{background-color:transparent}.type_locality__table-cell{padding:16px 20px;font-size:14px;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.type_locality__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.type_locality__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.type_locality__table-cell:last-child{border-right:none;justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:280px;max-width:350px;width:280px}.type_locality__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.type_locality__table-cell:nth-child(4){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal}.type_locality__table-cell:nth-child(4)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.type_locality__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.type_locality__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.type_locality__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.type_locality__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:flex-end}.type_locality__view-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133}.type_locality__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.type_locality__view-button:active{transform:translateY(0)}.type_locality__view-button .material-icons-round{font-size:16px}.type_locality__edit-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #f79e384d}.type_locality__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.type_locality__edit-button:active{transform:translateY(0)}.type_locality__edit-button .material-icons-round{font-size:16px}.type_locality__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;box-shadow:0 2px 4px #ef444433}.type_locality__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.type_locality__delete-button:active{transform:translateY(0)}.type_locality__delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.type_locality__delete-button .material-icons-round{font-size:18px}.type_locality__spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:type-locality-spin .8s linear infinite}@keyframes type-locality-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.type_locality__table-cell .type_locality__status,.type_locality__table-cell .type_locality__actions-buttons,.type_locality__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.type_locality__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.type_locality__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.type_locality__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.type_locality__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.type_locality__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.type_locality__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.type_locality__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.type_locality__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.type_locality__details-value.type_locality__status-active{color:#28a745}.type_locality__details-value.type_locality__status-offline{color:#dc3545}.type_locality__pagination-controls{background-color:var(--bg-primary);padding:10px}.type_locality__pagination-navigation{display:flex;justify-content:center}.type_locality__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.type_locality__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.type_locality__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.type_locality__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.type_locality__page-numbers{display:flex;gap:var(--spacing-xs)}.type_locality__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.type_locality__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.type_locality__page-btn.type_locality__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.type_locality__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.type_locality__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:type-locality-spin 1s linear infinite;margin-bottom:var(--spacing-md)}.type_locality__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.type_locality__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.type_locality__error-icon .material-icons-round{font-size:64px}.type_locality__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.type_locality__retry-button:hover{background-color:var(--secondary-color)}.type_locality__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.type_locality__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.type_locality__empty-icon .material-icons-round{font-size:64px}.type_locality__empty-state p{margin:var(--spacing-xs) 0}.type_locality__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.type_locality__table-header-row,.type_locality__table-row{grid-template-columns:2fr 1.5fr 1fr auto}.type_locality__header-cell:last-child,.type_locality__table-cell:last-child{min-width:280px;max-width:350px;width:280px}}@media (max-width: 768px){.type_locality{padding:var(--spacing-md)}.type_locality__table-header-row,.type_locality__table-row{grid-template-columns:2fr 1fr auto}.type_locality__header-cell:last-child,.type_locality__table-cell:last-child{min-width:250px;max-width:300px;width:250px}.type_locality__table-cell:nth-child(2){display:none}.type_locality__header-cell:nth-child(2){display:none}.type_locality__details,.type_locality__details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.type_locality__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.type_locality__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.type_locality__pagination-buttons{flex-wrap:wrap;justify-content:center}}.cameras-config{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;overflow-y:auto}.cameras-config__table-header{background-color:var(--bg-primary)}.cameras-config__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.cameras-config__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.cameras-config__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.cameras-config__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.cameras-config__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.cameras-config__add-button:active{transform:translateY(0)}.cameras-config__add-button .material-icons-round{font-size:20px}.cameras-config__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.cameras-config__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.cameras-config__displayed-count{font-size:12px}.cameras-config__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.cameras-config__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.cameras-config__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.cameras-config__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.cameras-config__filter-loading{font-size:12px;color:var(--text-secondary);font-style:italic}.cameras-config__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.cameras-config__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.cameras-config__search-icon .material-icons-round{font-size:20px}.cameras-config__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.cameras-config__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.cameras-config__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.cameras-config__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.cameras-config__search-input::placeholder{color:var(--text-secondary);font-weight:400}.cameras-config__search-clear{position:absolute;right:10px;background:var(--hover-bg);border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.cameras-config__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.cameras-config__search-clear .material-icons-round{font-size:18px}.cameras-config__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:auto;box-shadow:0 2px 8px #00000014;table-layout:fixed}.cameras-config__table-header-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1.5fr 1.5fr auto;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.cameras-config__header-cell{padding:8px 20px;font-weight:600;font-size:13px;line-height:1.2;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;box-sizing:border-box;margin:0;min-width:0}.cameras-config__header-cell:last-child{border-right:none}.cameras-config__header-cell--sortable{cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.cameras-config__header-cell--sortable:hover{background:#ffffff14}.cameras-config__sort-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff9;font-size:16px}.cameras-config__sort-icon--active{color:#fff}.cameras-config__sort-icon .material-icons-round{font-size:16px}.cameras-config__header-cell:nth-child(7){justify-content:flex-end;display:flex;align-items:center;min-width:140px;max-width:140px;width:140px}.cameras-config__table-body{background-color:var(--card-bg);overflow:auto}.cameras-config__table-row-container{transition:all .2s ease;background-color:var(--card-bg)}.cameras-config__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.cameras-config__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.cameras-config__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.cameras-config__table-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1.5fr 1.5fr auto;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.cameras-config__table-row:hover{background-color:transparent}.cameras-config__table-cell{padding:6px 20px;font-size:14px;line-height:1.2;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.cameras-config__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.cameras-config__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.cameras-config__table-cell:last-child{border-right:none;justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:140px;max-width:140px;width:140px}.cameras-config__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.cameras-config__table-cell:nth-child(7){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal}.cameras-config__table-cell:nth-child(7)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.cameras-config__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.cameras-config__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cameras-config__status-maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cameras-config__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cameras-config__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.cameras-config__status-unknown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.cameras-config__actions-buttons{display:flex;gap:4px;align-items:center;justify-content:flex-end;width:100%;margin-left:auto}.cameras-config__view-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;min-width:32px;height:32px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133}.cameras-config__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.cameras-config__view-button:active{transform:translateY(0)}.cameras-config__view-button .material-icons-round{font-size:16px}.cameras-config__edit-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;min-width:32px;height:32px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #f79e384d}.cameras-config__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.cameras-config__edit-button:active{transform:translateY(0)}.cameras-config__edit-button .material-icons-round{font-size:16px}.cameras-config__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;box-shadow:0 2px 4px #ef444433}.cameras-config__delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.cameras-config__delete-button:active{transform:translateY(0)}.cameras-config__delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cameras-config__delete-button .material-icons-round{font-size:16px}.cameras-config__spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:cameras-config-spin .8s linear infinite}.cameras-config__table-cell .cameras-config__status,.cameras-config__table-cell .cameras-config__actions-buttons,.cameras-config__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.cameras-config__expanded-content{background-color:var(--bg-secondary);border-top:1px solid var(--card-border);padding:var(--spacing-lg)}.cameras-config__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.cameras-config__details-section{background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--card-border)}.cameras-config__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);display:flex;align-items:center;gap:8px}.cameras-config__details-section h4 .material-icons-round{font-size:20px}.cameras-config__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.cameras-config__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cameras-config__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.cameras-config__details-label .material-icons-round{font-size:16px}.cameras-config__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.cameras-config__details-value--monospace{font-family:Courier New,monospace;font-size:13px}.cameras-config__details-value--status{padding:4px 8px;border-radius:4px;display:inline-block}.cameras-config__details-value.cameras-config__status-active{color:#28a745}.cameras-config__details-value.cameras-config__status-maintenance{color:#ffc107}.cameras-config__details-value.cameras-config__status-offline{color:#dc3545}.cameras-config__sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cameras-config__sensor-item{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:var(--spacing-md);transition:all .2s ease}.cameras-config__sensor-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.cameras-config__sensor-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.cameras-config__sensor-header .material-icons-round{font-size:20px}.cameras-config__sensor-category{font-size:14px}.cameras-config__sensor-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cameras-config__sensor-detail-row{display:flex;justify-content:space-between;font-size:12px}.cameras-config__sensor-label{color:var(--text-secondary);font-weight:500}.cameras-config__sensor-value{color:var(--text-primary);font-weight:600}.cameras-config__sensor-status{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.cameras-config__sensor-status.enabled{background-color:#d4edda;color:#155724}.cameras-config__sensor-status.disabled{background-color:#f8d7da;color:#721c24}.cameras-config__no-sensors{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);text-align:center}.cameras-config__no-sensors .material-icons-round{font-size:48px;opacity:.5}.cameras-config__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.cameras-config__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cameras-config__view-details{background-color:var(--primary-color);color:#fff}.cameras-config__view-details:hover{background-color:var(--secondary-color)}.cameras-config__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.cameras-config__edit:hover{background-color:var(--hover-bg)}.cameras-config__action-btn .material-icons-round{font-size:18px}.cameras-config__pagination-controls{background-color:var(--bg-primary);padding:10px}.cameras-config__pagination-navigation{display:flex;justify-content:center}.cameras-config__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.cameras-config__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.cameras-config__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.cameras-config__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cameras-config__page-numbers{display:flex;gap:var(--spacing-xs)}.cameras-config__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.cameras-config__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.cameras-config__page-btn.cameras-config__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cameras-config__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.cameras-config__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:cameras-config-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes cameras-config-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cameras-config__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.cameras-config__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.cameras-config__error-icon .material-icons-round{font-size:64px}.cameras-config__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.cameras-config__retry-button:hover{background-color:var(--secondary-color)}.cameras-config__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.cameras-config__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.cameras-config__empty-icon .material-icons-round{font-size:64px}.cameras-config__empty-state p{margin:var(--spacing-xs) 0}.cameras-config__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.cameras-config__table-header-row,.cameras-config__table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr auto}.cameras-config__table-cell:nth-child(3),.cameras-config__table-cell:nth-child(5){display:none}.cameras-config__header-cell:nth-child(3),.cameras-config__header-cell:nth-child(5){display:none}.cameras-config__header-cell:nth-child(7),.cameras-config__table-cell:last-child{min-width:140px;max-width:140px;width:140px}}@media (max-width: 768px){.cameras-config{padding:var(--spacing-md)}.cameras-config__table-header-row,.cameras-config__table-row{grid-template-columns:1.5fr 1fr auto}.cameras-config__header-cell:nth-child(7),.cameras-config__table-cell:last-child{min-width:140px;max-width:140px;width:140px}.cameras-config__table-cell:nth-child(2),.cameras-config__table-cell:nth-child(3),.cameras-config__table-cell:nth-child(4),.cameras-config__table-cell:nth-child(5),.cameras-config__table-cell:nth-child(6){display:none}.cameras-config__header-cell:nth-child(2),.cameras-config__header-cell:nth-child(3),.cameras-config__header-cell:nth-child(4),.cameras-config__header-cell:nth-child(5),.cameras-config__header-cell:nth-child(6){display:none}.cameras-config__details,.cameras-config__details-grid{grid-template-columns:1fr}.cameras-config__actions{flex-direction:column}}@media (max-width: 480px){.cameras-config__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.cameras-config__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.cameras-config__pagination-buttons{flex-wrap:wrap;justify-content:center}}.c_group-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:c_group-fadeIn .2s ease}@keyframes c_group-fadeIn{0%{opacity:0}to{opacity:1}}.c_group-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:c_group-slideUp .3s ease}@keyframes c_group-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.c_group-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.c_group-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.c_group-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.c_group-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.c_group-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.c_group-modal-close-button .material-icons-round{font-size:24px}.c_group-modal-body{padding:24px}.c_group-form-group{margin-bottom:20px}.c_group-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.c_group-form-input,.c_group-form-select,.c_group-form-textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit;resize:vertical}.c_group-form-textarea{min-height:100px}.c_group-form-input:focus,.c_group-form-select:focus,.c_group-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.c_group-form-input::placeholder{color:#9ca3af}.c_group-form-input.error,.c_group-form-select.error,.c_group-form-textarea.error{border-color:var(--danger-color)}.c_group-form-input:disabled,.c_group-form-select:disabled,.c_group-form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.c_group-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.c_group-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.c_group-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:24px}.c_group-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.c_group-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.c_group-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.c_group-cancel-button:disabled{opacity:.5;cursor:not-allowed}.c_group-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.c_group-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.c_group-save-button:disabled{opacity:.7;cursor:not-allowed}.c_group-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:c_group-spin .8s linear infinite}.c_group-sectors-container{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px;border:2px solid #e5e7eb;border-radius:6px;background:#f9fafb}.c_group-sector-item{padding:8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.c_group-sector-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #3456611a}.c_group-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.c_group-checkbox{position:absolute;opacity:0;width:0;height:0}.c_group-checkbox-custom{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s ease;flex-shrink:0}.c_group-checkbox-label:hover .c_group-checkbox-custom{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.c_group-checkbox:checked+.c_group-checkbox-custom{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:var(--primary-color);box-shadow:0 2px 8px #3456614d;transform:scale(1.05)}.c_group-checkbox:checked+.c_group-checkbox-custom:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.c_group-checkbox-text{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;flex:1}.c_group-checkbox-text .material-icons-round{font-size:20px;color:var(--primary-color);background:#3456611a;padding:6px;border-radius:6px;transition:all .2s ease}.c_group-sector-item:hover .c_group-checkbox-text .material-icons-round{background:var(--primary-color);color:#fff;transform:scale(1.1)}.c_group-checkbox:checked~.c_group-checkbox-text{color:var(--primary-color);font-weight:600}.c_group-checkbox:checked~.c_group-checkbox-text .material-icons-round{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3456614d}.c_group-checkbox:disabled+.c_group-checkbox-custom{opacity:.5;cursor:not-allowed}.c_group-loading-text,.c_group-help-text{font-size:14px;color:#6b7280;padding:12px;text-align:center;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}@media (max-width: 768px){.c_group-modal-content{width:95%;max-height:95vh}.c_group-modal-header,.c_group-modal-body{padding:16px}.c_group-form-row{grid-template-columns:1fr}.c_group-modal-footer{flex-direction:column-reverse}.c_group-modal-button{width:100%}.c_group-sectors-container{max-height:150px}}.c_group{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;overflow-y:auto}.c_group__table-header{background-color:var(--bg-primary)}.c_group__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.c_group__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.c_group__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.c_group__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.c_group__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.c_group__add-button:active{transform:translateY(0)}.c_group__add-button .material-icons-round{font-size:20px}.c_group__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.c_group__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.c_group__displayed-count{font-size:12px}.c_group__filtered-count{color:var(--primary-color);font-weight:600}.c_group__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.c_group__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.c_group__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.c_group__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.c_group__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.c_group__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.c_group__search-icon .material-icons-round{font-size:20px}.c_group__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.c_group__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.c_group__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.c_group__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.c_group__search-input::placeholder{color:var(--text-secondary);font-weight:400}.c_group__search-clear{position:absolute;right:10px;background:#0000000d;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.c_group__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.c_group__search-clear .material-icons-round,.c_group__clear-search .material-icons-round{font-size:18px}.c_group__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;table-layout:fixed}.c_group__table-header-row{display:grid;grid-template-columns:1.5fr 2fr 1fr auto;background:linear-gradient(135deg,#345661,#2a4550);box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.c_group__header-cell{padding:16px 20px;font-weight:600;font-size:13px;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:4px;box-sizing:border-box;margin:0;min-width:0}.c_group__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.c_group__header-cell--sortable:hover{background:#ffffff14}.c_group__sort-icon{display:inline-flex;align-items:center;color:#ffffffb3}.c_group__sort-icon .material-icons-round{font-size:16px}.c_group__sort-icon--active{color:#fff}.c_group__header-cell:last-child{border-right:none}.c_group__header-cell:nth-child(4){justify-content:flex-end;display:flex;align-items:center;min-width:280px;max-width:350px;width:280px}.c_group__table-body{background-color:var(--card-bg)}.c_group__table-row-container{transition:all .2s ease;background-color:var(--card-bg)}.c_group__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.c_group__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.c_group__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.c_group__table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr auto;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.c_group__table-row:hover{background-color:transparent}.c_group__table-cell{padding:16px 20px;font-size:14px;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.c_group__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.c_group__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.c_group__table-cell:last-child{border-right:none;justify-content:center;overflow:visible;text-overflow:clip;white-space:normal}.c_group__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.c_group__table-cell:nth-child(4){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:280px;max-width:350px;width:280px}.c_group__table-cell:nth-child(4)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.c_group__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.c_group__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.c_group__status-maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.c_group__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.c_group__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.c_group__status-unknown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.c_group__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:flex-end;width:100%;margin-left:auto}.c_group__view-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133}.c_group__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.c_group__view-button:active{transform:translateY(0)}.c_group__view-button .material-icons-round{font-size:16px}.c_group__edit-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #f79e384d}.c_group__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.c_group__edit-button:active{transform:translateY(0)}.c_group__edit-button .material-icons-round{font-size:16px}.c_group__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;box-shadow:0 2px 4px #ef444433}.c_group__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.c_group__delete-button:active{transform:translateY(0)}.c_group__delete-button .material-icons-round{font-size:18px}.c_group__table-cell .c_group__status,.c_group__table-cell .c_group__actions-buttons,.c_group__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.c_group__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.c_group__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.c_group__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.c_group__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.c_group__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.c_group__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.c_group__details-item-full{grid-column:1 / -1}.c_group__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.c_group__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.c_group__details-value.c_group__status-active{color:#28a745}.c_group__details-value.c_group__status-maintenance{color:#ffc107}.c_group__details-value.c_group__status-offline{color:#dc3545}.c_group__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.c_group__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.c_group__view-details{background-color:var(--primary-color);color:#fff}.c_group__view-details:hover{background-color:var(--secondary-color)}.c_group__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.c_group__edit:hover{background-color:var(--hover-bg)}.c_group__action-btn .material-icons-round{font-size:18px}.c_group__pagination-controls{background-color:var(--bg-primary);padding:var(--spacing-lg)}.c_group__pagination-navigation{display:flex;justify-content:center}.c_group__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.c_group__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.c_group__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.c_group__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.c_group__page-numbers{display:flex;gap:var(--spacing-xs)}.c_group__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.c_group__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.c_group__page-btn.c_group__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.c_group__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.c_group__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:c_group-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes c_group-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c_group__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.c_group__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.c_group__error-icon .material-icons-round{font-size:64px}.c_group__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.c_group__retry-button:hover{background-color:var(--secondary-color)}.c_group__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.c_group__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.c_group__empty-icon .material-icons-round{font-size:64px}.c_group__empty-state p{margin:var(--spacing-xs) 0}.c_group__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.c_group__table-header-row,.c_group__table-row{grid-template-columns:1.5fr 2fr 1fr auto}.c_group__header-cell:nth-child(4),.c_group__table-cell:nth-child(4){min-width:280px;max-width:350px;width:280px}}@media (max-width: 768px){.c_group{padding:var(--spacing-md)}.c_group__header-top{flex-direction:column;align-items:stretch}.c_group__filters{grid-template-columns:1fr}.c_group__add-button{width:100%;justify-content:center}.c_group__table-header-row,.c_group__table-row{grid-template-columns:1.5fr 1fr auto}.c_group__table-cell:nth-child(2),.c_group__header-cell:nth-child(2){display:none}.c_group__header-cell:nth-child(4),.c_group__table-cell:nth-child(4){min-width:250px;max-width:300px;width:250px}.c_group__details,.c_group__details-grid{grid-template-columns:1fr}.c_group__actions{flex-direction:column}}@media (max-width: 480px){.c_group__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.c_group__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.c_group__pagination-buttons{flex-wrap:wrap;justify-content:center}}.branch-office-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:branch-office-fadeIn .2s ease}@keyframes branch-office-fadeIn{0%{opacity:0}to{opacity:1}}.branch-office-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:branch-office-slideUp .3s ease;overflow:hidden}@keyframes branch-office-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.branch-office-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid #e5e7eb;background:#fff;z-index:10;flex-shrink:0}.branch-office-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.branch-office-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.branch-office-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.branch-office-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.branch-office-modal-close-button .material-icons-round{font-size:24px}.branch-office-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0;background:#fff}.branch-office-form-group:last-child{margin-bottom:0}.branch-office-form-group.warning{background-color:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:12px;margin-bottom:16px;position:relative}.branch-office-form-group.warning:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:8px 8px 0 0}.branch-office-form-group.warning .branch-office-form-label{color:#92400e;font-weight:600}.branch-office-form-group.warning .branch-office-form-input,.branch-office-form-group.warning .branch-office-form-select{border-color:#f59e0b;background-color:#fffbeb}.branch-office-form-group.warning .branch-office-form-input:focus,.branch-office-form-group.warning .branch-office-form-select:focus{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b33}.branch-office-warning-message{display:flex;align-items:center;gap:6px;color:#92400e;font-size:12px;margin-top:6px;font-weight:500}.branch-office-warning-message .material-icons-round{font-size:18px;color:#f59e0b}.branch-office-warning-message--global{margin-top:8px;margin-bottom:12px;padding:8px 10px;border-radius:6px;background-color:#fffbeb;border:1px solid #fbbf24}.branch-office-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.branch-office-form-input,.branch-office-form-select{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit}.branch-office-form-input:focus,.branch-office-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a;outline:none}.branch-office-form-input::placeholder{color:#9ca3af}.branch-office-form-input.error,.branch-office-form-select.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.branch-office-form-input:disabled,.branch-office-form-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.branch-office-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.branch-office-loading-text{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px;font-style:italic}.branch-office-help-text{display:block;color:#6b7280;font-size:12px;margin-top:6px;font-style:normal;line-height:1.4}.branch-office-date-selects{display:flex;gap:8px;align-items:center}.branch-office-date-selects .dashboard__filter-chip{margin:0}.branch-office-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.branch-office-form-row:last-child{margin-bottom:0}@media (max-width: 768px){.branch-office-form-row{grid-template-columns:1fr;gap:16px}}.branch-office-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;margin-top:auto}.branch-office-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.branch-office-cancel-button{background:#fff;color:#6b7280;border:2px solid #d1d5db}.branch-office-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.branch-office-cancel-button:disabled{opacity:.5;cursor:not-allowed}.branch-office-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.branch-office-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.branch-office-save-button:disabled{opacity:.7;cursor:not-allowed}.branch-office-access-create-row{display:flex;justify-content:flex-end;padding:12px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.branch-office-access-create-row+.branch-office-modal-footer{padding-top:12px}.branch-office-create-access-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.branch-office-create-access-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.branch-office-back-button{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.branch-office-back-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.branch-office-skip-button{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.branch-office-skip-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.branch-office-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:branch-office-spin .8s linear infinite}.branch-office-modal-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;padding:0 24px;background:#fff;flex-shrink:0;overflow-x:auto;scrollbar-width:thin}.branch-office-modal-tabs::-webkit-scrollbar{height:4px}.branch-office-modal-tabs::-webkit-scrollbar-track{background:#f1f1f1}.branch-office-modal-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.branch-office-modal-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.branch-office-tab{padding:14px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;bottom:-2px;white-space:nowrap;flex-shrink:0;margin-bottom:-2px}.branch-office-tab:hover:not(.active){color:var(--primary-color);background-color:#f9fafb}.branch-office-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:transparent;font-weight:600}.branch-office-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;animation:branch-office-fadeIn .2s ease;min-height:0;background:#fff}.branch-office-tab-content::-webkit-scrollbar{width:8px}.branch-office-tab-content::-webkit-scrollbar-track{background:#f1f1f1}.branch-office-tab-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.branch-office-tab-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-label .material-icons-round{font-size:18px;color:var(--primary-color)}.form-select,.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease;font-family:inherit;width:100%}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.form-select:disabled,.form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.branch-office-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#6b7280;pointer-events:none;z-index:1}.branch-office-search-icon .material-icons-round{font-size:20px}@media (max-width: 768px){.branch-office-modal-content{width:95%;max-height:95vh}.branch-office-modal-header{padding:16px 20px}.branch-office-modal-header h2{font-size:18px}.branch-office-modal-tabs{padding:0 16px}.branch-office-tab{padding:12px 14px;font-size:13px}.branch-office-tab-content{padding:20px}.branch-office-form-row{grid-template-columns:1fr;gap:16px}.branch-office-modal-footer{flex-direction:column-reverse;padding:16px 20px;gap:10px}.branch-office-modal-button{width:100%}}.work-schedule-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.work-schedule-header{margin-bottom:24px}.work-schedule-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.work-schedule-title .material-icons-round{color:var(--primary-color);font-size:24px}.work-schedule-title h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.work-schedule-description{margin:0;font-size:14px;color:#64748b;line-height:1.5}.work-schedules-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.work-schedule-item{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.work-schedule-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #34566126}.work-schedule-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.work-schedule-item-number{font-size:14px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.work-schedule-item-number:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary-color)}.work-schedule-item-remove{display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#ef4444;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;width:32px;height:32px}.work-schedule-item-remove:hover:not(:disabled){background:#ef4444;color:#fff;transform:scale(1.1)}.work-schedule-item-remove:disabled{opacity:.5;cursor:not-allowed;transform:none}.work-schedule-item-remove .material-icons-round{font-size:18px}.work-schedule-item-content{display:flex;flex-direction:column;gap:16px}.work-schedule-item-summary{display:flex;align-items:center;gap:10px;padding:12px;background:#f0fdf4;border-radius:6px;border:1px solid #86efac;margin-top:8px}.work-schedule-item-summary .material-icons-round{color:#16a34a;font-size:20px;flex-shrink:0}.work-schedule-item-summary span{font-size:14px;color:#166534;line-height:1.5}.work-schedule-item-summary strong{color:#16a34a;font-weight:600}.work-schedule-actions{margin-top:20px;display:flex;justify-content:center}.work-schedule-add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #34566133}.work-schedule-add-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.work-schedule-add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.work-schedule-add-button .material-icons-round{font-size:20px}.work-schedule-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#94a3b8;margin-top:20px}.work-schedule-empty-state .material-icons-round{font-size:48px;margin-bottom:12px;opacity:.5;color:#cbd5e1}.work-schedule-empty-state p{margin:0 0 8px;font-size:16px;font-weight:500;color:#64748b}.work-schedule-empty-hint{font-size:13px;color:#94a3b8}.time-select-container{display:flex;align-items:center;gap:8px;width:100%}.time-select-hour,.time-select-minute{flex:1;min-width:80px;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit;cursor:pointer}.time-select-hour:focus,.time-select-minute:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.time-select-hour:disabled,.time-select-minute:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.time-separator{font-size:18px;font-weight:600;color:#374151;flex-shrink:0;padding:0 4px}@media (max-width: 768px){.work-schedule-section{padding:16px}.work-schedule-item{padding:12px}.work-schedule-actions{justify-content:stretch}.work-schedule-add-button{width:100%;justify-content:center}.time-select-container{gap:6px}.time-select-hour,.time-select-minute{min-width:70px;font-size:13px;padding:8px 10px}.time-separator{font-size:16px}}.branch-office-form-row--top{grid-template-columns:1fr 2fr 1.2fr .9fr}.branch-office-form-row--three{grid-template-columns:1fr 1fr 1fr}.branch-office-form-row--four{grid-template-columns:1fr 1fr 1fr 1fr}.branch-office-form-group--wide{min-width:0}.branch-office-form-group--status{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-bottom:6px}.branch-office-form-group--status .branch-office-form-label{text-align:right}.branch-office-checkbox-wrapper{align-items:center;min-height:38px}.branch-office-checkbox{position:relative;appearance:none;width:50px;height:28px;background-color:#ccc;border-radius:14px;cursor:pointer;transition:background-color .3s ease;outline:none;flex-shrink:0}.branch-office-checkbox:checked{background-color:var(--primary-color)}.branch-office-checkbox:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.branch-office-checkbox:checked:before{transform:translate(22px)}.branch-office-access-section{margin-bottom:20px}.branch-office-access-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.branch-office-access-section--sensores .branch-office-access-section-title{margin-bottom:20px}.branch-office-sensores-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}@media (max-width: 900px){.branch-office-sensores-layout{grid-template-columns:1fr}}.branch-office-codigo-options-section,.branch-office-codigo-assignment-section{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e2e8f0}.branch-office-codigo-options-header,.branch-office-codigo-assignment-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.branch-office-codigo-options-header .material-icons-round,.branch-office-codigo-assignment-header .material-icons-round{color:var(--primary-color);font-size:22px}.branch-office-codigo-options-header h4,.branch-office-codigo-assignment-header h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.branch-office-codigo-options-description,.branch-office-codigo-assignment-description{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.4}.branch-office-codigo-options-input-wrapper{display:flex;gap:10px;margin-bottom:16px}.branch-office-codigo-input-container{position:relative;flex:1}.branch-office-codigo-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px;pointer-events:none;z-index:1}.branch-office-codigo-input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;outline:none}.branch-office-codigo-add-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.branch-office-codigo-tags-container{display:flex;flex-wrap:wrap;gap:8px}.branch-office-codigo-options-list-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.branch-office-codigo-options-list-header .material-icons-round{font-size:18px;color:#9ca3af}.branch-office-codigo-options-count{font-size:13px;font-weight:500;color:#374151}.branch-office-codigo-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:13px;font-weight:500;color:#1e293b;box-shadow:0 1px 2px #0f172a0f;transition:all .2s ease}.branch-office-codigo-tag:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #0f172a1f;transform:translateY(-1px)}.branch-office-codigo-tag-number{font-weight:600;color:var(--primary-color)}.branch-office-codigo-tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:999px;width:20px;height:20px;transition:background-color .15s ease,transform .15s ease,color .15s ease}.branch-office-codigo-tag-remove .material-icons-round{font-size:16px}.branch-office-codigo-tag-remove:hover:not(:disabled){background:#fee2e2;color:#b91c1c;transform:scale(1.05)}.branch-office-codigo-tag-remove:disabled{opacity:.5;cursor:not-allowed}.branch-office-codigo-loading-state,.branch-office-codigo-empty-state{display:flex;flex-direction:column;align-items:center;padding:24px;color:#64748b}.branch-office-codigo-empty-state .material-icons-round{font-size:36px;margin-bottom:8px;opacity:.5}.branch-office-codigo-assignment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.branch-office-codigo-assignment-item{display:flex;flex-direction:column;gap:6px}.branch-office-codigo-assignment-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.branch-office-codigo-assignment-select{padding:9px 10px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff}.branch-office-counting-lines-summary{margin-top:20px;padding:16px 20px;background:#f0f9ff;border-radius:10px;border:1px solid #bae6fd}.branch-office-counting-lines-summary h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#0c4a6e}.branch-office-counting-line-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px}.branch-office-counting-line-remove-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer}@media (max-width: 900px){.branch-office-codigo-assignment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.branch-office-access-content .branch-office-form-row--top,.branch-office-access-content .branch-office-form-row--three,.branch-office-access-content .branch-office-form-row--four,.branch-office-codigo-assignment-grid{grid-template-columns:1fr}}.branch-office-sector-section{background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.branch-office-sector-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.branch-office-sector-header .material-icons-round{color:var(--primary-color);font-size:22px}.branch-office-sector-header h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.branch-office-sector-description{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.4}.branch-office-sector-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.branch-office-sector-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.branch-office-sector-layout{grid-template-columns:1fr}}.codigo-options-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.codigo-options-header{margin-bottom:20px}.codigo-options-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.codigo-options-title .material-icons-round{color:var(--primary-color);font-size:24px}.codigo-options-title h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.codigo-options-description{margin:0;font-size:14px;color:#64748b;line-height:1.5}.codigo-options-input-wrapper{display:flex;gap:12px;margin-bottom:20px}.codigo-input-container{position:relative;flex:1;display:flex;align-items:center}.codigo-input-icon{position:absolute;left:12px;color:#94a3b8;font-size:20px;pointer-events:none;z-index:1}.codigo-input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;transition:all .2s ease;outline:none}.codigo-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.codigo-input::placeholder{color:#94a3b8}.codigo-error-message{position:absolute;bottom:-20px;left:0;display:flex;align-items:center;gap:4px;font-size:12px;color:#ef4444;margin-top:4px}.codigo-error-message .material-icons-round{font-size:16px}.codigo-add-button{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #34566133}.codigo-add-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.codigo-add-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.codigo-add-button .material-icons-round{font-size:18px}.codigo-options-list{margin-top:20px}.codigo-options-list-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.codigo-options-list-header .material-icons-round{color:#64748b;font-size:18px}.codigo-options-count{font-size:13px;font-weight:500;color:#64748b}.codigo-tags-container{display:flex;flex-wrap:wrap;gap:10px}.codigo-tag{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s ease;animation:codigo-slideIn .3s ease}@keyframes codigo-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.codigo-tag:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #34566126;transform:translateY(-1px)}.codigo-tag-number{font-weight:600;color:var(--primary-color)}.codigo-tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease;width:20px;height:20px}.codigo-tag-remove:hover:not(:disabled){background:#fee2e2;transform:scale(1.1)}.codigo-tag-remove:disabled{opacity:.5;cursor:not-allowed}.codigo-tag-remove .material-icons-round{font-size:16px}.codigo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#94a3b8}.codigo-empty-state .material-icons-round{font-size:48px;margin-bottom:12px;opacity:.5}.codigo-empty-state p{margin:0 0 8px;font-size:16px;font-weight:500;color:#64748b}.codigo-empty-hint{font-size:13px;color:#94a3b8}.codigo-assignment-section{margin-bottom:24px}.codigo-assignment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.codigo-assignment-header .material-icons-round{color:var(--primary-color);font-size:24px}.codigo-assignment-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.codigo-assignment-description{margin:0 0 20px;font-size:14px;color:#64748b;line-height:1.5}.codigo-assignment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.codigo-assignment-item{display:flex;flex-direction:column;gap:8px;position:relative}.codigo-assignment-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.codigo-assignment-label .material-icons-round{font-size:20px;color:var(--primary-color)}.codigo-assignment-select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;transition:all .2s ease;outline:none;cursor:pointer}.codigo-assignment-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.codigo-assignment-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.codigo-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b}.codigo-loading-state .material-icons-round{font-size:48px;margin-bottom:12px;animation:codigo-spin 1s linear infinite}@keyframes codigo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.codigo-loading-state p{margin:0;font-size:14px}.counting-lines-summary{margin-top:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.counting-lines-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.counting-lines-list{display:flex;flex-direction:column;gap:12px}.counting-line-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.counting-line-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.counting-line-info{display:flex;flex-direction:column;gap:4px;flex:1}.counting-line-name{font-size:14px;font-weight:600;color:#1e293b}.counting-line-details{font-size:12px;color:#64748b}.counting-line-remove-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.counting-line-remove-btn:hover{background:#dc2626;transform:scale(1.05)}.counting-line-remove-btn:disabled{opacity:.5;cursor:not-allowed}.counting-line-remove-btn .material-icons-round{font-size:18px}@media (max-width: 768px){.codigo-options-input-wrapper{flex-direction:column}.codigo-assignment-grid{grid-template-columns:1fr}.codigo-tags-container{gap:8px}}.branch-office{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:6px;overflow-y:auto}.branch-office__table-header{background-color:var(--bg-primary)}.branch-office__header-top{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:8px}.branch-office__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.branch-office__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.branch-office__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.branch-office__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.branch-office__add-button:active{transform:translateY(0)}.branch-office__add-button .material-icons-round{font-size:20px}.branch-office__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.branch-office__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.branch-office__displayed-count{font-size:12px}.branch-office__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.branch-office__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.branch-office__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.branch-office__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.branch-office__filter-loading{font-size:12px;color:var(--text-secondary);font-style:italic}.branch-office__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.branch-office__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.branch-office__search-icon .material-icons-round{font-size:20px}.branch-office__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.branch-office__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.branch-office__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.branch-office__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.branch-office__search-input::placeholder{color:var(--text-secondary);font-weight:400}.branch-office__search-clear{position:absolute;right:10px;background:var(--hover-bg);border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.branch-office__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.branch-office__search-clear .material-icons-round{font-size:18px}.branch-office__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:auto;box-shadow:0 2px 8px #00000014;table-layout:fixed}.branch-office__table-header-row{display:grid;grid-template-columns:.9fr 1.2fr .9fr 1.2fr .9fr 1.2fr 1.2fr 1fr 140px;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0;position:sticky;top:0;z-index:5}.branch-office__header-cell{padding:16px 20px;font-weight:600;font-size:13px;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;box-sizing:border-box;margin:0;min-width:0}.branch-office__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;gap:4px}.branch-office__header-cell--sortable:hover{background:#ffffff0f}.branch-office__sort-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:#ffffff80}.branch-office__sort-icon .material-icons-round{font-size:16px}.branch-office__sort-icon--active{color:#fff}.branch-office__header-cell:last-child{border-right:none}.branch-office__header-cell:nth-child(9){justify-content:flex-end;display:flex;align-items:center;min-width:120px;max-width:140px;width:120px}.branch-office__table-body{background-color:var(--card-bg);overflow:auto}.branch-office__table-row-container{transition:all .2s ease;background-color:var(--card-bg)}.branch-office__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.branch-office__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.branch-office__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.branch-office__table-row{display:grid;grid-template-columns:.9fr 1.2fr .9fr 1.2fr .9fr 1.2fr 1.2fr 1fr 140px;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.branch-office__table-row:hover{background-color:transparent}.branch-office__table-cell{padding:16px 20px;font-size:14px;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.branch-office__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.branch-office__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.branch-office__table-cell:last-child{border-right:none;justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal;min-width:120px;max-width:140px;width:140px}.branch-office__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.branch-office__table-cell:nth-child(9){justify-content:flex-end;overflow:visible;text-overflow:clip;white-space:normal}.branch-office__table-cell:nth-child(9)>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.branch-office__table-cell--vertical{align-items:flex-start}.branch-office__mac-list{display:flex;flex-direction:column;gap:4px;min-width:0}.branch-office__mac-list span{font-family:ui-monospace,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-office__table-cell .branch-office__status,.branch-office__table-cell .branch-office__actions-buttons,.branch-office__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.branch-office__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.branch-office__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.branch-office__status-maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.branch-office__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.branch-office__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.branch-office__status-unknown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.branch-office__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:flex-end;width:100%;margin-left:auto}.branch-office__view-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:32px;height:32px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #34566133}.branch-office__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.branch-office__view-button:active{transform:translateY(0)}.branch-office__view-button .material-icons-round{font-size:16px}.branch-office__edit-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:32px;height:32px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f79e384d}.branch-office__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.branch-office__edit-button:active{transform:translateY(0)}.branch-office__edit-button .material-icons-round{font-size:16px}.branch-office__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;box-shadow:0 2px 4px #ef444433}.branch-office__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.branch-office__delete-button:active{transform:translateY(0)}.branch-office__delete-button .material-icons-round{font-size:16px}.branch-office__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.branch-office__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-lg)}.branch-office__details-section{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}.branch-office__details-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.branch-office__details-section--wide{grid-column:1 / -1}.branch-office__details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-sm)}.branch-office__details-item{display:flex;flex-direction:column;gap:2px}.branch-office__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.branch-office__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.branch-office__details-value.branch-office__status-active,.branch-office__details-value.branch-office__status-maintenance,.branch-office__details-value.branch-office__status-offline{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;width:fit-content}.branch-office__details-value.branch-office__status-active{background:#10b9811f;color:#059669}.branch-office__details-value.branch-office__status-maintenance{background:#f59e0b1f;color:#b45309}.branch-office__details-value.branch-office__status-offline{background:#dc26261f;color:#b91c1c}.branch-office__device-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.branch-office__device-card{padding:12px 14px;background-color:var(--card-bg);border-radius:10px;border:1px solid var(--border-light);box-shadow:0 1px 4px #0f172a14}.branch-office__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.branch-office__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.branch-office__view-details{background-color:var(--primary-color);color:#fff}.branch-office__view-details:hover{background-color:var(--secondary-color)}.branch-office__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.branch-office__edit:hover{background-color:var(--hover-bg)}.branch-office__action-btn .material-icons-round{font-size:18px}.branch-office__pagination-controls{background-color:var(--bg-primary);padding:var(--spacing-lg)}.branch-office__pagination-navigation{display:flex;justify-content:center}.branch-office__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.branch-office__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.branch-office__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.branch-office__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.branch-office__page-numbers{display:flex;gap:var(--spacing-xs)}.branch-office__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.branch-office__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.branch-office__page-btn.branch-office__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.branch-office__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.branch-office__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:branch-office-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes branch-office-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.branch-office__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.branch-office__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.branch-office__error-icon .material-icons-round{font-size:64px}.branch-office__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.branch-office__retry-button:hover{background-color:var(--secondary-color)}.branch-office__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.branch-office__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.branch-office__empty-icon .material-icons-round{font-size:64px}.branch-office__empty-state p{margin:var(--spacing-xs) 0}.branch-office__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.branch-office__table-header-row,.branch-office__table-row{grid-template-columns:.9fr 1fr 1.2fr 1fr auto}.branch-office__table-cell:nth-child(4),.branch-office__table-cell:nth-child(5){display:none}.branch-office__header-cell:nth-child(4),.branch-office__header-cell:nth-child(5){display:none}}@media (max-width: 768px){.branch-office{padding:var(--spacing-md)}.branch-office__table-header-row,.branch-office__table-row{grid-template-columns:2fr 1fr auto}.branch-office__header-cell:nth-child(9),.branch-office__table-cell:last-child{min-width:120px;max-width:140px;width:120px}.branch-office__table-cell:nth-child(2),.branch-office__table-cell:nth-child(3),.branch-office__table-cell:nth-child(4),.branch-office__table-cell:nth-child(5),.branch-office__table-cell:nth-child(6),.branch-office__table-cell:nth-child(7),.branch-office__table-cell:nth-child(8){display:none}.branch-office__header-cell:nth-child(2),.branch-office__header-cell:nth-child(3),.branch-office__header-cell:nth-child(4),.branch-office__header-cell:nth-child(5),.branch-office__header-cell:nth-child(6),.branch-office__header-cell:nth-child(7),.branch-office__header-cell:nth-child(8){display:none}.branch-office__details,.branch-office__details-grid{grid-template-columns:1fr}.branch-office__actions{flex-direction:column}}@media (max-width: 480px){.branch-office__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.branch-office__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.branch-office__pagination-buttons{flex-wrap:wrap;justify-content:center}}.camera-details{padding:20px;background-color:var(--bg-primary);overflow:auto}.camera-details__back-button-small{position:fixed;top:80px;left:20px;z-index:100;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);box-shadow:var(--shadow-light)}.camera-details__back-button-small:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px)}.camera-details__back-button-small .material-icons-round{font-size:20px}.camera-details__content{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-lg)}.camera-details__sidebar{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-lg);box-shadow:var(--shadow-light);height:fit-content;position:sticky;top:20px}.camera-details__sidebar-image{width:100%;height:180px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.camera-details__sidebar-image .material-icons-round{font-size:80px;color:#fff;opacity:.7}.camera-details__sidebar-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.camera-details__info-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.camera-details__info-label{font-size:14px;color:var(--text-secondary);font-weight:500}.camera-details__info-value{font-size:14px;color:var(--text-primary);font-weight:600}.camera-details__status-active{font-size:14px;color:var(--success-color);font-weight:600;display:flex;align-items:center;gap:4px}.camera-details__status-offline{font-size:14px;color:var(--danger-color, #ef4444);font-weight:600;display:flex;align-items:center;gap:4px}.camera-details__main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.camera-details__info-card{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-lg);box-shadow:var(--shadow-light);transition:transform .2s ease,box-shadow .2s ease}.camera-details__info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.camera-details__card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.camera-details__card-header .material-icons-round{font-size:24px;color:var(--primary-color)}.camera-details__card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.camera-details__card-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.camera-details__card-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:6px;transition:background-color .2s ease}.camera-details__card-item:hover{background-color:var(--hover-bg)}.camera-details__card-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.camera-details__card-label .material-icons-round{font-size:16px;color:var(--primary-color);opacity:.8}.camera-details__card-item:hover .camera-details__card-label .material-icons-round{opacity:1;transform:scale(1.1)}.camera-details__card-value{font-size:14px;color:var(--text-primary);font-weight:500;word-break:break-word}.camera-details__card-value--monospace{font-family:Courier New,Courier,monospace;font-size:13px;background:var(--bg-primary);padding:4px 8px;border-radius:4px;border:1px solid var(--border-light);display:inline-block;max-width:100%}.camera-details__card-value--status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.camera-details__card-value--status.camera-details__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.camera-details__card-value--status.camera-details__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef44444d}.camera-details__card-value--code{font-family:Courier New,Courier,monospace;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));color:#fff;padding:6px 12px;border-radius:6px;display:inline-block;box-shadow:0 2px 4px #0000001a}.camera-details__card-value--not-configured{font-size:14px;font-weight:400;color:var(--text-secondary);font-style:italic}.camera-details__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);min-height:400px}.camera-details__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.camera-details__loading p{font-size:14px;color:var(--text-secondary)}.camera-details__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);min-height:400px}.camera-details__error-icon{font-size:48px;color:var(--danger-color, #ef4444);margin-bottom:var(--spacing-md)}.camera-details__error p{font-size:16px;color:var(--text-primary);margin-bottom:var(--spacing-md)}@media (max-width: 1200px){.camera-details__content{grid-template-columns:1fr}.camera-details__sidebar{position:relative;top:0}.camera-details__card-content{grid-template-columns:1fr}}@media (max-width: 768px){.camera-details{padding:var(--spacing-md)}.camera-details__header{flex-direction:column;gap:var(--spacing-md)}.camera-details__title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.camera-details__header-actions{width:100%;flex-wrap:wrap}.camera-details__card-content{grid-template-columns:1fr}}.camera-details__work-schedules{display:flex;flex-direction:column;gap:var(--spacing-md)}.camera-details__work-schedule-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-light);border-radius:8px;padding:var(--spacing-md);transition:all .2s ease}.camera-details__work-schedule-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #34566126;transform:translateY(-1px)}.camera-details__work-schedule-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.camera-details__work-schedule-number{font-size:14px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.camera-details__work-schedule-number:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary-color)}.camera-details__work-schedule-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.camera-details__work-schedule-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-primary)}.camera-details__work-schedule-row .material-icons-round{font-size:18px;color:var(--primary-color);flex-shrink:0}.camera-details__work-schedule-row strong{color:var(--primary-color);font-weight:600}.camera-details__work-schedule-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.camera-details__work-schedule-empty .material-icons-round{font-size:48px;margin-bottom:var(--spacing-sm);opacity:.5;color:var(--text-secondary)}.camera-details__work-schedule-empty p{margin:0;font-size:14px;color:var(--text-secondary);font-style:italic}.camera-details__sensor-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.camera-details__sensor-row:last-child{border-bottom:none}.camera-details__sensor-row:hover{background-color:var(--bg-secondary)}.camera-details__sensor-main{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.camera-details__sensor-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));color:#fff}.camera-details__sensor-icon .material-icons-round{font-size:18px}.camera-details__sensor-info{display:flex;flex-direction:column;gap:2px}.camera-details__sensor-label{font-size:13px;font-weight:600;color:var(--text-primary)}.camera-details__sensor-code{font-size:14px;font-weight:600;font-family:Courier New,monospace;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.camera-details__sensor-code--active{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#10b981}.camera-details__sensor-code--inactive{background:#6b72801a;color:#6b7280}.camera-details__sensor-meta{display:flex;align-items:center;gap:var(--spacing-md)}.camera-details__sensor-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.camera-details__sensor-status--enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.camera-details__sensor-status--disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.camera-details__sensor-direction{font-size:12px;color:var(--text-secondary);padding:4px 8px;background:var(--bg-secondary);border-radius:6px;text-transform:capitalize}.camera-details__no-sensors{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md)}.camera-details__no-sensors .material-icons-round{font-size:48px;color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.camera-details__no-sensors p{margin:0;font-size:14px}.camera-details__card-value--enabled{color:#10b981;font-weight:600}.camera-details__card-value--disabled{color:#6b7280;font-weight:600}.load-data{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height, 60px));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--spacing-md);overflow:hidden}.load-data__table-header{background-color:var(--bg-primary);flex-shrink:0}.load-data__header-top{display:flex;flex-direction:column;gap:var(--spacing-md)}.load-data__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.load-data__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.load-data__header-row h2{margin:0;flex-shrink:0}.load-data__selection-info{flex:1;min-width:0;padding:8px 12px;margin:0 var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.load-data__selection-values{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;row-gap:8px}.load-data__selection-item{display:flex;align-items:center;font-size:14px;color:var(--text-primary);padding-right:1rem;margin-right:1rem;border-right:1px solid var(--border-light)}.load-data__selection-item:last-child{padding-right:0;margin-right:0;border-right:none}@media (max-width: 600px){.load-data__selection-item{width:100%;padding-right:0;margin-right:0;margin-bottom:4px;padding-bottom:8px;border-right:none;border-bottom:1px solid var(--border-light)}.load-data__selection-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}}.load-data__selection-key{font-weight:500;color:var(--text-secondary);margin-right:6px}.load-data__selection-value{color:var(--text-primary)}.load-data__help-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.load-data__help-btn:hover{background:var(--primary-color);color:#fff}.load-data__help-btn .material-icons-round{font-size:24px}.load-data__filters-row{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap}.load-data__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.load-data__field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.load-data__csv-hint{font-size:13px;line-height:1.4;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;padding:0;max-width:100%}.load-data__date-chip{display:flex;align-items:center;gap:6px;background-color:var(--filter-bg, var(--bg-secondary));border:1px solid var(--filter-border, var(--border-light));border-radius:8px;padding:0 10px;height:40px;min-width:160px;transition:border-color .2s ease,box-shadow .2s ease}.load-data__date-chip:hover{border-color:var(--primary-color);box-shadow:var(--shadow-light)}.load-data__date-chip-icon{font-size:18px;color:var(--primary-color);flex-shrink:0}.load-data__date-chip-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;min-width:0;background:transparent;border:none;cursor:pointer;padding:4px 0;font-size:13px;font-weight:500;color:var(--text-primary);text-align:left}.load-data__date-chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-data__date-chip-arrow{font-size:20px!important;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.load-data__date-chip-arrow.open{transform:rotate(180deg)}.load-data__date-picker-close{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--hover-bg);color:var(--text-secondary);cursor:pointer;z-index:1}.load-data__date-picker-close:hover{background:var(--active-bg);color:var(--text-primary)}.load-data__date-picker-close .material-icons-round{font-size:20px}.load-data__date-picker-dropdown{box-sizing:border-box;padding:16px!important;min-width:300px}.load-data__date-picker-dropdown *{box-sizing:border-box}.load-data__date-picker-dropdown .load-data__date-picker-close{top:10px;right:10px}.load-data__date-picker-calendar-wrap{width:100%;overflow:hidden;border-radius:var(--radius-md);margin-top:4px}.load-data__date-picker-calendar-wrap .rdrCalendarWrapper,.load-data__date-picker-calendar-wrap .rdrMonth{width:100%!important;max-width:100%!important}.load-data__date-picker-calendar-wrap .rdrMonthAndYearWrapper{padding:8px 0 12px;justify-content:center}.load-data__date-picker-calendar-wrap .rdrWeekDay{padding:6px 0}.load-data__date-picker-calendar-wrap .rdrDay{padding:4px 0}.load-data__date-picker-business-hours{display:flex;align-items:center;gap:10px;padding:12px 36px 14px 0;margin:0 0 12px;border-bottom:1px solid var(--border-light);cursor:pointer;font-size:14px;font-weight:400;color:var(--text-primary)}.load-data__date-picker-business-hours input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.load-data__field--checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.load-data__field--checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.load-data__input,.load-data__select{padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);min-width:140px}.load-data__input:focus,.load-data__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #34566126}.load-data__select:disabled{opacity:.7;cursor:not-allowed}.load-data__actions{margin-top:4px}.load-data__save-button{flex-shrink:0;margin-left:auto;background:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #3456614d}.load-data__save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 12px #34566159}.load-data__save-button:active:not(:disabled){transform:translateY(0)}.load-data__save-button:disabled{opacity:.6;cursor:not-allowed}.load-data__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.load-data__upload-button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.load-data__upload-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-light)}.load-data__upload-button:disabled{opacity:.6;cursor:not-allowed}.load-data__upload-icon{font-size:20px!important}.load-data__table-wrapper{overflow:auto;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.load-data__table{width:100%;border-collapse:collapse;font-size:14px}.load-data__table thead{position:sticky;top:0;z-index:1;background:var(--primary-color);color:#fff}.load-data__table th{padding:12px 16px;text-align:left;font-weight:600}.load-data__table th:first-child{min-width:80px}.load-data__table td{padding:8px 16px;border-bottom:1px solid var(--border-light)}.load-data__table tbody tr:hover{background:var(--hover-bg)}.load-data__hour-cell{font-weight:500;color:var(--text-secondary)}.load-data__th-computed{font-style:italic}.load-data__traffic-in-cell{background:var(--bg-secondary);text-align:center;font-weight:600;color:var(--text-primary)}.load-data__traffic-in-value{display:inline-block;min-width:2ch}.load-data__table-input{width:100%;max-width:120px;padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.load-data__table-input:focus{outline:none;border-color:var(--primary-color)}.load-data__table-input[type=number]{text-align:right}.load-data__table-input[type=number]::-webkit-inner-spin-button,.load-data__table-input[type=number]::-webkit-outer-spin-button{opacity:1}.load-data__modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#00000080;overflow-y:auto}.load-data__modal-content{width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-light);overflow:hidden}.load-data__modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.load-data__modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.load-data__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.load-data__modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.load-data__modal-close .material-icons-round{font-size:24px}.load-data__modal-body{padding:16px 20px 20px;font-size:14px;color:var(--text-primary);line-height:1.5;overflow-y:auto}.load-data__modal-body p{margin:0 0 10px}.load-data__modal-body h4{margin:18px 0 8px;font-size:15px;font-weight:600;color:var(--text-primary)}.load-data__modal-body h4:first-child{margin-top:0}.load-data__modal-body ul{margin:8px 0 10px;padding-left:24px}.load-data__modal-body ul ul{margin:4px 0;list-style-type:circle}.load-data__overview-note{color:var(--text-secondary);font-style:italic}.load-data__code{padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:ui-monospace,monospace;font-size:13px}.load-data__overview-sample-line{font-family:ui-monospace,monospace;font-size:13px;color:var(--text-secondary)}.load-data__overview-contact{margin-top:12px;font-weight:500;color:var(--primary-color)}.load-data__overview-samples{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.load-data__overview-sample-block{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--border-light)}.load-data__overview-sample-caption{margin:0 0 8px!important;font-size:13px;font-weight:600;color:var(--text-secondary)}.load-data__pre{margin:0;padding:10px;overflow-x:auto;font-size:12px;line-height:1.4;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.load-data__pre code{font-family:ui-monospace,monospace;color:var(--text-primary);white-space:pre}.user-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:user-fadeIn .2s ease}@keyframes user-fadeIn{0%{opacity:0}to{opacity:1}}.user-modal-content{background:#fff;border-radius:12px;width:90%;max-width:1220px;max-height:94vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:user-slideUp .3s ease;overflow:hidden}.user-modal-content .user-selection-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.user-modal-content .user-selection-columns .user-tree-block,.user-modal-content .user-selection-columns .user-assigned-block--compact{margin-bottom:0;min-height:360px}.user-modal-content .user-selection-columns .user-checkbox-list--flat,.user-modal-content .user-selection-columns .user-tree-list{max-height:330px}@keyframes user-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid #e5e7eb;background:#fff;z-index:10;flex-shrink:0}.user-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.user-modal-header h2 .material-icons-round{font-size:24px;color:#6366f1}.user-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.user-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.user-modal-close-button .material-icons-round{font-size:24px}.user-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.user-modal-body{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.user-modal-body--scrollable{flex:1;overflow-y:auto;min-height:0}.user-modal-footer--fixed{position:sticky;bottom:0;flex-shrink:0;background:#fff;border-top:1px solid #e5e7eb}.user-section{margin-bottom:28px}.user-section:last-child{margin-bottom:0}.user-section-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.user-section-title .material-icons-round{font-size:20px;color:var(--primary-color)}.user-section-description{margin:-8px 0 12px;font-size:13px;color:#6b7280}.user-assigned-block{margin-bottom:24px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.user-assigned-block:last-of-type{margin-bottom:0}.user-assigned-block-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;color:#1e293b}.user-assigned-block-label .material-icons-round{font-size:20px;color:#6366f1}.user-assigned-summary{margin-bottom:10px;padding:8px 10px;border-radius:6px;min-height:40px}.user-assigned-summary--companies,.user-assigned-summary--branches{background:#f8fafc;border:1px solid #e2e8f0}.user-assigned-summary-title{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.user-assigned-empty{font-size:13px;color:#94a3b8;font-style:italic}.user-assigned-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:64px;overflow-y:auto;padding-right:2px}.user-assigned-chips::-webkit-scrollbar{width:6px}.user-assigned-chips::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.user-assigned-chips::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.user-chip{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.user-companies-list-with-branches{display:flex;flex-direction:column;gap:4px}.user-company-row{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#fff}.user-company-label{display:inline-flex;margin-right:8px}.user-dropdown-sucursales-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:#345661;background:#e8f4f8;border:1px solid #b8d4e0;border-radius:6px;cursor:pointer;margin-left:8px;transition:background .2s,color .2s}.user-dropdown-sucursales-btn:hover{background:#345661;color:#fff;border-color:#345661}.user-dropdown-sucursales-btn .material-icons-round{font-size:18px}.user-company-branches-dropdown{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px}.user-company-branches-title{font-size:12px;font-weight:600;color:#475569;display:block;margin-bottom:4px}.user-branches-checkbox-list{max-height:140px;overflow-y:auto;padding-left:8px;display:flex;flex-direction:column;gap:2px}.user-branches-checkbox-list .user-checkbox-label-compact{padding:4px 6px}.user-assigned-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.user-assigned-summary-row .user-assigned-summary{margin-bottom:0;min-height:44px;padding:8px 10px}.user-tree-block{margin-bottom:12px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.user-tree-step{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;display:flex;align-items:center;gap:4px}.user-tree-step--toggle{background:none;border:none;cursor:pointer;padding:4px 0;width:100%;text-align:left;color:#475569;font-weight:500;font-size:12px}.user-tree-step--toggle:hover{color:#334155}.user-tree-step--toggle .material-icons-round{font-size:18px;color:#94a3b8}.user-tree-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.user-tree-node{border-radius:8px;background:#fff;border:1px solid #e5e7eb;overflow:visible;box-shadow:0 1px 2px #0f172a0a}.user-tree-node--company{border-left:2px solid #e5e7eb}.user-tree-node--branch{margin-left:12px;border-left:2px solid #e5e7eb}.user-tree-node--selected{border-color:color-mix(in srgb,var(--primary-color) 45%,#e5e7eb);background:color-mix(in srgb,var(--primary-color) 6%,#ffffff)}.user-tree-node--access{margin-left:24px;padding:4px 8px;display:flex;align-items:center;gap:6px;background:#fafafa;border:1px solid #f1f5f9;border-left:2px solid #e5e7eb;border-radius:4px}.user-tree-node-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px}.user-tree-label{display:flex;align-items:center;gap:6px;flex:1;min-width:0;cursor:pointer;font-size:13px}.user-tree-label--checked{color:#0f172a;font-weight:600}.user-tree-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #94a3b8;border-radius:6px;background:#fff;margin:0;position:relative;flex-shrink:0;box-shadow:0 1px 2px #0f172a14;transition:all .15s ease}.user-tree-label input[type=checkbox]:hover{border-color:color-mix(in srgb,var(--primary-color) 70%,#cbd5e1)}.user-tree-label input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.user-tree-label input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg)}.user-tree-icon{font-size:18px;color:#94a3b8;flex-shrink:0}.user-tree-node--company .user-tree-icon,.user-tree-node--branch .user-tree-icon,.user-tree-node--access .user-tree-icon{color:#94a3b8}.user-tree-node--access .user-tree-icon{font-size:16px}.user-tree-access-name{font-size:12px;color:#64748b}.user-tree-expand-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;font-size:12px;color:#64748b;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.user-tree-expand-btn:hover{background:#f1f5f9;color:#475569}.user-tree-expand-btn .material-icons-round{font-size:20px}.user-tree-expand-btn--small .material-icons-round{font-size:18px}.user-tree-expand-btn--small{padding:2px}.user-tree-expand-btn--icon-only{min-width:28px;min-height:28px}.user-tree-expand-btn--icon-only.user-tree-expand-btn--small{min-width:24px;min-height:24px}.user-tree-children{padding:6px 12px 10px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px}.user-tree-children--level2{padding-left:8px;margin-top:2px}.user-tree-loading,.user-tree-empty{font-size:11px;color:#94a3b8;padding:6px 10px;font-style:italic}.user-assigned-block--compact{margin-bottom:0;padding:8px 12px}.user-assigned-block--compact .user-checkbox-list--flat{max-height:140px;margin-top:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px}.user-assigned-block--compact .user-checkbox-list--flat .user-checkbox-label-compact{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:6px 8px;transition:all .15s ease}.user-assigned-block--compact .user-checkbox-list--flat .user-checkbox-label-compact:hover{background:#f8fafc;border-color:#e2e8f0}.user-checkbox-label-compact--checked{background:color-mix(in srgb,var(--primary-color) 8%,#ffffff);border-color:color-mix(in srgb,var(--primary-color) 35%,#e2e8f0)!important}.user-search-input{width:100%;max-width:100%;box-sizing:border-box;padding:8px 12px 8px 36px;margin-bottom:8px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 10px center}.user-search-input::placeholder{color:#9ca3af}.user-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.user-companies-branches-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.user-multi-select-group .user-form-label{margin-bottom:8px;display:block}.user-checkbox-list{max-height:180px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#fafafa}.user-checkbox-list .user-checkbox-label-compact{padding:6px 8px;border-radius:6px}.user-loading-text{font-size:13px;color:#6b7280}.user-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:0;border-radius:0;overflow-x:auto;padding:0 24px;background:#fff;flex-shrink:0}.user-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-tab .material-icons-round{font-size:18px}.user-tab:hover:not(:disabled){color:var(--primary-color);background-color:#3456610d}.user-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#fff}.user-tab:disabled{opacity:.5;cursor:not-allowed}.user-tab-content{min-height:0}.user-tab-panel{animation:user-fadeIn .2s ease}.user-form-group{margin-bottom:20px}.user-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.user-form-input,.user-form-select{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none}.user-form-input:focus,.user-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.user-form-input::placeholder{color:#9ca3af}.user-form-input.error,.user-form-select.error{border-color:var(--danger-color)}.user-form-input:disabled,.user-form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.user-password-input-wrapper{position:relative;width:100%}.user-password-input-wrapper .user-form-input{padding-right:45px}.user-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;z-index:1}.user-password-toggle:hover{color:#6366f1}.user-password-toggle:disabled{cursor:not-allowed;opacity:.5}.user-password-toggle .material-icons-round{font-size:20px}.user-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.user-help-text{display:block;color:#6b7280;font-size:12px;margin-top:4px;font-style:italic}.user-loading-text{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px;font-style:italic}.user-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;margin-top:0;background:#fff;flex-shrink:0}.user-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.user-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.user-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.user-cancel-button:disabled{opacity:.5;cursor:not-allowed}.user-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.user-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.user-save-button:disabled{opacity:.7;cursor:not-allowed}.user-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:user-spin .8s linear infinite}@media (max-width: 768px){.user-modal-content{width:95%;max-height:95vh}.user-modal-header,.user-modal-body{padding:16px}.user-form-row{grid-template-columns:1fr}.user-modal-footer{flex-direction:column-reverse}.user-modal-button{width:100%}}.user-form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-form-section-title{font-size:16px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.user-form-section-title .material-icons-round{font-size:20px;color:var(--primary-color)}.user-add-permission-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-add-permission-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.user-add-permission-button:disabled{opacity:.7;cursor:not-allowed}.user-add-permission-button .material-icons-round{font-size:18px}.user-tags-container{display:flex;flex-direction:column;gap:12px}.user-tags-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;border:2px solid #e5e7eb;border-radius:6px;background:#f9fafb;transition:all .2s ease}.user-tags-list:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.user-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 2px 4px #34566133;animation:user-tagSlideIn .2s ease}@keyframes user-tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.user-tag .material-icons-round{font-size:16px}.user-tag-remove{display:flex;align-items:center;justify-content:center;background:#ffffff4d;border:none;border-radius:50%;width:18px;height:18px;padding:0;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:4px}.user-tag-remove:hover:not(:disabled){background:#ffffff80;transform:scale(1.1)}.user-tag-remove:disabled{opacity:.5;cursor:not-allowed}.user-tag-remove .material-icons-round{font-size:14px;color:#fff}.user-tags-empty{color:#6b7280;font-size:14px;font-style:italic;padding:8px}.user-modules-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.user-modules-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px}.user-modules-header-icon .material-icons-round{font-size:22px;color:var(--primary-color)}.user-modules-header-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.01em}.user-modules-header-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.user-modules-header-divider{height:1px;background:linear-gradient(90deg,#e5e7eb 0%,transparent 100%);margin-bottom:24px}.user-modules-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.user-modules-container{grid-template-columns:1fr}}.user-module-card{background:#fff;border-radius:12px;padding:24px 20px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;text-align:left}.user-module-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;width:100%}.user-module-card-info{flex:1}.user-module-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #3456611f;transform:translateY(-2px)}.user-module-card.active{border-color:var(--primary-color);background:linear-gradient(135deg,#fff,#f0f9ff)}.user-module-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;flex-shrink:0}.user-module-card-icon .material-icons-round{font-size:24px;color:var(--primary-color);transition:all .3s ease}.user-module-card:hover .user-module-card-icon .material-icons-round{transform:scale(1.1)}.user-module-card.active .user-module-card-icon .material-icons-round{color:var(--secondary-color)}.user-module-card-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 2px;letter-spacing:-.01em}.user-module-card-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.user-module-card-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;margin-bottom:16px;width:100%;justify-content:flex-start;padding:0}.user-module-card-checkbox input[type=checkbox]{display:none}.user-module-card-checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:#fff}.user-module-card-checkbox input[type=checkbox]:checked+.user-module-card-checkmark{background:var(--primary-color);border-color:var(--primary-color)}.user-module-card-checkbox input[type=checkbox]:checked+.user-module-card-checkmark:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.user-module-card-checkbox:hover .user-module-card-checkmark{border-color:var(--primary-color)}.user-module-card-permissions-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fff;color:#1f2937;border:2px solid #1f2937;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.user-module-card-permissions-btn:hover:not(:disabled){background:#1f2937;color:#fff}.user-module-card-permissions-btn:disabled{opacity:.5;cursor:not-allowed}.user-module-card-permissions-btn .material-icons-round{font-size:18px}.user-module-item{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;padding:14px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-module-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);transform:scaleX(0);transition:transform .3s ease}.user-module-item:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #34566126;transform:translateY(-2px)}.user-module-item:hover:before{transform:scaleX(1)}.user-module-item .user-checkbox-label{padding:0;margin-bottom:0}.user-module-item .user-checkbox-text{font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center;gap:10px}.user-module-item .user-checkbox-text .material-icons-round{font-size:20px;color:var(--primary-color);background:#3456611a;padding:6px;border-radius:6px;transition:all .3s ease}.user-module-item:hover .user-checkbox-text .material-icons-round{background:var(--primary-color);color:#fff;transform:scale(1.1)}.user-module-item .user-checkbox:checked~.user-checkbox-custom+.user-checkbox-text{color:var(--primary-color)}.user-module-item .user-checkbox:checked~.user-checkbox-custom+.user-checkbox-text .material-icons-round{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3456614d}.user-modules-selection h4{margin:0 0 16px;font-size:14px;font-weight:500;color:#6b7280}.user-modules-selection .user-module-item{cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px}.user-modules-selection .user-module-item:hover{background:#3456610d}.user-modules-selection .user-module-item .material-icons-round{font-size:24px;color:var(--primary-color)}.user-modules-selection .user-module-item span:last-child{font-size:14px;font-weight:600;color:#111827}.user-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.user-checkbox{position:absolute;opacity:0;width:0;height:0}.user-checkbox-custom{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s ease;flex-shrink:0}.user-checkbox-label:hover .user-checkbox-custom{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.user-checkbox:checked+.user-checkbox-custom{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:var(--primary-color);box-shadow:0 2px 8px #3456614d;transform:scale(1.05)}.user-checkbox:checked+.user-checkbox-custom:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.user-checkbox-text{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#374151}.user-checkbox-text .material-icons-round{font-size:18px;color:var(--primary-color)}.user-checkbox:checked~.user-checkbox-text{color:#111827}.user-checkbox:disabled+.user-checkbox-custom{opacity:.5;cursor:not-allowed}.user-permissions-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:user-fadeIn .2s ease}.user-permissions-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:user-slideUp .3s ease}.user-permissions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.user-permissions-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.user-permissions-modal-header h3 .material-icons-round{font-size:24px;color:var(--primary-color)}.user-permissions-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-permissions-modal-close-button:hover{background:#f3f4f6;color:#111827}.user-permissions-modal-close-button .material-icons-round{font-size:24px}.user-permissions-modal-body{padding:24px;flex:1;overflow-y:auto}.user-permissions-list{display:flex;flex-direction:column;gap:12px}.user-permission-row{padding:12px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.user-permission-row:hover{border-color:var(--primary-color);background:#34566105}.user-permission-row .user-checkbox-label{margin:0;width:100%}.user-permission-row .user-checkbox-text{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:10px}.user-permission-row .user-checkbox-text .material-icons-round{font-size:20px;color:#6b7280;background:#f3f4f6;padding:6px;border-radius:6px;transition:all .2s ease}.user-permission-row:hover .user-checkbox-text .material-icons-round{color:var(--primary-color);background:#3456611a}.user-permission-row .user-checkbox:checked~.user-checkbox-custom+.user-checkbox-text{color:var(--primary-color);font-weight:600}.user-permission-row .user-checkbox:checked~.user-checkbox-custom+.user-checkbox-text .material-icons-round{color:var(--primary-color);background:#34566126}.user-permissions-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.user-module-permissions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;width:100%}.user-checkbox-label-compact{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.user-checkbox-label-compact:hover{background-color:#f9fafb}.user-checkbox-label-compact input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.user-checkbox-label-compact input[type=checkbox]:hover{border-color:var(--primary-color)}.user-checkbox-label-compact input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.user-checkbox-label-compact input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.user{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;overflow-y:auto}.user__table-header{background-color:var(--bg-primary)}.user__header-top{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.user__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.user__filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.user__add-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:0 2px 6px #3456614d;margin-left:auto;height:42px;box-sizing:border-box}.user__add-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.user__add-button:active{transform:translateY(0)}.user__add-button .material-icons-round{font-size:20px}.user__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.user__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.user__displayed-count{font-size:12px}.user__filter-select{padding:10px 14px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;min-width:220px;cursor:pointer;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.user__filter-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.user__filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.user__filter-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.user__filter-loading{font-size:12px;color:var(--text-secondary);font-style:italic}.user__search-wrapper{position:relative;display:flex;align-items:center;min-width:280px}.user__search-icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;z-index:1}.user__search-icon .material-icons-round{font-size:20px}.user__search-input{padding:10px 40px 10px 44px;border:2px solid var(--card-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease;outline:none;width:100%;height:42px;box-sizing:border-box;box-shadow:0 1px 3px #00000014;font-weight:500}.user__search-input:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #34566126;transform:translateY(-1px)}.user__search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #34566126,0 2px 8px #34566133;transform:translateY(-1px)}.user__search-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.user__search-input::placeholder{color:var(--text-secondary);font-weight:400}.user__search-clear{position:absolute;right:10px;background:var(--hover-bg);border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:28px;height:28px}.user__search-clear:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.1);box-shadow:0 2px 4px #ef444433}.user__search-clear .material-icons-round{font-size:18px}.user__table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;table-layout:fixed}.user__table-header-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr 140px;background:linear-gradient(135deg,#345661,#2a4550);border-bottom:none;box-shadow:0 2px 4px #0000001a;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.user__header-cell{padding:8px 20px;font-weight:600;font-size:13px;line-height:1.2;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.15);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;box-sizing:border-box;margin:0;min-width:0}.user__header-cell:last-child{border-right:none;justify-content:center;display:flex;align-items:center;width:140px}.user__header-cell--sortable{cursor:pointer;gap:4px;-webkit-user-select:none;user-select:none}.user__header-cell--sortable:hover{background:#ffffff14}.user__sort-icon{display:inline-flex;align-items:center;color:#fff9}.user__sort-icon .material-icons-round{font-size:16px}.user__sort-icon--active{color:#fff}.user__table-body{background-color:var(--card-bg)}.user__table-row-container{border-bottom:1px solid var(--card-border);transition:all .2s ease;background-color:var(--card-bg)}.user__table-row-container:last-child{border-bottom:none}.user__table-row-container:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.user__table-row-container:nth-child(2n){background-color:var(--bg-primary)}.user__table-row-container:nth-child(2n):hover{background-color:var(--hover-bg)}.user__table-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr 140px;transition:all .2s ease;align-items:stretch;width:100%;min-width:0;grid-column-gap:0;grid-row-gap:0}.user__table-row:hover{background-color:transparent}.user__table-cell{padding:6px 20px;font-size:14px;line-height:1.2;color:var(--text-primary);border-right:1px solid var(--card-border);display:flex;align-items:center;min-width:0;overflow:hidden;font-weight:400;box-sizing:border-box;margin:0;width:100%}.user__table-cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;max-width:100%}.user__table-cell:not(:has(>*)){text-overflow:ellipsis;white-space:nowrap}.user__table-cell:last-child{border-right:none;justify-content:center;overflow:visible;text-overflow:clip;white-space:normal;width:140px}.user__table-cell:last-child>*{overflow:visible;text-overflow:clip;white-space:normal;flex:none}.user__table-cell--branch,.user__table-cell--company{min-width:100px;max-width:220px}.user__table-cell--branch,.user__table-cell--company{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.user__table-cell--branch .user__table-cell-text,.user__table-cell--company .user__table-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.user__table-cell-ver-btn{flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:500;color:#345661;background:#e8f4f8;border:1px solid #b8d4e0;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.user__table-cell-ver-btn:hover{background:#345661;color:#fff;border-color:#345661}.user__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.user__modal-box--companies-branches{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:440px;width:100%;max-height:85vh;display:flex;flex-direction:column}.user__modal-box-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.user__modal-box-title{margin:0;font-size:16px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.user__modal-box-title .material-icons-round{font-size:22px;color:#345661}.user__modal-box-close{padding:4px;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:6px}.user__modal-box-close:hover{background:#f3f4f6;color:#111827}.user__modal-box-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.user__modal-companies-section,.user__modal-branches-section{margin-bottom:20px}.user__modal-branches-section{margin-bottom:0}.user__modal-branches-list{display:flex;flex-direction:column;gap:12px}.user__modal-branch-item{border-radius:10px;border:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff 60%,#f3f4f6);padding:10px 12px;box-shadow:0 4px 10px #0f172a0f;transition:box-shadow .2s ease,transform .15s ease,border-color .2s ease,background .3s ease}.user__modal-branch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;width:100%;background:transparent;border:none;padding:0;cursor:pointer}.user__modal-branch-name{font-size:12px;font-weight:500;color:#4b5563;text-align:left;text-transform:uppercase;letter-spacing:.04em}.user__modal-branch-item:hover{border-color:#d1d5db;box-shadow:0 6px 14px #0f172a17;transform:translateY(-1px)}.user__modal-branch-chevron{font-size:18px;color:#6b7280;transition:transform .2s ease}.user__modal-branch-chevron.open{transform:rotate(180deg)}.user__modal-branch-accesses{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column;gap:6px}.user__modal-branch-access-item{padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:8px;row-gap:2px}.user__modal-branch-access-row{display:flex;align-items:center;gap:4px;font-size:12px}.user__modal-branch-access-label{font-weight:600;color:#4b5563}.user__modal-branch-access-value{color:#111827}.user__modal-branch-no-accesses{margin:4px 0 0;font-size:12px;color:#9ca3af;font-style:italic}.user__modal-section-title{margin:0 0 10px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:6px}.user__modal-section-title .material-icons-round{font-size:18px;color:#6366f1}.user__modal-list,.user__modal-empty{margin:0;font-size:14px;color:#4b5563}.user__modal-empty{color:#9ca3af;font-style:italic}.user__modal-list-ul{margin:0;padding-left:20px;font-size:14px;color:#4b5563;line-height:1.6}.user__modal-box-footer{padding:12px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}.user__modal-box-btn-close{padding:8px 20px;font-size:14px;font-weight:500;color:#fff;background:#345661;border:none;border-radius:8px;cursor:pointer}.user__modal-box-btn-close:hover{background:#2a4550}.user__status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.user__status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user__status-maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.user__status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.user__status-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.user__status-unknown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.user__actions-buttons{display:flex;gap:6px;align-items:center;justify-content:center}.user__view-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:32px;height:32px;background:linear-gradient(135deg,#345661,#2a4550);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #34566133}.user__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.user__view-button:active{transform:translateY(0)}.user__view-button .material-icons-round{font-size:16px}.user__edit-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:32px;height:32px;background:linear-gradient(135deg,#f79e38,#e68900);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f79e384d}.user__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.user__edit-button:active{transform:translateY(0)}.user__edit-button .material-icons-round{font-size:16px}.user__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;box-shadow:0 2px 4px #ef444433}.user__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.user__delete-button:active{transform:translateY(0)}.user__delete-button .material-icons-round{font-size:16px}.user__table-cell .user__status,.user__table-cell .user__actions-buttons,.user__table-cell button{overflow:visible;text-overflow:clip;white-space:normal;min-width:auto;flex:none}.user__expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user__expand-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.user__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.user__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.user__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.user__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.user__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.user__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.user__details-value.user__status-active{color:#28a745}.user__details-value.user__status-maintenance{color:#ffc107}.user__details-value.user__status-offline{color:#dc3545}.user__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.user__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user__view-details{background-color:var(--primary-color);color:#fff}.user__view-details:hover{background-color:var(--secondary-color)}.user__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.user__edit:hover{background-color:var(--hover-bg)}.user__action-btn .material-icons-round{font-size:18px}.user__pagination-controls{background-color:var(--bg-primary);padding:10px}.user__pagination-navigation{display:flex;justify-content:center}.user__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.user__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.user__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.user__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user__page-numbers{display:flex;gap:var(--spacing-xs)}.user__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.user__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.user__page-btn.user__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.user__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.user__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:user-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes user-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.user__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.user__error-icon .material-icons-round{font-size:64px}.user__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.user__retry-button:hover{background-color:var(--secondary-color)}.user__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.user__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.user__empty-icon .material-icons-round{font-size:64px}.user__empty-state p{margin:var(--spacing-xs) 0}.user__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.user__table-header-row,.user__table-row{grid-template-columns:1fr 1fr 1fr 1fr 140px}.user__table-cell--branch,.user__table-cell--company{min-width:80px}.user__header-cell:last-child,.user__table-cell:last-child{width:140px}}@media (max-width: 768px){.user{padding:var(--spacing-md)}.user__table-header-row,.user__table-row{grid-template-columns:2fr 1fr 250px}.user__header-cell:last-child,.user__table-cell:last-child{width:250px}.user__table-cell:nth-child(2),.user__table-cell:nth-child(3),.user__table-cell:nth-child(4){display:none}.user__header-cell:nth-child(2),.user__header-cell:nth-child(3),.user__header-cell:nth-child(4){display:none}.user__details,.user__details-grid{grid-template-columns:1fr}.user__actions{flex-direction:column}}@media (max-width: 480px){.user__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.user__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.user__pagination-buttons{flex-wrap:wrap;justify-content:center}}.user-group-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:user-group-fadeIn .2s ease}@keyframes user-group-fadeIn{0%{opacity:0}to{opacity:1}}.user-group-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:user-group-slideUp .3s ease}@keyframes user-group-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-group-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.user-group-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.user-group-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-group-modal-close-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.user-group-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.user-group-modal-close-button .material-icons-round{font-size:24px}.user-group-modal-body{padding:24px}.user-group-form-group{margin-bottom:20px}.user-group-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required{color:var(--danger-color)}.user-group-form-input,.user-group-form-select,.user-group-form-textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit;resize:vertical}.user-group-form-textarea{min-height:100px}.user-group-form-input:focus,.user-group-form-select:focus,.user-group-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.user-group-form-input::placeholder{color:#9ca3af}.user-group-form-input.error,.user-group-form-select.error,.user-group-form-textarea.error{border-color:var(--danger-color)}.user-group-form-input:disabled,.user-group-form-select:disabled,.user-group-form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.user-group-error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.user-group-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-group-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:24px}.user-group-modal-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.user-group-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.user-group-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.user-group-cancel-button:disabled{opacity:.5;cursor:not-allowed}.user-group-save-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3456614d}.user-group-save-button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.user-group-save-button:disabled{opacity:.7;cursor:not-allowed}.user-group-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:user-group-spin .8s linear infinite}@media (max-width: 768px){.user-group-modal-content{width:95%;max-height:95vh}.user-group-modal-header,.user-group-modal-body{padding:16px}.user-group-form-row{grid-template-columns:1fr}.user-group-modal-footer{flex-direction:column-reverse}.user-group-modal-button{width:100%}}.user-group-modal-tabs{display:flex;border-bottom:2px solid #e5e7eb;padding:0 24px;gap:0}.user-group-tab{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.user-group-tab:hover:not(:disabled){color:var(--primary-color);background:#3456610d}.user-group-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.user-group-tab:disabled{opacity:.5;cursor:not-allowed}.user-group-tab-content{padding:0}.user-group-search-wrapper{position:relative;display:flex;align-items:center}.user-group-search-icon{position:absolute;left:12px;color:#9ca3af;display:flex;align-items:center;z-index:1}.user-group-search-icon .material-icons-round{font-size:20px}.user-group-search-input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none}.user-group-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3456611a}.user-group-selected-users{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.user-group-selected-user-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.user-group-selected-user-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #3456611a}.user-group-selected-user-info{display:flex;flex-direction:column;gap:4px;flex:1}.user-group-selected-user-name{font-size:14px;font-weight:500;color:#111827}.user-group-selected-user-email{font-size:12px;color:#6b7280}.user-group-remove-user-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.user-group-remove-user-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.user-group-remove-user-btn:disabled{opacity:.5;cursor:not-allowed}.user-group-remove-user-btn .material-icons-round{font-size:18px}.user-group-available-users{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.user-group-available-user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.user-group-available-user-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #3456611a}.user-group-available-user-info{display:flex;flex-direction:column;gap:4px;flex:1}.user-group-available-user-name{font-size:14px;font-weight:500;color:#111827}.user-group-available-user-email{font-size:12px;color:#6b7280}.user-group-available-user-username{font-size:11px;color:#9ca3af;font-style:italic}.user-group-add-user-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-group-add-user-btn:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.user-group-add-user-btn:disabled{opacity:.5;cursor:not-allowed}.user-group-add-user-btn .material-icons-round{font-size:18px}.user-group-empty-users{padding:24px;text-align:center;color:#6b7280;font-size:14px}.user-group-loading-text{padding:12px;text-align:center;color:#6b7280;font-size:14px}.user-group{padding:var(--spacing-lg);background-color:var(--bg-secondary);min-height:calc(100vh - var(--header-height))}.user-group__table-header{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.user-group__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.user-group__header-top h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.user-group__add-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:auto;box-shadow:0 2px 4px #3456614d}.user-group__add-button:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #34566166}.user-group__add-button .material-icons-round{font-size:18px}.user-group__count-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.user-group__total-count{font-weight:500;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}.user-group__displayed-count{font-size:12px}.user-group__table{width:100%;border-collapse:collapse}.user-group__table-header-row{display:grid;grid-template-columns:80px 1.5fr 2fr 1fr 1fr auto 60px;background-color:var(--bg-primary);border-bottom:2px solid var(--border-light)}.user-group__action-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.user-group__header-cell{padding:var(--spacing-md);font-weight:600;font-size:14px;color:var(--text-primary);text-align:left;border-right:1px solid var(--border-light);display:flex;align-items:center;gap:4px}.user-group__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.user-group__header-cell--sortable:hover{background:var(--hover-bg, rgba(0, 0, 0, .04))}.user-group__sort-icon{display:inline-flex;align-items:center;color:var(--text-secondary, #666)}.user-group__sort-icon .material-icons-round{font-size:16px}.user-group__sort-icon--active{color:var(--primary-color)}.user-group__header-cell:last-child{border-right:none}.user-group__table-body{background-color:var(--bg-secondary)}.user-group__table-row-container{border-bottom:1px solid var(--border-light)}.user-group__table-row{display:grid;grid-template-columns:80px 1.5fr 2fr 1fr 1fr auto 60px;transition:background-color .2s ease}.user-group__table-row:hover{background-color:var(--hover-bg)}.user-group__table-cell{padding:var(--spacing-md);font-size:14px;color:var(--text-primary);border-right:1px solid var(--border-light);display:flex;align-items:center}.user-group__table-cell:last-child{border-right:none;justify-content:center}.user-group__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase}.user-group__status-active{background-color:#d4edda;color:#155724}.user-group__status-maintenance{background-color:#fff3cd;color:#856404}.user-group__status-offline{background-color:#f8d7da;color:#721c24}.user-group__status-unknown{background-color:#e2e3e5;color:#6c757d}.user-group__view-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-group__view-button:hover{background-color:var(--secondary-color)}.user-group__view-button .material-icons-round{font-size:16px}.user-group__expand-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-group__expand-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.user-group__expanded-content{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.user-group__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.user-group__details-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.user-group__details-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.user-group__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.user-group__details-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-group__details-item-full{grid-column:1 / -1}.user-group__details-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user-group__details-value{font-size:14px;color:var(--text-primary);font-weight:500}.user-group__details-value.user-group__status-active{color:#28a745}.user-group__details-value.user-group__status-maintenance{color:#ffc107}.user-group__details-value.user-group__status-offline{color:#dc3545}.user-group__actions{grid-column:1 / -1;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.user-group__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-group__view-details{background-color:var(--primary-color);color:#fff}.user-group__view-details:hover{background-color:var(--secondary-color)}.user-group__edit{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.user-group__edit:hover{background-color:var(--hover-bg)}.user-group__add-user{background-color:#28a745;color:#fff}.user-group__add-user:hover{background-color:#218838}.user-group__add-user-btn{background-color:#28a745;color:#fff}.user-group__add-user-btn:hover{background-color:#218838}.user-group__action-btn .material-icons-round{font-size:18px}.user-group__pagination-controls{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.user-group__pagination-navigation{display:flex;justify-content:center}.user-group__pagination-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.user-group__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.user-group__pagination-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.user-group__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user-group__page-numbers{display:flex;gap:var(--spacing-xs)}.user-group__page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.user-group__page-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.user-group__page-btn.user-group__active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.user-group__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1;width:100%}.user-group__spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:user-group-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes user-group-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-group__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.user-group__error-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--danger-color)}.user-group__error-icon .material-icons-round{font-size:64px}.user-group__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.user-group__retry-button:hover{background-color:var(--secondary-color)}.user-group__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.user-group__empty-icon{font-size:64px;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.user-group__empty-icon .material-icons-round{font-size:64px}.user-group__empty-state p{margin:var(--spacing-xs) 0}.user-group__empty-state p:first-of-type{font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.user-group__table-header-row,.user-group__table-row{grid-template-columns:80px 1.5fr 2fr 1fr auto 60px}}@media (max-width: 768px){.user-group{padding:var(--spacing-md)}.user-group__table-header-row,.user-group__table-row{grid-template-columns:60px 1.5fr 1fr auto 50px}.user-group__table-cell:nth-child(3),.user-group__header-cell:nth-child(3){display:none}.user-group__details,.user-group__details-grid{grid-template-columns:1fr}.user-group__actions{flex-direction:column}}.user-group__users-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.user-group__user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all .2s ease}.user-group__user-item:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.user-group__user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-group__user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-group__user-email{font-size:12px;color:var(--text-secondary)}.user-group__user-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase}.user-group__user-status.active{background-color:#d4edda;color:#155724}.user-group__user-status.inactive{background-color:#f8d7da;color:#721c24}.user-group__users-count{font-size:14px;color:var(--text-secondary);font-weight:500}@media (max-width: 480px){.user-group__header-top{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.user-group__count-info{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.user-group__pagination-buttons{flex-wrap:wrap;justify-content:center}}.configuration-alerts-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.configuration-alerts-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.configuration-alerts-total{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;color:#fff;background:var(--primary-color)}.configuration-alerts-card{background:transparent;border-radius:0;box-shadow:none;padding:0}.configuration-alerts-list-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;overflow:hidden}.configuration-alerts-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;padding:0}.configuration-alerts-toolbar__btn{border:1px solid var(--border-light, #d9dde3);background:var(--card-bg);color:#334155;border-radius:6px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 1px 2px #0f172a0a}.configuration-alerts-toolbar__btn:hover{background:var(--hover-bg, #f1f5f9)}.configuration-alerts-toolbar__btn--primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.configuration-alerts-toolbar__btn--primary:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.configuration-alerts-toolbar__btn .material-icons-round{font-size:18px}.configuration-alerts-table{width:100%;min-width:0}.configuration-alerts-table__header,.configuration-alerts-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2.4fr) 168px;align-items:stretch}.configuration-alerts-table__header{background:linear-gradient(135deg,#345661,#2a4550);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.configuration-alerts-table__header>div{padding:14px 16px;border-right:1px solid rgba(255,255,255,.15)}.configuration-alerts-table__header>div:last-child{border-right:none;text-align:center}.configuration-alerts-table__body{max-height:62vh;overflow:auto}.configuration-alerts-row{border-bottom:1px solid var(--card-border);transition:background .2s ease}.configuration-alerts-row:nth-child(2n){background:var(--bg-primary)}.configuration-alerts-row:hover{background:var(--hover-bg)}.configuration-alerts-cell{padding:14px 16px;border-right:1px solid var(--card-border);color:var(--text-primary);font-size:14px;min-width:0}.configuration-alerts-cell:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configuration-alerts-cell:last-child{border-right:none}.configuration-alerts-cell--emails{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configuration-alerts-cell--actions{display:flex;justify-content:center;align-items:center;padding:10px 8px}.configuration-alerts-table__empty{text-align:center;color:#64748b;padding:30px 8px}.configuration-alerts__actions-buttons{display:flex;gap:5px;align-items:center;justify-content:center;width:100%;max-width:152px}.configuration-alerts__alerts-button,.configuration-alerts__view-button,.configuration-alerts__edit-button,.configuration-alerts__delete-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:32px;height:32px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.configuration-alerts__alerts-button,.configuration-alerts__view-button{background:linear-gradient(135deg,#345661,#2a4550);box-shadow:0 2px 4px #34566133}.configuration-alerts__alerts-button:hover,.configuration-alerts__view-button:hover{background:linear-gradient(135deg,#2a4550,#1f3540);transform:translateY(-1px);box-shadow:0 4px 8px #3456614d}.configuration-alerts__edit-button{background:linear-gradient(135deg,#f79e38,#e68900);box-shadow:0 2px 4px #f79e384d}.configuration-alerts__edit-button:hover{background:linear-gradient(135deg,#e68900,#cc7a00);transform:translateY(-1px);box-shadow:0 4px 8px #f79e3866}.configuration-alerts__delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433}.configuration-alerts__delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.configuration-alerts__alerts-button:active,.configuration-alerts__view-button:active,.configuration-alerts__edit-button:active,.configuration-alerts__delete-button:active{transform:translateY(0)}.configuration-alerts__alerts-button .material-icons-round,.configuration-alerts__view-button .material-icons-round,.configuration-alerts__edit-button .material-icons-round,.configuration-alerts__delete-button .material-icons-round{font-size:16px}.crm-sa-config-alerts__modal-overlay{position:fixed;inset:0;z-index:1200;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:20px}.crm-sa-config-alerts__modal{width:min(720px,96vw);max-height:min(88vh,760px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 24px 48px #0f172a38;overflow:hidden;display:flex;flex-direction:column;outline:none}.crm-sa-config-alerts__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#345661,#2a4550)}.crm-sa-config-alerts__modal-header-text{min-width:0;flex:1}.crm-sa-config-alerts__modal-header h3{margin:0;font-size:17px;font-weight:600;line-height:1.35}.crm-sa-config-alerts__modal-subscriber-name{font-weight:700}.crm-sa-config-alerts__modal-subscriber-meta{margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.4;opacity:.92;word-break:break-word}.crm-sa-config-alerts__modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.crm-sa-config-alerts__modal-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff29;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .12s ease}.crm-sa-config-alerts__modal-add-btn:hover{background:#ffffff3d;transform:translateY(-1px)}.crm-sa-config-alerts__modal-add-btn .material-icons-round{font-size:18px}.crm-sa-config-alerts__modal-close{border:1px solid rgba(255,255,255,.3);background:#ffffff24;color:#fff;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .08s ease;flex-shrink:0}.crm-sa-config-alerts__modal-close:hover{background:#ffffff38;transform:translateY(-1px)}.crm-sa-config-alerts__modal-body{flex:1;min-height:0;padding:14px;background:var(--bg-primary);overflow:auto}.crm-sa-config-alerts__rule-list-wrap{min-height:280px}.crm-sa-config-alerts__rule-list{display:flex;flex-direction:column;gap:12px}.crm-sa-config-alerts__rule-list-empty{min-height:220px;display:flex;align-items:center;justify-content:center;padding:24px;color:#64748b;font-size:14px;text-align:center}.crm-sa-config-alerts__rule-card{border:1px solid var(--card-border, #e5e7eb);border-radius:12px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.crm-sa-config-alerts__rule-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.crm-sa-config-alerts__rule-card__title{display:flex;flex-direction:column;gap:4px;min-width:0}.crm-sa-config-alerts__rule-card__title strong{font-size:15px;color:#1e293b}.crm-sa-config-alerts__rule-card__title span{font-size:12px;color:#64748b}.crm-sa-config-alerts__rule-card__header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.crm-sa-config-alerts__rule-card__details{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:#475569}.crm-sa-config-alerts__rule-card__block{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:#f8fafc}.crm-sa-config-alerts__rule-card__block .material-icons-round{font-size:20px;color:var(--primary-color, #345661);margin-top:2px}.crm-sa-config-alerts__rule-card__block-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#64748b;margin-bottom:4px}.crm-sa-config-alerts__rule-card__count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--primary-color, #345661) 14%,#fff);color:var(--primary-color, #345661);font-size:10px;display:inline-flex;align-items:center;justify-content:center}.crm-sa-config-alerts__rule-card__block-value{font-size:13px;color:#334155;line-height:1.45;word-break:break-word}.crm-sa-config-alerts__rule-card__chips{display:flex;flex-wrap:wrap;gap:6px}.crm-sa-config-alerts__rule-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid var(--card-border, #e5e7eb);font-size:11px;font-weight:600;color:#334155}.crm-sa-config-alerts__rule-chip--more{background:#eef2f7;border-color:transparent;color:#475569}.crm-sa-config-alerts__location-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.crm-sa-config-alerts__location-step-num{width:28px;height:28px;border-radius:999px;background:var(--primary-color, #345661);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.crm-sa-config-alerts__location-step-title h4{margin:0;font-size:14px;font-weight:700;color:#1e293b}.crm-sa-config-alerts__location-step-title p{margin:4px 0 0;font-size:12px;color:#64748b}.crm-sa-config-alerts__modal-table-wrap{height:100%;min-height:280px;max-height:calc(88vh - 120px);overflow:auto;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg)}.crm-sa-config-alerts__modal-table{min-width:1120px}.crm-sa-config-alerts__modal-table-header,.crm-sa-config-alerts__modal-table-row{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(96px,.95fr) minmax(88px,.85fr) minmax(100px,1fr) minmax(72px,.75fr) minmax(64px,.6fr) minmax(72px,.7fr) minmax(88px,.85fr) minmax(72px,.7fr) 88px;align-items:stretch}.crm-sa-config-alerts__modal-table-header{position:sticky;top:0;z-index:2;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#345661,#2a4550)}.crm-sa-config-alerts__modal-table-header>div{padding:12px 10px;border-right:1px solid rgba(255,255,255,.14);display:flex;align-items:center}.crm-sa-config-alerts__modal-table-header>div:last-child{border-right:none;justify-content:center}.crm-sa-config-alerts__modal-table-body{min-height:120px}.crm-sa-config-alerts__modal-table-empty{min-height:220px;color:#64748b;font-size:14px;display:flex;align-items:center;justify-content:center;padding:24px}.crm-sa-config-alerts__modal-table-row{font-size:13px;color:#334155;border-bottom:1px solid var(--card-border);transition:background .15s ease}.crm-sa-config-alerts__modal-table-row:nth-child(2n){background:color-mix(in srgb,var(--primary-color) 3%,#fff)}.crm-sa-config-alerts__modal-table-row:hover{background:color-mix(in srgb,var(--primary-color) 7%,#fff)}.crm-sa-config-alerts__modal-table-row>div{padding:11px 10px;border-right:1px solid var(--card-border, #e5e7eb);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.crm-sa-config-alerts__modal-table-row>div:last-child{border-right:none;overflow:visible;white-space:normal}.crm-sa-config-alerts__status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}.crm-sa-config-alerts__status-badge--active{color:#166534;background:#dcfce7}.crm-sa-config-alerts__status-badge--inactive{color:#991b1b;background:#fee2e2}.crm-sa-config-alerts__status-badge--unknown{color:#475569;background:#f1f5f9}.crm-sa-config-alerts__modal-table-row-actions{display:flex;gap:5px;align-items:center;justify-content:center;width:100%}.crm-sa-config-alerts__create-modal-overlay{position:fixed;inset:0;z-index:1300;background:#00000085;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.crm-sa-config-alerts__create-modal{width:min(940px,96vw);max-height:min(92vh,920px);display:flex;flex-direction:column;background:var(--card-bg);border-radius:12px;border:none;box-shadow:0 20px 40px #00000038;overflow:hidden;outline:none}.crm-sa-config-alerts__create-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;color:#fff;background:var(--primary-color)}.crm-sa-config-alerts__create-modal-header-text{min-width:0}.crm-sa-config-alerts__create-modal-header h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}.crm-sa-config-alerts__create-modal-subscriber-name{font-weight:700;word-break:break-word}.crm-sa-config-alerts__create-modal-subscriber-meta{margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.35;opacity:.92;word-break:break-word}.crm-sa-config-alerts__create-modal-close{border:1px solid rgba(255,255,255,.3);background:#ffffff24;color:#fff;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.crm-sa-config-alerts__create-modal-body{padding:0 16px 6px;overflow:auto;flex:1;min-height:0}.crm-sa-config-alerts__form-tabs{display:flex;gap:4px;padding:12px 0 0;margin-bottom:14px;border-bottom:1px solid var(--card-border, #e5e7eb);position:sticky;top:0;z-index:2;background:var(--card-bg)}.crm-sa-config-alerts__form-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:none;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease,background .15s ease}.crm-sa-config-alerts__form-tab:hover{color:var(--primary-color, #345661);background:color-mix(in srgb,var(--primary-color, #345661) 6%,#fff)}.crm-sa-config-alerts__form-tab--active{color:var(--primary-color, #345661);border-bottom-color:var(--primary-color, #345661)}.crm-sa-config-alerts__form-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--primary-color, #345661) 14%,#fff);color:var(--primary-color, #345661);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.crm-sa-config-alerts__location-panel{display:flex;flex-direction:column;gap:16px}.crm-sa-config-alerts__location-section{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--card-border, #e5e7eb);border-radius:10px;background:#fafbfc}.crm-sa-config-alerts__location-section__header h4,.crm-sa-config-alerts__access-toolbar h4{margin:0;font-size:14px;font-weight:700;color:#1e293b}.crm-sa-config-alerts__location-section__header p,.crm-sa-config-alerts__access-toolbar p{margin:4px 0 0;font-size:12px;color:#64748b}.crm-sa-config-alerts__location-branch-controls{display:flex;flex-direction:column;gap:12px}.crm-sa-config-alerts__location-branch-controls .crm-sa-config-alerts__site-search input{min-height:40px;border-radius:8px;padding:0 12px;font-size:14px;background:#fff}.crm-sa-config-alerts__location-branch-controls .crm-sa-config-alerts__site-search-btn{min-height:40px;width:40px;border-radius:8px}.crm-sa-config-alerts__branch-select-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0}.crm-sa-config-alerts__form-grid label.crm-sa-config-alerts__branch-select-field{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:unset;gap:6px}.crm-sa-config-alerts__form-grid .crm-sa-config-alerts__branch-select{width:100%;min-height:40px;padding:0 40px 0 12px;border-radius:8px;background:#fff;font-size:14px}.crm-sa-config-alerts__branch-select-field>span{font-size:12px;font-weight:600;color:#475569}.crm-sa-config-alerts__branch-select-wrap{position:relative;width:100%}.crm-sa-config-alerts__branch-select{width:100%;min-height:40px;padding:0 40px 0 12px;border:1px solid var(--card-border, #e5e7eb);border-radius:8px;background:#fff;color:#1e293b;font-size:14px;line-height:1.4;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;text-overflow:ellipsis}.crm-sa-config-alerts__branch-select:disabled{opacity:.72;cursor:wait;background:#f8fafc}.crm-sa-config-alerts__branch-select-wrap .material-icons-round{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:22px}.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__branch-select:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__branch-select:focus-visible{outline:none;border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566138}.crm-sa-config-alerts__site-search--full{width:100%}.crm-sa-config-alerts__selected-site-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary-color, #345661) 24%,#fff);background:color-mix(in srgb,var(--primary-color, #345661) 8%,#fff);color:#334155}.crm-sa-config-alerts__selected-site-card .material-icons-round{color:var(--primary-color, #345661);font-size:20px}.crm-sa-config-alerts__selected-site-card strong{display:block;font-size:14px}.crm-sa-config-alerts__selected-site-card span{display:block;font-size:12px;color:#64748b}.crm-sa-config-alerts__access-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.crm-sa-config-alerts__access-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.crm-sa-config-alerts__access-count{font-size:12px;font-weight:600;color:#475569;padding:4px 8px;border-radius:999px;background:#eef2f7}.crm-sa-config-alerts__access-action-btn{min-height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--card-border, #e5e7eb);background:#fff;color:var(--primary-color, #345661);font-size:12px;font-weight:600;cursor:pointer}.crm-sa-config-alerts__access-action-btn:hover{background:color-mix(in srgb,var(--primary-color, #345661) 8%,#fff)}.crm-sa-config-alerts__access-search{width:100%;min-height:36px;border:1px solid var(--card-border, #e5e7eb);border-radius:8px;padding:0 12px;background:#fff}.crm-sa-config-alerts__access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:320px;overflow:auto;padding:2px}.crm-sa-config-alerts__access-card{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--card-border, #e5e7eb);border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.crm-sa-config-alerts__access-card:hover{border-color:color-mix(in srgb,var(--primary-color, #345661) 35%,#fff);box-shadow:0 2px 8px #0f172a0f}.crm-sa-config-alerts__access-card--selected{border-color:var(--primary-color, #345661);background:color-mix(in srgb,var(--primary-color, #345661) 8%,#fff)}.crm-sa-config-alerts__access-card__check .material-icons-round{font-size:20px;color:#94a3b8}.crm-sa-config-alerts__access-card--selected .crm-sa-config-alerts__access-card__check .material-icons-round{color:var(--primary-color, #345661)}.crm-sa-config-alerts__access-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-sa-config-alerts__access-card__text strong{font-size:13px;color:#1e293b;word-break:break-word}.crm-sa-config-alerts__access-card__text small{font-size:11px;color:#64748b;word-break:break-all}.crm-sa-config-alerts__access-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;padding:20px;border:1px dashed var(--card-border, #e5e7eb);border-radius:10px;background:#fff;color:#64748b;text-align:center}.crm-sa-config-alerts__access-empty .material-icons-round{font-size:28px;color:#94a3b8}.crm-sa-config-alerts__access-empty p{margin:0;font-size:13px}.crm-sa-config-alerts__form-grid{display:flex;flex-direction:column;gap:12px}.crm-sa-config-alerts__form-row--2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}.crm-sa-config-alerts__form-row--2>label{min-width:0}.crm-sa-config-alerts__form-grid label{display:grid;grid-template-columns:minmax(90px,118px) minmax(0,1fr);align-items:center;gap:8px 10px;color:var(--text-primary);font-size:14px}.crm-sa-config-alerts__form-grid input,.crm-sa-config-alerts__form-grid select{width:100%;min-height:34px;border:1px solid var(--card-border);border-radius:6px;padding:0 10px;background:var(--card-bg)}.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__form-grid input:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__form-grid input:focus-visible,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__form-grid select:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__form-grid select:focus-visible{outline:none;border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566138}.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__inline-fields input:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__inline-fields input:focus-visible,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__inline-fields select:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__inline-fields select:focus-visible{outline:none;border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566138}.crm-sa-config-alerts__form-grid select:disabled,.crm-sa-config-alerts__site-select-h:disabled{opacity:.72;cursor:wait}.crm-sa-config-alerts__site-block{align-items:start}.crm-sa-config-alerts__site-block__controls{min-width:0}.crm-sa-config-alerts__site-controls-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;min-width:0}.crm-sa-config-alerts__site-controls-row .crm-sa-config-alerts__site-search{flex:1 1 160px;min-width:0}.crm-sa-config-alerts__site-select-h{flex:1 1 200px;min-width:160px;min-height:34px;border:1px solid var(--card-border);border-radius:6px;padding:0 10px;background:var(--card-bg);color:var(--text-primary)}.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__site-select-h:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__site-select-h:focus-visible{outline:none;border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566138}.crm-sa-config-alerts__site-search{display:flex;gap:6px;align-items:stretch}.crm-sa-config-alerts__site-search input{flex:1;min-width:0;min-height:34px;border:1px solid var(--card-border);border-radius:6px;padding:0 10px;background:var(--card-bg)}.crm-sa-config-alerts__site-search-btn{flex-shrink:0;width:38px;min-height:34px;border:1px solid var(--border-light, #d9dde3);border-radius:6px;background:var(--card-bg);color:var(--primary-color, #345661);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.crm-sa-config-alerts__site-search-btn:hover{background:var(--hover-bg, #f1f5f9)}.crm-sa-config-alerts__site-search-btn .material-icons-round{font-size:20px}.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__site-search input:focus,.crm-sa-config-alerts__create-modal .crm-sa-config-alerts__site-search input:focus-visible{outline:none;border-color:var(--primary-color, #345661);box-shadow:0 0 0 2px #34566138}.crm-sa-config-alerts__inline-fields{display:grid;grid-template-columns:1fr minmax(128px,160px);gap:8px}.crm-sa-config-alerts__field-hint{margin:4px 0 0;font-size:12px;color:#64748b}.crm-sa-config-alerts__device-checklist{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow:auto;padding:8px 10px;border:1px solid var(--card-border, #e5e7eb);border-radius:8px;background:#fff}.crm-sa-config-alerts__device-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#334155;cursor:pointer}.crm-sa-config-alerts__device-check input{margin-top:2px}.crm-sa-config-alerts__schedule-block{display:flex;flex-direction:column;gap:8px;width:100%}.crm-sa-config-alerts__weekday-picker{display:flex;flex-wrap:wrap;gap:8px}.crm-sa-config-alerts__weekday-chip{min-width:52px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--card-border, #e5e7eb);background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.crm-sa-config-alerts__weekday-chip--active{border-color:var(--primary-color, #345661);background:color-mix(in srgb,var(--primary-color, #345661) 12%,#fff);color:var(--primary-color, #345661)}.crm-sa-config-alerts__schedule-block__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-sa-config-alerts__schedule-add-btn{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--card-border, #e5e7eb);background:#fff;color:var(--primary-color, #345661);cursor:pointer;font-size:12px}.crm-sa-config-alerts__schedule-add-btn .material-icons-round{font-size:16px}.crm-sa-config-alerts__schedule-empty{margin:0;padding:10px 12px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:13px}.crm-sa-config-alerts__schedule-list{display:flex;flex-direction:column;gap:8px}.crm-sa-config-alerts__schedule-row{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--card-border, #e5e7eb);border-radius:10px;background:#fff}.crm-sa-config-alerts__schedule-row__days{display:flex;flex-direction:column;gap:6px}.crm-sa-config-alerts__schedule-row__days-label{font-size:12px;font-weight:600;color:#475569}.crm-sa-config-alerts__schedule-row__times{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.crm-sa-config-alerts__schedule-row label{display:flex;flex-direction:column;gap:4px}.crm-sa-config-alerts__time-24{display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);gap:6px;align-items:center}.crm-sa-config-alerts__time-24 select{min-height:34px;width:100%}.crm-sa-config-alerts__time-24__sep{font-weight:700;color:#64748b;text-align:center}.crm-sa-config-alerts__schedule-remove-btn{width:34px;height:34px;border-radius:6px;border:1px solid #fecaca;background:#fff5f5;color:#b91c1c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.crm-sa-config-alerts__schedule-remove-btn .material-icons-round{font-size:18px}@media (max-width: 640px){.crm-sa-config-alerts__form-row--2{grid-template-columns:1fr}}.crm-sa-config-alerts__create-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 14px}.crm-sa-config-alerts__btn-primary,.crm-sa-config-alerts__btn-ghost{min-height:34px;border-radius:6px;padding:0 14px;border:1px solid transparent;cursor:pointer}.crm-sa-config-alerts__btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.crm-sa-config-alerts__btn-ghost{background:transparent;border-color:var(--card-border);color:var(--text-primary)}.crm-sa-config-alerts__create-subscriber-overlay{position:fixed;inset:0;z-index:1250;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.crm-sa-config-alerts__create-subscriber-modal{width:min(680px,96vw);background:var(--card-bg);border-radius:12px;border:none;box-shadow:0 20px 40px #0003;overflow:hidden;outline:none}.crm-sa-config-alerts__create-subscriber-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#fff;background:var(--primary-color)}.crm-sa-config-alerts__create-subscriber-header h3{margin:0;font-size:18px;font-weight:600}.crm-sa-config-alerts__create-subscriber-close{border:1px solid rgba(255,255,255,.3);background:#ffffff24;color:#fff;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.crm-sa-config-alerts__create-subscriber-body{padding:14px 16px 6px}.crm-sa-config-alerts__subscriber-form-grid{display:grid;grid-template-columns:1fr;gap:10px}.crm-sa-config-alerts__subscriber-form-grid label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;color:var(--text-primary);font-size:14px}.crm-sa-config-alerts__subscriber-form-grid input{width:100%;min-height:34px;border:1px solid var(--card-border);border-radius:6px;padding:0 10px;background:var(--card-bg)}.crm-sa-config-alerts__emails-field{display:flex;flex-direction:column;gap:6px}.crm-sa-config-alerts__emails-field textarea{width:100%;min-height:150px;border:1px solid var(--card-border);border-radius:6px;padding:8px 10px;resize:vertical;background:var(--card-bg);font-family:inherit;font-size:14px}.crm-sa-config-alerts__emails-field small{font-size:12px;color:var(--text-secondary, #64748b)}.crm-sa-config-alerts__create-subscriber-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 14px}.crm-sa-config-alerts__swal-top{z-index:3000!important}@media (max-width: 900px){.configuration-alerts-header{flex-direction:column;align-items:flex-start}.configuration-alerts-toolbar{align-items:stretch}.crm-sa-config-alerts__modal-header h3{font-size:18px}}.ar-email-setup{--ar-es-bg: var(--bg-secondary, #f4f7f9);--ar-es-surface: var(--bg-primary, #ffffff);--ar-es-border: var(--border-color, #e2e8ec);--ar-es-text: var(--text-primary, #1e2930);--ar-es-muted: var(--text-secondary, #5c6b73);--ar-es-accent: var(--primary-color, #345661);--ar-es-accent-soft: color-mix(in srgb, var(--ar-es-accent) 12%, transparent);position:fixed;inset:0;z-index:10100;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#0f171c73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}.ar-email-setup__dialog{width:100%;max-width:720px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--ar-es-surface);border:1px solid var(--ar-es-border);border-radius:16px;box-shadow:0 24px 64px #0f171c2e,0 0 0 1px #ffffff0f inset;overflow:hidden}.ar-email-setup__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--ar-es-accent) 9%,var(--ar-es-surface)) 0%,var(--ar-es-surface) 48%);border-bottom:1px solid var(--ar-es-border);flex-shrink:0;position:sticky;top:0;z-index:2}.ar-email-setup__title{margin:0;font-size:17px;font-weight:700;color:var(--ar-es-text);letter-spacing:-.02em;line-height:1.35;padding-right:8px}.ar-email-setup__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--ar-es-border);border-radius:10px;background:var(--ar-es-surface);color:var(--ar-es-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ar-email-setup__close:hover{background:var(--ar-es-bg);color:var(--ar-es-text);border-color:color-mix(in srgb,var(--ar-es-accent) 25%,var(--ar-es-border))}.ar-email-setup__close .material-icons-round{font-size:20px}.ar-email-setup__body{flex:1;overflow-y:auto;padding:0;overscroll-behavior:contain;background:var(--ar-es-bg)}.ar-email-setup__section{padding:18px 22px 20px;border-bottom:1px solid var(--ar-es-border);background:var(--ar-es-surface);margin-bottom:8px;border-radius:0}.ar-email-setup__section:last-of-type{margin-bottom:0}.ar-email-setup__section--last{border-bottom:none}.ar-email-setup__section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ar-es-border)}.ar-email-setup__section-icon{font-size:22px;color:var(--ar-es-accent);opacity:.92}.ar-email-setup__section-title{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ar-es-muted)}.ar-email-setup__row{display:grid;grid-template-columns:minmax(132px,168px) minmax(0,1fr);gap:10px 20px;align-items:center;margin-bottom:14px}.ar-email-setup__row:last-child{margin-bottom:0}.ar-email-setup__row--top{align-items:start}.ar-email-setup__row--checkbox .ar-email-setup__label{visibility:hidden}.ar-email-setup__row--inline{align-items:center}@media (max-width: 560px){.ar-email-setup__row{grid-template-columns:1fr}.ar-email-setup__row--checkbox .ar-email-setup__label{display:none}}.ar-email-setup__label{font-size:13px;font-weight:600;color:var(--ar-es-text)}.ar-email-setup__field{min-width:0}.ar-email-setup__field--inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ar-email-setup__field--stack{display:flex;flex-direction:column;gap:10px}.ar-email-setup__field--toggles{gap:14px}.ar-email-setup__field--freq{gap:12px}.ar-email-setup__joined{display:inline-flex;align-items:stretch;border-radius:10px;border:1px solid var(--ar-es-border);overflow:hidden;background:var(--ar-es-surface);box-shadow:0 1px 2px #0f171c0a}.ar-email-setup__input--joined{border:none;border-radius:0;width:56px;text-align:center;background:var(--ar-es-bg)}.ar-email-setup__select--joined{border:none;border-radius:0;border-left:1px solid var(--ar-es-border);max-width:140px}.ar-email-setup__switch-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.ar-email-setup__switch{flex-shrink:0;position:relative;width:44px;height:26px;padding:0;border:none;border-radius:999px;background:#cfd8dc;cursor:pointer;transition:background .2s ease}.ar-email-setup__switch--on{background:var(--ar-es-accent)}.ar-email-setup__switch:focus-visible{outline:2px solid var(--ar-es-accent);outline-offset:2px}.ar-email-setup__switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.ar-email-setup__switch--on .ar-email-setup__switch-thumb{transform:translate(18px)}.ar-email-setup__switch-label{font-size:13px;line-height:1.45;color:var(--ar-es-text);padding-top:2px}.ar-email-setup__switch-label--tap{cursor:pointer;-webkit-user-select:none;user-select:none}.ar-email-setup__week-pills{display:flex;flex-wrap:wrap;gap:8px}.ar-email-setup__week-pill{min-width:44px;padding:8px 12px;border-radius:999px;border:1px solid var(--ar-es-border);background:var(--ar-es-bg);color:var(--ar-es-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.ar-email-setup__week-pill:hover{border-color:color-mix(in srgb,var(--ar-es-accent) 35%,var(--ar-es-border));color:var(--ar-es-text)}.ar-email-setup__week-pill--on{background:var(--ar-es-accent-soft);border-color:color-mix(in srgb,var(--ar-es-accent) 45%,var(--ar-es-border));color:var(--ar-es-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ar-es-accent) 20%,transparent)}.ar-email-setup__week-pill:focus-visible{outline:2px solid var(--ar-es-accent);outline-offset:2px}.ar-email-setup__freq-card{border:1px solid var(--ar-es-border);border-radius:12px;padding:12px 14px;background:var(--ar-es-bg);transition:border-color .15s ease,box-shadow .15s ease}.ar-email-setup__freq-card--active{border-color:color-mix(in srgb,var(--ar-es-accent) 40%,var(--ar-es-border));background:color-mix(in srgb,var(--ar-es-accent) 4%,var(--ar-es-surface));box-shadow:0 0 0 1px var(--ar-es-accent-soft)}.ar-email-setup__freq-card--muted{opacity:.72}.ar-email-setup__freq-card-head{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;margin-bottom:10px}.ar-email-setup__freq-card-head input[type=radio]{accent-color:var(--ar-es-accent);width:17px;height:17px;flex-shrink:0}.ar-email-setup__freq-card-title{font-size:13px;color:var(--ar-es-text)}.ar-email-setup__freq-card-body{padding-left:27px}.ar-email-setup__freq-card-body--row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ar-email-setup__time-wrap{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--ar-es-border);background:var(--ar-es-surface)}.ar-email-setup__time-icon{font-size:20px;color:var(--ar-es-accent);opacity:.85}.ar-email-setup__timezone-preview{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:var(--ar-es-bg);border:1px solid var(--ar-es-border)}.ar-email-setup__timezone-preview-label{font-size:11px;font-weight:600;color:var(--ar-es-muted);text-transform:uppercase;letter-spacing:.04em}.ar-email-setup__timezone-preview-code{margin:0;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--ar-es-text);word-break:break-all}.ar-email-setup__section--readonly-scope{background:color-mix(in srgb,var(--ar-es-accent) 3%,var(--ar-es-surface))}.ar-email-setup__readonly-scope-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ar-email-setup__readonly-scope-icon{font-size:22px;color:var(--ar-es-accent)}.ar-email-setup__readonly-scope-title{font-size:14px;font-weight:700;color:var(--ar-es-text)}.ar-email-setup__readonly-box{min-width:0;flex:1;max-height:140px;overflow-y:auto;padding:10px 12px;border:1px solid var(--ar-es-border);border-radius:10px;background:var(--ar-es-surface)}.ar-email-setup__readonly-list{margin:0;padding-left:18px}.ar-email-setup__readonly-list-item{margin:4px 0;font-size:12px;color:var(--ar-es-text)}.ar-email-setup__readonly-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--ar-es-text)}.ar-email-setup__readonly-empty{margin:0;font-size:12px;color:var(--ar-es-muted);font-style:italic}.ar-email-setup__chips{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:10px;border:1px solid var(--ar-es-border);border-radius:10px;background:var(--ar-es-bg)}.ar-email-setup__email-input-row{margin-top:10px;display:flex;gap:10px;align-items:center}.ar-email-setup__add-email{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--ar-es-accent) 28%,var(--ar-es-border));background:var(--ar-es-accent-soft);color:var(--ar-es-accent);border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.ar-email-setup__add-email:hover:not(:disabled){background:color-mix(in srgb,var(--ar-es-accent) 18%,transparent)}.ar-email-setup__add-email:disabled{opacity:.5;cursor:not-allowed}.ar-email-setup__chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 6px 5px 12px;border-radius:999px;background:var(--ar-es-accent-soft);border:1px solid color-mix(in srgb,var(--ar-es-accent) 22%,var(--ar-es-border));font-size:12px}.ar-email-setup__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-email-setup__chip-remove{display:inline-flex;padding:0;border:none;background:none;cursor:pointer;color:var(--ar-es-muted);border-radius:50%}.ar-email-setup__chip-remove:hover{color:var(--ar-es-text)}.ar-email-setup__chip-remove .material-icons-round{font-size:16px}.ar-email-setup__input{width:100%;padding:10px 12px;border:1px solid var(--ar-es-border);border-radius:10px;font-size:13px;color:var(--ar-es-text);box-sizing:border-box;background:var(--ar-es-surface);transition:border-color .15s ease,box-shadow .15s ease}.ar-email-setup__input:hover{border-color:color-mix(in srgb,var(--ar-es-accent) 22%,var(--ar-es-border))}.ar-email-setup__input:focus{outline:none;border-color:var(--ar-es-accent);box-shadow:0 0 0 3px var(--ar-es-accent-soft)}.ar-email-setup__input--narrow{width:64px;flex:0 0 auto}.ar-email-setup__input--time{width:auto;max-width:130px;border:none;padding:4px 6px;box-shadow:none}.ar-email-setup__input--time:focus{box-shadow:none}.ar-email-setup__textarea{width:100%;padding:10px 12px;border:1px solid var(--ar-es-border);border-radius:10px;font-size:13px;resize:vertical;min-height:80px;box-sizing:border-box;font-family:inherit;background:var(--ar-es-surface);color:var(--ar-es-text);transition:border-color .15s ease,box-shadow .15s ease}.ar-email-setup__textarea:focus{outline:none;border-color:var(--ar-es-accent);box-shadow:0 0 0 3px var(--ar-es-accent-soft)}.ar-email-setup__textarea--readonly{background:var(--ar-es-bg);color:var(--ar-es-text)}.ar-email-setup__select{width:100%;max-width:none;padding:10px 36px 10px 12px;border:1px solid var(--ar-es-border);border-radius:10px;font-size:13px;background-color:var(--ar-es-surface);color:var(--ar-es-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c6b73' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s ease,box-shadow .15s ease}.ar-email-setup__select:hover{border-color:color-mix(in srgb,var(--ar-es-accent) 22%,var(--ar-es-border))}.ar-email-setup__select:focus{outline:none;border-color:var(--ar-es-accent);box-shadow:0 0 0 3px var(--ar-es-accent-soft)}.ar-email-setup__select--narrow{max-width:130px;width:auto}.ar-email-setup__select--wide{max-width:none}.ar-email-setup__link{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--ar-es-accent);cursor:pointer;text-decoration:none;font-family:inherit;border-bottom:1px solid transparent;transition:border-color .15s ease}.ar-email-setup__link:hover{border-bottom-color:currentColor}.ar-email-setup__link--btn{padding:8px 4px}.ar-email-setup__time-range{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:12px 14px 12px 27px;border-radius:10px;background:var(--ar-es-surface);border:1px dashed var(--ar-es-border)}.ar-email-setup__time-range--disabled{opacity:.55}.ar-email-setup__subfield{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--ar-es-muted)}.ar-email-setup__subfield .ar-email-setup__input{font-weight:500;color:var(--ar-es-text)}.ar-email-setup__footer{flex-shrink:0;padding:16px 22px;border-top:1px solid var(--ar-es-border);display:flex;justify-content:flex-end;background:var(--ar-es-surface);position:sticky;bottom:0;z-index:2}.ar-email-setup__save{padding:11px 28px;font-size:14px;font-weight:700;color:#fff;background:var(--ar-es-accent);border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--ar-es-accent) 35%,transparent);transition:filter .15s ease,transform .1s ease}.ar-email-setup__save:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.ar-email-setup__save:disabled{opacity:.65;cursor:not-allowed;transform:none}.ar{padding:var(--spacing-lg);background-color:var(--bg-primary);min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;gap:12px;overflow-y:auto}.ar__header{background-color:var(--bg-primary)}.ar__title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.ar__toolbar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.ar__search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:220px;max-width:420px}.ar__search-icon{position:absolute;left:10px;font-size:20px;color:var(--text-secondary);pointer-events:none}.ar__search-input{width:100%;padding:9px 36px 9px 38px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s}.ar__search-input:focus{border-color:var(--primary-color)}.ar__search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:0}.ar__search-clear .material-icons-round{font-size:18px}.ar__add-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin-left:auto;height:42px;box-shadow:0 2px 6px #3456614d;transition:all .2s ease;flex-shrink:0}.ar__add-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #34566166}.ar__add-btn .material-icons-round{font-size:20px}.ar__meta-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-secondary);flex-wrap:wrap;gap:8px}.ar__count{font-weight:500}.ar__page-size{display:flex;align-items:center;gap:8px}.ar__page-size select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;cursor:pointer}.ar__table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 2px 8px #0000000f}.cfgrep-table{--cfgrep-pad-x: 12px;--cfgrep-pad-y: 12px;--cfgrep-gap-actions: 6px;width:100%;min-width:940px;border-collapse:collapse;table-layout:fixed;box-sizing:border-box}.cfgrep-table__col--report-type{width:168px;min-width:140px}.cfgrep-table__col--format-type{width:122px;min-width:100px}.cfgrep-table__col--format{width:82px}.cfgrep-table__col--owner{width:118px}.cfgrep-table__col--schedule{width:96px}.cfgrep-table__col--time{width:112px;min-width:96px}.cfgrep-table__col--lastexec{width:168px}.cfgrep-table__col--action{width:112px}.cfgrep-table__th{padding:var(--cfgrep-pad-y) var(--cfgrep-pad-x);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;color:var(--text-secondary);text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--bg-tertiary, #f0f4f6);border-bottom:2px solid var(--border-color);box-sizing:border-box}.cfgrep-table__th--action{text-align:center}.cfgrep-table__td{padding:var(--cfgrep-pad-y) var(--cfgrep-pad-x);font-size:13px;color:var(--text-primary);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border-color);box-sizing:border-box}.cfgrep-table__tr--data:hover .cfgrep-table__td{background:var(--bg-hover, rgba(52, 86, 97, .04))}.cfgrep-table__td--format-type{white-space:nowrap}.cfgrep-table__td--state{text-align:center;vertical-align:middle;padding:0;border-bottom:none}.cfgrep-table__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 20px;color:var(--text-secondary);font-size:14px}.cfgrep-table__state-text{margin:0}.cfgrep-table__state-icon{font-size:48px;opacity:.3}.cfgrep-table__spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:cfgrep-table-spin .8s linear infinite}@keyframes cfgrep-table-spin{to{transform:rotate(360deg)}}.cfgrep-table__badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.cfgrep-table__badge--enabled{background:#22c55e1f;color:#16a34a}.cfgrep-table__badge--disabled{background:#ef44441a;color:#dc2626}.cfgrep-table__format{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.cfgrep-table__format-icon{font-size:15px;line-height:1}.cfgrep-table__format--pdf{color:#dc2626}.cfgrep-table__format--excel{color:#16a34a}.cfgrep-table__schedule-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500;background:var(--bg-tertiary, #f0f4f6);color:var(--text-secondary);border:1px solid var(--border-color)}.cfgrep-table__schedule-empty{font-size:13px;color:var(--text-secondary)}.cfgrep-table__td--time{white-space:normal}.cfgrep-table__time-main{font-size:13px;font-weight:600;color:var(--text-primary)}.cfgrep-table__schedule-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cfgrep-table__occurs-once{font-size:11px;font-weight:600;color:var(--text-secondary, #5c6b73)}.cfgrep-table__timezone{font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text-secondary, #5c6b73);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfgrep-table__td--action{text-align:center}.cfgrep-table__actions{display:inline-flex;align-items:center;justify-content:center;gap:var(--cfgrep-gap-actions)}.cfgrep-table__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.cfgrep-table__icon-btn-icon{font-size:20px;line-height:1;margin:0}.cfgrep-table__icon-btn--edit{color:var(--primary-color)}.cfgrep-table__icon-btn--edit:hover{background:var(--bg-hover, rgba(52, 86, 97, .08));color:var(--secondary-color)}.cfgrep-table__icon-btn--delete{color:var(--danger-color, #dc2626)}.cfgrep-table__icon-btn--delete:hover{background:#dc262614;color:#b91c1c}.ar__pagination{display:flex;align-items:center;justify-content:center;gap:4px}.ar__page-btn{min-width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ar__page-btn:hover:not(:disabled):not(.ar__page-btn--active){background:var(--bg-tertiary, #f0f4f6);border-color:var(--primary-color);color:var(--primary-color)}.ar__page-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ar__page-btn:disabled{opacity:.35;cursor:not-allowed}.ar__page-btn .material-icons-round{font-size:18px}.login-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0b223c,#153a5f);overflow:hidden}.login-background{position:absolute;inset:0;z-index:1}.login-background .background-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%);animation:none}@keyframes login-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative;z-index:2}.login-info-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:none;overflow:hidden;position:relative}.login-world-title{position:static;text-align:center;z-index:4;pointer-events:none;width:min(92%,640px)}.login-world-title h2{margin:0 0 8px;font-size:clamp(28px,4.2vw,54px);font-weight:700;letter-spacing:.3px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25),0 0 24px rgba(52,86,97,.35)}.login-world-title p{margin:0;font-size:clamp(14px,1.7vw,28px);font-weight:400;color:#ecf4ffeb;text-shadow:0 1px 10px rgba(0,0,0,.28)}.brain-bg-canvas{width:min(88%,560px);aspect-ratio:1.14 / 1;height:auto;min-height:0;max-height:460px;border-radius:var(--radius-lg);background:transparent}.info-content{max-width:500px;color:#fff}.info-header{margin-bottom:var(--spacing-xxl)}.info-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-logo-image{width:48px;height:48px;object-fit:contain}.info-logo h1{font-size:36px;font-weight:700;margin:0;color:#fff}.info-title{font-size:24px;font-weight:600;margin:0 0 var(--spacing-md) 0;color:#ffffffe6}.info-description{font-size:16px;line-height:1.6;margin:0;color:#fffc}.info-features{margin-bottom:var(--spacing-xxl)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-icon{font-size:24px;color:#fffc;margin-top:var(--spacing-xs)}.feature-content h3{font-size:18px;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:#fff}.feature-content p{font-size:14px;line-height:1.5;margin:0;color:#ffffffb3}.info-footer{text-align:center}.info-tagline{font-size:16px;font-style:italic;color:#fff9;margin:0}.login-form-section{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#08182b2e}.login-card{background:#0a1c31b8;border-radius:var(--radius-lg);padding:20px 20px 16px;box-shadow:0 18px 34px #00000040,0 0 0 1px color-mix(in srgb,var(--primary-color) 35%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--primary-color) 45%,transparent);width:100%;max-width:350px}.login-card-header{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:25px}.login-card-logo{width:45px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.login-card-brand{font-size:24px;font-weight:700;letter-spacing:.3px;color:#fff;text-transform:capitalize;text-shadow:0 2px 8px rgba(0,0,0,.22)}.login-header{text-align:center;margin-bottom:var(--spacing-xxl)}.login-header .form-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.login-header .form-subtitle{font-size:16px;color:var(--text-secondary);margin:0;font-weight:400}.login-form{margin-bottom:var(--spacing-md)}.login-form .form-group{margin-bottom:12px}.login-form .form-label{display:block;font-size:14px;font-weight:600;color:#e8f0ff;margin-bottom:var(--spacing-sm)}.login-form .input-container{position:relative;display:flex;align-items:center}.login-form .input-icon{position:absolute;left:var(--spacing-md);color:color-mix(in srgb,var(--primary-color) 55%,white);font-size:20px;z-index:2}.login-form .form-input{width:100%;padding:11px 12px 11px 44px;border:1px solid color-mix(in srgb,var(--primary-color) 35%,transparent);border-radius:var(--radius-md);font-size:15px;background:#0512228c;color:#fff;transition:all .3s ease;outline:none}.login-form .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 30%,transparent)}.login-form .form-input::placeholder{color:#9cb2cf}.login-form .form-input.error{border-color:#e74c3c}.login-form .form-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.login-form .form-input:disabled{opacity:.6;cursor:not-allowed}.login-form .form-error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:var(--radius-md);color:#e74c3c;font-size:14px}.login-form .form-error-message .material-icons-round{font-size:20px}.login-form .password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;color:color-mix(in srgb,var(--primary-color) 50%,white);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color .2s ease}.login-form .password-toggle:hover{color:#fff}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.login-form .checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#d5e4fa}.login-form .checkbox-input{display:none}.login-form .checkbox-checkmark{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--primary-color) 45%,white);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);position:relative;transition:all .2s ease}.login-form .checkbox-input:checked+.checkbox-checkmark{background:var(--primary-color);border-color:var(--primary-color)}.login-form .checkbox-input:checked+.checkbox-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.login-form .forgot-password{font-size:14px;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.login-form .forgot-password:hover{color:var(--secondary-color);text-decoration:underline}.login-form .login-button{width:100%;padding:11px var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 100%,white),color-mix(in srgb,var(--primary-color) 70%,black));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.login-form .login-button:hover:not(:disabled){background:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 45%,transparent)}.login-form .login-button:disabled{opacity:.7;cursor:not-allowed}.login-form .login-button.loading{background:var(--primary-color)}.login-form .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:login-spin 1s linear infinite}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center}.login-footer .signup-text{font-size:14px;color:var(--text-secondary);margin:0}.login-footer .signup-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.login-footer .signup-link:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width: 1024px){.login-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-info-section{padding:var(--spacing-xl);border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.info-content{max-width:600px;text-align:center}.info-logo{justify-content:center}.info-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.login-info-section,.login-form-section{padding:var(--spacing-lg)}.login-card{padding:var(--spacing-xl)}.login-world-title h2{font-size:clamp(24px,5.8vw,34px)}.login-world-title p{font-size:clamp(13px,3.6vw,18px)}.brain-bg-canvas{width:min(90%,500px);max-height:400px}.info-logo h1{font-size:28px}.info-title{font-size:20px}.login-header .form-title{font-size:24px}.info-features{grid-template-columns:1fr}}@media (max-width: 480px){.login-info-section,.login-form-section{padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.info-logo h1{font-size:24px}.info-title{font-size:18px}.login-header .form-title{font-size:20px}.login-form .form-options{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.brain-bg-canvas{width:min(92%,390px);max-height:320px}}@media (max-width: 360px){.login-card{padding:var(--spacing-md)}.info-logo span{font-size:36px}.info-logo h1{font-size:20px}.login-header .form-title{font-size:18px}}:root{--primary-color: #345661;--secondary-color: #013061;--tertiary-color: #013061;--quaternary-color: #013061;--bg-primary: #E5E7EB;--bg-secondary: #F3F4F6;--sidebar-bg: #345661;--text-primary: #1F2937;--text-secondary: #4B5563;--text-light: #9CA3AF;--accent-primary: #345661;--accent-secondary: #6C757D;--border-light: #D1D5DB;--border-medium: #9CA3AF;--hover-bg: #E5E7EB;--active-bg: #D1D5DB;--shadow-light: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--card-bg: #F3F4F6;--card-border: #D1D5DB;--header-bg: #F3F4F6;--filter-bg: #E5E7EB;--filter-border: #D1D5DB;--sidebar-bg: linear-gradient(to bottom, #020617, #013061);--sidebar-text: #FFFFFF;--sidebar-nav-active-bg: #111827;--sidebar-nav-active-border: #3b82f6;--sidebar-nav-active-shadow: inset 4px 0 10px -5px #3b82f6;--sidebar-nav-hover-bg: rgba(255, 255, 255, .05);--sidebar-icon-color: #3b82f6;--sidebar-label-color: #94a3b8;--sidebar-logo-bg: transparent;--sidebar-logo-shadow: none;--sidebar-logo-padding: 0;--success-color: #28A745;--danger-color: #DC3545;--warning-color: #FFC107;--info-color: #17A2B8;--chart-green-dark: #2E7D32;--chart-green-medium: #4CAF50;--chart-gray: #9E9E9E;--chart-blue-light: #E3F2FD;--chart-blue-medium: #2196F3;--chart-blue-dark: #1976D2;--chart-purple: #9C27B0;--rajah: #f7bd76;--tree-poppy: #f5951f;--bahama-blue: #075fa6;--periwinkle-gray: #b7cfe1;--red-violet: #bf218f;--atlantis: #a9ce41;--hippie-blue: #5292b5;--light-orchid: #e198cb;--hampton: #dfe6ae;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-collapsed-width: 90px;--sidebar-expanded-width: 280px;--header-height: 60px}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1E1E1E;--text-primary: #E0E0E0;--text-secondary: #AAAAAA;--text-light: #777777;--border-light: #333333;--border-medium: #444444;--hover-bg: #2C2C2C;--active-bg: #3D3D3D;--shadow-light: 0 4px 20px rgba(0, 0, 0, .4);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .6);--card-bg: #1E1E1E;--card-border: #333333;--header-bg: #1A1A1A;--filter-bg: #252525;--filter-border: #444444;--sidebar-bg: #1A1A1A;--sidebar-text: #E0E0E0;--sidebar-nav-active-bg: var(--active-bg);--sidebar-nav-active-border: transparent;--sidebar-nav-active-shadow: none;--sidebar-nav-hover-bg: var(--hover-bg);--sidebar-icon-color: var(--text-secondary);--sidebar-label-color: var(--text-primary);--sidebar-logo-bg: transparent;--sidebar-logo-shadow: none}[data-theme=sisconper]{--bg-primary: #F5F5F5;--bg-secondary: #FFFFFF;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--border-light: #E0E0E0;--border-medium: #CCCCCC;--hover-bg: #EEEEEE;--active-bg: #E0E0E0;--shadow-light: 0 4px 20px rgba(15, 23, 42, .04);--shadow-medium: 0 8px 30px rgba(15, 23, 42, .08);--card-bg: #FFFFFF;--card-border: rgba(226, 232, 240, .9);--header-bg: #FFFFFF;--filter-bg: #f8fafc;--filter-border: #e2e8f0;--sidebar-bg: #345661;--sidebar-text: #FFFFFF;--sidebar-nav-active-bg: #013061;--sidebar-nav-active-border: transparent;--sidebar-nav-active-shadow: none;--sidebar-nav-hover-bg: rgba(255, 255, 255, .1);--sidebar-icon-color: #FFFFFF;--sidebar-label-color: #FFFFFF;--sidebar-logo-bg: transparent;--sidebar-logo-shadow: none}[data-theme=dark] .rdrCalendarWrapper{background-color:#1e1e1e!important;color:#e0e0e0!important}[data-theme=dark] .rdrMonthAndYearWrapper{background-color:#1e1e1e!important}[data-theme=dark] .rdrMonthAndYearPickers select{color:#e0e0e0!important;background-color:#2c2c2c!important}[data-theme=dark] .rdrDayNumber span{color:#e0e0e0!important}[data-theme=dark] .rdrDayPassive .rdrDayNumber span{color:#555!important}[data-theme=dark] .rdrDayToday .rdrDayNumber span:after{background:var(--primary-color)!important}[data-theme=dark] .rdrSelected,[data-theme=dark] .rdrInRange,[data-theme=dark] .rdrStartEdge,[data-theme=dark] .rdrEndEdge{background:var(--primary-color)!important}[data-theme=dark] .rdrDayInPreview,[data-theme=dark] .rdrDayEndPreview,[data-theme=dark] .rdrDayStartPreview{border-color:var(--primary-color)!important}[data-theme=dark] .rdrStaticRange{background-color:#1e1e1e!important;border-bottom:1px solid #333!important}[data-theme=dark] .rdrStaticRangeLabel{color:#e0e0e0!important;background:transparent!important}[data-theme=dark] .rdrStaticRange:hover .rdrStaticRangeLabel{background:#2c2c2c!important}[data-theme=dark] .rdrStaticRangeSelected .rdrStaticRangeLabel{color:var(--primary-color)!important}[data-theme=dark] .rdrInputRanges{background-color:#1e1e1e!important}[data-theme=dark] .rdrInputRangeInput{background-color:#2c2c2c!important;border-color:#444!important;color:#e0e0e0!important}[data-theme=dark] .rdrInputRange{background-color:#1e1e1e!important}[data-theme=dark] .rdrInputRangePlaceholder{color:#888!important}[data-theme=dark] .rdrNextPrevButton{background-color:#2c2c2c!important}[data-theme=dark] .rdrNextPrevButton:hover{background-color:#3d3d3d!important}[data-theme=dark] .rdrPagingButton{background-color:#2c2c2c!important;color:#e0e0e0!important}[data-theme=dark] .rdrPagingButton:hover{background-color:#3d3d3d!important}[data-theme=dark] .rdrDateRangePickerWrapper,[data-theme=dark] .rdrCalendarWrapper,[data-theme=dark] .rdrMonthAndYearWrapper,[data-theme=dark] .rdrMonths,[data-theme=dark] .rdrMonth,[data-theme=dark] .rdrDays,[data-theme=dark] .rdrDefinedRangesWrapper,[data-theme=dark] .rdrStaticRanges,[data-theme=dark] .rdrInputRanges,[data-theme=dark] .rdrDateDisplayWrapper,[data-theme=dark] [data-date-picker-container],[data-theme=dark] [data-comparison-date-picker-container],[data-theme=dark] .dashboard__date-picker-portal{background-color:#1e1e1e!important}[data-theme=dark] .dashboard__filter-footer{background-color:#1e1e1e!important;border-top:1px solid #333!important;color:#e0e0e0!important}[data-theme=dark] .dashboard__filter-footer span{color:#e0e0e0!important}[data-theme=dark] .dashboard__filter-footer-note{color:#888!important}[data-theme=dark] .dashboard__filter-section--mobile{background-color:#1a1a1a!important}[data-theme=dark] .dashboard__filter-chip--branch .dashboard__select-dropdown{background-color:#1e1e1e!important;border-color:#333!important}[data-theme=dark] .rdrMonthPicker select,[data-theme=dark] .rdrYearPicker select{color:#e0e0e0!important;background-color:#2c2c2c!important}[data-theme=dark] .rdrDefinedRangesWrapper{background-color:#1e1e1e!important;border-right:1px solid #333!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app{display:flex;min-height:100vh;background-color:var(--bg-primary)}.main-content{display:grid;grid-template-rows:auto 1fr;margin-left:0;position:relative;height:100vh;width:100%;flex:1}.content-area{display:grid;height:100%;overflow:auto}@media (max-width: 768px){.main-content{width:100vw;max-width:100vw;overflow-x:hidden}.content-area{width:100%;max-width:100vw;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent!important;outline:none!important}}