:root{--font-nunito:"Nunito",sans-serif;--pc-sidebar-background:#1c232f;--pc-sidebar-color:#fff;--pc-sidebar-icon-color:#4f5b6a;--pc-sidebar-active-color:#3b82f6;--pc-header-background:#fff;--pc-header-color:#525b69;--pc-header-shadow:0 1px 0 0 #0000001a;--bs-body-bg:#f0f2f8;--bs-body-color:#1c232f;--font-family-base:"Nunito",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-nunito);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{color:var(--bs-body-color);background:var(--bs-body-bg);font-family:var(--font-nunito)}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.main-content-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.pc-container{width:100%;min-height:100vh}.pc-content{padding:90px 20px 20px;transition:margin-left .3s}.f-18{font-size:18px}.text-sm{font-size:.875rem}.btn-light-secondary{color:#374151;background-color:#f3f4f6;border-color:#d1d5db}.btn-light-secondary:hover{background-color:#e5e7eb}.btn-link-secondary{color:#6c757d;background:0 0;border:none;padding:0;text-decoration:underline}.btn-link-secondary:hover{color:#374151}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:16px}h4{font-size:1.25rem}h5{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}h6{margin-bottom:.25rem;font-size:1rem;font-weight:600}.card{background:#fff;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.card-header{background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:16px 20px}.card-body{padding:20px}.qbits-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #00000014}.table-responsive{overflow-x:auto}.qbits-table{border-collapse:collapse;width:100%}.qbits-table th,.qbits-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px}.qbits-table th{color:#374151;background-color:#f9fafb;font-weight:600}.qbits-table tr:hover{background-color:#f9fafb}.qbits-status-badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.qbits-status-normal{color:#166534;background-color:#dcfce7}.qbits-status-fault{color:#dc2626;background-color:#fef2f2}.qbits-status-warning{color:#d97706;background-color:#fef3c7}.qbits-status-offline{color:#6b7280;background-color:#f3f4f6}.progress{background-color:#e5e7eb;border-radius:.375rem;height:8px;overflow:hidden}.progress-bar{background-color:#22c55e;height:100%;transition:width .3s}.qbits-form-group{margin-bottom:20px}.qbits-form-label{color:#374151;margin-bottom:6px;font-weight:500;display:block}.qbits-form-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.qbits-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.qbits-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.qbits-btn-primary{color:#fff;background-color:#3b82f6}.qbits-btn-primary:hover{background-color:#2563eb}.qbits-btn-secondary{color:#fff;background-color:#6b7280}.qbits-btn-secondary:hover{background-color:#4b5563}.qbits-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s,color .15s;display:inline-flex}.qbits-icon-btn:hover{color:#111827;background-color:#f3f4f6}.qbits-icon-btn.qbits-icon-primary:hover{color:#2563eb;background-color:#eff6ff}.qbits-icon-btn.qbits-icon-secondary:hover{color:#6b7280;background-color:#f3f4f6}.qbits-icon-btn.qbits-icon-danger:hover{color:#b91c1c;background-color:#fee2e2}.qbits-actions{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.qbits-metric-card{text-align:center;padding:14px}.qbits-metric-value{color:#1f2937;margin-bottom:6px;font-size:1.5rem;font-weight:700}.qbits-metric-label{color:#6b7280;font-size:.8rem;font-weight:500}.qbits-chart-container{height:220px;margin:12px 0}.chart-container,.progress-circle{position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s ease-in-out}.dropdown{position:relative}.dropdown-toggle:after{display:none}.dropdown-menu{z-index:1000;color:#374151;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #00000026;border-radius:.375rem;min-width:10rem;margin:.125rem 0 0;padding:.5rem 0;font-size:.875rem;list-style:none;display:none;position:absolute;top:100%;right:0;box-shadow:0 .5rem 1rem #00000026}.dropdown-menu.show{display:block}.dropdown-menu-end{left:auto;right:0}.dropdown-item{color:#374151;cursor:pointer;border-radius:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item:hover{color:#374151;background-color:#f3f4f6}@media (max-width:768px){.main-content-wrapper{margin-left:0!important}.pc-content{padding-top:90px}}
.pc-header{background-color:var(--pc-header-background,#fff);height:70px;box-shadow:var(--pc-header-shadow,0 1px 0 0 #0000001a);z-index:1020;align-items:center;padding:0 20px;transition:left .3s;display:flex;position:fixed;top:0;left:260px;right:0}.header-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.header-title{align-items:center;margin-right:auto;display:flex}.page-title-text{color:#1c232f;margin:0;padding:0 16px;font-size:1.125rem;font-weight:600}.pc-mob-drp{display:none}@media (max-width:768px){.header-title{display:none}}.list-unstyled{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pc-h-item{position:relative}.pc-head-link{color:var(--pc-header-color,#525b69);border-radius:6px;align-items:center;padding:8px 12px;text-decoration:none;transition:background-color .2s;display:flex}.pc-head-link:hover{color:var(--pc-header-color,#525b69);background-color:#0000000d}.pc-head-link svg{width:20px;height:20px}.pc-h-badge{color:#fff;border-radius:10px;padding:2px 5px;font-size:10px;position:absolute;top:4px;right:4px}.dropdown-menu{border:1px solid #0000001a;border-radius:8px;min-width:280px;margin-top:8px;padding:8px;box-shadow:0 4px 12px #00000026}.dropdown-user-profile{border-radius:12px;min-width:320px;padding:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.drp-search{min-width:320px}.drp-search .form-control{border:1px solid #dee2e6;padding:8px 12px}.btn-search{margin-left:8px;padding:8px 16px}.dropdown-header{border-bottom:1px solid #0000001a;padding:12px}.dropdown-header h5{font-size:16px;font-weight:600}.dropdown-body{padding:0}.list-group-item{border-bottom:1px solid #0000000d;padding:12px}.list-group-item.unread{background-color:#f8f9fa}.avtar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.avtar-s{width:40px;height:40px}.bg-light-warning{background-color:#fff3cd}.bg-light-success{background-color:#d1e7dd}.user-avtar{object-fit:cover;color:#fff;background-color:#159f6c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.user-name{color:var(--pc-header-color,#525b69);font-size:14px;font-weight:600;display:block}.user-desc{color:#6c757d;font-size:12px;display:block}.wid-50{object-fit:cover;width:50px;height:50px}.rounded-circle{border-radius:50%}.dropdown-item{color:#374151;border-radius:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item:hover{color:#374151;background-color:#f3f4f6}.dropdown-item i{margin-right:8px;font-size:18px}.item-actions .dropdown-item{padding:10px 12px}.dropdown-header-profile{background-color:#fff;border-bottom:1px solid #00000014;padding:16px 20px}.profile-title{color:#1c232f;margin:0;font-size:1rem;font-weight:600}.dropdown-body-profile{background-color:#fff;padding:0}.profile-user-info{border-bottom:1px solid #00000014;align-items:center;gap:12px;padding:16px 20px;display:flex}.profile-avatar-container{flex-shrink:0}.profile-avatar{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 2px 8px #3b82f64d}.profile-avatar svg{width:20px;height:20px}.profile-user-details{flex:1;min-width:0}.profile-user-name{color:#1c232f;margin:0 0 4px;font-size:1rem;font-weight:600;line-height:1.4}.profile-user-email{color:#6c757d;font-size:.875rem;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.profile-user-email:hover{color:#3b82f6}.profile-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 2px 4px #7c3aed33}.profile-actions{background-color:#fff;padding:8px 0}.profile-action-item{color:#374151;align-items:center;gap:12px;padding:12px 20px;font-size:.9375rem;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.profile-action-item:hover{color:#1c232f;background-color:#f3f4f6}.profile-action-icon{color:#6b7280;flex-shrink:0;width:20px;height:20px}.profile-action-item:hover .profile-action-icon{color:#374151}@media (max-width:768px){.pc-header{left:0}.pc-mob-drp{display:block}.user-name,.user-desc{display:none}}.header-register-btn{border-radius:.375rem;font-weight:600;transition:all .2s;color:#fff!important;background-color:#159f6c!important;padding:.5rem 1rem!important}.header-register-btn:hover{color:#fff!important;background-color:#2563eb!important}
.pc-sidebar{background-color:var(--pc-sidebar-background,#1c232f);width:260px;height:100vh;color:var(--pc-sidebar-color,#fff);z-index:1000;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.navbar-wrapper{padding:0}.m-header{padding:20px}.qbits-logo-container{text-align:center;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;margin-bottom:20px;padding:3px 20px 5px;display:flex}.qbits-logo{margin:0 auto;display:block}.navbar-content{padding:0 10px}.pc-navbar{margin:0;padding:0;list-style:none}.pc-item{margin-bottom:4px}.pc-link{color:var(--pc-sidebar-color,#fff);border-radius:8px;align-items:center;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex;position:relative}.qbits-nav-item:hover{background-color:#ffffff1a}.qbits-nav-item.active{background-color:#ffffff26}.pc-micon{justify-content:center;align-items:center;width:24px;margin-right:12px;display:flex}.pc-micon svg{width:20px;height:20px;color:var(--pc-sidebar-icon-color,#4f5b6a)}.qbits-nav-item.active .pc-micon svg{color:var(--pc-sidebar-active-color,#3b82f6)}.pc-mtext{flex:1;font-size:14px;font-weight:500}.pc-hasmenu .pc-arrow{align-items:center;margin-left:auto;transition:transform .3s;display:flex}.pc-hasmenu .pc-arrow svg{width:16px;height:16px;color:var(--pc-sidebar-icon-color,#4f5b6a)}.pc-hasmenu.active .pc-arrow{transform:rotate(90deg)}.pc-submenu{max-height:0;margin:4px 0 0;padding:0;list-style:none;transition:max-height .3s;overflow:hidden}.pc-hasmenu.active .pc-submenu{max-height:500px}.pc-submenu .pc-item{margin-bottom:2px}.pc-submenu .pc-link{color:#ffffffb3;padding:8px 16px 8px 52px;font-size:13px;display:block}.pc-submenu .pc-link:hover{color:#fff;background-color:#ffffff1a}.pc-submenu .pc-link.active{color:#fff;background-color:#ffffff26;font-weight:600}.text-primary{color:#3b82f6}.pc-sidebar::-webkit-scrollbar{width:6px}.pc-sidebar::-webkit-scrollbar-track{background:0 0}.pc-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.pc-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.pc-sidebar{transform:translate(-100%)}.pc-sidebar.active{transform:translate(0)}}