@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif;background-color:#0a0a0a;color:#f8f9fa}.app-wrapper{display:flex;height:100vh;max-width:100%;overflow:hidden}.sidebar{width:260px;background-color:#121212;position:fixed;top:0;left:0;height:100vh;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:2px solid #e63946}.sidebar .sidebar-header .logo-wrapper{display:flex;align-items:center;overflow:hidden;white-space:nowrap;transition:opacity .2s ease,width .3s ease}.sidebar .sidebar-header .logo-wrapper .sidebar-logo-img{max-width:175px;object-fit:contain;display:block}.sidebar .sidebar-header .logo-wrapper h2{margin:0;color:#f8f9fa;font-size:20px;letter-spacing:1px}.sidebar .sidebar-header .logo-wrapper h2 span{color:#007bff}.sidebar .sidebar-header .sidebar-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0a0a0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.sidebar .sidebar-header .sidebar-toggle-btn:hover{background-color:#007bff33;color:#fff;border-color:#007bff}.sidebar .sidebar-header .sidebar-toggle-btn .toggle-icon{transition:transform .3s ease}.sidebar .sidebar-menu{padding:20px 0;overflow-y:auto;overflow-x:hidden}.sidebar .sidebar-menu ul{list-style:none;padding:0;margin:0}.sidebar .sidebar-menu ul li a{display:block;padding:15px 25px;color:#a0a0a0;text-decoration:none;font-size:15px;transition:all .3s ease;border-left:3px solid transparent}.sidebar .sidebar-menu ul li a:hover,.sidebar .sidebar-menu ul li a.active{background-color:#007bff1a;color:#f8f9fa;border-left:3px solid #007bff}.sidebar ul li a{display:flex;align-items:center;gap:10px}.sidebar ul li a svg{opacity:.8;transition:.2s;flex-shrink:0}.sidebar ul li a:hover svg,.sidebar ul li a.active svg{opacity:1}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;max-width:calc(100% - 260px);height:100vh;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.app-wrapper.sidebar-collapsed .sidebar{width:70px}.app-wrapper.sidebar-collapsed .sidebar .sidebar-header{padding:0;justify-content:center}.app-wrapper.sidebar-collapsed .sidebar .sidebar-header .logo-wrapper{opacity:0;width:0;display:none!important}.app-wrapper.sidebar-collapsed .sidebar .sidebar-header .sidebar-toggle-btn{margin:0 auto}.app-wrapper.sidebar-collapsed .sidebar .sidebar-header .sidebar-toggle-btn .toggle-icon{transform:rotate(180deg)}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu{padding:15px 0}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li{position:relative}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li a{display:flex!important;align-items:center!important;justify-content:center!important;padding:14px 0!important;margin:0!important;width:100%!important;border-left:3px solid transparent;gap:0!important}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li a .link-text,.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li a .chevron,.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li a span:not(.link-text){display:none!important}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li a svg{margin:0 auto!important;display:block!important}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu ul li .sidebar-submenu{display:none!important}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu li.sidebar-dropdown>a{position:relative}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu li.sidebar-dropdown>a:after{content:"";display:block;width:5px;height:5px;border-right:2px solid #8c90a6;border-top:2px solid #8c90a6;transform:translateY(-50%) rotate(45deg);position:absolute;right:8px;top:50%;opacity:.7;transition:all .2s ease}.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu li.sidebar-dropdown>a:hover:after,.app-wrapper.sidebar-collapsed .sidebar .sidebar-menu li.sidebar-dropdown>a.active:after{border-color:#007bff;opacity:1}.app-wrapper.sidebar-collapsed .main-wrapper{margin-left:70px;max-width:calc(100% - 70px)}.sidebar-flyout-menu{position:fixed;z-index:9999;left:76px;background-color:#171821;border:1px solid #2d3142;border-radius:8px;min-width:200px;box-shadow:0 10px 30px #000000b3;overflow:hidden;font-family:Outfit,sans-serif;animation:flyout-in .2s cubic-bezier(.16,1,.3,1)}.sidebar-flyout-menu.hidden{display:none!important}.sidebar-flyout-menu .flyout-header{padding:10px 16px;background-color:#1c1e29;border-bottom:1px solid #2d3142;font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-flyout-menu .flyout-list{list-style:none;padding:6px 0;margin:0}.sidebar-flyout-menu .flyout-list li a{display:block;padding:9px 16px;color:#cbd5e1;font-size:13px;text-decoration:none;transition:all .2s ease}.sidebar-flyout-menu .flyout-list li a:hover{background-color:#3b82f61f;color:#fff;padding-left:20px}.sidebar-flyout-menu .flyout-list li a.active{background-color:#3b82f626;font-weight:700;color:#3b82f6;padding-left:20px}@keyframes flyout-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.navbar{height:70px;background-color:#1a1a1a;position:sticky;top:0;z-index:990;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #2a2a2a;box-shadow:0 4px 15px #00000080}.navbar .page-title{font-size:18px;font-weight:700;color:#f8f9fa}.navbar .nav-right{display:flex;align-items:center;gap:20px}.navbar .nav-right .user-info{display:flex;flex-direction:column;text-align:right}.navbar .nav-right .user-info .user-name{font-size:14px;font-weight:700}.navbar .nav-right .user-info .user-role{font-size:12px;color:#007bff}.navbar .nav-right .btn-logout{background-color:transparent;border:1px solid #e63946;color:#e63946;padding:8px 16px;border-radius:4px;cursor:pointer;transition:.3s}.navbar .nav-right .btn-logout:hover{background-color:#e63946;color:#fff}.content{padding:30px;flex:1;max-width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.toast-notification{position:fixed;top:20px;right:20px;background-color:#1a1a1a;color:#f8f9fa;padding:15px 25px;border-radius:6px;box-shadow:0 5px 20px #0009;border-left:5px solid #007bff;border-bottom:2px solid #e63946;z-index:9999;font-size:15px;font-weight:700;animation:slideInRight .5s ease-out forwards,fadeOutUp .5s ease-in 4s forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0;visibility:hidden}}.help-icon{display:inline-flex;color:#007bff;cursor:pointer;transition:.3s}.help-icon:hover{color:#e63946;transform:scale(1.1)}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.custom-modal.hidden{display:flex;opacity:0;visibility:hidden;pointer-events:none}.custom-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.custom-modal .modal-content{position:relative;background-color:#1a1a1a;width:90%;max-width:600px;border-radius:8px;border:1px solid #333;box-shadow:0 10px 25px #00000080;z-index:10000;overflow:hidden;transform:translateY(0) scale(1);transition:transform .3s ease}.custom-modal.hidden .modal-content{transform:translateY(-20px) scale(.95)}.custom-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#0d0d0d;border-bottom:1px solid #333}.custom-modal .modal-header h3{margin:0;font-size:16px;color:#f8f9fa}.custom-modal .modal-header .btn-close{background:none;border:none;color:#a0a0a0;font-size:24px;line-height:1;cursor:pointer;transition:.2s}.custom-modal .modal-header .btn-close:hover{color:#e63946}.custom-modal .modal-body{padding:20px}.custom-modal .modal-body .code-block{background-color:#1e1e1e;padding:15px;border-radius:6px;border:1px solid #333;max-height:60vh;overflow-y:auto}.custom-modal .modal-body .code-block pre{margin:0;font-family:monospace;font-size:13px;color:#a0a0a0;white-space:pre-wrap}.user-profile-menu{position:relative;display:inline-block}.user-profile-menu .user-avatar-btn{width:40px;height:40px;border-radius:50%;background-color:#222;border:1px solid #333;color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.user-profile-menu .user-avatar-btn:hover,.user-profile-menu .user-avatar-btn.active{background-color:#2a2a2a;border-color:#007bff;color:#007bff;box-shadow:0 0 10px #007bff4d}.user-profile-menu .user-avatar-btn svg{width:20px;height:20px}.user-profile-menu .user-dropdown-menu{position:absolute;top:50px;right:0;width:260px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #000000b3;z-index:1000;padding:15px;display:none;flex-direction:column;gap:10px}.user-profile-menu .user-dropdown-menu.show{display:flex;animation:fadeInDropdown .2s ease-out}.user-profile-menu .user-dropdown-menu .dropdown-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding-bottom:5px}.user-profile-menu .user-dropdown-menu .dropdown-header .dropdown-user-name{font-size:15px;font-weight:700;color:#f8f9fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.user-profile-menu .user-dropdown-menu .dropdown-header .dropdown-user-role{font-size:12px;color:#007bff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-profile-menu .user-dropdown-menu .dropdown-header .dropdown-user-uuid{font-size:11px;color:#a0a0a0;font-family:monospace}.user-profile-menu .user-dropdown-menu .dropdown-divider{height:1px;background-color:#2a2a2a;margin:5px 0}.user-profile-menu .user-dropdown-menu .dropdown-actions{display:flex;flex-direction:row;gap:8px;width:100%}.user-profile-menu .user-dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:center;flex:1;padding:8px 6px;font-size:12px;font-weight:500;color:#f8f9fa;background-color:#222;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;text-decoration:none}.user-profile-menu .user-dropdown-menu .dropdown-item:hover{background-color:#ffffff0d;border-color:#007bff;color:#007bff}.user-profile-menu .user-dropdown-menu .dropdown-item svg{margin-right:4px;flex-shrink:0;transition:transform .2s ease}.user-profile-menu .user-dropdown-menu .dropdown-item:hover svg{transform:scale(1.1)}.user-profile-menu .user-dropdown-menu .dropdown-item.logout-item{border-color:#e639464d;color:#e63946;background-color:#e6394605}.user-profile-menu .user-dropdown-menu .dropdown-item.logout-item:hover{background-color:#e639461a;border-color:#e63946;color:#ff4d5a}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-avatar-container{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #333;background-color:#222;display:flex;align-items:center;justify-content:center;margin-bottom:10px;margin-top:5px}.dropdown-avatar-container .dropdown-avatar-img{width:100%;height:100%;object-fit:cover}.dropdown-avatar-container .dropdown-avatar-placeholder{color:#888;display:flex;align-items:center;justify-content:center}.cropper-view-box,.cropper-face{border-radius:50%!important}.cropper-line,.cropper-point{background-color:#007bff!important}.cropper-bg{background-image:none!important;background-color:#000!important}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;z-index:9998;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.active{display:block;opacity:1}.mobile-menu-btn{display:none;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#a0a0a0;width:36px;height:36px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mobile-menu-btn:hover{background:#ffffff1f;color:#fff}@media(max-width:1024px){.sidebar{width:220px}.main-wrapper{margin-left:220px;max-width:calc(100% - 220px)}.app-wrapper.sidebar-collapsed .sidebar{width:70px}.app-wrapper.sidebar-collapsed .main-wrapper{margin-left:70px;max-width:calc(100% - 70px)}.navbar .page-title{font-size:15px}}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar-toggle-btn{display:none!important}.sidebar{width:260px!important;left:-260px!important;z-index:9999;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.sidebar-mobile-open{left:0!important;box-shadow:4px 0 30px #000c}.sidebar .sidebar-menu ul li a{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:14px 20px!important;gap:10px!important}.sidebar .sidebar-menu ul li a .link-text{display:inline!important}.sidebar .sidebar-menu ul li a .chevron{display:block!important}.sidebar .sidebar-dropdown>a:after{display:none!important}.main-wrapper{margin-left:0!important;max-width:100%!important}.navbar{padding:0 14px;display:flex!important;align-items:center!important}.navbar .nav-left{display:flex!important;align-items:center!important;flex-direction:row!important;flex:1;gap:10px;min-width:0}.navbar .nav-left .page-title{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.navbar .nav-right{gap:8px!important;flex-shrink:0}.app-wrapper.sidebar-collapsed .sidebar{left:-260px!important}.app-wrapper.sidebar-collapsed .sidebar.sidebar-mobile-open{left:0!important}.app-wrapper.sidebar-collapsed .main-wrapper{margin-left:0!important;max-width:100%!important}.sidebar-flyout-menu{display:none!important}.table-responsive-wrapper,.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-grid,.cards-grid{grid-template-columns:1fr!important}.modal-content,.modal-box{width:100%!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}}@media(max-width:480px){.navbar .page-title{max-width:100px;font-size:13px}.user-dropdown-menu{right:-10px;width:260px}}.custom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease}.custom-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:576px){.custom-modal{padding:10px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#05070fc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}.modal-content{background:#141622;border:1px solid #222533;border-radius:16px;width:100%;max-width:600px;max-height:90vh;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;overflow:hidden;position:relative;color:#f8f9fa;transform:scale(1);transition:transform .25s ease;box-sizing:border-box}@media(max-width:576px){.modal-content{width:100%!important;max-width:100%!important;border-radius:12px}}.custom-modal.hidden .modal-content{transform:scale(.95)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #222533;background:#ffffff05}@media(max-width:576px){.modal-header{padding:14px 16px}}.modal-header h3{margin:0;font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px}.modal-header .btn-close{background:transparent;border:none;color:#a0a0a0;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.modal-header .btn-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}@media(max-width:576px){.modal-body{padding:16px}}.profile-photo-preview-wrapper{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important;aspect-ratio:1/1!important;flex-shrink:0!important;border-radius:50%!important;overflow:hidden!important}.profile-photo-preview-wrapper img,.profile-photo-preview-wrapper #profile_photo_preview{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}@media(max-width:576px){.modal-form .form-row{flex-direction:column!important;gap:10px!important}}.rel-page{display:flex;flex-direction:column;gap:24px}.rel-header{background:linear-gradient(135deg,#141622,#1a1d2e);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.rel-header-left{display:flex;align-items:center;gap:14px}.rel-header-icon{width:46px;height:46px;background:linear-gradient(135deg,#6366f140,#8b5cf633);border:1px solid rgba(139,92,246,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.rel-header-title{font-size:20px;font-weight:800;color:#f1f5f9;margin:0}.rel-header-sub{font-size:13px;color:#64748b;margin:3px 0 0}.rel-header-badge{font-size:12px;font-weight:700;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);padding:5px 12px;border-radius:20px}.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.rel-card{background:#141622;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,box-shadow .2s}.rel-card:hover{border-color:#6366f159;box-shadow:0 8px 32px #0000004d}.rel-card-header{display:flex;align-items:center;gap:14px}.rel-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.rel-avatar img{width:100%;height:100%;object-fit:cover}.rel-card-name{font-size:14.5px;font-weight:700;color:#f1f5f9}.rel-card-email{font-size:11.5px;color:#64748b;margin-top:2px}.rel-card-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.rel-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.4px}.rel-badge-blue{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.rel-badge-purple{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.rel-badge-green{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.2)}.rel-badge-red{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.rel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px}.rel-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.rel-metric-value{font-size:18px;font-weight:800;color:#f1f5f9}.rel-metric-label{font-size:10px;color:#475569;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.rel-progress-wrap{display:flex;align-items:center;gap:10px}.rel-progress-track{flex:1;height:5px;background:#ffffff0f;border-radius:10px;overflow:hidden}.rel-progress-fill{height:100%;border-radius:10px;transition:width .5s ease}.rel-progress-fill.high{background:linear-gradient(90deg,#34d399,#10b981)}.rel-progress-fill.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.rel-progress-fill.low{background:linear-gradient(90deg,#fb7185,#f43f5e)}.rel-progress-label{font-size:11px;font-weight:700;color:#94a3b8;min-width:34px;text-align:right}.rel-action-btn{width:100%;padding:10px 14px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#818cf8;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:Outfit,sans-serif}.rel-action-btn:hover{background:#6366f12e;border-color:#6366f166}.rel-empty{grid-column:1/-1;text-align:center;padding:48px;color:#475569;font-size:14px}#attendantDetailModal .modal-content{max-width:960px!important;height:90vh!important;max-height:760px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#attendantDetailModal .modal-body{position:relative!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}.mdl-profile{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:16px;background:#ffffff04}.mdl-avatar-large{width:54px;height:54px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#fff;flex-shrink:0;border:2px solid rgba(139,92,246,.4)}.mdl-avatar-large img{width:100%;height:100%;object-fit:cover}.mdl-name{font-size:17px;font-weight:800;color:#f1f5f9;margin:0}.mdl-email{font-size:12px;color:#64748b;margin:3px 0 0}.mdl-stats-row{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.mdl-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07);padding:0 24px;background:#ffffff03;flex-shrink:0}.mdl-tab-btn{padding:13px 18px;font-size:12.5px;font-weight:700;color:#475569;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:7px;white-space:nowrap}.mdl-tab-btn:hover{color:#94a3b8}.mdl-tab-btn.active{color:#818cf8;border-bottom-color:#818cf8}.mdl-tab-count{font-size:10px;padding:1px 6px;border-radius:8px;background:#6366f126;color:#818cf8;font-weight:700}.mdl-tab-count.danger{background:#f43f5e1f;color:#fb7185}.mdl-panel{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0}.mdl-panel.active{display:flex}.mdl-panel-inner{flex:1!important;min-height:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;padding:20px 24px!important;box-sizing:border-box!important}.mdl-panel-inner::-webkit-scrollbar{width:8px}.mdl-panel-inner::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.mdl-panel-inner::-webkit-scrollbar-thumb{background:#6366f166;border:1px solid rgba(99,102,241,.6);border-radius:4px}.mdl-panel-inner::-webkit-scrollbar-thumb:hover{background:#6366f1cc}.mdl-table{width:100%;border-collapse:collapse;font-size:12.5px}.mdl-table thead th{text-align:left;padding:10px 12px;font-size:10px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;position:sticky;top:0;z-index:1}.mdl-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.mdl-table tbody tr:hover{background:#ffffff06}.mdl-table tbody td{padding:9px 12px;vertical-align:middle;color:#cbd5e1}.mdl-table tbody td strong{color:#f1f5f9}.mdl-empty-state{text-align:center;padding:36px;color:#475569;font-size:13px}.mdl-shift-card{display:flex;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;gap:14px}.mdl-shift-date{font-size:13px;font-weight:700;color:#f1f5f9;min-width:85px}.mdl-shift-times{display:flex;align-items:center;gap:10px;flex:1}.mdl-shift-block{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:7px 14px;min-width:68px}.mdl-shift-block-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#475569}.mdl-shift-block-value{font-size:16px;font-weight:800;color:#f1f5f9;margin-top:2px;font-variant-numeric:tabular-nums}.mdl-shift-block.start .mdl-shift-block-label{color:#34d399}.mdl-shift-block.end .mdl-shift-block-label{color:#f87171}.mdl-shift-arrow{color:#334155;font-size:18px}.mdl-shift-duration{font-size:11px;font-weight:700;background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2);padding:3px 10px;border-radius:12px}.mdl-shift-obs{font-size:11px;color:#64748b;padding:0 4px;font-style:italic}.mdl-loader{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c14d9;z-index:10;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:16px}.mdl-loader span{font-size:13px;color:#64748b;font-weight:600}@keyframes mdl-spin{to{transform:rotate(360deg)}}.mdl-spinner{animation:mdl-spin .9s linear infinite}.mdl-footer{padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end;flex-shrink:0}.mdl-close-btn{padding:9px 22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}.mdl-close-btn:hover{background:#ffffff14;color:#f1f5f9}.acc-group{border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;margin-bottom:10px}.acc-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#ffffff08;border:none;cursor:pointer;font-family:Outfit,sans-serif;transition:background .15s;-webkit-user-select:none;user-select:none}.acc-header:hover,.acc-header.open{background:#6366f114}.acc-date-pill{font-size:13px;font-weight:800;color:#f1f5f9;background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:3px 12px;border-radius:20px;font-variant-numeric:tabular-nums}.acc-header.open .acc-date-pill{color:#818cf8}.acc-count{font-size:11px;font-weight:600;color:#475569}.acc-chevron{color:#475569;transition:transform .25s ease;flex-shrink:0}.acc-chevron.open{transform:rotate(180deg);color:#818cf8}.acc-body{border-top:1px solid rgba(255,255,255,.05)}.acc-body .mdl-table thead th{border-radius:0}.pend-pill{background:#f43f5e1f!important;border-color:#f43f5e40!important;color:#fb7185!important}.pend-header.open .acc-date-pill{color:#fb7185!important}.pend-header:hover,.pend-header.open{background:#f43f5e12!important}.pend-header.open .acc-chevron,.pend-header:hover .acc-chevron{color:#fb7185}.audit-container{display:flex;flex-direction:column;gap:20px}.filter-card{background-color:#1a1a1a;padding:15px 20px;border-radius:8px;border-left:4px solid #007bff}.filter-card .filter-form{display:flex;gap:15px}.filter-card .filter-form .input-group{flex:1;margin:0}.filter-card .filter-form .input-group input,.filter-card .filter-form .input-group select{width:100%;padding:10px 15px;background-color:#252525;border:1px solid #333;color:#f8f9fa;border-radius:4px}.filter-card .filter-form .input-group input:focus,.filter-card .filter-form .input-group select:focus{outline:none;border-color:#007bff}.table-card{background-color:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.table-card .data-table{width:100%;border-collapse:collapse}.table-card .data-table th,.table-card .data-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #333}.table-card .data-table th{background-color:#121212;color:#a0a0a0;font-size:14px;font-weight:600}.table-card .data-table td{color:#f8f9fa;font-size:14px}.table-card .data-table td strong{color:#fff}.table-card .data-table tr:hover td{background-color:#ffffff08}.badge-action{background-color:#007bff26;color:#007bff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.btn-icon{background:none;border:none;color:#a0a0a0;cursor:pointer;transition:.3s}.btn-icon:hover{color:#007bff;transform:scale(1.1)}.metadata-list{list-style:none;padding:0;margin:0 0 20px}.metadata-list li{margin-bottom:8px;color:#f8f9fa;font-size:15px}.metadata-list li strong{color:#a0a0a0;display:inline-block;width:80px}.sub-logs-container{max-height:50vh;overflow-y:auto;border:1px solid #333;border-radius:6px;background-color:#1e1e1e}.sub-logs-container .data-table th,.sub-logs-container .data-table td{padding:10px 15px;border-bottom:1px solid #2a2a2a}.sub-logs-container .data-table th{background-color:#252525;position:sticky;top:0;z-index:10}.audit-table-desktop{display:block}.audit-cards-mobile{display:none}@media(max-width:768px){.audit-table-desktop{display:none!important}.audit-cards-mobile{display:flex;flex-direction:column;gap:10px}.filter-form{flex-direction:column!important}.filter-form .input-group,.filter-form input,.filter-form select{width:100%!important}.audit-card-item{background:#141622;border:1px solid #222533;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.audit-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.audit-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.audit-card-user{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-card-date{font-size:12px;color:#8c90a6}.audit-card-badge{font-size:11px;font-weight:600;color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:3px 10px;width:fit-content}.audit-card-btn{display:flex;align-items:center;gap:6px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#3b82f6;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.audit-card-btn:hover{background:#3b82f633;border-color:#3b82f6}.audit-card-empty{text-align:center;color:#8c90a6;font-size:13px;padding:30px 20px}.sub-logs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-logs-container table{min-width:420px}}.audit-emails-container{display:flex;flex-direction:column;gap:20px}.audit-emails-container .emails-header{background-color:#1a1a1a;padding:18px 24px;border-radius:12px;border-left:4px solid #007bff;border:1px solid #222533}@media(max-width:768px){.audit-emails-container .emails-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important}.audit-emails-container .emails-header .emails-title{text-align:center}.audit-emails-container .emails-header .emails-title p{font-size:13px!important}.audit-emails-container .emails-header .btn-add-user{width:100%!important;justify-content:center!important;padding:12px 20px!important;font-size:14px!important}}.email-table-desktop{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #222533;background-color:#1a1a1a}.email-cards-mobile{display:none;flex-direction:column;gap:12px}@media(max-width:768px){.email-table-desktop{display:none!important}.email-cards-mobile{display:flex!important}}.email-recipient-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.email-recipient-card .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.email-recipient-card .card-top .recipient-info{display:flex;flex-direction:column;gap:3px;min-width:0}.email-recipient-card .card-top .recipient-info .recipient-name{font-size:15px;font-weight:700;color:#fff;word-break:break-word}.email-recipient-card .card-top .recipient-info .recipient-email{font-size:13px;color:#94a3b8;word-break:break-all}.email-recipient-card .card-modules{display:flex;flex-direction:column;gap:4px;background:#ffffff05;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.email-recipient-card .card-modules .modules-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.email-recipient-card .card-modules .modules-value{font-size:13px;font-weight:600;color:#60a5fa;line-height:1.3}.email-recipient-card .card-actions{display:flex;gap:8px;margin-top:4px}.email-recipient-card .card-actions .btn-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.badge-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;display:inline-block;white-space:nowrap}.badge-status.active{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-status.inactive{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-action.btn-test{background-color:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#60a5fa}.btn-action.btn-test:hover{background-color:#60a5fa40}.btn-action.btn-edit{background-color:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.btn-action.btn-edit:hover{background-color:#fbbf2440}.btn-action.btn-delete{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-action.btn-delete:hover{background-color:#ef444440}.clients-search-container{font-family:Outfit,Inter,sans-serif;color:#f8f9fa}.search-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:25px;margin-bottom:25px}.search-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-title{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;margin:0}.search-form-grid{display:grid;grid-template-columns:1.2fr 1fr 1.5fr 2fr auto;gap:15px;align-items:flex-end}@media(max-width:992px){.search-form-grid{grid-template-columns:1fr 1fr}.search-form-grid>div:last-child{grid-column:span 2}}@media(max-width:576px){.search-form-grid{grid-template-columns:1fr}.search-form-grid>div:last-child{grid-column:span 1}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;color:#a0a0a0;letter-spacing:.5px}.form-group input,.form-group select{background-color:#1c1f2e;color:#fff;border:1px solid #222533;border-radius:6px;padding:10px 14px;font-size:13px;outline:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6}.btn-group-actions{display:flex;gap:10px;align-items:center}.btn-search{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:11px 22px;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;white-space:nowrap}.btn-search:hover{background-color:#2563eb}.btn-sync-erp{background-color:#10b981;color:#fff;border:none;border-radius:6px;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;white-space:nowrap}.btn-sync-erp:hover{background-color:#059669}.btn-sync-erp:disabled{opacity:.6;cursor:not-allowed}.results-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:25px;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #222533;padding-bottom:15px;flex-wrap:wrap;gap:10px}.results-header h3{margin:0;font-size:16px;font-weight:700;color:#fff}.results-count{font-size:12px;color:#a0a0a0;background-color:#1c1f2e;padding:4px 12px;border-radius:12px;font-weight:600}.table-responsive{width:100%;overflow-x:auto}.clientes-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.clientes-table th{background-color:#1c1f2e;color:#a0a0a0;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding:12px 15px;border-bottom:2px solid #222533}.clientes-table td{padding:12px 15px;border-bottom:1px solid #222533;color:#e2e8f0;vertical-align:middle}.clientes-table tr:hover{background-color:#ffffff05}.badge-id-link{text-decoration:none;display:inline-block}.badge-id{font-family:monospace;font-weight:800;font-size:12px;padding:4px 9px;border-radius:4px;background:#1c1f2e;border:1px solid #2b3045;color:#a78bfa;transition:all .2s ease;cursor:pointer;display:inline-block}.badge-id-link:hover .badge-id{background-color:#3b82f6;border-color:#60a5fa;color:#fff;box-shadow:0 4px 12px #3b82f659}.client-name-link{text-decoration:none;transition:color .2s ease}.client-name-link:hover div{color:#38bdf8!important;text-decoration:underline}.badge-status{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;display:inline-block}.badge-status.active{background-color:#10b98126;color:#10b981}.badge-status.inactive{background-color:#ef444426;color:#ef4444}.badge-status.warning-status{background-color:#f59e0b26;color:#f59e0b}.badge-unit{font-size:11px;background-color:#2b3045;color:#60a5fa;padding:3px 8px;border-radius:4px;font-weight:700}.badge-unit.p_norte{color:#a78bfa}.btn-diagnosticar{background-color:#10b981;color:#fff;border:none;border-radius:4px;padding:7px 14px;font-size:11.5px;font-weight:700;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-diagnosticar:hover{background-color:#059669}.empty-state{text-align:center;padding:60px 20px;color:#a0a0a0}.sync-info-text{font-size:11px;color:#64748b;margin-top:4px}.spin-icon{animation:spin 1s linear infinite}.analytics-row-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:5px;margin-bottom:20px}@media(max-width:1024px){.analytics-row-top{grid-template-columns:1fr}}.analytics-row-middle{margin-bottom:20px}.analytics-row-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:1024px){.analytics-row-bottom{grid-template-columns:1fr}}.analytics-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:20px;position:relative;max-height:600px;min-width:0;width:100%;box-sizing:border-box}.toggle-btn{background:transparent;color:#cbd5e1;border:none;padding:6px 16px;font-size:11.5px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s ease}.toggle-btn:hover{color:#fff}.toggle-btn.active{background-color:#3b82f6;color:#fff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#141622b3;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease;border-radius:12px}.loading-overlay.active{opacity:1;pointer-events:auto}.spinner{width:32px;height:32px;border:3.5px solid rgba(255,255,255,.05);border-top:3.5px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite}#reportCard table th{position:sticky;top:0;background-color:#141622;z-index:10;box-shadow:inset 0 -1px #ffffff14}.bar-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;overflow:hidden;background-color:#1c1f2e66;border:1px solid rgba(255,255,255,.02);cursor:pointer;transition:all .2s ease}.bar-row:hover{background-color:#1c1f2ed9;border-color:#ffffff14}.bar-row.selected{background-color:#3b82f626!important;border:1px solid rgba(59,130,246,.4)!important}.bar-fill{position:absolute;top:0;left:0;bottom:0;background:#e11d4824;border-right:2px solid rgba(225,29,72,.45);z-index:1;transition:all .3s cubic-bezier(.1,.8,.2,1)}.bar-row:hover .bar-fill{background:#e11d4847;border-right:2px solid rgba(225,29,72,.95);box-shadow:0 0 8px #e11d4899}.bar-label{z-index:2;font-weight:600;font-size:12.5px;color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:75%}.bar-value{z-index:2;font-weight:700;font-size:13px;color:#fff}#clientsScrollList::-webkit-scrollbar,#concentratorsContainer::-webkit-scrollbar{width:5px}#clientsScrollList::-webkit-scrollbar-track,#concentratorsContainer::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}#clientsScrollList::-webkit-scrollbar-thumb,#concentratorsContainer::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}#clientsScrollList::-webkit-scrollbar-thumb:hover,#concentratorsContainer::-webkit-scrollbar-thumb:hover{background:#fff3}.city-row{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background-color .2s}.city-row:hover{background-color:#ffffff05}.neighborhood-row{background-color:#1c1f2e33;border-bottom:1px solid rgba(255,255,255,.02)}.expand-indicator{display:inline-block;width:14px;text-align:center;margin-right:8px;font-weight:700;color:#888;font-family:monospace;transition:transform .2s}.city-row.expanded .expand-indicator{transform:rotate(90deg)}.city-row.selected{background-color:#3b82f626!important;border:1px solid rgba(59,130,246,.4)!important}.neighborhood-row.selected-neighborhood{background-color:#3b82f640!important;color:#fff!important}.neighborhood-row.selected-neighborhood td{color:#fff!important}@media(max-width:768px){.connections-analytics-container{padding:0!important}[style*="display: flex"][style*="align-items: center"][style*="flex-wrap: wrap"]{flex-direction:column!important;align-items:stretch!important}#btnTabDesconexao,#btnTabConsumo{padding:12px 8px!important;font-size:12px!important}table{min-width:600px}div:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}select{width:100%!important;max-width:100%!important}input[type=text],input[type=search]{width:100%!important}}@media(max-width:480px){[style*=grid-template-columns]{grid-template-columns:1fr!important}}.acs-container{max-width:1100px;margin:0 auto;background-color:#0d0e12;color:#f8f9fa;font-family:Inter,sans-serif}.title-banner{background-color:#12131a;border:1px solid #222533;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.title-banner .icon-box{background-color:#ff8f00;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #ff8f0040}.title-banner h2{margin:0;font-size:18px;font-weight:700}.title-banner p{margin:3px 0 0;color:#a0a0a0;font-size:13px}.tabs-header{background-color:#12131a;border:1px solid #222533;border-radius:12px;padding:6px;display:flex;gap:5px;margin-bottom:20px}.tab-btn{flex:1;background:transparent;border:none;color:#a0a0a0;padding:12px 10px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.tab-btn:hover{color:#f8f9fa;background-color:#ffffff08}.tab-btn.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.tab-card{background-color:#12131a;border:1px solid #222533;border-radius:12px;padding:25px;margin-bottom:20px;min-height:250px}.tab-content{display:none}.tab-content.active{display:block}.card-subheader{display:flex;align-items:center;gap:15px;margin-bottom:30px}.card-subheader .icon-circle{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.card-subheader h4{margin:0;font-size:15px;font-weight:700}.card-subheader p{margin:2px 0 0;color:#a0a0a0;font-size:12px}.form-row-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}@media(min-width:768px){.form-row-grid.three-cols{grid-template-columns:1fr 3fr 1fr}.form-row-grid.two-cols{grid-template-columns:1fr 2fr}}.input-field-group{display:flex;flex-direction:column;gap:8px}.input-field-group label{font-size:13px;color:#a0a0a0;font-weight:600}.input-field-group input,.input-field-group select{background-color:#1c1d26;border:1px solid #2d3142;color:#f8f9fa;padding:12px 14px;border-radius:6px;font-size:13.5px;width:100%;box-sizing:border-box;transition:border-color .2s ease}.input-field-group input:focus,.input-field-group select:focus{border-color:#3b82f6;outline:none}.input-field-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}.password-input-wrapper{position:relative}.password-toggle-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#a0a0a0;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-row{background-color:#151722;border:1px dashed #2d3142;border-radius:8px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toggle-row .label-text{font-size:14px;font-weight:600;color:#f8f9fa}.switch{position:relative;display:inline-block;width:46px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a2c3a;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#f8f9fa;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(22px)}.btn-test-connection{background-color:#1a1b24;border:1px solid #2d3142;color:#f8f9fa;padding:10px 18px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-test-connection:hover{border-color:#3b82f6;background-color:#ffffff05}.btn-test-connection:disabled{opacity:.5;cursor:not-allowed}.info-dashed-box{background-color:#141620;border:1px dashed #2a2e3f;border-radius:8px;padding:15px 20px;font-size:12px;color:#8c90a6;line-height:1.6;margin-top:25px}.analysis-list-item{background-color:#151722;border:1px solid #222533;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;margin-top:15px}.analysis-item-left{display:flex;align-items:center;gap:15px}.analysis-item-left input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.analysis-item-info h5{margin:0;font-size:13.5px;font-weight:700;color:#f8f9fa;display:flex;align-items:center;gap:8px}.analysis-item-info p{margin:4px 0 0;font-size:12px;color:#a0a0a0}.badge-gray{background-color:#252836;color:#a0a0a0;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-counter{background-color:#252836;color:#f8f9fa;font-size:11px;padding:3px 8px;border-radius:12px;font-weight:600}.analysis-actions{display:flex;align-items:center;gap:12px;color:#a0a0a0}.analysis-actions button{background:transparent;border:none;color:#a0a0a0;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.analysis-actions button:hover{color:#f8f9fa;background-color:#ffffff0d}.analysis-actions button.delete-btn:hover{color:#ef4444;background-color:#ef44441a}.subheader-flex-row{display:flex;justify-content:space-between;align-items:center;width:100%}.btn-outline-add{background-color:transparent;border:1px solid #2d3142;color:#f8f9fa;padding:8px 16px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-outline-add:hover{border-color:#3b82f6;color:#3b82f6}.main-form-footer{border-top:1px solid #222533;padding-top:20px;display:flex;justify-content:flex-end}.btn-main-save{background-color:#1c1d26;border:1px solid #2d3142;color:#f8f9fa;padding:12px 24px;border-radius:6px;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-main-save:hover{background-color:#252836;border-color:#3b82f6}.test-alert{margin-top:15px;padding:12px 15px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.test-alert.success{background-color:#1e3a2b66;border:1px solid #2e7d32;color:#a3e635}.test-alert.error{background-color:#4a1c1c66;border:1px solid #c62828;color:#fca5a5}@media(max-width:768px){.acs-container{padding:12px!important}.title-banner{flex-direction:column!important;gap:10px!important;align-items:flex-start!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}input[type=text],input[type=number],input[type=url],input[type=password],select,textarea{width:100%!important}[style*="display: flex"][style*=gap][style*="justify-content: flex-end"],[style*="display: flex"][style*=gap][style*="justify-content: space-between"]{flex-wrap:wrap!important}button{min-width:unset!important}}@media(max-width:768px){.tabs-header{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:6px!important;padding:6px!important;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto!important;white-space:nowrap;padding:10px 14px!important;font-size:12px!important;gap:6px!important}.tab-btn svg{width:13px!important;height:13px!important}.tab-card{padding:16px!important}.title-banner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}input[type=text],input[type=number],input[type=url],input[type=password],select,textarea{width:100%!important}.card-subheader{flex-wrap:wrap!important;gap:10px!important}}.dashboard-container{color:#f8f9fa;font-family:Outfit,Inter,sans-serif;background-color:transparent!important;padding:0!important}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#141622;padding:20px;border-radius:12px;border:1px solid #222533}.dashboard-title h2{font-size:20px;font-weight:800;margin:0;color:#fff;letter-spacing:.5px}.dashboard-title p{font-size:13px;color:#a0a0a0;margin:4px 0 0}.unit-selector select{background-color:#1c1f2e;color:#fff;border:1px solid #3b82f6;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.unit-selector select:hover{border-color:#60a5fa;background-color:#222536}.widgets-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:25px}.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}@media(max-width:992px){.widgets-grid,.distribution-grid{grid-template-columns:1fr}}.dist-card{background-color:#141622;border:1px solid #222533;border-radius:16px;padding:25px;position:relative;min-height:250px}.dist-card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.dist-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dist-icon-blue{background-color:#3b82f626;color:#3b82f6;box-shadow:0 0 15px #3b82f633}.dist-icon-purple{background-color:#a78bfa26;color:#a78bfa;box-shadow:0 0 15px #a78bfa33}.dist-card-info h4{margin:0;font-size:16px;font-weight:700;color:#fff}.dist-card-info span{font-size:12px;color:#a0a0a0}.segmented-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background-color:#1c1f2e;margin-bottom:25px;width:100%}.segment-item{height:100%;transition:width .3s ease}.seg-color-0{background-color:#3b82f6}.seg-color-1{background-color:#10b981}.seg-color-2{background-color:#f59e0b}.seg-color-3{background-color:#8b5cf6}.seg-color-4{background-color:#ec4899}.seg-color-other{background-color:#6b7280}.dist-list{display:flex;flex-direction:column;gap:12px}.dist-list-item{display:flex;align-items:center;font-size:13px;font-weight:600}.dist-bullet{width:8px;height:8px;border-radius:50%;margin-right:12px;flex-shrink:0}.dist-name{color:#e2e8f0}.dist-count-group{margin-left:auto;display:flex;align-items:center;gap:8px}.dist-count{color:#fff;font-weight:700}.dist-percent{color:#a0a0a0;font-size:11px;width:45px;text-align:right}.ixc-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.ixc-table th{background-color:#1a1c2e;color:#a0a0a0;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding:10px;border:1px solid #222533}.ixc-table td{padding:8px 10px;border:1px solid #1c1f2e;color:#e2e8f0}.ixc-table tr:hover{background-color:#ffffff0a}.dist-title-box h3{margin:0;font-size:16px;font-weight:700;color:#fff}.dist-title-box p{margin:3px 0 0;font-size:12px;color:#a0a0a0}.dist-chart-container{position:relative;height:200px;width:100%}.dist-custom-legend{display:flex;flex-direction:column;gap:10px;margin-top:15px}.legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cbd5e1}.legend-info{display:flex;align-items:center;gap:8px}.legend-color-dot{width:10px;height:10px;border-radius:50%}.legend-value{font-weight:700;color:#fff}.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}@media(max-width:1200px){.cards-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.cards-grid-4{grid-template-columns:1fr}}.metric-card-interactive{background-color:#141622;border:1px solid #222533;border-radius:16px;padding:22px;display:flex;align-items:center;gap:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;text-decoration:none}.metric-card-interactive:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.03),transparent 70%);pointer-events:none}.metric-card-interactive:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 12px 25px -5px #00000080}.metric-icon-box{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.metric-card-interactive:hover .metric-icon-box{transform:scale(1.08)}.theme-blue .metric-icon-box{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.theme-red .metric-icon-box{background:#f43f5e1f;color:#f43f5e;border:1px solid rgba(244,63,94,.2)}.theme-green .metric-icon-box{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.2)}.theme-amber .metric-icon-box{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.theme-blue:hover{border-color:#3b82f666}.theme-red:hover{border-color:#f43f5e66}.theme-green:hover{border-color:#10b98166}.theme-amber:hover{border-color:#f59e0b66}.metric-data{display:flex;flex-direction:column;gap:4px;flex-grow:1}.metric-data .title{font-size:12px;font-weight:700;color:#8c90a6;text-transform:uppercase;letter-spacing:.5px}.metric-data .number{font-size:24px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}.metric-data .subtext{font-size:11.5px;color:#64748b;font-weight:500;margin-top:2px}.widget-card-large{background-color:#141622;border:1px solid #222533;border-radius:16px;padding:25px;margin-bottom:25px}.widget-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #222533}.widget-card-title{display:flex;align-items:center;gap:12px}.widget-card-title h3{margin:0;font-size:16px;font-weight:700;color:#fff}.widget-card-title p{margin:2px 0 0;font-size:12px;color:#a0a0a0}.status-indicator-pulse{width:8px;height:8px;background-color:#ef4444;border-radius:50%;box-shadow:0 0 #ef4444b3;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th{text-align:left;padding:10px 15px;color:#8c90a6;font-weight:600;font-size:11px;text-transform:uppercase;border-bottom:1px solid #222533}.mini-table td{padding:12px 15px;border-bottom:1px solid #1c1f2e;color:#cbd5e1}.mini-table tr:last-child td{border-bottom:none}.mini-table tr:hover td{background-color:#ffffff05}.badge-tag{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block}.badge-tag.danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-tag.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-tag.info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.chart-wrapper-box{position:relative;height:320px;width:100%}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.unit-selector,.unit-selector select{width:100%!important}.chart-wrapper-box{height:240px!important}.dist-chart-container{height:180px!important}.dist-card,.widget-card-large{padding:16px!important}.widget-card-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.responsive-table-wrapper table{min-width:550px}}@media(max-width:480px){.dashboard-title h2{font-size:17px!important}.metric-data .number{font-size:20px!important}.metric-icon-box{width:44px!important;height:44px!important}.cards-grid-4{gap:12px!important}}.dash-checklist-widget{background:#141622;border:1px solid #222533;border-radius:14px;padding:20px 24px;margin-bottom:35px;font-family:Outfit,Inter,sans-serif}.dcw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:0;transition:margin-bottom .3s ease}.dcw-header-left{display:flex;align-items:center;gap:12px}.dcw-icon-badge{width:38px;height:38px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#38bdf8;font-size:18px}.dcw-title-text h3{font-size:16px;font-weight:800;color:#f1f5f9;margin:0}.dcw-title-text p{font-size:12px;color:#64748b;margin:2px 0 0}.dcw-progress-global{display:flex;align-items:center;gap:12px}.dcw-progress-bar-bg{width:140px;height:8px;background:#ffffff0f;border-radius:10px;overflow:hidden}.dcw-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:10px;transition:width .4s ease}.dcw-progress-pct{font-size:13px;font-weight:800;color:#38bdf8}.dcw-collapse-icon{color:#64748b;transition:transform .3s ease;margin-left:8px}.dash-checklist-widget.collapsed .dcw-collapse-icon{transform:rotate(-180deg)}.dash-checklist-widget.collapsed .dcw-body-content{display:none}.dcw-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.dcw-tab-btn{padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#94a3b8;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dcw-tab-btn:hover{background:#ffffff0f;color:#f1f5f9}.dcw-tab-btn.active{background:#38bdf826;border-color:#38bdf84d;color:#38bdf8}.dcw-tab-content{display:none}.dcw-tab-content.active{display:block}.dcw-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}@media(max-width:1024px){.dcw-grid{grid-template-columns:1fr}}.dcw-sections-container{display:flex;flex-direction:column;gap:16px}.dcw-section-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:16px}.dcw-section-header{font-size:12px;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.dcw-section-header:after{content:"";flex:1;height:1px;background:#ffffff0d}.dcw-items-list{display:flex;flex-direction:column;gap:6px}.dcw-checklist-items-list{max-height:260px;overflow-y:auto;padding-right:6px;margin-top:6px}.dcw-checklist-items-list::-webkit-scrollbar{width:5px}.dcw-checklist-items-list::-webkit-scrollbar-track{background:#ffffff05}.dcw-checklist-items-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.dcw-checklist-items-list::-webkit-scrollbar-thumb:hover{background:#fff3}.dcw-pendencias-card{background:#f59e0b05;border:1px solid rgba(245,158,11,.12);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.dcw-pendencias-items-list{max-height:200px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:12px}.dcw-pendencias-items-list::-webkit-scrollbar{width:5px}.dcw-pendencias-items-list::-webkit-scrollbar-track{background:#f59e0b05}.dcw-pendencias-items-list::-webkit-scrollbar-thumb{background:#f59e0b26;border-radius:4px}.dcw-pendencias-card .dcw-item.checked .dcw-checkbox{background:#f59e0b;border-color:#f59e0b}.dcw-weekly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:6px;max-height:270px;overflow-y:auto;padding-right:6px}.dcw-weekly-grid::-webkit-scrollbar{width:5px}.dcw-weekly-grid::-webkit-scrollbar-track{background:#ffffff05}.dcw-weekly-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.dcw-weekly-day-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.dcw-weekly-day-header{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:6px;text-align:center;margin-bottom:6px}.dcw-day-seg{background:#38bdf814;color:#38bdf8;border:1px solid rgba(56,189,248,.18)}.dcw-day-ter{background:#34d39914;color:#34d399;border:1px solid rgba(52,211,153,.18)}.dcw-day-qua{background:#fbbf2414;color:#fbbf24;border:1px solid rgba(251,191,36,.18)}.dcw-day-qui{background:#a78bfa14;color:#a78bfa;border:1px solid rgba(167,139,250,.18)}.dcw-day-sex{background:#f43f5e14;color:#f43f5e;border:1px solid rgba(244,63,94,.18)}.dcw-weekly-item{font-size:11.5px;color:#94a3b8;line-height:1.5;display:flex;align-items:flex-start;gap:6px;padding:2px 0}.dcw-weekly-item-bullet{color:#475569;font-size:12px;line-height:1;margin-top:1px}.dcw-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;transition:background .15s;cursor:pointer}.dcw-item:hover{background:#ffffff08}.dcw-checkbox{width:18px;height:18px;min-width:18px;border:2px solid #334155;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:transparent}.dcw-item.checked .dcw-checkbox{background:#38bdf8;border-color:#38bdf8}.dcw-checkbox svg{display:none}.dcw-item.checked .dcw-checkbox svg{display:block}.dcw-item-label{font-size:13px;color:#cbd5e1;flex:1;transition:color .2s}.dcw-item.checked .dcw-item-label{color:#475569;text-decoration:line-through}.dcw-item-time{font-size:11px;color:#334155;white-space:nowrap}.dcw-side-panel{display:flex;flex-direction:column;gap:14px}.dcw-notes-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:14px;display:flex;flex-direction:column;flex-grow:1;min-height:150px}.dcw-notes-card h4{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px}.dcw-notes-textarea{width:100%;flex-grow:1;min-height:80px;background:transparent;border:none;color:#e2e8f0;font-size:12.5px;font-family:Outfit,sans-serif;resize:none;outline:none;line-height:1.6}.dcw-notes-status{font-size:10.5px;color:#475569;margin-top:4px;min-height:14px;transition:color .3s}.dcw-notes-status.saved{color:#34d399}.dcw-finalize-btn{width:100%;padding:12px 16px;background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:#34d399;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:Outfit,sans-serif}.dcw-finalize-btn:hover{background:#34d3992e;border-color:#34d399;transform:translateY(-1px)}.dcw-tpl-progress{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dcw-tpl-progress-track{flex:1;height:5px;background:#ffffff0f;border-radius:10px;overflow:hidden}.dcw-tpl-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:10px;transition:width .5s ease}.dcw-tpl-progress-fill.complete{background:linear-gradient(90deg,#34d399,#10b981)}.dcw-tpl-pct{font-size:11px;font-weight:700;color:#64748b;min-width:32px;text-align:right}.chart-card{background:#141622;border:1px solid #222533;border-radius:16px;padding:24px;box-shadow:0 8px 30px #0000004d;display:flex;flex-direction:column;position:relative;min-height:380px;justify-content:space-between}.chart-header{font-size:15px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center;width:100%;letter-spacing:.3px}.chart-body{display:flex;justify-content:space-evenly;align-items:center;width:100%;gap:24px;flex-wrap:wrap;flex:1}.chart-canvas-wrapper{position:relative;width:210px;height:210px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:0 auto}.chart-canvas-wrapper canvas{width:100%!important;height:100%!important;max-width:210px;max-height:210px;display:block}.chart-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-center-label #chartPercentage{font-size:26px;font-weight:800;color:#10b981;line-height:1}.chart-legend-list{display:flex;flex-direction:column;gap:10px;flex:1;min-width:230px}.legend-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#e2e8f0;font-weight:500;cursor:pointer;padding:10px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.legend-item:hover{background-color:#ffffff12;border-color:#6366f14d;transform:translate(3px)}.legend-color-box{width:14px;height:14px;border-radius:4px;flex-shrink:0}.legend-color-box.color-ate2{background-color:#10b981}.legend-color-box.color-de3a5{background-color:#f59e0b}.legend-color-box.color-de6a10{background-color:#f97316}.legend-color-box.color-mais10{background-color:#ef4444}.color-ate2{background-color:#10b981!important}.color-de3a5{background-color:#f59e0b!important}.color-de6a10{background-color:#f97316!important}.color-mais10{background-color:#ef4444!important}.legend-value{font-weight:700;margin-left:auto;color:#fff;font-size:14px}.info-side-card{background:#141622;border:1px solid #222533;border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.info-header h4{margin:0 0 15px;font-size:15px;font-weight:700;color:#fff}.status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-row:last-child{border-bottom:none}.status-label{font-size:13px;color:#cbd5e1}.status-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase}.status-badge.online{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.offline{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.sync-indicator{width:7px;height:7px;background-color:#10b981;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#141622e0;border-radius:16px;display:flex;justify-content:center;align-items:center;z-index:10;flex-direction:column;gap:15px}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .9s linear infinite}.custom-scroll::-webkit-scrollbar{height:8px;width:8px}.custom-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite!important}.diag-full-container{display:flex;flex-direction:column;gap:16px;color:#cbd5e1;font-family:Segoe UI,wf_segoe-ui_normal,helvetica,arial,sans-serif;width:100%;max-width:100%;box-sizing:border-box}.diag-full-container .diag-header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%;box-sizing:border-box}.diag-full-container .diag-header-actions .btn-diagnose{padding:9px 18px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;background-color:#1e293b;border:1px solid #334155;border-radius:6px;color:#fff;font-size:13px;transition:all .2s ease}.diag-full-container .diag-header-actions .btn-diagnose:hover{background-color:#334155;border-color:#475569}.diag-full-container .diag-header-actions .diag-header-title{color:#64748b;font-size:13px;font-weight:600}.diag-full-container .diag-top-bar{background:#141824;border:1px solid #222a3f;border-radius:10px;padding:16px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;width:100%}.diag-full-container .diag-top-item{display:flex;align-items:center;gap:10px;font-size:13px}.diag-full-container .diag-top-item svg{color:#10b981;flex-shrink:0}.diag-full-container .diag-top-item strong{color:#f8fafc}.diag-full-container .diag-top-item span{color:#94a3b8;word-break:break-word}.diag-full-container .diag-plan-bar{background:#141824;border:1px solid #222a3f;border-radius:10px;padding:14px 20px;display:flex;align-items:center;justify-content:flex-start;gap:40px;flex-wrap:wrap;box-shadow:0 4px 12px #00000026;box-sizing:border-box;width:100%}.diag-full-container .diag-plan-item{display:flex;align-items:center;gap:10px;font-size:13px}.diag-full-container .diag-plan-item strong{color:#f8fafc;font-weight:700}.diag-full-container .diag-plan-item span{color:#94a3b8}.diag-full-container .diag-fiber-bar{background:#141824;border:1px solid #222a3f;border-radius:10px;padding:14px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;width:100%}.diag-full-container .diag-fiber-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.diag-full-container .diag-fiber-item strong{color:#f8fafc;font-weight:700}.diag-full-container .diag-fiber-item span{color:#94a3b8;word-break:break-word}.diag-full-container .diag-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;box-sizing:border-box}.diag-full-container .diag-panel-card{background:#141824;border:1px solid #222a3f;border-radius:10px;padding:18px;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;box-sizing:border-box;width:100%;overflow:hidden}.diag-full-container .diag-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.diag-full-container .diag-panel-header h3{margin:0;font-size:14px;font-weight:700;color:#fff}.diag-full-container .diag-chart-box{position:relative;height:220px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.diag-full-container .diag-chart-box canvas{width:100%!important;height:100%!important}.diag-full-container .diag-full-width{grid-column:span 2}.diag-full-container .diag-logs-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.diag-full-container .diag-logs-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.diag-full-container .diag-logs-table th{background:#0d111a;color:#00afb9;font-weight:700;text-transform:uppercase;font-size:11px;padding:10px 12px;border-bottom:1px solid #222a3f;text-align:left}.diag-full-container .diag-logs-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.03);color:#cbd5e1}.diag-full-container .badge-log-ok{color:#10b981;font-weight:800}@media(max-width:992px){.diag-full-container .diag-top-bar,.diag-full-container .diag-fiber-bar{grid-template-columns:repeat(2,1fr)}.diag-full-container .diag-charts-grid{grid-template-columns:1fr}.diag-full-container .diag-full-width{grid-column:span 1}}@media(max-width:768px){.diag-full-container{gap:12px}.diag-full-container .diag-header-actions{flex-direction:column;align-items:flex-start;gap:10px}.diag-full-container .diag-header-actions .btn-diagnose{width:100%;justify-content:center;padding:11px 16px}.diag-full-container .diag-header-actions .diag-header-title{font-size:12px}.diag-full-container .diag-top-bar{grid-template-columns:1fr;padding:14px;gap:12px}.diag-full-container .diag-plan-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.diag-full-container .diag-plan-bar .diag-plan-item{width:100%;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:8px}.diag-full-container .diag-plan-bar .diag-plan-item:last-child{border-bottom:none;padding-bottom:0}.diag-full-container .diag-fiber-bar{grid-template-columns:1fr;padding:14px;gap:10px}.diag-full-container .diag-fiber-bar .diag-fiber-item{width:100%;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:6px}.diag-full-container .diag-fiber-bar .diag-fiber-item:last-child{border-bottom:none;padding-bottom:0}.diag-full-container .diag-panel-card{padding:12px 10px}.diag-full-container .diag-chart-box{height:220px!important;padding:0 4px}}@media(max-width:480px){.diag-full-container .diag-top-item,.diag-full-container .diag-plan-item,.diag-full-container .diag-fiber-item{font-size:11.5px}.diag-full-container .diag-panel-header h3{font-size:13px}.diag-full-container .diag-chart-box{height:210px!important}}.login-page{background-color:#0f0f0f;height:100vh;display:flex;align-items:center;justify-content:center;margin:0;font-family:sans-serif;color:#f8f9fa}.login-container{width:100%;max-width:420px;padding:20px}.login-box{background-color:#1a1a1a;padding:40px 30px;border-radius:8px;box-shadow:0 10px 30px #000c;border-top:4px solid #007bff;border-bottom:4px solid #e63946}.login-box .login-header{text-align:center;margin-bottom:30px}.login-box .login-header h1{margin:0;color:#f8f9fa;font-size:26px;letter-spacing:1px}.login-box .login-header p{color:#888;font-size:14px;margin-top:8px}.login-box .input-group{margin-bottom:20px}.login-box .input-group label{display:block;margin-bottom:8px;font-size:14px;color:#ccc}.login-box .input-group input{width:100%;padding:14px;background-color:#252525;border:1px solid #333;border-radius:6px;color:#f8f9fa;font-size:15px;outline:none;box-sizing:border-box;transition:all .3s ease}.login-box .input-group input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff33}.login-box .btn-login{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.login-box .btn-login:hover{background-color:#e63946}.modem-container{display:flex;flex-direction:column;gap:20px}.search-card{background-color:#1a1a1a;padding:20px;border-radius:8px;border-left:4px solid #007bff}.search-card .search-form{display:flex;gap:15px}.search-card .search-form input{flex:1;padding:12px 15px;background-color:#252525;border:1px solid #333;color:#f8f9fa;border-radius:4px;font-size:16px}.search-card .search-form input:focus{border-color:#007bff;outline:none}.search-card .search-form .btn-primary{padding:12px 30px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:.3s}.search-card .search-form .btn-primary:hover:not(:disabled){background-color:#e63946}.search-card .search-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.results-grid.hidden{display:none}.data-card{background-color:#1a1a1a;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column}.data-card .card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px}.data-card .card-header h3{margin:0;font-size:16px;color:#f8f9fa}.data-card .card-header .badge.online{background-color:#28a74533;color:#28a745;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.data-card .data-list{list-style:none;padding:0;margin:0 0 20px;flex:1}.data-card .data-list li{margin-bottom:10px;font-size:14px;color:#a0a0a0}.data-card .data-list li strong{color:#f8f9fa;margin-right:5px}.data-card .signal-display{display:flex;gap:15px;flex:1}.data-card .signal-display .signal-box{flex:1;background-color:#252525;padding:15px;border-radius:6px;text-align:center;border:1px solid #333}.data-card .signal-display .signal-box .label{display:block;font-size:12px;color:#a0a0a0;margin-bottom:10px}.data-card .signal-display .signal-box .value{font-size:28px;font-weight:700;color:#f8f9fa}.data-card .signal-display .signal-box .value.good{color:#28a745}.data-card .signal-display .signal-box .unit{font-size:14px;color:#a0a0a0}.data-card .wifi-form{flex:1;display:flex;flex-direction:column}.data-card .wifi-form .input-group{margin-bottom:15px}.data-card .wifi-form .input-group label{display:block;font-size:12px;color:#a0a0a0;margin-bottom:5px}.data-card .wifi-form .input-group input{width:100%;padding:10px;background-color:#252525;border:1px solid #333;color:#f8f9fa;border-radius:4px;box-sizing:border-box}.data-card .card-actions{display:flex;gap:10px;margin-top:auto}.data-card .card-actions button{flex:1;padding:10px;border-radius:4px;font-weight:700;cursor:pointer;border:none}.data-card .card-actions button.btn-primary{background-color:#007bff;color:#fff}.data-card .card-actions button.btn-primary:hover{background-color:#0062cc}.data-card .card-actions button.btn-danger{background-color:#e63946;color:#fff}.data-card .card-actions button.btn-danger:hover{background-color:#d21a28}.data-card .card-actions button.btn-danger.outline{background-color:transparent;border:1px solid #e63946;color:#e63946}.data-card .card-actions button.btn-danger.outline:hover{background-color:#e63946;color:#fff}.clients-list-card{background-color:#1a1a1a;padding:20px;border-radius:8px;border-top:4px solid #007bff}.clients-list-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.clients-list-card .card-header h3{margin:0;color:#f8f9fa;font-size:16px}.clients-list-card .card-header .search-table-input{padding:8px 12px;background-color:#252525;border:1px solid #333;color:#f8f9fa;border-radius:4px;font-size:14px;width:250px}.clients-list-card .card-header .search-table-input:focus{border-color:#007bff;outline:none}.clients-list-card .table-responsive{max-height:350px;overflow-y:auto;border:1px solid #333;border-radius:6px}.clients-list-card table{width:100%;border-collapse:collapse;text-align:left}.clients-list-card table th,.clients-list-card table td{padding:12px;border-bottom:1px solid #333;font-size:14px}.clients-list-card table th{background-color:#252525;color:#a0a0a0;font-weight:600;position:sticky;top:0;z-index:1}.clients-list-card table td{color:#f8f9fa}.clients-list-card table tr:hover td{background-color:#ffffff05}.clients-list-card table .btn-diagnose{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;font-weight:700;transition:.2s}.clients-list-card table .btn-diagnose:hover{background-color:#e63946}.lan-ports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.lan-ports-grid .lan-port{background-color:#252525;border:1px solid #333;border-radius:6px;padding:12px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;transition:.3s}.lan-ports-grid .lan-port svg{color:#a0a0a0;transition:.3s}.lan-ports-grid .lan-port .port-num{font-size:11px;font-weight:700;color:#a0a0a0}.lan-ports-grid .lan-port .port-speed{font-size:10px;color:#a0a0a0}.lan-ports-grid .lan-port.active{border-color:#28a745;background-color:#28a7450d}.lan-ports-grid .lan-port.active svg{color:#28a745}.lan-ports-grid .lan-port.active .port-num{color:#f8f9fa}.lan-ports-grid .lan-port.active .port-speed{color:#28a745;font-weight:700}.lan-ports-grid .lan-port.active-100{border-color:#fd7e14;background-color:#fd7e140d}.lan-ports-grid .lan-port.active-100 svg{color:#fd7e14}.lan-ports-grid .lan-port.active-100 .port-num{color:#f8f9fa}.lan-ports-grid .lan-port.active-100 .port-speed{color:#fd7e14;font-weight:700}.devices-table{width:100%;border-collapse:collapse;margin-top:10px}.devices-table th,.devices-table td{padding:10px;border-bottom:1px solid #333;font-size:13px;text-align:left}.devices-table th{color:#a0a0a0;font-weight:600;background-color:#252525}.devices-table td{color:#f8f9fa}.devices-table .device-name-wrapper{display:flex;flex-direction:column}.devices-table .device-name-wrapper .device-mac{font-size:10px;color:#a0a0a0}.devices-table .signal-indicator{display:flex;align-items:center;gap:6px;font-weight:700}.devices-table .signal-indicator .signal-bar{width:8px;height:12px;background-color:#333;border-radius:1px;display:inline-block}.devices-table .signal-indicator .signal-bar.active{background-color:#28a745}.devices-table .signal-indicator.good{color:#28a745}.devices-table .signal-indicator.warning{color:#fd7e14}.devices-table .signal-indicator.warning .signal-bar.active{background-color:#fd7e14}.devices-table .signal-indicator.danger{color:#e63946}.devices-table .signal-indicator.danger .signal-bar.active{background-color:#e63946}.badge{padding:3px 6px;border-radius:4px;font-size:11px;font-weight:700;display:inline-block}.badge.status-online{background-color:#28a74533;color:#28a745}.badge.status-offline{background-color:#e6394633;color:#e63946}.badge.sinal-good{background-color:#28a74526;color:#28a745}.badge.sinal-warning{background-color:#fd7e1426;color:#fd7e14}.badge.sinal-danger{background-color:#e6394626;color:#e63946}.reboot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0f0f0fe6;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;z-index:10;gap:15px;opacity:0;pointer-events:none;transition:opacity .3s}.reboot-overlay.active{opacity:1;pointer-events:auto}.reboot-overlay .spinner{width:40px;height:40px;border:4px solid #007bff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.reboot-overlay span{color:#f8f9fa;font-weight:700;font-size:15px}.modem-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}@media(max-width:768px){.modem-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(max-width:576px){.modem-kpi-grid{grid-template-columns:1fr!important;gap:12px!important}}.modem-kpi-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:16px 18px;display:flex;align-items:center;box-sizing:border-box}.modem-kpi-card .kpi-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;margin-right:14px;flex-shrink:0}.modem-kpi-card .kpi-col{display:flex;flex-direction:column;min-width:0;flex:1}.modem-kpi-card .kpi-col .kpi-num{font-size:22px;font-weight:800;color:#fff;line-height:1.1}.modem-kpi-card .kpi-col .kpi-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modem-kpi-card .kpi-divider{width:1px;height:32px;background-color:#ffffff14;margin:0 12px;flex-shrink:0}@media(max-width:576px){.modem-kpi-card{padding:14px 12px!important}.modem-kpi-card .kpi-icon{width:38px!important;height:38px!important;margin-right:10px!important}.modem-kpi-card .kpi-icon svg{width:18px!important;height:18px!important}.modem-kpi-card .kpi-col .kpi-num{font-size:19px!important}.modem-kpi-card .kpi-col .kpi-label{font-size:9.5px!important}.modem-kpi-card .kpi-divider{margin:0 8px!important;height:28px!important}}.modem-filters-bar{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap;align-items:center;background-color:#161925;padding:12px;border-radius:8px;border:1px solid #222533;width:100%;box-sizing:border-box}@media(max-width:768px){.modem-filters-bar{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:10px!important}.modem-filters-bar div{width:100%!important}.modem-filters-bar div select{width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media(max-width:480px){.modem-filters-bar{grid-template-columns:1fr!important}}.custom-pagination{margin-top:20px;display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #222533;padding-top:20px;flex-wrap:wrap;gap:15px}@media(max-width:768px){.custom-pagination{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important}.custom-pagination>div{font-size:12px!important;text-align:center!important}}.pagination-links-container{display:flex;justify-content:center;align-items:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pagination-links-container .pagination{display:flex;list-style:none;padding:4px 8px;margin:0;gap:5px;background-color:#141622;border-radius:8px;border:1px solid #222533;flex-wrap:nowrap;max-width:100%}.pagination-links-container .pagination .page-item{flex-shrink:0}.pagination-links-container .pagination .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background-color:#1c1f2e;color:#cbd5e1;border:1px solid #222533;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer}.pagination-links-container .pagination .page-item .page-link:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-links-container .pagination .page-item.active .page-link{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:800}.pagination-links-container .pagination .page-item.disabled .page-link{opacity:.4;cursor:not-allowed;background-color:#141622}@media(max-width:576px){.pagination-links-container{width:100%}.pagination-links-container .pagination{width:100%;justify-content:center;padding:4px}.pagination-links-container .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){display:none}}.modules-container{padding:10px 0}.row-principal{background-color:#14162299}.row-principal td{border-top:2px solid #222533}.row-submodule{background-color:#0f111a66}.row-submodule td{padding-top:10px!important;padding-bottom:10px!important;border-bottom:1px dashed rgba(255,255,255,.05)!important}.principal-name-wrapper{display:flex;align-items:center;gap:10px}.principal-name-wrapper .mod-icon{font-size:16px}.principal-name-wrapper .principal-info{display:flex;align-items:center;gap:8px}.principal-name-wrapper .principal-info .mod-title{font-size:14px;font-weight:700;color:#fff}.submodule-name-wrapper{display:flex;align-items:center;gap:12px;padding-left:24px}.submodule-name-wrapper .tree-indicator{color:#3b82f6;font-size:16px;font-weight:800;line-height:1}.submodule-name-wrapper .submodule-info{display:flex;align-items:center;gap:8px}.submodule-name-wrapper .submodule-info .mod-title{font-size:13px;font-weight:600;color:#cbd5e1}.badge-principal-tag{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-submodule-tag{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3);padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.btn-delete-custom{background-color:transparent!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important}.btn-delete-custom:hover{background-color:#ef444426!important}.mobile-submodules-container{margin-top:10px;padding-top:10px;border-top:1px solid #222533;display:flex;flex-direction:column;gap:8px}.mobile-submodules-container .submodules-section-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.mobile-submodule-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-left:3px solid #c084fc;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.mobile-submodule-item .submodule-header{display:flex;align-items:center;gap:8px}.mobile-submodule-item .submodule-header .submodule-tree-icon{color:#c084fc;font-weight:800;font-size:14px}.mobile-submodule-item .submodule-header .submodule-title{font-size:13px;font-weight:700;color:#f1f5f9}.mobile-submodule-item .submodule-header .submodule-slug{font-size:10px;color:#94a3b8;background:#ffffff0d;padding:1px 5px;border-radius:4px}.mobile-submodule-item .submodule-header .switch-sm{margin-left:auto;transform:scale(.85)}.mobile-submodule-item .submodule-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-submodule-item .submodule-actions{display:flex;gap:6px;margin-top:4px}.mobile-submodule-item .submodule-actions button{padding:6px 10px;font-size:11px}.modules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modules-header .modules-filter-form{display:flex;gap:15px;flex:1}.modules-header .modules-filter-form .form-control{width:250px}.switch{position:relative;display:inline-block;width:44px;height:22px;margin:0}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3f3f46;transition:.3s ease;border-radius:22px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 1px 3px #0006}.roles-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;background-color:#1a1a1a;border:1px solid #333;padding:15px;border-radius:6px;margin-top:5px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#e2e8f0;-webkit-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-color:#2b2b2b;border:1px solid #444;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.checkbox-item input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.checkbox-item input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.checkbox-item input[type=checkbox]:focus{outline:none;border-color:#60a5fa}.badge-role{display:inline-block;padding:3px 8px;background-color:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3);border-radius:4px;font-size:11px;font-weight:500;margin-right:4px;margin-bottom:4px}.modules-table-desktop{display:block}.modules-cards-mobile{display:none}.modules-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}@media(max-width:768px){.modules-table-desktop{display:none!important}.modules-cards-mobile{display:flex;flex-direction:column;gap:12px}.modules-header{flex-direction:column!important;align-items:stretch!important}.modules-filter-form{flex-direction:column!important;width:100%!important}.modules-filter-form input,.modules-filter-form select{width:100%!important}.modules-header .btn-add-user{width:100%!important;justify-content:center!important}.module-card-item{background:#141622;border:1px solid #222533;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.module-card-top{display:flex;align-items:center;gap:12px}.module-card-icon{width:40px;height:40px;border-radius:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.module-card-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-parent{font-size:11px;color:#8c90a6;font-style:italic}.module-card-slug{font-size:11px;color:#64748b;background:#ffffff0d;border-radius:4px;padding:1px 5px;width:fit-content}.module-card-switch{flex-shrink:0}.module-card-roles{display:flex;flex-wrap:wrap;gap:6px}.mod-card-role{font-size:10px;font-weight:700;color:#a78bfa;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:20px;padding:2px 8px;text-transform:uppercase;letter-spacing:.4px}.module-card-actions{display:flex;gap:8px}.mod-card-btn-config,.mod-card-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.mod-card-btn-config{background:#6366f11a;border-color:#6366f140;color:#818cf8}.mod-card-btn-config:hover{background:#6366f133}.mod-card-btn-delete{background:#ef444414;border-color:#ef444433;color:#f87171}.mod-card-btn-delete:hover{background:#ef44442e}.module-card-empty{text-align:center;color:#8c90a6;font-size:13px;padding:30px 20px}.form-row{flex-direction:column!important;gap:0!important}input[type=text],input[type=number],select,textarea{width:100%!important}}.network-container{display:grid;grid-template-columns:1fr 2fr;gap:20px}@media(max-width:768px){.network-container{grid-template-columns:1fr}}.network-card{background-color:#1a1a1a;padding:20px;border-radius:8px;border-top:4px solid #007bff;height:fit-content}.network-card h3{margin-top:0;margin-bottom:20px}.network-card .input-group{margin-bottom:15px}.network-card .input-group label{display:block;margin-bottom:5px;color:#a0a0a0}.network-card .input-group input,.network-card .input-group select{width:100%;padding:10px;background-color:#252525;border:1px solid #333;color:#f8f9fa;border-radius:4px;box-sizing:border-box}.network-card .input-group input:focus,.network-card .input-group select:focus{border-color:#007bff;outline:none}.network-card .btn-primary{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:.3s}.network-card .btn-primary:hover:not(:disabled){background-color:#e63946}.network-card .btn-primary:disabled{opacity:.5;cursor:not-allowed}.terminal-card{background-color:#050505;border-radius:8px;border:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.terminal-card .terminal-header{background-color:#1a1a1a;padding:10px 15px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif;font-size:14px;color:#a0a0a0}.terminal-card .terminal-body{padding:15px;margin:0;color:#0f0;font-family:Consolas,Courier New,monospace;font-size:14px;white-space:pre-wrap;overflow-y:auto;flex:1;min-height:300px}.loading-spinner{width:15px;height:15px;border:2px solid #007bff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.hidden{display:none}.tabs-navigation{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #2d3142;padding-bottom:10px}.tabs-navigation .tab-btn{background:transparent;border:none;color:#a0a0a0;padding:10px 20px;cursor:pointer;font-weight:700;transition:.3s;border-radius:4px}.tabs-navigation .tab-btn:hover{color:#f8f9fa;background-color:#ffffff05}.tabs-navigation .tab-btn.active{color:#fff;background-color:#007bff}.hidden:not(.x-modal){display:none!important}.inner-tabs{display:flex;gap:5px;background-color:#101116;padding:4px;border-radius:6px;margin-bottom:15px;width:fit-content;border:1px solid #2d3142}.inner-tabs .inner-tab-btn{background:transparent;border:none;color:#a0a0a0;padding:6px 15px;cursor:pointer;font-size:13px;font-weight:600;border-radius:4px;transition:.2s}.inner-tabs .inner-tab-btn:hover{color:#f8f9fa}.inner-tabs .inner-tab-btn.active{background-color:#007bff;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.stat-card{background-color:#171821;border:1px solid #2d3142;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:5px;position:relative}.stat-card .stat-label{font-size:11px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card .stat-value{font-size:22px;font-weight:700;color:#fff}.stat-card .stat-desc{font-size:11px;color:#a0a0a0}.stat-card.success{border-left:3px solid #10b981}.stat-card.warning{border-left:3px solid #f59e0b}.stat-card.danger{border-left:3px solid #ef4444}.stat-card.info{border-left:3px solid #007bff}.traceroute-pathway{display:flex;flex-direction:column;gap:10px;margin-top:15px;max-height:400px;overflow-y:auto;padding-right:5px}.traceroute-pathway::-webkit-scrollbar{width:6px}.traceroute-pathway::-webkit-scrollbar-track{background:#050505}.traceroute-pathway::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}.hop-item{display:flex;align-items:center;gap:15px;background-color:#111217;padding:10px 15px;border-radius:6px;border:1px solid #2d3142}.hop-item .hop-number{background-color:#1c1e29;color:#007bff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1px solid #2d3142}.hop-item .hop-ip{font-family:monospace;color:#fff;font-size:13px;flex:1}.hop-item .hop-latency{color:#10b981;font-weight:700;font-size:13px}.mass-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:10px}.mass-card{background-color:#1a1a1a;border:1px solid #2d3142;border-radius:8px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:210px}.mass-card .mass-badge{position:absolute;top:15px;right:15px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase}.mass-card .mass-badge.running{background-color:#3b82f626;color:#3b82f6}.mass-card .mass-badge.completed{background-color:#10b98126;color:#10b981}.mass-card .mass-badge.cancelled{background-color:#f59e0b26;color:#f59e0b}.mass-card .mass-target{font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 80px)}.mass-card .mass-type{font-size:11px;color:#a0a0a0;margin-bottom:15px;display:flex;align-items:center;gap:5px}.mass-card .mass-progress-label{display:flex;justify-content:space-between;font-size:11px;color:#a0a0a0;margin-bottom:5px}.mass-card .mass-progress-bar{background-color:#12131a;height:6px;border-radius:3px;overflow:hidden;margin-bottom:15px}.mass-card .mass-progress-bar .bar{background-color:#007bff;height:100%;transition:width .3s}.mass-card .mass-info-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;color:#f8f9fa}.mass-card .mass-info-row span:first-child{color:#a0a0a0}.mass-card .mass-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.mass-card .mass-actions .btn-action{flex:1;padding:8px;font-size:11px;font-weight:700;border-radius:4px;border:none;cursor:pointer;transition:.2s;text-align:center;text-decoration:none}.mass-card .mass-actions .btn-view{background-color:#1c1e29;color:#fff;border:1px solid #2d3142}.mass-card .mass-actions .btn-view:hover{background-color:#2d3142}.mass-card .mass-actions .btn-cancel{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.mass-card .mass-actions .btn-cancel:hover{background-color:#f59e0b33}.mass-card .mass-actions .btn-delete{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.mass-card .mass-actions .btn-delete:hover{background-color:#ef444433}.mass-card.add-new{border:2px dashed #2d3142;background:transparent;display:flex;align-items:center;justify-content:center;min-height:210px;cursor:pointer;transition:.3s}.mass-card.add-new:hover{border-color:#007bff;background-color:#3b82f605}.mass-card.add-new:hover .add-icon{color:#007bff;transform:scale(1.05)}.mass-card.add-new .add-icon{color:#4b5563;transition:.3s;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;font-size:13px}.mass-card.add-new .add-icon svg{stroke-width:2.5px}.chart-container{background-color:#0b0c10;border:1px solid #2d3142;padding:15px;border-radius:8px;margin-bottom:20px;height:300px;position:relative}.report-table-wrapper{max-height:250px;overflow-y:auto;border:1px solid #2d3142;border-radius:6px}.report-table-wrapper::-webkit-scrollbar{width:6px}.report-table-wrapper::-webkit-scrollbar-track{background:#050505}.report-table-wrapper::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}.report-table{width:100%;border-collapse:collapse;font-size:12.5px}.report-table th,.report-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #1c1e29}.report-table th{color:#a0a0a0;font-weight:600;background-color:#12131a;position:sticky;top:0;z-index:10}.report-table td{color:#fff}.report-table tr:hover{background-color:#ffffff05}.mass-container{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:start}@media(max-width:1200px){.mass-container{grid-template-columns:1fr}}.report-filters{display:flex;flex-wrap:wrap;gap:12px;background-color:#12131a;padding:15px;border-radius:6px;border:1px solid #2d3142;margin-bottom:20px}.report-filters .filter-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}.report-filters .filter-group label{font-size:10px;color:#a0a0a0;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.report-filters .filter-group input,.report-filters .filter-group select{padding:8px 12px;background-color:#1c1e29;border:1px solid #2d3142;color:#fff;border-radius:4px;font-size:13px;box-sizing:border-box;width:100%}.report-filters .filter-group input:focus,.report-filters .filter-group select:focus{border-color:#007bff;outline:none}@media(max-width:768px){.network-container{grid-template-columns:1fr}.mass-grid{grid-template-columns:1fr!important}table{min-width:520px}div:has(>table),.results-container,.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}}.agenda-container{font-family:Outfit,Inter,sans-serif;color:#f8f9fa;padding-bottom:30px}.agenda-container .agenda-filter-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:20px 24px;margin-bottom:22px}.agenda-container .agenda-filter-card .filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.agenda-container .agenda-filter-card .filter-header h3{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.agenda-container .agenda-filter-card .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:flex-end}.agenda-container .agenda-filter-card .filter-grid .form-group{display:flex;flex-direction:column;gap:6px}.agenda-container .agenda-filter-card .filter-grid .form-group label{font-size:11px;font-weight:700;text-transform:uppercase;color:#a0a0a0;letter-spacing:.5px}.agenda-container .agenda-filter-card .filter-grid .form-group input,.agenda-container .agenda-filter-card .filter-grid .form-group select{background-color:#1c1f2e;color:#fff;border:1px solid #222533;border-radius:6px;padding:9px 12px;font-size:12.5px;outline:none;transition:border-color .2s}.agenda-container .agenda-filter-card .filter-grid .form-group input:focus,.agenda-container .agenda-filter-card .filter-grid .form-group select:focus{border-color:#00afb9}.agenda-container .agenda-calendar-card{background-color:#141622;border:1px solid #222533;border-radius:14px;padding:24px;box-shadow:0 10px 30px #00000059}#calendar .fc-header-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px!important;flex-wrap:wrap;gap:12px}#calendar .fc-header-toolbar .fc-toolbar-chunk{display:flex;align-items:center;gap:8px}#calendar .fc-header-toolbar .fc-toolbar-title{font-size:17px!important;font-weight:800!important;color:#fff!important;text-transform:capitalize}#calendar .fc-button-primary{background-color:#1c1f2e!important;border:1px solid #2b3045!important;color:#00afb9!important;border-radius:6px!important;padding:6px 14px!important;font-size:12.5px!important;font-weight:700!important;box-shadow:none!important;transition:all .2s ease!important}#calendar .fc-button-primary:hover{background-color:#00afb9!important;border-color:#00afb9!important;color:#fff!important}#calendar .fc-button-primary:active,#calendar .fc-button-primary.fc-button-active{background-color:#008b94!important;border-color:#008b94!important;color:#fff!important}#calendar .fc-button-primary:disabled{opacity:.4}#calendar .fc-button-group .fc-button{border-radius:0!important;margin:0!important;background-color:#1c1f2e!important;color:#8c90a6!important;border:1px solid #222533!important}#calendar .fc-button-group .fc-button:first-child{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}#calendar .fc-button-group .fc-button:last-child{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}#calendar .fc-button-group .fc-button.fc-button-active,#calendar .fc-button-group .fc-button:hover{background-color:#2b3045!important;color:#fff!important;border-color:#00afb9!important;font-weight:800!important}#calendar .fc-theme-standard td,#calendar .fc-theme-standard th{border-color:#222533!important}#calendar .fc-col-header-cell{background-color:#1a1d2e!important;padding:10px 0!important}#calendar .fc-col-header-cell .fc-col-header-cell-cushion{color:#8c90a6!important;font-size:11.5px!important;font-weight:700!important;text-transform:uppercase!important;text-decoration:none!important}#calendar .fc-daygrid-day{background-color:#141622;transition:background-color .2s}#calendar .fc-daygrid-day:hover{background-color:#ffffff05}#calendar .fc-daygrid-day.fc-day-today{background-color:#fef08a0f!important;border:1px solid rgba(250,204,21,.3)!important}#calendar .fc-daygrid-day .fc-daygrid-day-number{color:#8c90a6!important;font-size:12px!important;font-weight:700!important;padding:6px 8px!important;text-decoration:none!important}#calendar .fc-timegrid-slot{height:38px!important;border-bottom:1px solid #1c1f2e!important}#calendar .fc-timegrid-slot .fc-timegrid-slot-label-cushion{color:#8c90a6!important;font-size:11px!important;font-family:monospace;text-transform:lowercase}#calendar .fc-timegrid-col.fc-day-today{background-color:#fef08a0a!important}#calendar .fc-event{border-radius:6px!important;padding:3px 6px!important;font-size:11.5px!important;font-weight:700!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease!important;border-width:1px!important}#calendar .fc-event:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #00000080!important;z-index:50!important}#calendar .fc-event .fc-event-main{padding:2px 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#calendar .fc-list-day-cushion{background-color:#1c1f2e!important;color:#fff!important}#calendar .fc-list-event{background-color:#141622!important;color:#e2e8f0!important}#calendar .fc-list-event:hover td{background-color:#1c1f2e!important}#calendar .fc-daygrid-more-link{color:#00afb9!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;padding:2px 4px!important;border-radius:4px!important;transition:all .2s ease!important}#calendar .fc-daygrid-more-link:hover{color:#38bdf8!important;background-color:#38bdf81f!important;text-decoration:underline!important}.fc-popover{background-color:#141622!important;border:1px solid #2b3045!important;box-shadow:0 15px 40px #000000b3!important;border-radius:12px!important;overflow:hidden!important;z-index:9999!important}.fc-popover .fc-popover-header{background-color:#1a1d2e!important;color:#fff!important;padding:10px 14px!important;border-bottom:1px solid #222533!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.fc-popover .fc-popover-header .fc-popover-title{font-size:13.5px!important;font-weight:800!important;color:#00afb9!important}.fc-popover .fc-popover-header .fc-popover-close{color:#a0a0a0!important;opacity:.8!important;font-size:16px!important;cursor:pointer!important}.fc-popover .fc-popover-header .fc-popover-close:hover{color:#fff!important;opacity:1!important}.fc-popover .fc-popover-body{background-color:#141622!important;padding:10px!important;max-height:320px!important;overflow-y:auto!important}.fc-popover .fc-popover-body .fc-daygrid-event-harness{margin-bottom:5px!important}.modal-os-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0b12d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;align-items:center;justify-content:center;padding:20px}.modal-os-overlay .modal-os-content{background-color:#141622;border:1px solid #222533;border-radius:16px;width:100%;max-width:680px;box-shadow:0 20px 50px #0009;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.modal-os-overlay .modal-os-header{padding:20px 24px;border-bottom:1px solid #222533;display:flex;align-items:center;justify-content:space-between;background-color:#181b2a}.modal-os-overlay .modal-os-header .modal-title-box{display:flex;align-items:center;gap:12px}.modal-os-overlay .modal-os-header .modal-title-box .badge-os-id{font-family:monospace;font-weight:800;font-size:13px;padding:4px 9px;border-radius:6px;background:#1c1f2e;border:1px solid #00AFB9;color:#00afb9}.modal-os-overlay .modal-os-header .modal-title-box h3{margin:0;font-size:16px;font-weight:800;color:#fff}.modal-os-overlay .modal-os-header .btn-modal-close{background:transparent;border:none;color:#a0a0a0;font-size:20px;cursor:pointer;transition:color .2s}.modal-os-overlay .modal-os-header .btn-modal-close:hover{color:#fff}.modal-os-overlay .modal-os-body{padding:24px;max-height:75vh;overflow-y:auto}.modal-os-overlay .modal-os-body .os-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:576px){.modal-os-overlay .modal-os-body .os-detail-grid{grid-template-columns:1fr}}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item{background:#1c1f2e;border:1px solid #222533;border-radius:8px;padding:12px 14px}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-label{font-size:10.5px;font-weight:700;text-transform:uppercase;color:#8c90a6;margin-bottom:4px}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-value{font-size:13px;font-weight:700;color:#fff}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-value.cyan{color:#00afb9}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-value.green{color:#10b981}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-value.yellow{color:#f59e0b}.modal-os-overlay .modal-os-body .os-detail-grid .detail-item .detail-value.red{color:#ef4444}.modal-os-overlay .modal-os-body .detail-box-full{background:#1c1f2e;border:1px solid #222533;border-radius:8px;padding:14px;margin-bottom:16px}.modal-os-overlay .modal-os-body .detail-box-full .detail-label{font-size:10.5px;font-weight:700;text-transform:uppercase;color:#8c90a6;margin-bottom:6px}.modal-os-overlay .modal-os-body .detail-box-full .detail-text{font-size:13px;color:#cbd5e1;line-height:1.5}.modal-os-overlay .modal-os-footer{padding:16px 24px;border-top:1px solid #222533;background-color:#181b2a;display:flex;justify-content:space-between;align-items:center}.modal-os-overlay .modal-os-footer .btn-diagnosticar-modal{background-color:#10b981;color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}.modal-os-overlay .modal-os-footer .btn-diagnosticar-modal:hover{background-color:#059669}.modal-os-overlay .modal-os-footer .btn-close-modal{background-color:#222533;color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background-color .2s}.modal-os-overlay .modal-os-footer .btn-close-modal:hover{background-color:#2b3045}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fc-list-day-collapse-btn{display:inline-flex;align-items:center;gap:5px;background:#00afb91a;border:1px solid rgba(0,175,185,.25);border-radius:8px;color:#00afb9;font-size:11px;font-weight:700;padding:2px 8px;cursor:pointer;margin-left:10px;vertical-align:middle;transition:all .2s ease;-webkit-user-select:none;user-select:none;letter-spacing:.3px}.fc-list-day-collapse-btn:hover{background:#00afb938;border-color:#00afb980}.fc-list-day-collapse-btn .btn-chevron{display:inline-block;transition:transform .25s ease;font-size:10px;line-height:1}.fc-list-day-collapse-btn.collapsed .btn-chevron{transform:rotate(-90deg)}.fc-list-day-collapse-btn .btn-count{background:#00afb92e;border-radius:6px;padding:0 5px;font-size:10px;color:#00e5f0}.legend-badge-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s ease;display:inline-flex;align-items:center;gap:5px}.legend-badge-item:hover{transform:translateY(-1px);filter:brightness(1.25);box-shadow:0 3px 8px #00000059}.legend-badge-item.inactive{opacity:.35!important;filter:grayscale(85%)!important;text-decoration:line-through!important;border-color:#ffffff1a!important;background:#ffffff08!important;color:#64748b!important;transform:none!important;box-shadow:none!important}.legend-badge-item.inactive span{background:#475569!important;opacity:.5!important}.card-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:400px;background:#141622b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px;transition:opacity .25s ease,visibility .25s ease;opacity:1;visibility:visible}@media(max-width:768px){.agenda-container{padding-bottom:15px}.agenda-container .agenda-filter-card{padding:14px 16px}.agenda-container .agenda-filter-card .filter-header{flex-direction:column;align-items:flex-start;gap:8px}.agenda-container .agenda-filter-card .filter-grid{grid-template-columns:1fr!important;gap:10px}.agenda-container .agenda-filter-card .filter-grid .btn-primary,.agenda-container .agenda-filter-card .filter-grid button{width:100%}.agenda-container .agenda-calendar-card{padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}#calendar{min-width:600px}#calendar .fc-header-toolbar{flex-direction:column;align-items:stretch;gap:10px}#calendar .fc-header-toolbar .fc-toolbar-chunk{justify-content:center}#calendar .fc-header-toolbar .fc-toolbar-title{font-size:15px!important;text-align:center}}@media(max-width:480px){#calendar{min-width:500px}}.frota-container{padding:20px;display:flex;flex-direction:column;gap:20px;color:#e2e8f0;font-family:Segoe UI,wf_segoe-ui_normal,helvetica,arial,sans-serif}.gestao-header-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px;margin-bottom:5px;flex-wrap:wrap;gap:12px}.gestao-header-bar .gestao-header-title h2{margin:0;font-size:22px;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:10px}.gestao-header-bar .gestao-header-title p{margin:4px 0 0;font-size:13px;color:#94a3b8}.gestao-header-bar .gestao-header-actions{display:flex;align-items:center;gap:12px}.gestao-header-bar .gestao-header-actions .btn-primary-add{background:linear-gradient(135deg,#00afb9,#008b94);border:1px solid rgba(0,175,185,.4);color:#fff;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #00afb940}.gestao-header-bar .gestao-header-actions .btn-primary-add:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00afb959;filter:brightness(1.1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-grid .kpi-card{background:#1e293b4d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kpi-grid .kpi-card:hover{transform:translateY(-2px);border-color:#38bdf833;box-shadow:0 8px 24px #0003}.kpi-grid .kpi-card .kpi-title{font-size:11.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.kpi-grid .kpi-card .kpi-value{font-size:28px;font-weight:800;margin-top:8px}.kpi-grid .kpi-card .kpi-value.info-color{color:#f8fafc}.kpi-grid .kpi-card .kpi-value.success-color{color:#10b981}.kpi-grid .kpi-card .kpi-value.cyan-color{color:#38bdf8}.kpi-grid .kpi-card .kpi-value.warning-color{color:#f59e0b}.kpi-grid .kpi-card .kpi-value.danger-color{color:#ef4444}.kpi-grid .kpi-card .kpi-subtitle{font-size:11px;color:#64748b;margin-top:4px}.kpi-grid .kpi-card .kpi-icon{position:absolute;right:15px;bottom:12px;font-size:32px;opacity:.15;-webkit-user-select:none;user-select:none}.frota-filter-bar{background:#1e293b40;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 18px}.frota-filter-bar .frota-filter-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.frota-filter-bar .frota-filter-form .search-input-wrapper{position:relative;flex:1;min-width:260px}.frota-filter-bar .frota-filter-form .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.frota-filter-bar .frota-filter-form .search-input-wrapper .search-field{padding-left:36px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#f8fafc;border-radius:8px;font-size:13px;height:38px;width:100%;outline:none}.frota-filter-bar .frota-filter-form .search-input-wrapper .search-field:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.frota-filter-bar .frota-filter-form .search-input-wrapper .search-field::placeholder{color:#64748b}.frota-filter-bar .frota-filter-form .dark-select{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:8px 14px;border-radius:8px;font-size:13px;height:38px;outline:none;cursor:pointer}.frota-filter-bar .frota-filter-form .dark-select option{background:#0f172a;color:#f8fafc}.frota-filter-bar .frota-filter-form .dark-select:focus{border-color:#38bdf8}.frota-filter-bar .frota-filter-form .btn-filter-submit{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;height:38px;cursor:pointer;transition:all .2s ease}.frota-filter-bar .frota-filter-form .btn-filter-submit:hover{background:#38bdf840;border-color:#38bdf8}.panel-card{background:#1e293b40;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.panel-card .panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.panel-card .panel-header.flex-between{justify-content:space-between}.panel-card .panel-header .panel-header-title h3{margin:0;font-size:16px;font-weight:700;color:#f8fafc}.panel-card .panel-header .panel-header-title .panel-subtitle{font-size:12px;color:#64748b;display:block;margin-top:2px}.panel-card .panel-header .badge-total-records{font-size:11.5px;font-weight:700;background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25);padding:4px 12px;border-radius:999px}.panel-card .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.powerbi-report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.powerbi-report-table thead th{background:#0f172ab3;color:#94a3b8;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;white-space:nowrap}.powerbi-report-table thead th:first-child{border-top-left-radius:8px}.powerbi-report-table thead th:last-child{border-top-right-radius:8px}.powerbi-report-table tbody tr{transition:background .15s ease}.powerbi-report-table tbody tr:hover{background:#38bdf80a}.powerbi-report-table tbody tr td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.03);color:#cbd5e1;vertical-align:middle;white-space:nowrap}.powerbi-report-table tbody tr td .plate-highlight{color:#f8fafc;font-family:monospace,monospace;font-size:14px;letter-spacing:.5px}.powerbi-report-table tbody tr:last-child td{border-bottom:none}.vehicle-tracking-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid}.vehicle-tracking-badge.is-tracked{background:#10b9811a;border-color:#10b9814d;color:#34d399}.vehicle-tracking-badge.not-tracked{background:#ef44441a;border-color:#ef44444d;color:#f87171}.vehicle-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:4px 12px;border:1px solid;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.vehicle-alert-badge.alert-ok{background:#10b9811a;border-color:#10b9814d;color:#34d399}.vehicle-alert-badge.alert-overdue{background:#ef44441f;border-color:#ef44444d;color:#f87171}.vehicle-alert-badge.alert-warning{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.table-actions button{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.table-actions button.btn-action-edit{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8}.table-actions button.btn-action-edit:hover{background:#38bdf840}.table-actions button.status-inactive{background:#94a3b81f;border-color:#94a3b840;color:#cbd5e1}.table-actions button.status-inactive:hover{background:#94a3b838}.table-actions button.status-active{background:#ef44441f;border-color:#ef44444d;color:#f87171}.table-actions button.status-active:hover{background:#ef444440}.fleet-pagination{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:16px;margin-top:10px;flex-wrap:wrap;gap:12px}.fleet-pagination .pagination-info{font-size:12.5px;color:#94a3b8}.fleet-pagination .pagination-info strong{color:#f8fafc}.switch-container{display:inline-flex;align-items:center}.switch{position:relative;display:inline-block;width:42px;height:22px;margin:0}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#10b981}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:disabled+.slider{opacity:.4;cursor:not-allowed}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.3s ease;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 1px 3px #0006}.vehicle-form-tabs{background-color:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:5px;display:flex;gap:6px;margin-bottom:20px}.vehicle-tab-button{flex:1;background:transparent;border:none;color:#94a3b8;padding:10px 8px;border-radius:6px;font-weight:600;font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.vehicle-tab-button:hover{color:#f8fafc;background-color:#ffffff0a}.vehicle-tab-button.active{background-color:#00afb9;color:#fff;box-shadow:0 4px 12px #00afb94d}.vehicle-tab-content{display:none}.vehicle-tab-content.active{display:block}@media(max-width:768px){.frota-container{padding:14px;gap:14px}.gestao-header-bar{flex-direction:column;align-items:flex-start}.gestao-header-bar .gestao-header-actions{width:100%}.gestao-header-bar .gestao-header-actions .btn-primary-add{width:100%;justify-content:center}.frota-filter-bar .frota-filter-form{flex-direction:column;align-items:stretch}.frota-filter-bar .frota-filter-form .search-input-wrapper,.frota-filter-bar .frota-filter-form .dark-select,.frota-filter-bar .frota-filter-form .btn-filter-submit{width:100%}}.card-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:450px;background:#141622b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px;transition:opacity .25s ease,visibility .25s ease;opacity:1;visibility:visible}.card-loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.card-spinner-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0e101aeb;border:1px solid rgba(0,175,185,.35);padding:22px 34px;border-radius:14px;box-shadow:0 10px 30px #00000080,0 0 20px #00afb926}.spinner-svg-icon{animation:rotateSvgSpinner 1.2s linear infinite}@keyframes rotateSvgSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.3px}@media(max-width:1024px){.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.os-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.os-filter-bar .filter-left{width:100%}.os-filter-bar .filter-left .page-main-title{font-size:17px!important}.os-filter-bar .filter-left .quick-periods{width:100%;display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.os-filter-bar .filter-left .quick-periods .period-btn{flex-shrink:0;padding:6px 14px}.os-filter-bar .filter-right{width:100%;display:flex;flex-wrap:wrap;gap:10px!important}.os-filter-bar .filter-right .unit-selector-wrapper,.os-filter-bar .filter-right .date-range-inputs,.os-filter-bar .filter-right .toggle-metric-group{width:100%;justify-content:space-between;box-sizing:border-box}.os-filter-bar .filter-right .date-range-inputs{display:flex;align-items:center;gap:8px}.os-filter-bar .filter-right .date-range-inputs input[type=date]{flex:1;min-width:0}.kpi-cards-grid{grid-template-columns:1fr!important}.data-table-container,.table-card,.analytics-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.data-table-container table,.table-card table,.analytics-table-wrapper table{min-width:550px}}@media(max-width:480px){.os-dashboard-container{padding:10px!important}}.os-tecnicos-container{padding:20px}@media(max-width:768px){.os-tecnicos-container{padding:10px!important}}.os-tecnicos-filter-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.os-tecnicos-filter-bar{flex-direction:column!important;align-items:stretch!important;padding:14px!important;gap:12px!important}.os-tecnicos-filter-bar .filter-left{width:100%}.os-tecnicos-filter-bar .filter-left .page-main-title{font-size:17px!important}.os-tecnicos-filter-bar .filter-left .quick-periods{width:100%;display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.os-tecnicos-filter-bar .filter-left .quick-periods .period-btn{flex-shrink:0}.os-tecnicos-filter-bar .filter-right{width:100%;display:flex;flex-direction:column;gap:10px!important}.os-tecnicos-filter-bar .filter-right div{width:100%;justify-content:space-between;box-sizing:border-box}.os-tecnicos-filter-bar .filter-right div select{max-width:unset!important}}.tecnicos-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}@media(max-width:768px){.tecnicos-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(max-width:480px){.tecnicos-kpi-grid{grid-template-columns:1fr!important}}.tecnicos-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}@media(max-width:768px){.tecnicos-cards-grid{grid-template-columns:1fr!important;gap:14px!important}}.tecnicos-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.tecnicos-table-wrapper table{min-width:600px}.tecnicos-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:900px){.tecnicos-charts-grid{grid-template-columns:1fr!important;gap:16px!important}}.tecnicos-chart-card{background:#1e293b40;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px}@media(max-width:768px){.tecnicos-chart-card{padding:14px 12px!important}}.tecnicos-chart-card h3{font-size:14px;color:#f8fafc;font-weight:700;margin-top:0;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.tecnicos-chart-card h3{font-size:12px!important;margin-bottom:12px!important}}.tecnicos-chart-scroll{max-height:480px;height:auto;overflow-y:auto;overflow-x:hidden;padding-right:6px;-webkit-overflow-scrolling:touch}@media(max-width:768px){.tecnicos-chart-scroll{max-height:420px!important;padding-right:2px!important}}.tecnicos-chart-scroll::-webkit-scrollbar{width:4px}.tecnicos-chart-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@media(max-width:768px){.modal-content{width:94vw!important;max-width:calc(100vw - 24px)!important;padding:16px!important;box-sizing:border-box}}.gestao-tecnicos-container{padding:20px;max-width:100%;overflow-x:hidden}@media(max-width:768px){.gestao-tecnicos-container{padding:10px!important}}.gestao-tecnicos-container *{box-sizing:border-box!important}.gestao-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media(max-width:768px){.gestao-header-bar{flex-direction:column;align-items:stretch;gap:12px}}.gestao-tabs-wrapper{display:flex;background:#1e293b66;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05);gap:4px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}.gestao-tabs-wrapper .tab-btn{flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s ease}.gestao-tabs-wrapper .tab-btn.active{background:#00afb9;color:#fff;font-weight:700;box-shadow:0 2px 8px #00afb94d}.gestao-tabs-wrapper .tab-btn:hover:not(.active){background:#ffffff0d;color:#f8fafc}.gestao-filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;background:#1e293b33;padding:12px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}@media(max-width:768px){.gestao-filter-row{flex-direction:column;align-items:stretch;padding:12px;gap:10px}.gestao-filter-row div{width:100%;justify-content:space-between}}.gestao-two-columns-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;margin-bottom:24px}.gestao-two-columns-layout>div{min-width:0!important}@media(max-width:900px){.gestao-two-columns-layout{grid-template-columns:1fr!important;gap:16px!important}}@media(max-width:768px){.content{padding:10px!important}.gestao-tecnicos-container .tab-content>div,.gestao-tecnicos-container .gestao-two-columns-layout>div{padding:14px!important;border-radius:10px!important}}.gestao-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;margin-bottom:20px}.gestao-table-wrapper table{width:100%;min-width:650px;border-collapse:collapse}@media(max-width:768px){.gestao-table-wrapper table{min-width:100%!important}}.gestao-table-wrapper th,.gestao-table-wrapper td{white-space:normal!important;word-break:break-word!important}@media(max-width:768px){.gestao-table-wrapper th,.gestao-table-wrapper td{padding:8px 4px!important;font-size:11px!important}}.gestao-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}@media(max-width:768px){.gestao-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media(max-width:480px){.gestao-kpi-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.gestao-form-card,.form-group-custom{width:100%!important;max-width:100%!important;box-sizing:border-box}.gestao-form-card input,.gestao-form-card select,.gestao-form-card textarea,.form-group-custom input,.form-group-custom select,.form-group-custom textarea{width:100%!important;box-sizing:border-box}}.desktop-only{display:block}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.ranking-cards-list{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;margin-top:10px}.ranking-mobile-card{background:#1e293b66;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,border-color .2s ease}.ranking-mobile-card:active{transform:scale(.99);border-color:#00afb94d}.ranking-mobile-card .card-header-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.ranking-mobile-card .card-header-row .rank-badge{font-size:11px;font-weight:800;color:#000;padding:2px 8px;border-radius:20px;text-transform:uppercase}.ranking-mobile-card .card-header-row .tec-name-title{font-size:14px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-mobile-card .card-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}.ranking-mobile-card .card-stats-grid .stat-item{display:flex;flex-direction:column;gap:2px}.ranking-mobile-card .card-stats-grid .stat-item .stat-lbl{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.ranking-mobile-card .card-stats-grid .stat-item .stat-val{font-size:13px;font-weight:600;color:#e2e8f0}.ranking-mobile-card .card-stats-grid .stat-item .stat-val.font-highlight-blue{color:#38bdf8}.ranking-mobile-card .card-stats-grid .stat-item .stat-val.font-highlight-cyan{color:#00afb9;font-weight:800}.ranking-mobile-card .card-actions-row{margin-top:4px}.ranking-mobile-card .card-actions-row .btn-card-inspect{width:100%;background:#00afb91f;border:1px solid rgba(0,175,185,.35);color:#00afb9;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;box-sizing:border-box}.ranking-mobile-card .card-actions-row .btn-card-inspect:active{background:#00afb940}}.powermoon-container{color:#f8f9fa;font-family:Outfit,Inter,sans-serif}.powermoon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#141622;padding:20px;border-radius:12px;border:1px solid #222533}.powermoon-title h2{font-size:20px;font-weight:800;margin:0;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.powermoon-title p{font-size:13px;color:#a0a0a0;margin:4px 0 0}.powermoon-actions{display:flex;align-items:center;gap:15px}.tabs-nav{display:flex;gap:8px;margin-bottom:25px;border-bottom:1px solid #222533;padding-bottom:8px;overflow-x:auto;white-space:nowrap}.tabs-nav::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-thumb{background:#282b3d;border-radius:2px}.tab-btn{background:none;border:none;color:#8c90a6;padding:10px 18px;font-size:13.5px;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:#3b82f6;background:#3b82f614;box-shadow:inset 0 0 10px #3b82f60d;border-bottom:2px solid #3b82f6;border-bottom-left-radius:0;border-bottom-right-radius:0}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:14px 20px;border-radius:10px;margin-bottom:25px;font-size:13px;font-weight:600;display:none;align-items:center;gap:10px}.hero{background:linear-gradient(135deg,#141622,#1e2030 130%);border:1px solid #222533;border-radius:12px;padding:24px 30px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#3b82f6}.hero .lbl{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:#8c90a6;font-weight:700}.hero .name{font-size:clamp(20px,3vw,26px);font-weight:800;margin-top:6px;color:#fff}.hero .sub{color:#a0a0a0;font-size:13px;margin-top:8px;max-width:55ch;line-height:1.5}.hero .big{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:.9;letter-spacing:-.03em}.hero .big small{font-size:.4em;color:#8c90a6;font-weight:600;margin-left:2px}.grupo{margin-bottom:35px}.grupo-cab{display:flex;align-items:center;gap:15px;margin-bottom:18px}.grupo-cab h2{font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#3b82f6;margin:0;white-space:nowrap}.grupo-cab .reg{font-size:12px;color:#8c90a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grupo-cab .rule{flex:1;height:1px;background:#222533}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.card{background:#141622;border:1px solid #222533;border-radius:12px;padding:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.card .nome{font-weight:700;font-size:15px;color:#fff}.marca{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;color:#fff;font-weight:800;font-size:11px;margin-right:8px;flex-shrink:0;font-family:inherit}.nome-linha{display:flex;align-items:center}.card .tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8c90a6;margin-top:4px;font-weight:600}.lag-badge{background:#3b82f61f;color:#60a5fa;font-size:9px;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:700;border:1px solid rgba(59,130,246,.2)}.infra-detalhes-linha{margin-top:10px;padding:8px 12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.06);border-radius:8px;font-size:11px;line-height:1.4}.infra-host{font-family:Fira Code,Courier New,monospace;font-weight:600;color:#cbd5e1}.infra-membros{font-family:Fira Code,Courier New,monospace;color:#8c90a6;font-size:10px;margin-top:3px;word-break:break-all}.card .ver{font-size:10px;color:#3b82f6;opacity:0;transition:opacity .2s ease;margin-top:12px;text-align:right;font-weight:700}.card:hover .ver{opacity:1}.badge{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid transparent}.b-ok{background:#10b9811f;color:#10b981;border-color:#10b98133}.b-warn{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b33}.b-crit{background:#ef44441f;color:#ef4444;border-color:#ef444433}.b-none{background:#8c90a61f;color:#8c90a6;border-color:#8c90a633}.leitura{display:flex;align-items:baseline;gap:6px;margin:12px 0 6px}.leitura .v{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#fff}.leitura .u{font-size:13px;color:#8c90a6;font-weight:600}.dirtag{font-size:9px;font-weight:700;letter-spacing:.05em;color:#3b82f6;border:1px solid rgba(59,130,246,.2);background:#3b82f60d;border-radius:4px;padding:2px 6px;margin-left:6px;text-transform:uppercase}.leitura .cap{margin-left:auto;font-size:11.5px;color:#8c90a6;text-align:right}.leitura .cap b{color:#fff;font-weight:700}.gauge{height:6px;border-radius:10px;background:#222533;position:relative;overflow:hidden;margin-top:6px;margin-bottom:10px}.gauge .fill{position:absolute;left:0;top:0;bottom:0;border-radius:10px;transition:width .6s cubic-bezier(.3,.9,.3,1)}.f-ok{background:linear-gradient(90deg,#059669,#10b981)}.f-warn{background:linear-gradient(90deg,#d97706,#f59e0b)}.f-crit{background:linear-gradient(90deg,#dc2626,#ef4444)}.gauge .fis{position:absolute;top:0;bottom:0;width:2px;background:#3b82f6;opacity:.6}.gauge.indef{background:repeating-linear-gradient(90deg,#222533 0 8px,transparent 8px 14px)}.meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#8c90a6;font-weight:600}.sla-mes{font-weight:700;font-size:11px}.lat-linha{display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 12px;background:#1a1b26;border:1px solid #282b3d;border-radius:8px;cursor:pointer;transition:all .2s ease}.lat-linha:hover{border-color:#3b82f6;background:#3b82f608}.lat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lat-val{font-size:12.5px;font-weight:700;color:#fff}.lat-lbl{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:#8c90a6;font-weight:700}.lat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.lat-card{background:#141622;border:1px solid #222533;border-radius:12px;padding:20px;cursor:pointer;transition:all .25s ease}.lat-card:hover{border-color:#3b82f6;transform:translateY(-3px)}.lat-card .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.lat-card .leitura{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.lat-card .leitura .v{font-size:26px;font-weight:800;line-height:1}.lat-card .leitura .u{font-size:13px;color:#8c90a6}.lat-card .leitura .cap{margin-left:auto;font-size:11px;color:#8c90a6}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 6px}.duo-item{padding:10px 14px;border-radius:8px;background:#1a1b26;border:1px solid #282b3d}.duo-lbl{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8c90a6;margin-bottom:4px;font-weight:700}.duo-val{font-size:18px;font-weight:800;color:#fff}.duo-val .u{font-size:11px;font-weight:600;color:#8c90a6;margin-left:2px}.nota{font-size:11px;color:#8c90a6;margin-top:12px;border-top:1px solid #222533;padding-top:8px;line-height:1.45;font-style:italic}.spark{width:100%;height:52px;margin-top:15px;display:block;background:#00000014;border-radius:6px}.spark-axis{font-family:IBM Plex Mono,Space Mono,monospace;font-size:8px;fill:#6c728e;font-weight:600}.spark-grid{stroke:#222533;stroke-width:1}.alerta-item{display:flex;align-items:flex-start;gap:12px;background:#141622;border:1px solid #ef4444;border-left:4px solid #ef4444;border-radius:8px;padding:14px 18px;margin-bottom:12px;font-size:13px;line-height:1.5;cursor:pointer}.alerta-item.atencao{border-color:#f59e0b;border-left-color:#f59e0b}.alerta-item b{display:block;margin-bottom:2px;color:#fff;font-size:13.5px}.alerta-item .meta-alerta{font-size:11px;color:#8c90a6;margin-top:4px;font-weight:600}.evento{display:flex;gap:14px;padding:14px 18px;border-radius:10px;background:#141622;border:1px solid #222533;margin-bottom:10px;align-items:flex-start;transition:all .2s ease}.evento.entrada{border-left:4px solid #ef4444}.evento.entrada.atencao{border-left-color:#f59e0b}.evento.recuperou{border-left:4px solid #10b981;opacity:.85}.evento .ev-icone{font-size:15px;flex-shrink:0;margin-top:1px}.evento .ev-titulo{font-weight:700;font-size:13.5px;color:#fff}.evento .ev-msg{font-size:12.5px;color:#8c90a6;margin-top:4px;white-space:pre-line;line-height:1.45}.evento .ev-hora{font-size:11px;color:#8c90a6;flex-shrink:0;margin-left:auto;white-space:nowrap;font-weight:600}.prob{background:#141622;border:1px solid #222533;border-left:4px solid #ef4444;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;overflow:hidden}.prob.atencao{border-left-color:#f59e0b}.prob:hover{border-color:#3b82f6}.prob-linha{display:flex;align-items:center;gap:14px;padding:14px 18px}.prob-pulso{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#ef4444;box-shadow:0 0 #ef444480;animation:prob-pulso 2s infinite}.prob.atencao .prob-pulso{background:#f59e0b;box-shadow:0 0 #f59e0b80}@keyframes prob-pulso{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.prob-titulo{font-weight:700;font-size:13.5px;color:#fff;flex:1}.prob-duracao{font-size:11px;color:#8c90a6;background:#1a1b26;border:1px solid #282b3d;border-radius:20px;padding:3px 10px;flex-shrink:0;font-weight:700}.prob-seta{color:#8c90a6;font-size:11px;transition:transform .2s;flex-shrink:0}.prob.aberto .prob-seta{transform:rotate(90deg)}.prob-detalhe{display:none;padding:12px 18px 14px 40px;font-size:12.5px;color:#8c90a6;white-space:pre-line;line-height:1.5;border-top:1px solid rgba(255,255,255,.02)}.prob.aberto .prob-detalhe{display:block}.vazio-ok{color:#10b981;text-align:center;padding:30px;font-size:13.5px;font-weight:700;background:#141622;border:1px solid #222533;border-radius:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cd9;display:none;align-items:center;justify-content:center;padding:24px;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay.open{display:flex}.modal-dialog-custom{background:#141622;border:1px solid #2d3142;border-radius:16px;width:min(850px,100%);max-height:90vh;overflow-y:auto;padding:25px;box-shadow:0 20px 40px #0009;animation:modal-in .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-dialog-custom .mhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.modal-dialog-custom .mnome{font-size:20px;font-weight:800;color:#fff}.modal-dialog-custom .mtag{font-size:11px;color:#8c90a6;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-weight:700}.modal-dialog-custom .mnota{color:#a0a0a0;font-size:13px;margin-top:12px;max-width:70ch;line-height:1.5}.fechar{background:none;border:1px solid #2d3142;color:#8c90a6;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fechar:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.periodos{display:flex;gap:6px;margin:18px 0}.pbtn{background:#1a1b26;border:1px solid #282b3d;color:#8c90a6;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.pbtn:hover{color:#fff;border-color:#3b82f6}.pbtn.ativo{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.chart-wrap{position:relative;height:320px;margin-top:10px;background:#1a1b26;border:1px solid #222533;border-radius:10px;padding:15px}.spinner-circle{width:32px;height:32px;border:3px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin-chart .8s linear infinite}@keyframes spin-chart{to{transform:rotate(360deg)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.stat{background:#1a1b26;border:1px solid #282b3d;border-radius:8px;padding:10px 12px}.stat .sl{font-size:9.5px;color:#8c90a6;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.stat .sv{font-size:16px;font-weight:800;color:#fff;margin-top:3px}.stat-linha{background:#1a1b26;border:1px solid #282b3d;border-radius:10px;padding:15px;margin-top:15px}.stat-rot{font-weight:800;font-size:13px;letter-spacing:.05em;margin-bottom:12px;display:block;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:6px}.stat-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:768px){.modal-dialog-custom{width:96vw!important;max-width:96vw!important;padding:16px!important;max-height:92vh}.chart-wrap{height:220px!important;padding:10px!important}.periodos{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.stats{grid-template-columns:1fr!important}.stat-vals{grid-template-columns:1fr 1fr!important}.stat-linha{margin-top:10px}}.vazio{color:#8c90a6;text-align:center;padding:50px 20px;font-size:13px;font-weight:600}.cmp-layout{display:grid;grid-template-columns:280px 1fr;gap:25px}@media(max-width:850px){.cmp-layout{grid-template-columns:1fr}}.cmp-painel{background:#141622;border:1px solid #222533;border-radius:12px;padding:20px;display:flex;flex-direction:column;max-height:600px}.cmp-modo{display:flex;gap:4px;background:#1a1b26;padding:3px;border-radius:6px;border:1px solid #282b3d;margin-bottom:15px}.cmp-modo button{flex:1;background:none;border:none;color:#8c90a6;padding:6px;cursor:pointer;font-weight:700;font-size:12px;border-radius:4px;transition:all .15s}.cmp-modo button.ativo{background:#3b82f6;color:#fff}.cmp-busca{background:#1a1b26;border:1px solid #282b3d;border-radius:6px;padding:8px 12px;color:#fff;font-size:12.5px;margin-bottom:15px;width:100%;outline:none}.cmp-busca:focus{border-color:#3b82f6}#cmp-lista{overflow-y:auto;flex:1;padding-right:5px}#cmp-lista::-webkit-scrollbar{width:4px}#cmp-lista::-webkit-scrollbar-thumb{background:#282b3d;border-radius:2px}.cmp-categoria{font-size:10px;text-transform:uppercase;color:#3b82f6;font-weight:800;margin:12px 0 6px;letter-spacing:.05em}.cmp-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;color:#a0a0a0;cursor:pointer;border-radius:4px;transition:background .15s}.cmp-item:hover{background:#ffffff05;color:#fff}.cmp-selecionados{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;min-height:32px}.cmp-chip{display:inline-flex;align-items:center;gap:8px;background:#1a1b26;border:1px solid #282b3d;border-radius:6px;padding:4px 10px;font-size:12px;color:#fff;font-weight:600}.cmp-chip .pt{width:6px;height:6px;border-radius:50%}.cmp-chip button{background:none;border:none;color:#8c90a6;cursor:pointer;font-size:14px;line-height:1;padding:0;font-weight:700}.cmp-chip button:hover{color:#ef4444}.cmp-escala{display:inline-flex;gap:4px;background:#1a1b26;border:1px solid #282b3d;padding:3px;border-radius:6px;margin-bottom:15px}.cmp-escala button{background:none;border:none;color:#8c90a6;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px}.cmp-escala button.ativo{background:#2d3142;color:#fff}.cmp-chart-wrap{position:relative;height:360px;background:#141622;border:1px solid #222533;border-radius:12px;padding:15px}.cmp-dica{font-size:11px;color:#8c90a6;margin-top:10px;font-style:italic}.saude-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.eq-card{background:#141622;border:1px solid #222533;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.eq-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.eq-nome{font-weight:700;font-size:15px;color:#fff}.eq-desc{font-size:11px;color:#8c90a6;margin-top:4px;font-weight:600}.eq-tipo{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#3b82f6;padding:3px 8px;border:1px solid rgba(59,130,246,.2);background:#3b82f60d;border-radius:20px;font-weight:800}.medidores{display:grid;grid-template-columns:1fr 1fr;gap:12px}.med{background:#1a1b26;border:1px solid #282b3d;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease}.med:hover{border-color:#3b82f6;background:#3b82f608}.med .ml{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#8c90a6;font-weight:700}.med .mv{font-size:20px;font-weight:800;margin-top:4px;color:#fff}.med .mv small{font-size:11px;color:#8c90a6;font-weight:600}.med .mbar{height:4px;border-radius:10px;background:#222533;margin-top:8px;overflow:hidden;position:relative}.med .mbar .mf{position:absolute;left:0;top:0;bottom:0;border-radius:10px}.med.nd{opacity:.45}.med.nd .mv{font-size:13px;color:#8c90a6;font-weight:700}.powermoon-footer{margin-top:30px;text-align:center;color:#6c728e;font-size:11px;font-weight:600}@media(max-width:768px){.powermoon-container{padding:12px!important}.powermoon-header{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.powermoon-olts-grid,.olts-grid,[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.olt-detail-card,.powermoon-detail{flex-direction:column!important}.period-tabs,[style*="display: flex"][style*=border-radius][style*="overflow: hidden"]{width:100%!important}.chart-wrap canvas,#cmp-canvas,#m-canvas{max-height:200px!important}.m-stats-grid,[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}table{min-width:600px}div:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}[style*="display: flex"][style*=gap][style*=align-items]{flex-wrap:wrap!important}input[type=text],select{width:100%!important;min-width:unset!important}}@media(max-width:480px){.powermoon-olts-grid,[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}}.roles-container{display:flex;flex-direction:column;gap:20px}.roles-header{background-color:#1a1a1a;padding:18px 24px;border-radius:12px;border-left:4px solid #007bff;border:1px solid #222533;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.roles-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important}.roles-header .roles-title{text-align:center}.roles-header .roles-title p{font-size:13px!important}.roles-header .btn-add-user{width:100%!important;justify-content:center!important;padding:12px 20px!important;font-size:14px!important}}.roles-table-desktop{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #222533;background-color:#1a1a1a}.roles-cards-mobile{display:none;flex-direction:column;gap:12px}@media(max-width:768px){.roles-table-desktop{display:none!important}.roles-cards-mobile{display:flex!important}}.role-card-item{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.role-card-item .card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.role-card-item .card-top .role-name{font-size:15px;font-weight:700;color:#fff}.role-card-item .card-modules{display:flex;flex-direction:column;gap:6px;background:#ffffff05;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.role-card-item .card-modules .modules-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.role-card-item .card-modules .modules-value{font-size:12px;font-weight:600;color:#60a5fa;line-height:1.4;display:flex;flex-wrap:wrap;gap:4px}.role-card-item .card-actions{display:flex;gap:8px;margin-top:4px}.role-card-item .card-actions .btn-action-edit,.role-card-item .card-actions .btn-action-status{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.badge-role{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block}@media(max-width:576px){#roleFormModal .modal-content{width:95vw!important;max-width:95vw!important;margin:10px auto!important}}@media(max-width:576px){#roleFormModal .form-actions{flex-direction:column!important;gap:10px!important}#roleFormModal .form-actions button{width:100%!important;justify-content:center!important}}.rotina-container{padding:0;max-width:100%;margin:0;width:100%;box-sizing:border-box}.tabs-navigation{display:flex;gap:12px;margin-bottom:25px;border-bottom:1px solid #222533;padding-bottom:12px}.tabs-navigation .tab-btn{background:transparent;border:none;color:#8c90a6;font-size:15px;font-weight:700;padding:8px 16px;cursor:pointer;position:relative;transition:all .2s ease;border-radius:6px}.tabs-navigation .tab-btn:hover{color:#fff;background:#ffffff08}.tabs-navigation .tab-btn.active{color:#60a5fa;background:#60a5fa14}.tabs-navigation .tab-btn.active:after{content:"";position:absolute;bottom:-13px;left:0;width:100%;height:3px;background-color:#60a5fa;border-radius:3px 3px 0 0}.card-pendencias{background:linear-gradient(135deg,#ef444414,#f9731608);border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:25px;box-shadow:0 4px 20px #00000026;overflow:hidden}.card-pendencias .card-header-pendencias{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(239,68,68,.15)}.card-pendencias .card-header-pendencias .pulse-indicator{width:8px;height:8px;background-color:#ef4444;border-radius:50%;display:inline-block;box-shadow:0 0 8px #ef4444;animation:pulse-red 2s infinite}.card-pendencias .card-header-pendencias h3{margin:0;font-size:15px;font-weight:800;color:#fca5a5;flex-grow:1}.card-pendencias .card-body-pendencias{padding:16px 20px}.card-pendencias .card-body-pendencias .pendencia-group{margin-bottom:15px}.card-pendencias .card-body-pendencias .pendencia-group:last-child{margin-bottom:0}.card-pendencias .card-body-pendencias .pendencia-group .pendencia-date{font-size:12.5px;font-weight:700;color:#f87171;margin-bottom:10px}.card-pendencias .card-body-pendencias .pendencia-group .pendencia-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.checklist-selector-container{background-color:#161824;border:1px solid #222533;border-radius:10px;padding:16px 20px;margin-bottom:25px}.checklist-selector-container label{font-size:13px;color:#8c90a6;font-weight:600;display:block;margin-bottom:12px}.checklist-selector-container .selector-pills{display:flex;flex-wrap:wrap;gap:10px}.checklist-selector-container .selector-pills .pill-btn{background-color:#1c1f30;border:1px solid #2d3142;color:#cbd5e1;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.checklist-selector-container .selector-pills .pill-btn:hover{background-color:#22253c;border-color:#3b82f6;color:#fff}.checklist-selector-container .selector-pills .pill-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 10px #3b82f64d}.progress-card{background:linear-gradient(135deg,#181b2d,#121320);border:1px solid #222533;border-radius:12px;padding:20px 24px;margin-bottom:30px;box-shadow:0 4px 15px #0003}.progress-card .progress-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.progress-card .progress-info h2{margin:0 0 6px;font-size:18px;font-weight:800;color:#fff}.progress-card .progress-info .template-desc{margin:0;font-size:13px;color:#8c90a6;line-height:1.5}.progress-card .progress-info .progress-badge-box{text-align:right;flex-shrink:0}.progress-card .progress-info .progress-badge-box .progress-percentage-label{font-size:24px;font-weight:900;color:#60a5fa;display:block;line-height:1;margin-bottom:4px}.progress-card .progress-info .progress-badge-box .progress-count-label{font-size:12px;color:#8c90a6;font-weight:700}.progress-card .progress-bar-container{height:8px;background-color:#1d2033;border-radius:4px;overflow:hidden}.progress-card .progress-bar-container .progress-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.checklist-timeline{position:relative;padding-left:20px}.checklist-timeline:before{content:"";position:absolute;top:8px;left:6px;bottom:8px;width:2px;background-color:#222533}.checklist-timeline .timeline-section{position:relative;margin-bottom:30px}.checklist-timeline .timeline-section:last-child{margin-bottom:0}.checklist-timeline .timeline-section .timeline-section-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.checklist-timeline .timeline-section .timeline-section-header .timeline-icon-box{width:14px;height:14px;background-color:#000;border:2px solid #3b82f6;border-radius:50%;position:absolute;left:-20px;top:4px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 6px #3b82f680}.checklist-timeline .timeline-section .timeline-section-header .timeline-icon-box svg{display:none}.checklist-timeline .timeline-section .timeline-section-header .section-title-box h3{margin:0;font-size:14.5px;font-weight:800;color:#f8fafc}.checklist-timeline .timeline-section .timeline-section-header .section-title-box p{margin:4px 0 0;font-size:12px;color:#8c90a6;font-weight:500}.checklist-timeline .timeline-section .timeline-section-body{display:flex;flex-direction:column;gap:8px;padding-left:10px}.checklist-item-row{background-color:#161824;border:1px solid #222533;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:14px;transition:all .2s ease}.checklist-item-row:hover{background-color:#1a1d2e;border-color:#2e334f}.checklist-item-row.checked{background-color:#60a5fa08;border-color:#60a5fa26}.checklist-item-row.checked .item-text-content .item-title{text-decoration:line-through;color:#64748b}.checklist-item-row .checkbox-wrapper{position:relative;width:18px;height:18px;flex-shrink:0}.checklist-item-row .checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checklist-item-row .checkbox-wrapper input[type=checkbox]:checked~label{background-color:#3b82f6;border-color:#3b82f6}.checklist-item-row .checkbox-wrapper input[type=checkbox]:checked~label:after{display:block}.checklist-item-row .checkbox-wrapper label{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#1f2235;border:1.5px solid #475569;border-radius:4px;cursor:pointer;transition:all .15s ease}.checklist-item-row .checkbox-wrapper label:hover{border-color:#60a5fa}.checklist-item-row .checkbox-wrapper label:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checklist-item-row .item-text-content{display:flex;flex-direction:column;flex-grow:1}.checklist-item-row .item-text-content .item-title{font-size:13.5px;font-weight:500;color:#e2e8f0;line-height:1.4;transition:color .15s ease,text-decoration .15s ease}.checklist-item-row .item-text-content .item-meta{font-size:11px;color:#64748b;font-weight:700;margin-top:2px;text-transform:uppercase}.checklist-item-row.info-row{background-color:#11121a;border-color:#ffffff05;cursor:default}.checklist-item-row.info-row:hover{background-color:#11121a;border-color:#ffffff05}.checklist-item-row.info-row .info-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.checklist-item-row.info-row .info-icon.check-icon{color:#10b981}.checklist-item-row.info-row .info-icon.bullet-icon{color:#3b82f6;font-size:18px}.checklist-item-row.info-row .text-muted{color:#94a3b8}.empty-state-card{background-color:#161824;border:1px solid #222533;border-radius:12px;padding:40px;text-align:center;max-width:500px;margin:50px auto}.empty-state-card .empty-icon{font-size:40px;margin-bottom:16px}.empty-state-card h3{margin:0 0 8px;font-size:16px;font-weight:800;color:#fff}.empty-state-card p{margin:0;font-size:13px;color:#8c90a6;line-height:1.5}.templates-header{background-color:#161824;border:1px solid #222533;border-radius:10px;padding:20px 24px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.templates-header .header-title h3{margin:0 0 4px;font-size:16px;font-weight:800;color:#fff}.templates-header .header-title p{margin:0;font-size:12.5px;color:#8c90a6}.badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.badge.badge-success{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge.badge-danger{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge.badge-outline-blue{background-color:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge.badge-outline-purple{background-color:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.badge.badge-outline-green{background-color:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.user-role-badge{font-size:9px;padding:1px 4px;border-radius:3px;background-color:#ffffff14;color:#94a3b8;margin-left:6px;font-weight:800;text-transform:uppercase}.user-role-badge.atendente-badge{background-color:#3b82f626;color:#60a5fa}.audience-options-box{background-color:#1f2235;border:1px solid #2d3142;border-radius:6px;padding:12px;height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.audience-options-box::-webkit-scrollbar{width:5px}.audience-options-box::-webkit-scrollbar-track{background:#1f2235}.audience-options-box::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}.audience-options-box .checkbox-option{display:flex;align-items:center;gap:8px}.audience-options-box .checkbox-option input[type=checkbox]{width:14px;height:14px;cursor:pointer}.audience-options-box .checkbox-option label{font-size:13px;color:#cbd5e1;cursor:pointer;margin:0;font-weight:500;display:inline-flex;align-items:center}.builder-section{margin-top:25px}.builder-section .builder-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #2d3142;padding-bottom:8px;margin-bottom:15px}.builder-section .builder-header h4{margin:0;font-size:14px;font-weight:800;color:#cbd5e1}.builder-section .builder-container{display:flex;flex-direction:column;gap:15px;max-height:380px;overflow-y:auto;padding-right:5px}.builder-section .builder-container::-webkit-scrollbar{width:5px}.builder-section .builder-container::-webkit-scrollbar-track{background:transparent}.builder-section .builder-container::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}.builder-section .builder-container .builder-section-card{background-color:#1c1f30;border:1px solid #2d3142;border-radius:8px;padding:14px}.builder-section .builder-container .builder-section-card .b-sec-header{display:flex;gap:10px;align-items:center}.builder-section .builder-container .builder-section-card .b-sec-header .b-sec-title{font-weight:700;background-color:#161824;border-color:#2d3142}.builder-section .builder-container .builder-section-card .b-sec-header .btn-delete-section{background:transparent;border:none;color:#ef4444;font-size:22px;cursor:pointer;line-height:1}.builder-section .builder-container .builder-section-card .b-sec-header .btn-delete-section:hover{color:#f87171}.builder-section .builder-container .builder-section-card .b-items-container{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-left:10px;border-left:2px solid #2d3142}.builder-section .builder-container .b-item-row{display:flex;align-items:center;gap:8px;background-color:#161824;border:1px solid rgba(255,255,255,.03);border-radius:6px;padding:6px 10px}.builder-section .builder-container .b-item-row .b-drag-handle{color:#475569;cursor:grab;font-size:14px;-webkit-user-select:none;user-select:none}.builder-section .builder-container .b-item-row .b-item-title{background-color:#1f2235;border-color:#2d3142;font-size:12.5px;padding:6px 10px}.builder-section .builder-container .b-item-row .b-item-type{background-color:#1f2235;border-color:#2d3142;font-size:12.5px;padding:6px 10px;color:#94a3b8}.builder-section .builder-container .b-item-row .btn-delete-item{background:transparent;border:none;color:#64748b;font-size:18px;cursor:pointer}.builder-section .builder-container .b-item-row .btn-delete-item:hover{color:#ef4444}.btn-xs{padding:4px 8px;font-size:11px;border-radius:4px;font-weight:700}.btn-outline-blue{background-color:transparent;border:1px solid #3b82f6;color:#60a5fa;cursor:pointer;transition:all .2s}.btn-outline-blue:hover{background-color:#3b82f614;color:#fff}.btn-action-edit,.btn-action-delete{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:background .15s}.btn-action-edit:hover,.btn-action-delete:hover{background-color:#ffffff0d}.avatar-circle{width:34px;height:34px;border-radius:50%;background-color:#1e293b;border:1px solid #334155;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-weight:700;font-size:12px;overflow:hidden;flex-shrink:0}.avatar-circle .avatar-img{width:100%;height:100%;object-fit:cover}.progress-bar-mini{width:80px;height:6px;background-color:#1e2030;border-radius:3px;overflow:hidden;flex-shrink:0}.progress-bar-mini .progress-fill-mini{height:100%;border-radius:3px}.progress-bar-mini .progress-fill-mini.bg-success{background-color:#10b981}.progress-bar-mini .progress-fill-mini.bg-primary{background-color:#3b82f6}.progress-bar-mini .progress-fill-mini.bg-danger{background-color:#ef4444}.report-modal-content{position:relative;min-height:300px}.modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#121320d9;z-index:100;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-loading-overlay .spinner-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:#cbd5e1;font-weight:600;font-size:13.5px}.modal-loading-overlay .spinner-box .spinner-svg{animation:spin 1s linear infinite}.modal-loading-overlay .spinner-box .spinner-svg circle{stroke-linecap:round}@keyframes spin{to{transform:rotate(360deg)}}.profile-header-card{display:flex;align-items:center;gap:20px;background-color:#1c1f30;border:1px solid #2d3142;border-radius:10px;padding:16px 20px;margin-bottom:20px}.profile-header-card .profile-avatar-large{width:60px;height:60px;border-radius:50%;background-color:#1e293b;border:2px solid #60a5fa;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-header-card .profile-avatar-large .avatar-img{width:100%;height:100%;object-fit:cover}.profile-header-card .profile-avatar-large .avatar-initials{font-size:20px;font-weight:800;color:#60a5fa}.profile-header-card .profile-details-text h3{margin:0 0 4px;font-size:16px;font-weight:800;color:#fff}.profile-header-card .profile-details-text p{margin:0;font-size:13px}.modal-sub-tabs{display:flex;gap:8px;border-bottom:1.5px solid #2d3142;margin-bottom:15px}.modal-sub-tabs .sub-tab-btn{background:transparent;border:none;color:#64748b;font-weight:700;font-size:13px;padding:6px 12px 10px;cursor:pointer;position:relative;transition:color .15s ease}.modal-sub-tabs .sub-tab-btn:hover{color:#fff}.modal-sub-tabs .sub-tab-btn.active{color:#60a5fa}.modal-sub-tabs .sub-tab-btn.active:after{content:"";position:absolute;bottom:-1.5px;left:0;width:100%;height:2px;background-color:#60a5fa}.report-table-scroll{max-height:350px;overflow-y:auto;border:1px solid #2d3142;border-radius:6px}.report-table-scroll::-webkit-scrollbar{width:5px}.report-table-scroll::-webkit-scrollbar-track{background:transparent}.report-table-scroll::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}.report-table-scroll .report-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}.report-table-scroll .report-table thead{background-color:#1c1f30;position:sticky;top:0;z-index:10;box-shadow:0 1px #2d3142}.report-table-scroll .report-table thead th{padding:10px 14px;font-weight:700;color:#94a3b8;text-transform:uppercase;font-size:10.5px;letter-spacing:.5px}.report-table-scroll .report-table tbody tr{border-bottom:1px solid #222533;background-color:#121320;transition:background .15s}.report-table-scroll .report-table tbody tr:last-child{border-bottom:none}.report-table-scroll .report-table tbody tr:hover{background-color:#171828}.report-table-scroll .report-table tbody tr td{padding:10px 14px;color:#cbd5e1;line-height:1.4}#templateFormModal .modal-content,#attendantDetailModal .modal-content{max-width:800px;height:600px;display:flex;flex-direction:column;overflow:hidden}#templateFormModal .modal-body,#attendantDetailModal .modal-body{flex:1;overflow-y:auto;padding:20px}#templateFormModal .modal-body::-webkit-scrollbar,#attendantDetailModal .modal-body::-webkit-scrollbar{width:6px}#templateFormModal .modal-body::-webkit-scrollbar-track,#attendantDetailModal .modal-body::-webkit-scrollbar-track{background:#161824}#templateFormModal .modal-body::-webkit-scrollbar-thumb,#attendantDetailModal .modal-body::-webkit-scrollbar-thumb{background:#2d3142;border-radius:3px}#templateFormModal .modal-content,#confirmDeleteModal .modal-content{max-width:800px!important;height:620px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#161824fa!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border:1px solid rgba(167,139,250,.15)!important;box-shadow:0 20px 50px #00000080!important;border-radius:16px!important}#templateFormModal .modal-header,#confirmDeleteModal .modal-header{border-bottom:1px solid rgba(255,255,255,.05)!important;padding:16px 20px!important;background:#ffffff03!important}#templateFormModal .modal-header h3,#confirmDeleteModal .modal-header h3{font-family:Outfit,sans-serif!important;color:#fff!important;font-weight:700!important;letter-spacing:.5px!important;font-size:16px!important;text-transform:uppercase!important}#templateFormModal .modal-body,#confirmDeleteModal .modal-body{flex:1!important;overflow-y:auto!important;padding:24px!important;max-height:560px!important;background:transparent!important}#templateFormModal label{color:#38bdf8!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.8px!important;margin-bottom:6px!important;display:block!important}#templateFormModal .form-control{background-color:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;color:#fff!important;padding:10px 14px!important;font-size:13.5px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}#templateFormModal .form-control:focus{border-color:#38bdf8!important;background-color:#ffffff0a!important;box-shadow:0 0 0 3px #38bdf826!important;outline:none!important}.builder-section-card{background-color:#ffffff04!important;border:1px solid rgba(255,255,255,.04)!important;border-left:4px solid #38bdf8!important;border-radius:12px!important;padding:20px!important;margin-bottom:20px!important;box-shadow:0 4px 20px #0000001a!important;transition:all .2s ease!important}.builder-section-card:hover{border-color:#38bdf833!important;border-left-color:#38bdf8!important;background-color:#ffffff06!important}.b-sec-header{display:grid!important;grid-template-columns:1fr 40px!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:10px!important}.b-sec-header .b-sec-title{grid-column:1!important;background-color:#00000026!important;border-color:#ffffff14!important;color:#fff!important}.b-sec-header .btn-delete-section{grid-column:2!important;background:transparent!important;border:none!important;color:#ef4444!important;font-size:22px!important;cursor:pointer!important;line-height:1!important}.b-sec-desc{background-color:#00000026!important;border-color:#ffffff14!important;color:#cbd5e1!important;margin-bottom:12px!important;font-size:13px!important}.b-items-container{display:flex!important;flex-direction:column!important;gap:8px!important;padding-left:15px!important;border-left:2px dashed rgba(56,189,248,.2)!important;margin-bottom:10px!important}.b-item-row{display:grid!important;grid-template-columns:24px 1fr 180px 30px!important;align-items:center!important;gap:10px!important;width:100%!important;background-color:#ffffff03!important;border:1px solid rgba(255,255,255,.03)!important;border-radius:8px!important;padding:8px 12px!important;margin-bottom:6px!important;box-sizing:border-box!important;transition:all .2s ease!important}.b-item-row:hover{background-color:#ffffff05!important;border-color:#38bdf826!important}.b-item-row .b-drag-handle{grid-column:1!important;color:#475569!important;cursor:grab!important;font-size:14px!important;-webkit-user-select:none!important;user-select:none!important;text-align:center!important}.b-item-row .b-item-title{grid-column:2!important;background-color:#00000026!important;border-color:#ffffff14!important;color:#fff!important;width:100%!important;font-size:13px!important;padding:8px 12px!important;margin:0!important;box-sizing:border-box!important}.b-item-row .b-item-type{grid-column:3!important;background-color:#00000026!important;border-color:#ffffff14!important;color:#cbd5e1!important;width:100%!important;font-size:13px!important;padding:8px 12px!important;margin:0!important;box-sizing:border-box!important}.b-item-row .b-item-type option{background-color:#1c1f30!important;color:#fff!important}.b-item-row .btn-delete-item{grid-column:4!important;background:transparent!important;border:none!important;color:#64748b!important;font-size:20px!important;cursor:pointer!important;text-align:center!important;margin:0!important}.b-item-row .btn-delete-item:hover{color:#ef4444!important}.builder-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important;border-bottom:1px dashed rgba(255,255,255,.05)!important;padding-bottom:10px!important}.builder-header h4{font-family:Outfit,sans-serif!important;color:#fff!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0!important}.btn-outline-blue.btn-xs{border:1px dashed rgba(56,189,248,.4)!important;background-color:#38bdf80d!important;color:#38bdf8!important;padding:6px 14px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.btn-outline-blue.btn-xs:hover{background-color:#38bdf81a!important;border-style:solid!important}.audience-options-box{background:#ffffff03!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:8px!important;padding:12px!important;max-height:140px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}.checkbox-option{display:flex!important;align-items:center!important;gap:8px!important}.checkbox-option label{color:#cbd5e1!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;margin-bottom:0!important}.checkbox-option input[type=checkbox]{accent-color:#38bdf8!important;width:15px!important;height:15px!important;cursor:pointer!important}#powerBiShiftModal .btn-close{display:none!important}#powerBiShiftModal+.modal-overlay,#powerBiShiftModal .modal-overlay{pointer-events:none!important}.routine-card{background-color:#161824!important;border:1.5px solid #222533!important;border-radius:14px!important;padding:24px!important;max-width:600px!important;margin:0 auto 30px!important;box-shadow:0 10px 30px #00000040!important}.routine-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1.5px solid rgba(255,255,255,.05)!important;padding-bottom:18px!important;margin-bottom:18px!important}.routine-title-box{display:flex!important;align-items:center!important;gap:12px!important}.routine-title-box h2{margin:0!important;font-size:16px!important;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:Outfit,sans-serif!important}.routine-header-icon{flex-shrink:0!important}.routine-badge{background-color:#60a5fa14!important;color:#60a5fa!important;padding:6px 12px!important;border-radius:6px!important;font-size:12.5px!important;font-weight:700!important;border:1px solid rgba(96,165,250,.15)!important}.routine-card-body{display:flex!important;flex-direction:column!important;gap:2px!important}.routine-item-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 10px!important;border-bottom:1px solid rgba(255,255,255,.03)!important;transition:all .2s ease!important;border-radius:8px!important}.routine-item-row:hover{background-color:#ffffff05!important}.routine-item-row.checked{background-color:#60a5fa05!important}.routine-item-row.checked .item-title{text-decoration:line-through!important;color:#64748b!important}.item-left{display:flex!important;align-items:center!important;gap:14px!important;flex-grow:1!important}.item-left .item-title{font-size:14px!important;font-weight:600!important;color:#cbd5e1!important;line-height:1.4!important}.item-left .text-muted{color:#64748b!important}.item-right-time{font-size:13px!important;color:#64748b!important;font-weight:600!important;margin-left:15px!important;flex-shrink:0!important;letter-spacing:.5px!important}.routine-card-footer{margin-top:20px!important;color:#60a5fa!important;font-size:13px!important;font-weight:700!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.04)!important}.routine-item-row .checkbox-wrapper{position:relative!important;width:22px!important;height:22px!important;flex-shrink:0!important}.routine-item-row .checkbox-wrapper input[type=checkbox]{position:absolute!important;opacity:0!important;cursor:pointer!important;height:0!important;width:0!important}.routine-item-row .checkbox-wrapper label{position:absolute!important;top:0!important;left:0!important;height:22px!important;width:22px!important;background-color:#1f2235!important;border:1.5px solid #475569!important;border-radius:6px!important;cursor:pointer!important;transition:all .15s ease!important}.routine-item-row .checkbox-wrapper input[type=checkbox]:checked~label{background-color:#3b82f6!important;border-color:#3b82f6!important}.routine-item-row .checkbox-wrapper label:after{content:""!important;position:absolute!important;display:none!important;left:7px!important;top:3px!important;width:5px!important;height:10px!important;border:solid white!important;border-width:0 2.5px 2.5px 0!important;transform:rotate(45deg)!important}.routine-item-row .checkbox-wrapper input[type=checkbox]:checked~label:after{display:block!important}.dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important;margin-top:15px!important;margin-bottom:30px!important}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr 1fr!important}.grid-col-span-2{grid-column:span 2!important}.grid-col-span-3{grid-column:span 3!important}}.dash-card{background-color:#16182480!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:14px!important;padding:20px!important;box-shadow:0 8px 32px #0003!important;display:flex!important;flex-direction:column!important;gap:15px!important;transition:all .3s ease!important}.dash-card:hover{border-color:#a78bfa33!important;box-shadow:0 10px 40px #a78bfa0d!important}.dash-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1.5px solid rgba(255,255,255,.04)!important;padding-bottom:12px!important}.dash-card-title{display:flex!important;align-items:center!important;gap:10px!important}.dash-card-title .icon{font-size:18px!important}.dash-card-title h3{margin:0!important;font-size:14.5px!important;font-weight:800!important;color:#e2e8f0!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:Outfit,sans-serif!important}.dash-link{font-size:12.5px!important;color:#38bdf8!important;text-decoration:none!important;font-weight:700!important;transition:color .2s!important}.dash-link:hover{color:#60a5fa!important;text-decoration:underline!important}.dash-card-body{flex:1!important}.team-tasks-body{display:flex!important;flex-direction:column!important;gap:14px!important;max-height:380px!important;overflow-y:auto!important}.team-member-row{background-color:#ffffff03!important;border:1px solid rgba(255,255,255,.03)!important;border-radius:10px!important;overflow:hidden!important}.member-header{padding:8px 14px!important;font-size:12.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important}.bg-soft-blue,.bg-soft-purple{background-color:#38bdf81f!important;color:#38bdf8!important}.member-body{padding:10px 14px!important}.no-routine-started{font-size:12px!important;color:#64748b!important;font-style:italic!important}.member-routine-item{display:flex!important;flex-direction:column!important;gap:5px!important}.member-routine-item .routine-name{font-size:12.5px!important;font-weight:600!important;color:#cbd5e1!important}.routine-progress-container{display:flex!important;align-items:center!important;gap:10px!important}.progress-bar-bg{flex:1!important;height:6px!important;background-color:#1f2235!important;border-radius:3px!important;overflow:hidden!important}.progress-bar-fill{height:100%!important;border-radius:3px!important;transition:width .3s ease!important}.progress-text{font-size:11.5px!important;font-weight:700!important;color:#94a3b8!important;white-space:nowrap!important}.priorities-body{display:flex!important;flex-direction:column!important;gap:10px!important}.priority-item{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border-radius:10px!important;border:1px solid transparent!important}.priority-item.urgent{background-color:#f43f5e0f!important;border-color:#f43f5e1a!important}.priority-item.warning{background-color:#fbbf240d!important;border-color:#fbbf2414!important}.priority-item.info{background-color:#38bdf80d!important;border-color:#38bdf814!important}.priority-icon{font-size:16px!important;flex-shrink:0!important}.priority-text{flex:1!important}.priority-text h4{margin:0!important;font-size:13px!important;font-weight:700!important;color:#e2e8f0!important}.priority-text p{margin:2px 0 0!important;font-size:11.5px!important;color:#94a3b8!important}.priority-tag{font-size:11px!important;font-weight:700!important;padding:4px 8px!important;border-radius:5px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.badge-urgent{background-color:#f43f5e1f!important;color:#fb7185!important}.badge-warning{background-color:#fbbf241a!important;color:#fbbf24!important}.badge-normal{background-color:#38bdf81a!important;color:#38bdf8!important}.backlog-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}@media(min-width:640px){.backlog-grid{grid-template-columns:1fr 1fr 1fr!important}}.backlog-item{background-color:#ffffff05!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:10px!important;padding:12px 14px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.backlog-item:hover{border-color:#ffffff14!important;background-color:#ffffff08!important}.backlog-icon{font-size:18px!important}.text-rose{color:#f43f5e!important}.text-purple{color:#38bdf8!important}.text-amber{color:#fbbf24!important}.text-blue{color:#38bdf8!important}.text-emerald{color:#34d399!important}.backlog-label{font-size:12px!important;font-weight:600!important;color:#94a3b8!important;line-height:1.3!important}.backlog-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important}.backlog-count{font-size:20px!important;font-weight:800!important;color:#fff!important;font-family:Outfit,sans-serif!important}.btn-outline-soft{background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#cbd5e1!important;padding:3px 8px!important;font-size:11px!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s!important}.btn-outline-soft:hover{background-color:#ffffff0d!important;border-color:#fff3!important;color:#fff!important}.task-dist-body{overflow-x:auto!important}.dist-table{width:100%!important;border-collapse:collapse!important;font-size:12.5px!important;text-align:left!important}.dist-table th{padding:8px 10px!important;color:#94a3b8!important;font-weight:700!important;border-bottom:1.5px solid rgba(255,255,255,.04)!important;text-transform:uppercase!important;font-size:10.5px!important;letter-spacing:.5px!important}.dist-table td{padding:10px!important;color:#cbd5e1!important;border-bottom:1px solid rgba(255,255,255,.02)!important}.dist-table tbody tr:last-child td{border-bottom:none!important}.task-cell-name{font-weight:600!important;color:#94a3b8!important}.check-dot{font-weight:800!important}.eod-body{display:flex!important;flex-direction:column!important;gap:15px!important}.eod-checklist{display:flex!important;flex-direction:column!important;gap:2px!important}.eod-observations{display:flex!important;flex-direction:column!important;gap:6px!important}.eod-observations label{font-size:12px!important;font-weight:700!important;color:#94a3b8!important}.eod-observations textarea{background-color:#161824!important;border:1px solid #2d3142!important;border-radius:8px!important;padding:10px 12px!important;color:#fff!important;font-size:13px!important;height:70px!important;resize:none!important;outline:none!important}.eod-observations textarea:focus{border-color:#a78bfa!important}.btn-finalize-day{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:12px!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s!important;text-shadow:0 1px 2px rgba(0,0,0,.15)!important}.btn-finalize-day:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 12px #10b98133!important}.btn-finalize-day:disabled{opacity:.5!important;cursor:not-allowed!important}.weekly-body{overflow-x:auto!important}.weekly-planner-grid{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:12px!important;width:100%!important}.weekly-day-col{background-color:#ffffff03!important;border:1px solid rgba(255,255,255,.03)!important;border-radius:10px!important;overflow:hidden!important;min-height:180px!important;display:flex!important;flex-direction:column!important}.weekly-day-header{padding:8px 12px!important;font-size:11.5px!important;font-weight:800!important;text-align:center!important;letter-spacing:.5px!important}.bg-soft-emerald{background-color:#10b9811f!important;color:#10b981!important}.bg-soft-amber{background-color:#f59e0b1f!important;color:#f59e0b!important}.bg-soft-rose{background-color:#f43f5e1f!important;color:#f43f5e!important}.weekly-day-list{list-style:none!important;margin:0!important;padding:10px 12px!important;display:flex!important;flex-direction:column!important;gap:8px!important;font-size:12px!important;color:#cbd5e1!important}.weekly-day-list li{position:relative!important;padding-left:10px!important;line-height:1.3!important}.weekly-day-list li:before{content:"•"!important;position:absolute!important;left:0!important;color:#ffffff4d!important}.quick-notes-container{position:relative!important;width:100%!important;height:100%!important;min-height:160px!important;background-color:#f5f3ff05!important;border:1px solid rgba(167,139,250,.08)!important;border-radius:10px!important;padding:12px 14px!important;box-sizing:border-box!important}.quick-notes-container textarea{width:100%!important;height:120px!important;background:transparent!important;border:none!important;outline:none!important;color:#cbd5e1!important;font-size:13px!important;resize:none!important;line-height:1.4!important;padding:0!important;font-family:inherit!important}.notes-status-indicator{position:absolute!important;bottom:8px!important;right:12px!important;font-size:11px!important;color:#38bdf8!important;opacity:.5;font-weight:700!important;transition:opacity .3s ease!important}.notes-edit-icon{position:absolute!important;bottom:8px!important;left:12px!important;font-size:12px!important;opacity:.3}.routine-item-row .checkbox-wrapper label{border-color:#0284c7!important}.routine-item-row .checkbox-wrapper input[type=checkbox]:checked~label{background-color:#38bdf8!important;border-color:#38bdf8!important}.toggle-switch-sm{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch-sm input{opacity:0;width:0;height:0}.toggle-slider-sm{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:.3s;border-radius:20px}.toggle-slider-sm:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#94a3b8;transition:.3s;border-radius:50%}.toggle-switch-sm input:checked+.toggle-slider-sm{background-color:#38bdf833;border-color:#38bdf8}.toggle-switch-sm input:checked+.toggle-slider-sm:before{transform:translate(16px);background-color:#38bdf8}.users-container{display:flex;flex-direction:column;gap:20px}.tabs-navigation{display:flex;gap:12px;margin-bottom:20px;border-bottom:1px solid #222533;padding-bottom:10px}.tabs-navigation .tab-btn{padding:10px 20px;background:#141622;border:1px solid #222533;border-radius:8px;color:#94a3b8;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.tabs-navigation .tab-btn:hover{color:#fff;border-color:#3b82f6}.tabs-navigation .tab-btn.active{background:#1c2438;color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f633}.tab-content{display:block;width:100%}.tab-content.hidden{display:none!important}.filter-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:16px 20px;margin-bottom:20px}.table-card{background-color:#141622;border:1px solid #222533;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.data-table th,.data-table td{padding:14px 18px;border-bottom:1px solid #1c1f2e}.data-table th{background-color:#1c1f2e;color:#94a3b8;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.data-table td{color:#e2e8f0}.data-table tr:hover td{background-color:#ffffff08}.badge-action{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header .users-filter-form{display:flex;gap:15px;flex:1}.users-header .users-filter-form .form-control{width:250px}.form-control{width:100%;padding:10px;background-color:#252525;border:1px solid #333;color:#fff;border-radius:4px;transition:border-color .3s}.form-control:focus{outline:none;border-color:#60a5fa}.alert-success{display:none;padding:10px;margin-bottom:15px;border-radius:4px;background-color:#10b981;color:#fff;text-align:center;font-weight:500}.modal-form{display:flex;flex-direction:column;gap:5px;padding:10px 0}.modal-form .form-row{display:flex;gap:25px;width:100%;margin-bottom:18px}.modal-form .form-row .form-group{flex:1;margin-bottom:0!important}@media(max-width:600px){.modal-form .form-row{flex-direction:column;gap:15px}}.modal-form .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;width:100%;background:transparent;border:none;padding:0}.modal-form .form-group label{font-size:14px;color:#e2e8f0;font-weight:500}.modal-form .form-group label small{font-weight:400;color:#94a3b8!important;font-size:12px}.modal-form .form-group .form-control{width:100%;box-sizing:border-box;padding:12px 15px;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease}.modal-form .form-group .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-form .form-group .form-control::placeholder{color:#666}.modal-form .form-group select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' 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 15px center;background-size:15px;padding-right:40px;cursor:pointer}.modal-form .form-group select.form-control option{background-color:#252525;color:#fff}.modal-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:15px;padding-top:20px;border-top:1px solid #333}.confirm-message{text-align:center;padding:20px 0}.confirm-message .confirm-text{color:#e2e8f0;font-size:16px;margin-bottom:20px}.confirm-message .confirm-text .target-name{color:#e63946;font-size:18px;font-weight:700;display:block;margin-top:10px}.confirm-message .confirm-actions{display:flex;justify-content:center;gap:15px}.btn-outline{padding:8px 15px;background:transparent;border:1px solid #555;color:#fff;border-radius:4px;cursor:pointer;transition:.3s}.btn-outline:hover{background:#ffffff0d;border-color:#888}.btn-danger{background-color:#e63946;border-color:#e63946;color:#fff}.btn-danger:hover{background-color:#d21a28}.table-actions{display:flex;justify-content:flex-end;gap:10px}.table-actions .btn-action-edit{background:transparent;border:1px solid #60a5fa;color:#60a5fa;padding:4px 10px;border-radius:4px;cursor:pointer;transition:.3s}.table-actions .btn-action-edit:hover{background:#60a5fa1a}.table-actions .btn-action-status{background:transparent;padding:4px 10px;border-radius:4px;cursor:pointer;transition:.3s}.table-actions .btn-action-status.status-active{border:1px solid #e63946;color:#e63946}.table-actions .btn-action-status.status-active:hover{background:#e639461a}.table-actions .btn-action-status.status-inactive{border:1px solid #10b981;color:#10b981}.table-actions .btn-action-status.status-inactive:hover{background:#10b9811a}.btn-add-user{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 6px #3b82f633}.btn-add-user:hover{background-color:#2563eb}.btn-add-user:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.btn-primary{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3b82f633}.btn-primary:hover{background-color:#2563eb}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.btn-primary:disabled{background-color:#475569;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.users-table-desktop{display:block}.users-cards-mobile{display:none}@media(max-width:768px){.users-table-desktop{display:none!important}.users-cards-mobile{display:flex;flex-direction:column;gap:12px}.users-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.users-filter-form{flex-direction:column!important;width:100%!important}.users-filter-form input,.users-filter-form select{width:100%!important}.users-header>div{flex-direction:column!important;gap:8px!important}.users-header .btn-add-user,.users-header .btn-outline{width:100%!important;justify-content:center!important}.user-card-item{background:#141622;border:1px solid #222533;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.user-card-top{display:flex;align-items:center;gap:12px}.user-card-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}.user-card-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.user-card-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-email{font-size:12px;color:#8c90a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.user-card-badge{font-size:10px;font-weight:700;color:#3b82f6;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:20px;padding:2px 8px;text-transform:uppercase;letter-spacing:.4px}.user-card-setor{font-size:11px;color:#8c90a6;background:#ffffff0d;border-radius:20px;padding:2px 8px}.user-card-actions{display:flex;gap:8px}.user-card-btn-edit,.user-card-btn-status{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.user-card-btn-edit{background:#6366f11a;border-color:#6366f140;color:#818cf8}.user-card-btn-edit:hover{background:#6366f133;border-color:#818cf8}.user-card-btn-status.deactivate{background:#ef444414;border-color:#ef444433;color:#f87171}.user-card-btn-status.deactivate:hover{background:#ef44442e}.user-card-btn-status.activate{background:#10b98114;border-color:#10b98133;color:#34d399}.user-card-btn-status.activate:hover{background:#10b9812e}.user-card-empty{text-align:center;color:#8c90a6;font-size:13px;padding:30px 20px}.form-row{flex-direction:column!important;gap:15px!important}}.hidden{display:none}.modal-tabs{display:flex;gap:12px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #2d2d2d}.modal-tabs .tab-btn{flex:1;height:42px;background:#1d1d1d;border:1px solid #343434;border-radius:8px;color:#a1a1aa;font-size:14px;font-weight:600;cursor:pointer;transition:.25s}.modal-tabs .tab-btn:hover{border-color:#3b82f6;color:#fff;background:#252525}.modal-tabs .tab-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 0 0 3px #2563eb26}.user-tab-content.hidden{display:none}.zabbix-container{color:#f8f9fa;font-family:Outfit,Inter,sans-serif}.zabbix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#141622;padding:20px;border-radius:12px;border:1px solid #222533}.zabbix-title h2{font-size:20px;font-weight:800;margin:0;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.zabbix-title p{font-size:13px;color:#a0a0a0;margin:4px 0 0}.zabbix-actions{display:flex;align-items:center;gap:15px}.refresh-badge{font-size:11px;color:#8c90a6;background:#ffffff08;border:1px solid #222533;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px}.refresh-badge span.pulse-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 8px #10b981;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.severity-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.sev-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:all .2s ease}.sev-card:hover{transform:translateY(-2px)}.sev-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.sev-disaster:before{background-color:#ef4444}.sev-disaster{box-shadow:inset 0 0 15px #ef444408}.sev-disaster:hover{border-color:#ef44444d}.sev-high:before{background-color:#f97316}.sev-high{box-shadow:inset 0 0 15px #f9731608}.sev-high:hover{border-color:#f973164d}.sev-average:before{background-color:#eab308}.sev-average{box-shadow:inset 0 0 15px #eab30808}.sev-average:hover{border-color:#eab3084d}.sev-warning:before{background-color:#3b82f6}.sev-warning{box-shadow:inset 0 0 15px #3b82f608}.sev-warning:hover{border-color:#3b82f64d}.sev-card-info h5{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#8c90a6}.sev-card-info .count{font-size:28px;font-weight:900;margin:8px 0 0;color:#fff}.sev-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.sev-disaster .sev-icon{background:#ef44441a;color:#ef4444}.sev-high .sev-icon{background:#f973161a;color:#f97316}.sev-average .sev-icon{background:#eab3081a;color:#eab308}.sev-warning .sev-icon{background:#3b82f61a;color:#3b82f6}.zabbix-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}@media(max-width:992px){.zabbix-grid{grid-template-columns:1fr}}.z-card{background-color:#141622;border:1px solid #222533;border-radius:12px;padding:25px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.z-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.04)}.z-card-header h3{margin:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.problems-list{max-height:550px;overflow-y:auto;padding-right:5px}.problem-item{background-color:#1a1b26;border:1px solid #282b3d;border-radius:8px;padding:16px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;transition:border-color .2s ease}.problem-item:hover{border-color:#3b82f6}.problem-left{display:flex;flex-direction:column;gap:6px;flex:1}.problem-badge-row{display:flex;align-items:center;gap:10px}.badge-severity{font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.badge-disaster{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-high{background-color:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.badge-average{background-color:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.badge-warning{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.problem-host{font-size:11px;font-weight:700;color:#8c90a6;background:#252839;padding:2px 6px;border-radius:4px}.problem-title{font-size:13.5px;font-weight:600;color:#fff;line-height:1.4}.problem-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:90px;text-align:right}.problem-duration{font-size:12.5px;font-weight:700;color:#ef4444}.problem-time{font-size:11px;color:#8c90a6}.olts-search{margin-bottom:15px}.olts-search input{background-color:#1a1b26;border:1px solid #2d3142;color:#f8f9fa;padding:10px 14px;border-radius:6px;font-size:13px;width:100%;box-sizing:border-box}.olts-list{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.olt-item{background-color:#1a1b26;border:1px solid #282b3d;border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.olt-left{display:flex;flex-direction:column;gap:4px}.olt-name{font-size:13px;font-weight:700;color:#fff}.olt-meta{font-size:11px;color:#8c90a6;display:flex;align-items:center;gap:8px}.badge-olt-type{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase}.olt-nokia{background-color:#3b82f61a;color:#60a5fa}.olt-fiberhome{background-color:#10b9811a;color:#34d399}.olt-right{display:flex;align-items:center}.badge-status{font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px}.status-online{background-color:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-offline{background-color:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.empty-state{text-align:center;padding:40px 20px;color:#8c90a6}.empty-state svg{margin-bottom:15px;opacity:.5}.empty-state p{font-size:13.5px;margin:5px 0 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media(max-width:768px){.zabbix-container{padding:12px!important}.zabbix-header{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.zabbix-stats-grid,[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}table{min-width:580px}div:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}[style*="display: flex"][style*=gap][style*=align-items]{flex-wrap:wrap!important}input[type=text],select{width:100%!important}}@media(max-width:480px){[style*="grid-template-columns: repeat(2"],.zabbix-stats-grid{grid-template-columns:1fr!important}}