table th,table thead th,table thead tr th,.table-container th,.data-table th,.ticket-table th,.preview-table th,.user-table th{color:#66737B !important;-webkit-text-fill-color:#66737B !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;background:#FAFAFA !important}table td,table tbody td,.data-table td,.ticket-table td{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-size:12.5px !important}.page-header h1,.page-header-left h1,.task-tracker-header h1,.mod-bars-header h1{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}.page-header p,.page-header-left p,.task-tracker-header p,.mod-bars-header p{color:#66737B !important;-webkit-text-fill-color:#66737B !important}.filter-label,.filter-title,.field-label,.form-label{color:#66737B !important;-webkit-text-fill-color:#66737B !important}.field-input,.field-select,.filter-select,.filter-input,input[type="text"],input[type="date"],select{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}.card-title,.form-card-title,h1,h2,h3,h4,h5,h6{color:#172B3A}#sidebar .nav-item,.sidebar .nav-item{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item .icon,.sidebar .nav-item .icon{color:#172B3A !important}#sidebar .nav-section-label,.sidebar .nav-section-label{color:rgba(255,255,255,0.75) !important;-webkit-text-fill-color:rgba(255,255,255,0.75) !important}#sidebar,.sidebar,.sidebar-panel{background:#3366FF !important}#sidebar .nav-item,.sidebar .nav-item,.sidebar-panel .nav-item,.nav-item{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item span,.sidebar .nav-item span,.nav-item span:not(.nav-badge):not(.online-dot){color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item .icon,.sidebar .nav-item .icon,.nav-item .icon,.nav-item i{color:#172B3A !important;opacity:1 !important}#sidebar .nav-item::after,.sidebar .nav-item::after,.nav-item::after{color:rgba(255,255,255,0.7) !important}#sidebar .nav-section-label,.sidebar .nav-section-label,.nav-section-label{color:rgba(255,255,255,0.75) !important;-webkit-text-fill-color:rgba(255,255,255,0.75) !important;font-size:10.5px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.8px !important}#sidebar .nav-item.active,.sidebar .nav-item.active,.nav-item.active{background:#1A39B6 !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-weight:800 !important;border:1px solid rgba(255,255,255,0.18) !important}#sidebar .nav-item:hover,.sidebar .nav-item:hover,.nav-item:hover{background:rgba(255,255,255,0.1) !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role,.sidebar-pinned-role,#sidebar-role-card{background:#1A39B6 !important;border:1px solid rgba(255,255,255,0.15) !important}#sidebar .binus-role-label,.binus-role-label{color:rgba(255,255,255,0.9) !important;-webkit-text-fill-color:rgba(255,255,255,0.9) !important}#sidebar .binus-user-title,.binus-user-title{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-weight:800 !important}#sidebar .binus-user-sub1,.binus-user-sub1{color:rgba(255,255,255,0.85) !important;-webkit-text-fill-color:rgba(255,255,255,0.85) !important}#sidebar .binus-user-sub2,.binus-user-sub2{color:rgba(255,255,255,0.65) !important;-webkit-text-fill-color:rgba(255,255,255,0.65) !important}#sidebar,.sidebar,.sidebar-panel{background:#3366FF !important;color:#ffffff !important}.nav-section-label,.sidebar-section-title{color:rgba(255,255,255,0.75) !important;font-size:10.5px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.8px !important;padding:12px 16px 4px !important}.nav-item{color:#ffffff !important;font-size:13px !important;font-weight:600 !important;padding:9px 14px !important;margin:2px 10px !important;border-radius:6px !important;display:flex !important;align-items:center !important;gap:10px !important;transition:all 0.15s ease !important;cursor:pointer !important;background:transparent !important}.nav-item .icon,.nav-item i{color:#ffffff !important;font-size:14px !important;width:20px !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;opacity:0.95 !important}.nav-item::after,.nav-item .icon-arrow,.nav-item .fa-chevron-right{color:rgba(255,255,255,0.6) !important;font-size:11px !important}.nav-item:hover{background:rgba(255,255,255,0.1) !important;color:#ffffff !important}.nav-item:hover .icon,.nav-item:hover i{color:#ffffff !important;opacity:1 !important}.nav-item.active{background:#1A39B6 !important;color:#ffffff !important;font-weight:800 !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 2px 6px rgba(0,0,0,0.15) !important}.nav-item.active .icon,.nav-item.active i{color:#ffffff !important;opacity:1 !important}.nav-item .nav-badge{background:rgba(255,255,255,0.2) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.3) !important;font-size:10.5px !important;font-weight:800 !important;padding:1px 6px !important;border-radius:10px !important;margin-left:auto !important}.sidebar-pinned-role,#sidebar-role-card,.sidebar-user-card{background:#1A39B6 !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:8px !important;margin:12px 12px 16px 12px !important;padding:12px 14px !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important}.binus-role-label{color:rgba(255,255,255,0.9) !important;font-size:11px !important;font-weight:700 !important}.binus-user-title{color:#ffffff !important;font-size:16px !important;font-weight:800 !important;margin-top:4px !important}.binus-user-sub1{color:rgba(255,255,255,0.85) !important;font-size:11.5px !important;font-weight:600 !important}.binus-user-sub2{color:rgba(255,255,255,0.65) !important;font-size:10.5px !important;font-weight:500 !important}.role-online-pill{background:rgba(34,197,94,0.2) !important;color:#4ade80 !important;border:1px solid rgba(74,222,128,0.4) !important;font-size:10.5px !important;font-weight:700 !important;padding:2px 8px !important;border-radius:12px !important}#sidebar,.sidebar,.sidebar-panel{background:#ffffff !important;border-right:1px solid #D6DADD !important;box-shadow:none !important}.sidebar-pinned-role,#sidebar-role-card,.sidebar-user-card{background:#FAFAFA !important;border:1px solid #D6DADD !important;border-radius:8px !important;margin:12px 12px 16px 12px !important;padding:12px 14px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}.binus-role-label{color:#172B3A !important;font-size:11px !important;font-weight:700 !important}.role-online-pill{background:#DCFCE7 !important;color:#166534 !important;border:1px solid #BBF7D0 !important;font-size:10.5px !important;font-weight:700 !important;padding:2px 8px !important;border-radius:12px !important}.binus-user-title{color:#172B3A !important;font-size:15px !important;font-weight:800 !important;margin-top:4px !important}.binus-user-sub1{color:#172B3A !important;font-size:11.5px !important;font-weight:600 !important}.binus-user-sub2{color:rgba(255,255,255,0.75) !important;font-size:10.5px !important;font-weight:500 !important}.nav-section-label,.sidebar-section-title{color:rgba(255,255,255,0.75) !important;font-size:10.5px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.8px !important;padding:10px 16px 4px !important}.nav-item{color:#172B3A !important;font-size:12.5px !important;font-weight:600 !important;padding:8px 14px !important;margin:2px 10px !important;border-radius:6px !important;display:flex !important;align-items:center !important;gap:10px !important;transition:all 0.15s ease !important;cursor:pointer !important;background:transparent !important}.nav-item .icon{color:#172B3A !important;font-size:13px !important;width:18px !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.nav-item:hover{background:#F4F6F8 !important;color:#172B3A !important}.nav-item:hover .icon{color:#172B3A !important}.nav-item.active{background:#EBF1F5 !important;color:#3366FF !important;font-weight:800 !important}.nav-item.active .icon{color:#3366FF !important}.nav-item .nav-badge{background:#D6E4FF !important;color:#3366FF !important;border:1px solid #ADC8FF !important;font-size:10.5px !important;font-weight:700 !important;padding:1px 6px !important;border-radius:10px !important;margin-left:auto !important}:root{--primary:#3366FF !important;--primary-hover:#1A39B6 !important;--primary-tint:#D6E4FF !important;--primary-border:#ADC8FF !important;--sidebar-bg:#3366FF !important}#sidebar,.sidebar,.sidebar-v55,.sidebar-panel{background:#3366FF !important}.sidebar-user-card,.sb-user-card,.sidebar-v55-card,.sidebar-header-card,.role-badge-box{background:#1A39B6 !important;border:1px solid rgba(255,255,255,0.12) !important}.nav-item.active,.sidebar-nav-item.active,.sidebar-v55-nav-item.active,.nav-item:hover{background:#1A39B6 !important}.btn-primary,.btn-accent,button.btn-primary,.btn-blue{background:#3366FF !important;color:#ffffff !important}.btn-primary:hover,.btn-accent:hover,button.btn-primary:hover,.btn-blue:hover{background:#1A39B6 !important;color:#ffffff !important}.avatar,.topbar-avatar,.user-avatar,.user-avatar-circle,.table-avatar,.profil-avatar-big,#profil-avatar-big,.dt-log-avatar,.db-card-avatar,.ps-avatar,.qa-assessor-avatar,.sidebar-v55-user-avatar,.act-avatar,.user-initial-badge{background:#D6E4FF !important;color:#3366FF !important;border-color:#ADC8FF !important}.btn-export-excel i,.btn-export i,.btn-excel i,#btn-admin-download-xls i,.btn-download i,.text-primary,.icon-primary{color:#3366FF !important}input:focus,select:focus,textarea:focus,.field-input:focus,.field-select:focus,.filter-select:focus,.filter-input:focus{border-color:#3366FF !important;box-shadow:0 0 0 2px rgba(14,82,99,0.15) !important}.btn-export-excel,.btn-export,.btn-excel,#btn-admin-download-xls,.btn-download{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:38px !important;padding:0 16px !important;background:#ffffff !important;border:1.5px solid #CBD5E1 !important;border-radius:8px !important;color:#0F1F3D !important;font-family:'Roboto',sans-serif !important;font-size:13px !important;font-weight:800 !important;cursor:pointer !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important;transition:all 0.15s ease !important;text-decoration:none !important;white-space:nowrap !important}.btn-export-excel i,.btn-export i,.btn-excel i,#btn-admin-download-xls i,.btn-download i{color:#3366FF !important;font-size:15px !important}.btn-export-excel:hover,.btn-export:hover,.btn-excel:hover,#btn-admin-download-xls:hover,.btn-download:hover{background:#F8FAFC !important;border-color:rgba(255,255,255,0.75) !important;color:#0F1F3D !important}.btn-export-excel:active,.btn-export:active,.btn-excel:active,#btn-admin-download-xls:active,.btn-download:active{transform:translateY(1px) !important;box-shadow:none !important}.mod-bars-header,.task-tracker-header,.preview-header,.page-header{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;margin-bottom:20px !important;flex-wrap:wrap !important;gap:12px !important;border:none !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}.mod-bars-header-content,.task-tracker-header-content,.page-header-left{flex:1 !important}.mod-bars-header h1,.task-tracker-header h1,.preview-header h1,.page-header h1,.page-header-left h1{font-size:18px !important;font-weight:800 !important;color:#172B3A !important;margin:0 0 4px 0 !important;letter-spacing:-0.3px !important;line-height:1.25 !important}.mod-bars-header p,.task-tracker-header p,.preview-header p,.page-header p,.page-header-left p{font-size:12px !important;color:#172B3A !important;margin:0 !important;font-weight:400 !important}.mod-bars-header-icon{display:none !important}.page-header{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;margin-bottom:20px !important;flex-wrap:wrap !important;gap:12px !important;border:none !important;padding:0 !important;background:transparent !important}.page-header h1,.page-header h2,.page-header .page-title,.page-header-left h1,.page-header-left h2{font-size:18px !important;font-weight:800 !important;color:#172B3A !important;margin:0 0 4px 0 !important;letter-spacing:-0.3px !important;line-height:1.25 !important}.page-header p,.page-header .page-sub,.page-header .page-subtitle,.page-header-left p{font-size:12px !important;color:#172B3A !important;margin:0 !important;font-weight:400 !important}.page-header-actions,.page-header .header-actions{display:flex !important;gap:8px !important;align-items:center !important;flex-wrap:wrap !important}.btn{height:36px !important;font-size:12px !important;font-weight:700 !important;border-radius:6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;cursor:pointer !important;transition:all 0.15s ease !important;box-shadow:none !important;font-family:'Roboto',sans-serif !important;text-decoration:none !important}.btn-primary,.btn-accent,button.btn-primary,.btn-blue{background:#3366FF !important;color:#ffffff !important;border:none !important;padding:0 16px !important}.btn-primary:hover,.btn-accent:hover,button.btn-primary:hover,.btn-blue:hover{background:#1A39B6 !important;color:#ffffff !important}.btn-ghost,.btn-secondary,.btn-export,.btn-outline,.btn-download,.btn-excel,button.btn-ghost,button.btn-secondary{background:#ffffff !important;color:#172B3A !important;border:1px solid #D6DADD !important;padding:0 14px !important}.btn-ghost:hover,.btn-secondary:hover,.btn-export:hover,.btn-outline:hover,.btn-download:hover,.btn-excel:hover{background:#FAFAFA !important;color:#172B3A !important;border-color:#BAC2C7 !important}.filter-bar,.filter-box,.filter-card,.filter-section,.dash-filter-card{background:#ffffff !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:16px 20px !important;margin-bottom:18px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}.filter-label,.filter-title,.field-label{font-size:11px !important;font-weight:700 !important;color:#172B3A !important;text-transform:uppercase !important;letter-spacing:0.5px !important;margin-bottom:6px !important;display:block !important}.filter-select,.filter-input,.field-input,.field-select,.form-control,.form-select{height:36px !important;border:1px solid #D6DADD !important;border-radius:6px !important;background:#ffffff !important;color:#172B3A !important;font-size:12.5px !important;font-weight:500 !important;padding:0 12px !important;font-family:'Roboto',sans-serif !important;outline:none !important}.filter-select:focus,.filter-input:focus,.field-input:focus,.field-select:focus{border-color:#3366FF !important;box-shadow:0 0 0 2px rgba(0,111,145,0.12) !important}.card,.table-card,.main-card{background:#ffffff !important;border:1px solid #D6DADD !important;border-radius:8px !important;box-shadow:0 1px 3px rgba(0,0,0,0.02) !important}table thead tr{background:#FAFAFA !important;border-bottom:1px solid #D6DADD !important}table th{padding:12px 14px !important;font-size:11px !important;font-weight:700 !important;color:#172B3A !important;text-transform:uppercase !important;letter-spacing:0.4px !important}table td{padding:12px 14px !important;font-size:12.5px !important;color:#172B3A !important;border-bottom:1px solid #F4F5F6 !important}.btn-icon,.btn-action{width:28px !important;height:28px !important;border-radius:6px !important;background:#FAFAFA !important;border:1px solid #D6DADD !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:11.5px !important;cursor:pointer !important;padding:0 !important;transition:all 0.15s ease !important}.search-box,.input-icon-wrapper,.input-wrapper{position:relative !important;display:inline-flex !important;align-items:center !important}.search-box i,.input-icon-wrapper i:not(.input-eye):not(.suffix):not(.suffix-icon),.input-wrapper i.prefix,.input-wrapper i.prefix-icon{position:absolute !important;left:12px !important;top:50% !important;transform:translateY(-50%) !important;color:#172B3A !important;font-size:13px !important;pointer-events:none !important;z-index:2 !important;margin:0 !important;padding:0 !important}.search-box input,.input-icon-wrapper input,.input-icon-wrapper select{padding-left:36px !important;box-sizing:border-box !important}.profil-grid{display:grid !important;grid-template-columns:320px 1fr !important;gap:20px !important;align-items:start !important}@media (max-width:900px){.profil-grid{grid-template-columns:1fr !important}}.profil-avatar-card{background:#ffffff !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:28px 24px !important;text-align:center !important;box-shadow:0 1px 3px rgba(0,0,0,0.02) !important;display:flex !important;flex-direction:column !important;align-items:center !important}.profil-avatar-big{width:76px !important;height:76px !important;border-radius:50% !important;background:#D6E4FF !important;color:#3366FF !important;font-size:28px !important;font-weight:800 !important;border:2px solid #D6DADD !important;margin:0 auto 16px auto !important;display:flex !important;align-items:center !important;justify-content:center !important;font-family:'Roboto',sans-serif !important}.profil-name{font-size:16px !important;font-weight:800 !important;color:#172B3A !important;margin-bottom:2px !important}.profil-email{font-size:12px !important;color:#172B3A !important;font-weight:500 !important;margin-bottom:12px !important}.profil-badge{display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#FAFAFA !important;border:1px solid #D6DADD !important;color:#172B3A !important;font-size:11px !important;font-weight:700 !important;padding:3px 12px !important;border-radius:4px !important;text-transform:uppercase !important;margin-bottom:20px !important}.profil-stats{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;width:100% !important}.profil-stat-item{background:#FAFAFA !important;border:1px solid #D6DADD !important;border-radius:6px !important;padding:12px 8px !important;text-align:center !important}.profil-stat-item .psi-num{font-size:18px !important;font-weight:800 !important;color:#3366FF !important}.profil-stat-item .psi-label{font-size:11px !important;font-weight:600 !important;color:#172B3A !important;margin-top:2px !important}#page-profil .form-card{background:#ffffff !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:24px 28px !important;box-shadow:0 1px 3px rgba(0,0,0,0.02) !important}#page-profil .form-card-title{font-size:15px !important;font-weight:800 !important;color:#172B3A !important;margin-bottom:20px !important;border-bottom:1px solid #F4F5F6 !important;padding-bottom:12px !important}.modal-overlay,.custom-modal-overlay{backdrop-filter:blur(4px) !important;background:rgba(15,23,42,0.5) !important}.modal-box,.custom-modal-box{background:#ffffff !important;border-radius:8px !important;border:1px solid #D6DADD !important;box-shadow:0 12px 36px -8px rgba(0,0,0,0.18) !important;color:#172B3A !important;font-family:'Roboto',sans-serif !important}.modal-header,.modal-top-bar{border-bottom:1px solid #D6DADD !important;background:#ffffff !important;padding:16px 20px !important}.modal-title,.modal-box h2,.modal-box h3,.modal-box h4{font-size:15px !important;font-weight:700 !important;color:#172B3A !important;letter-spacing:-0.2px !important}.modal-subtitle,.modal-box p{font-size:12px !important;color:#172B3A !important}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #D6DADD !important;border-radius:6px !important;font-size:12px !important;color:#172B3A !important;font-weight:500 !important;background:#ffffff !important;font-family:'Roboto',sans-serif !important}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:#3366FF !important;outline:none !important;box-shadow:0 0 0 2px rgba(0,111,145,0.12) !important}.modal-box .btn-primary,.modal-box button[type="submit"],.modal-box .btn-save{background:#3366FF !important;color:#ffffff !important;border:none !important;border-radius:6px !important;font-weight:700 !important;height:36px !important;padding:0 16px !important;font-size:12px !important;cursor:pointer !important;box-shadow:none !important}.modal-box .btn-primary:hover,.modal-box button[type="submit"]:hover,.modal-box .btn-save:hover{background:#1A39B6 !important}.modal-box .btn-secondary,.modal-box .btn-cancel,.modal-box button[type="button"].btn-cancel{background:#ffffff !important;color:#172B3A !important;border:1px solid #D6DADD !important;border-radius:6px !important;font-weight:700 !important;height:36px !important;padding:0 16px !important;font-size:12px !important;cursor:pointer !important}.modal-box .btn-secondary:hover,.modal-box .btn-cancel:hover{background:#FAFAFA !important;color:#172B3A !important}.modal-box .badge,.modal-box [class*="-badge"],.modal-box [class*="-tag"]{background:#FAFAFA !important;color:#172B3A !important;border:1px solid #D6DADD !important;border-radius:4px !important;font-size:11px !important;font-weight:700 !important}.role-pill,.role-badge,.role-tag,.badge-role,.user-role-badge,.ut-role,.rp-l1,.rp-l2,.rp-admin,.rp-qa,.rp-mod,.rp-management,.rp-viewer,[class*="rp-"]{background:#FAFAFA !important;color:#172B3A !important;border:1px solid #D6DADD !important;border-radius:4px !important;font-size:11px !important;font-weight:700 !important;font-family:'Roboto',sans-serif !important;padding:2px 8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-transform:uppercase !important;box-shadow:none !important;letter-spacing:0.3px !important}.avatar,.topbar-avatar,.user-avatar,.user-avatar-circle,.table-avatar,.profil-avatar-big,.dt-log-avatar,.db-card-avatar,.ps-avatar,.qa-assessor-avatar,.sidebar-v55-user-avatar,.act-avatar,.user-initial-badge,{background:#D6E4FF !important;color:#3366FF !important;border:1.5px solid #D6DADD !important;border-radius:50% !important;font-weight:800 !important;font-family:'Roboto',sans-serif !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-transform:uppercase !important;box-shadow:none !important}.avatar{width:32px !important;height:32px !important;font-size:13px !important}.profil-avatar-big{width:72px !important;height:72px !important;font-size:28px !important}.fa,.fas,.far,.fal,.fad,.fab,i.fa,i.fas,i.far,i.fal,i.fad,i.fab,[class*=" fa-"],[class^="fa-"],[class*="fa-solid"],[class*="fa-regular"]{font-family:"Font Awesome 5 Free","FontAwesome" !important;font-style:normal !important;font-weight:900 !important;-webkit-font-smoothing:antialiased;display:inline-block;font-variant:normal;text-rendering:auto;line-height:1}.far,i.far,[class*="fa-regular"]{font-weight:400 !important}.fab,i.fab,[class*="fa-brands"]{font-family:"Font Awesome 5 Brands" !important;font-weight:400 !important}body,h1,h2,h3,h4,h5,h6,p,a,input,button,select,textarea,table,th,td,label,div.text,span.text{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.stats-grid,.stat-grid,#prod-stat-cards,#adm-prod-stats,.stats-row{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:16px !important;margin-bottom:24px !important;width:100% !important}@media (max-width:1100px){.stats-grid,.stat-grid,#prod-stat-cards,#adm-prod-stats,.stats-row{grid-template-columns:repeat(2,1fr) !important}}.stat-card{background:#FFFFFF !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:14px 16px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;min-height:98px !important;transition:border-color 0.15s ease !important}.stat-card:hover{border-color:#3366FF !important}.stat-card .stat-info h4,.stat-card .sc-label,.stat-card h4{font-size:11px !important;font-weight:700 !important;color:#172B3A !important;text-transform:uppercase !important;letter-spacing:0.5px !important;margin:0 0 4px 0 !important;line-height:1.3 !important}.stat-card .stat-info .stat-value,.stat-card .sc-num,.stat-card .stat-value{font-size:24px !important;font-weight:800 !important;color:#172B3A !important;font-family:'Roboto',sans-serif !important;margin:4px 0 2px 0 !important;line-height:1.1 !important}.stat-card .sc-sub,.stat-card .stat-sub{font-size:11px !important;font-weight:500 !important;color:#172B3A !important;margin-top:2px !important}.page-header,.task-tracker-header{background:#FFFFFF !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:16px 20px !important;margin-bottom:20px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:16px !important}.page-header-left,.task-tracker-header-content{display:flex !important;flex-direction:column !important;justify-content:center !important}.page-header h1,.page-header-left h1,.task-tracker-header-content h1{font-size:18px !important;font-weight:800 !important;color:#172B3A !important;letter-spacing:-0.2px !important;margin:0 0 2px 0 !important;line-height:1.2 !important}.page-header p,.page-header-left p,.task-tracker-header-content p{color:#172B3A !important;font-size:12px !important;margin:0 !important;line-height:1.3 !important}.page-header-actions{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}.btn-green,.btn-primary,.btn-ghost{height:36px !important;box-sizing:border-box !important;border-radius:6px !important;padding:0 12px !important;font-size:12px !important;font-weight:700 !important;display:inline-flex !important;align-items:center !important;gap:6px !important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,button,select,textarea,optgroup,option{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important}:root{--primary:#3366FF !important;--primary-dark:#005A75 !important;--primary-light:#D6E4FF !important;--page-bg:#F4F5F6 !important;--bg:#F4F5F6 !important;--surface:#FFFFFF !important;--surface-alt:#FAFAFA !important;--surface-secondary:#FAFAFA !important;--surface-soft:#FAFAFA !important;--border:#D6DADD !important;--border2:#D6DADD !important;--sidebar-border:#D9DEE2 !important;--text-primary:#172B3A !important;--text:#172B3A !important;--text-secondary:#66737B !important;--text-muted:#66737B !important;--accent:#3366FF !important;--accent2:#005A75 !important;--success:#5B9E3E !important;--warning:#D99000 !important;--danger:#D9534F !important;--info:#287A9E !important;--font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;--font-head:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;--font-body:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important}:root{--primary:#3366FF;--primary-dark:#005A75;--primary-light:#D6E4FF;--page-bg:#F4F5F6;--bg:#F4F5F6;--surface:#FFFFFF;--surface-alt:#FAFAFA;--surface-secondary:#FAFAFA;--surface-soft:#FAFAFA;--border:#D6DADD;--sidebar-border:#D9DEE2;--text-primary:#172B3A;--text:#172B3A;--text-secondary:#66737B;--text-muted:#66737B;--accent:#F59E0B;--success:#5B9E3E;--warning:#D99000;--danger:#D9534F;--info:#287A9E;--topbar-h:46px;--sidebar-w:245px;--font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--radius:8px;--radius-sm:6px;--radius-lg:10px}*{font-family:var(--font-family);box-sizing:border-box}body{background:var(--page-bg) !important;color:var(--text-primary) !important;font-family:var(--font-family) !important;margin:0;padding:0;-webkit-font-smoothing:antialiased}.topbar{width:100% !important;height:var(--topbar-h) !important;min-height:var(--topbar-h) !important;background:var(--surface) !important;border-bottom:1px solid var(--border) !important;padding:0 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:200 !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}.topbar-filter-item,select.topbar-filter-item,button.topbar-filter-item,div.topbar-filter-item{height:36px !important;box-sizing:border-box !important;background:#FFFFFF !important;border:1px solid #D6DADD !important;border-radius:6px !important;padding:0 12px !important;font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;font-size:12px !important;font-weight:700 !important;color:#172B3A !important;line-height:34px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;cursor:pointer !important;outline:none !important;transition:border-color 0.15s ease !important;-webkit-appearance:none}.topbar-filter-item:hover{border-color:#3366FF !important}.topbar-filter-item i{font-size:11px !important;color:#3366FF !important;line-height:1 !important}.topbar-filter-item span{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;font-size:12px !important;font-weight:700 !important;color:#172B3A !important;line-height:1 !important}.sidebar{width:var(--sidebar-w) !important;background:#FFFFFF !important;background-color:#172B3A !important;border-right:1px solid var(--sidebar-border) !important;display:flex !important;flex-direction:column !important;padding:0 !important;position:fixed !important;top:var(--topbar-h) !important;left:0 !important;bottom:0 !important;height:calc(100vh - var(--topbar-h)) !important;z-index:100 !important;overflow:hidden !important;box-shadow:1px 0 3px rgba(0,0,0,0.02) !important}.sidebar-pinned-role{background:#F5F7F8 !important;background-color:#F5F7F8 !important;border:1px solid var(--sidebar-border) !important;margin:12px 12px 6px 12px !important;padding:12px 14px !important;border-radius:var(--radius) !important;color:#26343B !important;box-shadow:none !important;flex-shrink:0 !important;z-index:10 !important}.binus-role-top{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:6px !important}.binus-role-label{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;font-weight:700 !important;color:#3366FF !important}.binus-role-label svg{stroke:#3366FF !important}.role-online-pill{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:10px !important;font-weight:700 !important;color:#5B9E3E !important;background:rgba(91,158,62,0.12) !important;padding:2px 8px !important;border-radius:10px !important;border:1px solid rgba(91,158,62,0.25) !important}.role-online-pill .online-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#5B9E3E !important}.binus-user-title{font-size:15px !important;font-weight:800 !important;color:#26343B !important;line-height:1.2 !important}.binus-user-sub1{font-size:11px !important;color:#6B777D !important;font-weight:500 !important;margin-top:2px !important;line-height:1.3 !important}.binus-user-sub2{font-size:10.5px !important;color:#3366FF !important;font-weight:700 !important;margin-top:2px !important}.sidebar-scrollable-menu{flex:1 !important;overflow-y:auto !important;padding:4px 10px 20px 10px !important;scrollbar-width:thin !important}.sidebar-scrollable-menu::-webkit-scrollbar{width:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-thumb{background:#D9DEE2 !important;border-radius:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-track{background:transparent !important}.nav-section-label{font-size:10px !important;font-weight:800 !important;letter-spacing:0.6px !important;color:#6B777D !important;text-transform:uppercase !important;padding:0 8px !important;margin:14px 0 5px !important;opacity:1 !important}.nav-item{display:flex !important;align-items:center !important;gap:10px !important;padding:8.5px 12px !important;border-radius:var(--radius-sm) !important;cursor:pointer !important;transition:all 0.15s ease !important;font-size:12.5px !important;font-weight:600 !important;color:#26343B !important;margin-bottom:2px !important;position:relative !important;background:transparent !important}.nav-item:hover{background:#F1F5F6 !important;color:#172B3A !important}.nav-item:hover .icon{color:#3366FF !important}.nav-item.active{background:#3366FF !important;background-color:#3366FF !important;color:#172B3A !important;font-weight:700 !important;box-shadow:0 1px 3px rgba(0,111,145,0.2) !important;border:none !important}.nav-item .icon{width:20px !important;height:20px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12.5px !important;color:#172B3A !important;flex-shrink:0 !important;background:transparent !important;transition:color 0.15s ease !important}.nav-item.active .icon{color:#172B3A !important}.nav-item::after{content:'\f054' !important;font-family:'Font Awesome 6 Free' !important;font-weight:900 !important;margin-left:auto !important;font-size:8px !important;color:#6B777D !important;transition:color 0.15s ease !important}.nav-item.active::after{color:#172B3A !important}.nav-item:hover::after{color:#26343B !important}.layout{display:flex !important;width:100% !important;max-width:100% !important;min-height:calc(100vh - var(--topbar-h)) !important}.main{width:calc(100% - var(--sidebar-w)) !important;max-width:calc(100% - var(--sidebar-w)) !important;margin-left:var(--sidebar-w) !important;margin-top:var(--topbar-h) !important;min-height:calc(100vh - var(--topbar-h)) !important;background:var(--page-bg) !important;flex:1 !important}.page,.qa-page,.report-container,[id^="page-"]{width:100% !important;max-width:100% !important;margin:0 !important;padding:22px 28px !important;box-sizing:border-box !important;background:transparent !important}.card,.panel,.widget-card,.qa-card,.stat-card,.modal-content,.filter-card,.content-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius) !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}table,.table,.ticket-table,.qa-table,.data-table{width:100% !important;background:var(--surface) !important;border-collapse:collapse !important}thead tr,.table-header{background:var(--surface-alt) !important;border-bottom:1px solid var(--border) !important}th{background:var(--surface-alt) !important;color:var(--text-secondary) !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border-bottom:1px solid var(--border) !important;padding:11px 14px !important}td{border-bottom:1px solid var(--border) !important;color:var(--text-primary) !important;padding:11px 14px !important;font-size:12.5px !important}tbody tr:hover{background:var(--page-bg) !important}.btn-primary,.btn-submit,.btn-action-main,button.btn-primary{background:#3366FF !important;border:1px solid #3366FF !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:700 !important;cursor:pointer !important;transition:background 0.15s ease !important}.btn-primary:hover,.btn-submit:hover,.btn-action-main:hover{background:#005A75 !important;border-color:#005A75 !important}.btn-secondary,.btn-cancel,.btn-outline,button.btn-secondary{background:#FFFFFF !important;border:1px solid #D6DADD !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:600 !important;cursor:pointer !important;transition:background 0.15s ease !important}.btn-secondary:hover,.btn-cancel:hover,.btn-outline:hover{background:#FAFAFA !important;border-color:#D6DADD !important}.btn-accent,.btn-warning-cta,.btn-important{background:#F59E0B !important;border:1px solid #F59E0B !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:700 !important;cursor:pointer !important}.btn-accent:hover{background:#D99000 !important;border-color:#D99000 !important}input,select,textarea,.form-control,.filter-select,.input-search{background:#FFFFFF !important;border:1px solid #D6DADD !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-size:12.5px !important;padding:7px 12px !important;outline:none !important;transition:border-color 0.15s ease,box-shadow 0.15s ease !important}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:#3366FF !important;box-shadow:0 0 0 2px rgba(0,111,145,0.15) !important}input::placeholder,textarea::placeholder{color:#8A969D !important}.badge-success,.status-success,.status-paid,.status-selesai{background:rgba(91,158,62,0.15) !important;color:#5B9E3E !important;border:1px solid rgba(91,158,62,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-warning,.status-warning,.status-pending,.status-proses{background:rgba(217,144,0,0.15) !important;color:#D99000 !important;border:1px solid rgba(217,144,0,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-danger,.status-danger,.status-gagal,.status-batal{background:rgba(217,83,79,0.15) !important;color:#D9534F !important;border:1px solid rgba(217,83,79,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-info,.status-info,.status-draft{background:rgba(40,122,158,0.15) !important;color:#287A9E !important;border:1px solid rgba(40,122,158,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.tab-btn,.nav-tabs .nav-link,.filter-tab{color:var(--text-secondary) !important;border-bottom:2px solid transparent !important;font-weight:600 !important;padding:8px 16px !important;cursor:pointer !important}.tab-btn.active,.nav-tabs .nav-link.active,.filter-tab.active{color:#3366FF !important;border-bottom:2px solid #3366FF !important;font-weight:700 !important}:root{--primary:#3366FF;--primary-dark:#005461;--primary-light:#E8F3F5;--page-bg:#F4F5F6;--bg:#F4F5F6;--surface:#FFFFFF;--surface-alt:#FAFAFA;--surface-soft:#FAFAFA;--border:#D6DADD;--text-primary:#172B3A;--text:#172B3A;--text-secondary:#66737B;--text-muted:#66737B;--accent:#F59E0B;--success:#5B9E3E;--warning:#D99000;--danger:#D9534F;--info:#3B82A6;--topbar-h:46px;--sidebar-w:245px;--font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--radius:8px;--radius-sm:6px;--radius-lg:10px}*{font-family:var(--font-family);box-sizing:border-box}body{background:var(--page-bg) !important;color:var(--text-primary) !important;font-family:var(--font-family) !important;margin:0;padding:0;-webkit-font-smoothing:antialiased}.topbar{width:100% !important;height:var(--topbar-h) !important;min-height:var(--topbar-h) !important;background:var(--surface) !important;border-bottom:1px solid var(--border) !important;padding:0 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:200 !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}.sidebar{width:var(--sidebar-w) !important;background:#3366FF !important;background-color:#3366FF !important;border-right:none !important;display:flex !important;flex-direction:column !important;padding:0 !important;position:fixed !important;top:var(--topbar-h) !important;left:0 !important;bottom:0 !important;height:calc(100vh - var(--topbar-h)) !important;z-index:100 !important;overflow:hidden !important;box-shadow:2px 0 6px rgba(0,40,50,0.08) !important}.sidebar-pinned-role{background:#005461 !important;background-color:#005461 !important;border:1px solid rgba(255,255,255,0.12) !important;margin:12px 12px 6px 12px !important;padding:12px 14px !important;border-radius:var(--radius) !important;color:#172B3A !important;box-shadow:none !important;flex-shrink:0 !important;z-index:10 !important}.binus-role-top{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:6px !important}.binus-role-label{display:flex !important;align-items:center !important;gap:8px !important;font-size:13.5px !important;font-weight:700 !important;color:#172B3A !important}.binus-role-label svg{stroke:#FFFFFF !important}.role-online-pill{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:10px !important;font-weight:700 !important;color:#172B3A !important;background:rgba(91,158,62,0.4) !important;padding:2px 8px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,0.25) !important}.role-online-pill .online-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#5B9E3E !important}.binus-user-title{font-size:15px !important;font-weight:800 !important;color:#172B3A !important;line-height:1.2 !important}.binus-user-sub1{font-size:11px !important;color:#E8F3F5 !important;font-weight:500 !important;margin-top:2px !important;line-height:1.3 !important}.binus-user-sub2{font-size:10.5px !important;color:rgba(255,255,255,0.7) !important;font-weight:600 !important;margin-top:2px !important}.sidebar-scrollable-menu{flex:1 !important;overflow-y:auto !important;padding:4px 10px 20px 10px !important;scrollbar-width:thin !important}.sidebar-scrollable-menu::-webkit-scrollbar{width:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2) !important;border-radius:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-track{background:transparent !important}.nav-section-label{font-size:10px !important;font-weight:800 !important;letter-spacing:0.8px !important;color:#E8F3F5 !important;text-transform:uppercase !important;padding:0 8px !important;margin:14px 0 5px !important;opacity:0.85 !important}.nav-item{display:flex !important;align-items:center !important;gap:10px !important;padding:8.5px 12px !important;border-radius:var(--radius-sm) !important;cursor:pointer !important;transition:background 0.15s ease !important;font-size:12.5px !important;font-weight:600 !important;color:#172B3A !important;margin-bottom:2px !important;position:relative !important;background:transparent !important}.nav-item:hover{background:#007987 !important;color:#172B3A !important}.nav-item.active{background:#005461 !important;background-color:#005461 !important;color:#172B3A !important;font-weight:700 !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:none !important}.nav-item .icon{width:20px !important;height:20px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12.5px !important;color:#172B3A !important;flex-shrink:0 !important;background:transparent !important}.nav-item::after{content:'\f054' !important;font-family:'Font Awesome 6 Free' !important;font-weight:900 !important;margin-left:auto !important;font-size:8px !important;color:rgba(255,255,255,0.5) !important}.nav-item.active::after,.nav-item:hover::after{color:#172B3A !important}.layout{display:flex !important;width:100% !important;max-width:100% !important;min-height:calc(100vh - var(--topbar-h)) !important}.main{width:calc(100% - var(--sidebar-w)) !important;max-width:calc(100% - var(--sidebar-w)) !important;margin-left:var(--sidebar-w) !important;margin-top:var(--topbar-h) !important;min-height:calc(100vh - var(--topbar-h)) !important;background:var(--page-bg) !important;flex:1 !important}.page,.qa-page,.report-container,[id^="page-"]{width:100% !important;max-width:100% !important;margin:0 !important;padding:22px 28px !important;box-sizing:border-box !important;background:transparent !important}.card,.panel,.widget-card,.qa-card,.stat-card,.modal-content,.filter-card,.content-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius) !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}table,.table,.ticket-table,.qa-table,.data-table{width:100% !important;background:var(--surface) !important;border-collapse:collapse !important}thead tr,.table-header{background:var(--surface-alt) !important;border-bottom:1px solid var(--border) !important}th{background:var(--surface-alt) !important;color:var(--text-secondary) !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border-bottom:1px solid var(--border) !important;padding:11px 14px !important}td{border-bottom:1px solid var(--border) !important;color:var(--text-primary) !important;padding:11px 14px !important;font-size:12.5px !important}tbody tr:hover{background:var(--page-bg) !important}.btn-primary,.btn-submit,.btn-action-main,button.btn-primary{background:#3366FF !important;border:1px solid #3366FF !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:700 !important;cursor:pointer !important;transition:background 0.15s ease !important}.btn-primary:hover,.btn-submit:hover,.btn-action-main:hover{background:#005461 !important;border-color:#005461 !important}.btn-secondary,.btn-cancel,.btn-outline,button.btn-secondary{background:#FFFFFF !important;border:1px solid #D6DADD !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:600 !important;cursor:pointer !important;transition:background 0.15s ease !important}.btn-secondary:hover,.btn-cancel:hover,.btn-outline:hover{background:#FAFAFA !important;border-color:#D6DADD !important}.btn-accent,.btn-warning-cta,.btn-important{background:#F59E0B !important;border:1px solid #F59E0B !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-weight:700 !important;cursor:pointer !important}.btn-accent:hover{background:#D99000 !important;border-color:#D99000 !important}input,select,textarea,.form-control,.filter-select,.input-search{background:#FFFFFF !important;border:1px solid #D6DADD !important;color:#172B3A !important;border-radius:var(--radius-sm) !important;font-size:12.5px !important;padding:7px 12px !important;outline:none !important;transition:border-color 0.15s ease,box-shadow 0.15s ease !important}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:#3366FF !important;box-shadow:0 0 0 2px rgba(0,107,120,0.15) !important}input::placeholder,textarea::placeholder{color:#8A969D !important}.badge-success,.status-success,.status-paid,.status-selesai{background:rgba(91,158,62,0.15) !important;color:#5B9E3E !important;border:1px solid rgba(91,158,62,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-warning,.status-warning,.status-pending,.status-proses{background:rgba(217,144,0,0.15) !important;color:#D99000 !important;border:1px solid rgba(217,144,0,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-danger,.status-danger,.status-gagal,.status-batal{background:rgba(217,83,79,0.15) !important;color:#D9534F !important;border:1px solid rgba(217,83,79,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.badge-info,.status-info,.status-draft{background:rgba(59,130,166,0.15) !important;color:#3B82A6 !important;border:1px solid rgba(59,130,166,0.3) !important;padding:3px 9px !important;border-radius:12px !important;font-weight:700 !important;font-size:11px !important}.tab-btn,.nav-tabs .nav-link,.filter-tab{color:var(--text-secondary) !important;border-bottom:2px solid transparent !important;font-weight:600 !important;padding:8px 16px !important;cursor:pointer !important}.tab-btn.active,.nav-tabs .nav-link.active,.filter-tab.active{color:#3366FF !important;border-bottom:2px solid #3366FF !important;font-weight:700 !important}:root{--primary:#3366FF;--primary-dark:#005661;--primary-light:#E3F1F3;--bg:#E9EEF2;--surface:#FFFFFF;--surface-soft:#F5F7F9;--text:#172B3A;--text-secondary:#647481;--border:#D3DDE3;--success:#16805C;--warning:#C98200;--danger:#D14343;--info:#2474A6;--topbar-h:46px;--sidebar-w:245px;--font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*{font-family:var(--font-family);box-sizing:border-box}body{background:var(--bg) !important;color:var(--text) !important;font-family:var(--font-family) !important;margin:0;padding:0;-webkit-font-smoothing:antialiased}.topbar{width:100% !important;height:var(--topbar-h) !important;min-height:var(--topbar-h) !important;background:var(--surface-soft) !important;border-bottom:1px solid var(--border) !important;padding:0 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:200 !important;box-shadow:0 1px 2px rgba(0,0,0,0.03) !important}.sidebar{width:var(--sidebar-w) !important;background:var(--primary) !important;background-color:#3366FF !important;border-right:none !important;display:flex !important;flex-direction:column !important;padding:0 !important;position:fixed !important;top:var(--topbar-h) !important;left:0 !important;bottom:0 !important;height:calc(100vh - var(--topbar-h)) !important;z-index:100 !important;overflow:hidden !important;box-shadow:2px 0 8px rgba(0,40,50,0.12) !important}.sidebar-pinned-role{background:var(--primary-dark) !important;border:1px solid rgba(255,255,255,0.15) !important;margin:12px 12px 6px 12px !important;padding:12px 14px !important;border-radius:10px !important;color:#172B3A !important;box-shadow:0 2px 6px rgba(0,0,0,0.1) !important;flex-shrink:0 !important;z-index:10 !important}.binus-role-top{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:6px !important}.binus-role-label{display:flex !important;align-items:center !important;gap:8px !important;font-size:13.5px !important;font-weight:700 !important;color:#172B3A !important}.binus-role-label svg{stroke:#FFFFFF !important}.role-online-pill{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:10px !important;font-weight:700 !important;color:#172B3A !important;background:rgba(22,128,92,0.35) !important;padding:2px 8px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,0.25) !important}.role-online-pill .online-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#22c55e !important}.binus-user-title{font-size:15px !important;font-weight:800 !important;color:#172B3A !important;line-height:1.2 !important}.binus-user-sub1{font-size:11px !important;color:#E3F1F3 !important;font-weight:500 !important;margin-top:2px !important;line-height:1.3 !important}.binus-user-sub2{font-size:10.5px !important;color:rgba(255,255,255,0.75) !important;font-weight:600 !important;margin-top:2px !important}.sidebar-scrollable-menu{flex:1 !important;overflow-y:auto !important;padding:4px 10px 20px 10px !important;scrollbar-width:thin !important}.sidebar-scrollable-menu::-webkit-scrollbar{width:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2) !important;border-radius:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-track{background:transparent !important}.nav-section-label{font-size:10px !important;font-weight:800 !important;letter-spacing:0.8px !important;color:#E3F1F3 !important;text-transform:uppercase !important;padding:0 8px !important;margin:14px 0 5px !important;opacity:0.85 !important}.nav-item{display:flex !important;align-items:center !important;gap:10px !important;padding:8.5px 12px !important;border-radius:8px !important;cursor:pointer !important;transition:background 0.15s ease !important;font-size:12.5px !important;font-weight:600 !important;color:#172B3A !important;margin-bottom:2px !important;position:relative !important;background:transparent !important}.nav-item:hover{background:rgba(255,255,255,0.12) !important;color:#172B3A !important}.nav-item.active{background:var(--primary-dark) !important;color:#172B3A !important;font-weight:700 !important;box-shadow:0 1px 3px rgba(0,0,0,0.15) !important;border:1px solid rgba(255,255,255,0.12) !important}.nav-item .icon{width:20px !important;height:20px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12.5px !important;color:#172B3A !important;flex-shrink:0 !important;background:transparent !important}.nav-item::after{content:'\f054' !important;font-family:'Font Awesome 6 Free' !important;font-weight:900 !important;margin-left:auto !important;font-size:8px !important;color:rgba(255,255,255,0.5) !important}.nav-item.active::after,.nav-item:hover::after{color:#172B3A !important}.layout{display:flex !important;width:100% !important;max-width:100% !important;min-height:calc(100vh - var(--topbar-h)) !important}.main{width:calc(100% - var(--sidebar-w)) !important;max-width:calc(100% - var(--sidebar-w)) !important;margin-left:var(--sidebar-w) !important;margin-top:var(--topbar-h) !important;min-height:calc(100vh - var(--topbar-h)) !important;background:var(--bg) !important;flex:1 !important}.page,.qa-page,.report-container,[id^="page-"]{width:100% !important;max-width:100% !important;margin:0 !important;padding:22px 28px !important;box-sizing:border-box !important;background:transparent !important}.card,.panel,.widget-card,.qa-card,.stat-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:10px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important}table,.table,.ticket-table,.qa-table,.data-table{width:100% !important;background:var(--surface) !important;border-collapse:collapse !important}thead tr,.table-header{background:var(--surface-soft) !important;border-bottom:1px solid var(--border) !important}th{background:var(--surface-soft) !important;color:var(--text-secondary) !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border-bottom:1px solid var(--border) !important;padding:11px 14px !important}td{border-bottom:1px solid var(--surface-soft) !important;color:var(--text) !important;padding:11px 14px !important}tbody tr:hover{background:var(--surface-soft) !important}.btn-primary,.btn-submit,.btn-action-main{background:var(--primary) !important;border-color:var(--primary) !important;color:#172B3A !important;border-radius:8px !important;font-weight:700 !important}.btn-primary:hover,.btn-submit:hover{background:var(--primary-dark) !important;border-color:var(--primary-dark) !important}.btn-secondary,.btn-cancel,.btn-outline{background:var(--surface) !important;border:1px solid var(--border) !important;color:var(--text) !important;border-radius:8px !important;font-weight:600 !important}.btn-secondary:hover{background:var(--surface-soft) !important;border-color:var(--border) !important}.tab-btn.active,.nav-tabs .nav-link.active,.filter-tab.active{color:var(--primary) !important;border-bottom:2px solid var(--primary) !important}:root{--topbar-h:46px;--sidebar-w:245px;--bg:#EEF2F6;--bg2:#E2E8F0;--surface:#FFFFFF;--surface2:#F8FAFC;--border:#E2E8F0;--border-light:#F1F5F9;--primary:#3366FF;--primary-hover:#007D94;--primary-light:rgba(0,148,173,0.12);--text-main:#0F172A;--text-body:#334155;--text-muted:#64748B;--font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*{font-family:var(--font-family)}body{background:var(--bg) !important;color:var(--text-body) !important;font-family:var(--font-family) !important}.main{background:var(--bg) !important}.page{background:transparent !important}.card,.panel,.widget-card,.qa-card,.stat-card{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;border-radius:12px !important;box-shadow:0 1px 3px rgba(0,0,0,0.03) !important}table,.table,.ticket-table,.qa-table,.data-table{background:#FFFFFF !important;border-collapse:collapse !important}thead tr,.table-header{background:#F8FAFC !important;border-bottom:1px solid #E2E8F0 !important}th{background:#F8FAFC !important;color:#475569 !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border-bottom:1px solid #E2E8F0 !important}td{border-bottom:1px solid #F1F5F9 !important;color:#334155 !important}tbody tr:hover{background:#F8FAFC !important}.btn-primary,.btn-submit,.btn-action-main{background:#3366FF !important;border-color:#3366FF !important;color:#172B3A !important;border-radius:8px !important;font-weight:700 !important}.btn-primary:hover,.btn-submit:hover{background:#007D94 !important;border-color:#007D94 !important}.tab-btn.active,.nav-tabs .nav-link.active,.filter-tab.active{color:#3366FF !important;border-bottom-color:#3366FF !important}:root{--bg:#f8fafc;--surface:#ffffff;--surface2:#f1f5f9;--border:#e2e8f0;--border-focus:#cbd5e1;--primary:#3366FF;--primary-hover:#007D94;--primary-soft:#eff6ff;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--sidebar-w:255px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#login-page{position:fixed;inset:0;width:100vw;height:100vh;min-height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0f172a;overflow-y:auto}#login-page::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px);background-size:20px 20px;z-index:0}.login-card{display:flex;background:#ffffff;border-radius:24px;width:100%;max-width:800px;margin:24px;min-height:480px;position:relative;z-index:1;box-shadow:0 40px 80px rgba(0,0,0,0.5);animation:slideUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards;overflow:hidden}@keyframes slideUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.login-left{flex:1;background:#f8fafc;padding:40px;display:flex;flex-direction:column;position:relative}.login-right{flex:1;padding:40px 48px;display:flex;flex-direction:column;justify-content:center}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo .logo-icon{width:44px;height:44px;background:#3366FF;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.login-logo .logo-text{font-size:22px;font-weight:800;color:#0f1f3d;letter-spacing:-0.5px}.login-title{font-size:36px;font-weight:800;color:#0f1f3d;line-height:1.1;margin-bottom:12px;letter-spacing:-0.5px}.login-sub{color:#64748b;font-size:15px;margin-bottom:auto;line-height:1.5}.login-ill{width:100%;max-width:320px;margin:24px auto 0;display:block;object-fit:contain}.lg-form-group{margin-bottom:20px}.lg-form-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#64748b;margin-bottom:8px;letter-spacing:0.5px;text-transform:uppercase}.lg-form-label i{color:#64748b;font-size:14px}.lg-input-wrap{position:relative;display:flex;align-items:center}.lg-input-wrap i.prefix{position:absolute;left:16px;color:#94a3b8;font-size:14px}.lg-form-input{width:100%;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px 14px 42px;color:#0f1f3d;font-family:'Roboto',sans-serif;font-size:14px;outline:none;transition:all 0.2s}.lg-form-input:focus{border-color:#64748b;box-shadow:0 0 0 4px rgba(59,130,246,0.1)}.lg-input-wrap i.suffix{position:absolute;right:16px;color:#94a3b8;font-size:14px;cursor:pointer;transition:color 0.2s}.lg-input-wrap i.suffix:hover{color:#0f1f3d}.lg-form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;margin-top:-4px}.lg-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.lg-checkbox input{width:16px;height:16px;border-radius:4px;accent-color:#64748b;cursor:pointer}.lg-checkbox span{font-size:12px;font-weight:700;color:#0f1f3d}.lg-link{font-size:12px;font-weight:700;color:#64748b;text-decoration:none;transition:color 0.2s;cursor:pointer}.lg-link:hover{color:#3366FF}.lg-btn-login{width:100%;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#ffffff;border:none;border-radius:12px;padding:16px;font-family:'Roboto',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 16px rgba(59,130,246,0.25)}.lg-btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(59,130,246,0.3)}.lg-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#94a3b8;font-size:12px;font-weight:600}.lg-divider::before,.lg-divider::after{content:'';flex:1;border-bottom:1px solid #e2e8f0}.lg-divider:not(:empty)::before{margin-right:12px}.lg-divider:not(:empty)::after{margin-left:12px}.lg-footer-badge{background:#f8fafc;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0}.lg-footer-badge .icon{width:36px;height:36px;border-radius:10px;background:#eff6ff;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.lg-footer-badge h4{font-size:12px;font-weight:800;color:#0f1f3d;margin-bottom:2px}.lg-footer-badge p{font-size:11px;color:#64748b;line-height:1.4}#app{display:none}.layout{display:flex;min-height:100vh;min-width:0}body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8fafc;color:#334155;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.page,.qa-page,.report-container,.tab-pane,[id^="page-"]{width:100% !important;max-width:100% !important;margin:0 !important;padding:24px 32px !important;box-sizing:border-box !important}.main{width:calc(100% - var(--sidebar-w)) !important;max-width:calc(100% - var(--sidebar-w)) !important;margin-left:var(--sidebar-w) !important;margin-top:var(--topbar-h) !important;min-height:calc(100vh - var(--topbar-h)) !important;box-sizing:border-box !important;background:var(--bg) !important;flex:1 !important}.layout{display:flex !important;width:100% !important;max-width:100% !important;min-height:calc(100vh - var(--topbar-h)) !important;box-sizing:border-box !important}.card,.panel,.widget-card,.qa-card,.stat-card,.table-container,.table-wrap{width:100% !important;box-sizing:border-box !important}:root{--topbar-h:46px;--sidebar-w:245px;--bg:#EEF2F6}body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#EEF2F6;color:#334155;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.topbar{width:100% !important;height:var(--topbar-h) !important;min-height:var(--topbar-h) !important;background:#f8fafc !important;border-bottom:1px solid #e2e8f0 !important;padding:0 16px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:200 !important;box-shadow:0 1px 2px rgba(0,0,0,0.03) !important}.sidebar{width:var(--sidebar-w) !important;background:#3366FF !important;border-right:none !important;display:flex !important;flex-direction:column !important;padding:0 !important;position:fixed !important;top:var(--topbar-h) !important;left:0 !important;bottom:0 !important;height:calc(100vh - var(--topbar-h)) !important;z-index:100 !important;overflow:hidden !important;box-shadow:2px 0 10px rgba(0,77,115,0.12) !important}.sidebar-pinned-role{background:rgba(0,80,94,0.4) !important;border:1px solid rgba(255,255,255,0.2) !important;backdrop-filter:blur(8px) !important;margin:12px 12px 6px 12px !important;padding:12px 14px !important;border-radius:12px !important;color:#ffffff !important;box-shadow:0 4px 12px rgba(0,50,60,0.15) !important;flex-shrink:0 !important;z-index:10 !important}.binus-role-top{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important}.binus-role-label{display:flex !important;align-items:center !important;gap:8px !important;font-size:14.5px !important;font-weight:700 !important;color:#ffffff !important}.binus-role-label svg{stroke:#ffffff !important}.role-online-pill{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:10px !important;font-weight:700 !important;color:#ffffff !important;background:rgba(34,197,94,0.25) !important;padding:2px 8px !important;border-radius:12px !important;border:1px solid rgba(255,255,255,0.3) !important}.role-online-pill .online-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#22c55e !important;box-shadow:0 0 6px #22c55e !important}.binus-user-title{font-size:16px !important;font-weight:800 !important;color:#ffffff !important;line-height:1.2 !important}.binus-user-sub1{font-size:11.5px !important;color:#e0f2fe !important;font-weight:500 !important;margin-top:3px !important;line-height:1.3 !important}.binus-user-sub2{font-size:11px !important;color:#bae6fd !important;font-weight:600 !important;margin-top:2px !important}.sidebar-scrollable-menu{flex:1 !important;overflow-y:auto !important;padding:4px 12px 20px 12px !important;scrollbar-width:thin !important}.sidebar-scrollable-menu::-webkit-scrollbar{width:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25) !important;border-radius:4px !important}.sidebar-scrollable-menu::-webkit-scrollbar-track{background:transparent !important}.nav-section-label{font-size:10px !important;font-weight:800 !important;letter-spacing:0.8px !important;color:#e0f2fe !important;text-transform:uppercase !important;padding:0 10px !important;margin:16px 0 6px !important;opacity:0.9 !important}.nav-item{display:flex !important;align-items:center !important;gap:10px !important;padding:9px 12px !important;border-radius:8px !important;cursor:pointer !important;transition:all 0.15s ease !important;font-size:13px !important;font-weight:600 !important;color:#ffffff !important;margin-bottom:3px !important;position:relative !important;background:transparent !important}.nav-item:hover{background:rgba(255,255,255,0.12) !important;color:#ffffff !important}.nav-item.active{background:#006e80 !important;color:#ffffff !important;font-weight:700 !important;box-shadow:0 2px 8px rgba(0,50,60,0.22) !important;border:1px solid rgba(255,255,255,0.18) !important}.nav-item .icon{width:22px !important;height:22px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;color:#ffffff !important;flex-shrink:0 !important;background:transparent !important;box-shadow:none !important}.nav-item::after{content:'\f054' !important;font-family:'Font Awesome 6 Free' !important;font-weight:900 !important;margin-left:auto !important;font-size:8.5px !important;color:rgba(255,255,255,0.6) !important}.nav-item.active::after,.nav-item:hover::after{color:#ffffff !important}.main{width:calc(100% - var(--sidebar-w)) !important;box-sizing:border-box !important;margin-left:var(--sidebar-w) !important;margin-top:var(--topbar-h) !important;flex:1 !important;background:#EEF2F6 !important;min-height:calc(100vh - var(--topbar-h)) !important;min-width:0 !important}.card{background:#ffffff !important;border-radius:12px !important;padding:20px !important;border:1px solid #e2e8f0 !important;box-shadow:0 1px 3px rgba(0,0,0,0.02) !important}.page{display:none;padding:24px 32px !important;width:100% !important;max-width:100% !important;margin:0 !important;box-sizing:border-box !important}.page.active{display:block}.page-header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-header-left h1{font-size:28px;font-weight:800;color:#0f1f3d;letter-spacing:-.5px}.page-header-left p{font-size:13px;color:#6b7a99;margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.stat-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:white;border-radius:14px;padding:18px;border:1px solid #d0d7e8}.sc-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.sc-num{font-size:30px;font-weight:800;color:#0f1f3d;line-height:1}.sc-label{font-size:12px;color:#6b7a99;margin-top:3px}.sc-sub{font-size:11px;font-weight:600;margin-top:6px}.sc-green{background:rgba(22,163,74,.1)}.sc-purple{background:rgba(46,82,153,.1)}.sc-blue{background:rgba(74,127,212,.1)}.sc-yellow{background:rgba(196,154,42,.1)}.sc-red{background:rgba(220,38,38,.08)}.shift-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px}.shift-card{background:white;border-radius:14px;padding:16px 18px;border:1px solid #d0d7e8;display:flex;align-items:center;justify-content:space-between}.shift-left{display:flex;align-items:center;gap:12px}.shift-icon{font-size:26px}.shift-name{font-size:14px;font-weight:700;color:#0f1f3d}.shift-jam{font-size:11px;color:#6b7a99;margin-top:1px}.shift-right{text-align:right}.shift-num{font-size:30px;font-weight:800;line-height:1}.shift-pct{font-size:11px;font-weight:600;margin-top:3px}.s-pagi{border-left:3px solid #c49a2a}.s-pagi .shift-num{color:#a07820}.s-pagi .shift-pct{color:#a07820}.s-siang{border-left:3px solid #4a7fd4}.s-siang .shift-num{color:#1e3a6e}.s-siang .shift-pct{color:#1e3a6e}.s-malam{border-left:3px solid #2e5299}.s-malam .shift-num{color:#2e5299}.s-malam .shift-pct{color:#2e5299}.card{background:white;border-radius:14px;padding:18px;border:1px solid #d0d7e8;min-width:0}.card-title{font-size:14px;font-weight:700;color:#0f1f3d;margin-bottom:14px;display:flex;align-items:center;gap:7px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}.two-col-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.donut-container{display:flex;align-items:center;justify-content:center;gap:32px;width:100%;height:100%;min-height:240px;padding:10px 0}.donut-svg{flex-shrink:0;width:220px;height:220px}.donut-legend{display:flex;flex-direction:column;gap:16px;font-size:15px}.donut-legend .legend-val{font-size:18px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-label{color:#6b7a99;font-size:12px}.legend-val{margin-left:auto;font-weight:700;color:#0f1f3d}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:flex-start;gap:9px}.act-dot-wrap{display:flex;flex-direction:column;align-items:center}.act-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex-shrink:0}.act-line{width:1px;flex:1;background:#e8ecf4;margin-top:2px}.act-info h5{font-size:13px;font-weight:600;color:#0f1f3d}.act-info p{font-size:11px;color:#6b7a99;margin-top:2px}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;color:#6b7a99;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d0d7e8}.ticket-table td{padding:11px 12px;font-size:13px;color:#0f1f3d;border-bottom:1px solid #eef0f7}.ticket-table tr:last-child td{border-bottom:none}.ticket-table tr:hover td{background:#f0f4fb}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.type-merge{background:rgba(46,82,153,.12);color:#2e5299}.type-nonmerge{background:rgba(74,127,212,.1);color:#1e3a6e}.type-grupwa{background:rgba(196,154,42,.15);color:#a07820}.status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;display:inline-block;margin-right:5px}.uploader-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;background:#e8ecf4;color:#2e5299}.form-card{background:white;border-radius:14px;padding:22px;border:1px solid #d0d7e8}.form-card-title{font-size:16px;font-weight:700;color:#0f1f3d;margin-bottom:18px;display:flex;align-items:center;gap:8px}.fct-ic{width:30px;height:30px;border-radius:8px;background:rgba(30,58,110,.1);display:flex;align-items:center;justify-content:center;font-size:15px}.field-group{margin-bottom:14px}.field-label{display:block;font-size:11px;font-weight:700;color:#6b7a99;margin-bottom:6px;letter-spacing:.4px;text-transform:uppercase}.field-input,.field-select{width:100%;background:#f0f2f7;border:1.5px solid #d0d7e8;border-radius:10px;padding:11px 13px;color:#0f1f3d;font-family:'Roboto',sans-serif;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none}.field-input:focus,.field-select:focus{border-color:#1e3a6e;box-shadow:0 0 0 3px rgba(30,58,110,.1);background:white}.field-input:disabled{opacity:.5;cursor:not-allowed;background:#e8ecf4}.select-wrapper{position:relative}.select-wrapper::after{content:'▼';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#6b7a99;pointer-events:none;font-size:12px}.btn{border:none;border-radius:10px;padding:11px 16px;font-family:'Roboto',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px}.btn-block{width:100%;justify-content:center}.btn-primary{background:#0f1f3d;color:white}.btn-primary:hover{background:#1e3a6e;transform:translateY(-1px)}.btn-accent{background:#1e3a6e;color:#ffffff}.btn-accent:hover{background:#2e5299;transform:translateY(-1px)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.btn-ghost{background:#f0f2f7;color:#6b7a99;border:1px solid #d0d7e8}.btn-ghost:hover{background:#e8ecf4}.btn-green{background:rgba(22,163,74,.1);color:#3366FF;border:1.5px solid rgba(22,163,74,.25)}.btn-green:hover{background:rgba(22,163,74,.18)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:8px}.input-icon-wrap{position:relative}.input-icon-wrap .field-input{padding-right:42px}.input-eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7a99;font-size:15px;user-select:none}.upload-tabs{display:flex;gap:8px;margin-bottom:18px}.upload-tab{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;border:2px solid #d0d7e8;background:white;color:#6b7a99;transition:all .2s}.upload-tab.active{border-color:#0f1f3d;background:#0f1f3d;color:white}.upload-tab-panel{display:none}.upload-tab-panel.active{display:block}.dropzone{border:2px dashed #b0bcda;border-radius:14px;background:#f5f7fc;padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.dropzone:hover,.dropzone.dragover{border-color:#1e3a6e;background:rgba(30,58,110,.04)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dz-icon{font-size:36px;margin-bottom:10px}.dz-title{font-size:15px;font-weight:700;color:#0f1f3d;margin-bottom:3px}.dz-sub{font-size:12px;color:#6b7a99}.dz-types{display:flex;justify-content:center;gap:7px;margin-top:10px}.dz-type-pill{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700}.dz-txt{background:rgba(74,127,212,.1);color:#1e3a6e}.dz-xls{background:rgba(22,163,74,.1);color:#3366FF}.dz-csv{background:rgba(196,154,42,.15);color:#a07820}.preview-wrap{margin-top:14px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.preview-title{font-size:13px;font-weight:700;color:#0f1f3d}.preview-count{font-size:12px;color:#6b7a99}.preview-table-wrap{max-height:240px;overflow-y:auto;border-radius:10px;border:1px solid #d0d7e8}.preview-table{width:100%;border-collapse:collapse}.preview-table th{padding:8px 11px;text-align:left;font-size:10px;font-weight:700;color:#6b7a99;text-transform:uppercase;letter-spacing:.4px;background:#f5f7fc;border-bottom:1px solid #d0d7e8;position:sticky;top:0}.preview-table td{padding:9px 11px;font-size:12px;color:#0f1f3d;border-bottom:1px solid #eef0f7}.preview-table tr:last-child td{border-bottom:none}.row-ok{background:rgba(22,163,74,.02)}.row-err td{color:#dc2626 !important;background:rgba(220,38,38,.04)}.row-dup td{color:#f59e0b !important;background:rgba(245,158,11,.04)}.err-badge{font-size:10px;background:rgba(220,38,38,.1);color:#dc2626;padding:2px 5px;border-radius:4px;margin-left:3px}.fg-code{background:#0f1f3d;color:#7eb8f7;border-radius:8px;padding:11px 13px;font-family:monospace;font-size:12px;line-height:1.8;white-space:pre;overflow-x:auto}.fg-note{font-size:11px;color:#6b7a99;margin-top:7px;line-height:1.6}.cbt-container{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}@media(max-width:800px){.cbt-container{grid-template-columns:1fr}}.cbt-main{background:white;border-radius:14px;border:1px solid #d0d7e8;padding:24px;min-height:400px;display:flex;flex-direction:column}.cbt-sidebar{background:white;border-radius:14px;border:1px solid #d0d7e8;padding:20px;position:sticky;top:70px}.cbt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.cbt-box{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all 0.2s;background:#fff}.cbt-box:hover{border-color:#cbd5e1;background:#f8fafc}.cbt-box.answered{background:#3366FF;border-color:#3366FF;color:white}.cbt-box.active{border-color:#64748b;color:#64748b;box-shadow:0 0 0 2px rgba(59,130,246,0.3)}.cbt-box.answered.active{background:#3366FF;border-color:#64748b;color:white}.cbt-opt-card{border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all 0.2s;display:flex;align-items:flex-start;gap:12px;background:#fff;margin-bottom:12px}.cbt-opt-card:hover{border-color:#93c5fd;background:#eff6ff}.cbt-opt-card.selected{border-color:#64748b;background:#eff6ff;box-shadow:0 4px 12px rgba(59,130,246,0.15)}.cbt-opt-marker{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}.cbt-opt-card.selected .cbt-opt-marker{background:#3b82f6;color:white}.cbt-opt-text{font-size:14px;color:#334155;line-height:1.5;padding-top:4px}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0}.cal-nav-title{font-size:16px;font-weight:800;color:#0f1f3d}.btn-cal-nav{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;color:#475569;padding:6px 12px;font-weight:700;transition:0.2s;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.btn-cal-nav:hover{background:#f8fafc;color:#0f1f3d;border-color:#94a3b8}.task-tracker-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:linear-gradient(to right,#ffffff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.02)}.task-tracker-header-icon,.page-header-icon{display:none !important}.task-tracker-header-content h1{font-size:24px;color:#0f1f3d;margin-bottom:6px;font-weight:800}.task-tracker-header-content p{color:#64748b;font-size:14px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.cal-header-cell{text-align:center;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:0.5px;padding:14px 8px;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;background:#f8fafc}.cal-header-cell:last-child{border-right:none}.cal-header-cell.weekend-header{color:#ef4444}.cal-cell{min-height:110px;background:#fff;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background 0.15s}.cal-cell:hover{background:#fafaff}.cal-cell:nth-child(7n){border-right:none}.cal-cell.empty{background:#fafbfc;cursor:default}.cal-cell.empty:hover{background:#fafbfc}.cal-date{font-size:13px;font-weight:700;color:#334155;text-align:right;margin-bottom:4px;display:flex;justify-content:flex-end;align-items:center}.cal-date.weekend{color:#ef4444}.cal-cell.today .cal-date-num{background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(99,102,241,0.35)}.cal-pill{font-size:11px;font-weight:600;padding:5px 8px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:1.4;border:none;margin-bottom:3px;transition:all 0.15s}.cal-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.cal-pill.status-todo{background:#f1f5f9;color:#475569}.cal-pill.status-progress{background:#dbeafe;color:#3366FF}.cal-pill.status-review{background:#fef3c7;color:#d97706}.cal-pill.status-done{background:#d1fae5;color:#3366FF}.cal-pill.status-late{background:#fee2e2;color:#dc2626}.cal-pill-author{display:block;font-size:9px;font-weight:500;opacity:0.75;margin-top:1px}.cal-pill-check{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:8px}.cal-legend{display:flex;align-items:center;gap:20px;padding:14px 16px;border-top:1px solid #f1f5f9;margin-top:4px}.cal-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.cal-legend-dot{width:8px;height:8px;border-radius:50%}.cal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.profil-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.profil-avatar-card{background:white;border-radius:14px;padding:24px;border:1px solid #d0d7e8;text-align:center}.profil-avatar-big{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:white;margin:0 auto 14px}.profil-name{font-size:17px;font-weight:800;color:#0f1f3d}.profil-email{font-size:12px;color:#6b7a99;margin-top:3px}.profil-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(30,58,110,.1);color:#1e3a6e;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;margin-top:10px}.profil-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.profil-stat-item{background:#f0f2f7;border-radius:10px;padding:11px;text-align:center}.psi-num{font-size:20px;font-weight:800;color:#0f1f3d}.psi-label{font-size:11px;color:#6b7a99;margin-top:2px}.pw-strength{height:4px;border-radius:4px;margin-top:7px;background:#e8ecf4;overflow:hidden}.pw-bar{height:100%;border-radius:4px;width:0;transition:width .3s,background .3s}.pw-label{font-size:11px;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-box{background:white;border-radius:20px;padding:34px 30px;width:420px;text-align:center;box-shadow:0 24px 60px rgba(15,31,61,.15);animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-box.modal-lg{width:580px;text-align:left}@keyframes popIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-icon{font-size:44px;margin-bottom:14px}.modal-title{font-size:20px;font-weight:800;color:#0f1f3d;margin-bottom:7px}.modal-sub{font-size:13px;color:#6b7a99;margin-bottom:24px;line-height:1.6}.modal-btns{display:flex;gap:9px}.modal-btns button{flex:1;padding:12px;border-radius:10px;font-family:'Roboto',sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.btn-mc{background:#f0f2f7;color:#6b7a99}.btn-mc:hover{background:#e8ecf4}.btn-mok{background:#dc2626;color:white}.btn-mok:hover{background:#b91c1c}.btn-mok-warn{background:#d97706;color:white}.btn-mok-warn:hover{background:#b45309}.toast{position:fixed;bottom:22px;right:22px;background:#0f1f3d;color:white;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:2000;display:none}.toast.show{display:flex;align-items:center;gap:7px;animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.empty{text-align:center;padding:36px 20px;color:#6b7a99}.empty .e-icon{font-size:36px;margin-bottom:9px}.empty p{font-size:13px}.user-table{width:100%;border-collapse:collapse}.user-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;color:#6b7a99;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d0d7e8}.user-table td{padding:11px 12px;font-size:13px;color:#0f1f3d;border-bottom:1px solid #eef0f7}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:#f0f4fb}.role-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.rp-admin{background:rgba(220,38,38,.1);color:#dc2626}.rp-l1{background:rgba(30,58,110,.1);color:#1e3a6e}.rp-l2{background:rgba(196,154,42,.12);color:#a07820}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filter-select{background:#f0f2f7;border:1.5px solid #d0d7e8;border-radius:9px;padding:8px 12px;color:#0f1f3d;font-family:'Roboto',sans-serif;font-size:12px;outline:none;cursor:pointer;font-weight:600}.filter-select:focus{border-color:#1e3a6e}.filter-label{font-size:12px;color:#6b7a99;font-weight:600}.admin-tabs{display:flex;gap:6px;margin-bottom:20px}.admin-tab{padding:9px 18px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;border:2px solid #d0d7e8;background:white;color:#6b7a99;transition:all .15s}.admin-tab.active{border-color:#0f1f3d;background:#0f1f3d;color:white}.role-section{background:white;border-radius:14px;border:1px solid #d0d7e8;margin-bottom:18px;overflow:hidden}.role-section-header{padding:16px 18px;border-bottom:1px solid #d0d7e8;display:flex;align-items:center;justify-content:space-between}.role-section-title{font-size:15px;font-weight:800;color:#0f1f3d;display:flex;align-items:center;gap:9px}.role-section-body{padding:18px}.divider{height:1px;background:#e8ecf4;margin:18px 0}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 4px 4px;flex-wrap:wrap;gap:8px}.pagination-info{font-size:13px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:8px}.pagination-controls{display:flex;align-items:center;gap:6px}.pg-btn{min-width:36px;height:36px;padding:0 8px;border:none;border-radius:8px;background:transparent;color:#475569;font-family:'Roboto',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.pg-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.pg-btn.active{background:#4f46e5;color:white;box-shadow:0 4px 12px rgba(79,70,229,0.3)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-ellipsis{font-size:13px;color:#94a3b8;padding:0 6px;line-height:36px;font-weight:700}.mod-bars-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:linear-gradient(to right,#ffffff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.02)}.mod-bars-header-icon{width:72px;height:72px;background:#ffffff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;font-size:32px;color:#64748b;position:relative;z-index:2}.mod-bars-header-icon::after{content:'\f005';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;bottom:-6px;right:-6px;font-size:14px;background:#3b82f6;color:white;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white}.mod-bars-header-content h1{font-size:26px;color:#0f1f3d;margin-bottom:6px;font-weight:800}.mod-bars-header-content p{color:#64748b;font-size:14px}.bars-category{background:#ffffff;padding:32px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,0.03)}.bars-cat-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #cbd5e1;padding-bottom:16px;margin-bottom:24px}.bars-cat-title{font-size:18px;font-weight:700;color:#0f1f3d;display:flex;align-items:center;gap:12px}.bars-cat-icon{color:white;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#3b82f6}.bars-cat-info{font-size:12px;color:#64748b;background:#eff6ff;padding:8px 14px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid #bfdbfe}.bars-item{display:flex;gap:24px;margin-bottom:24px;align-items:stretch}.bars-item:last-child{margin-bottom:0}.bars-title-box{width:220px;display:flex;align-items:center;gap:16px;flex-shrink:0}.bars-title-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.bars-title-text{font-weight:700;color:#1e293b;font-size:13px;line-height:1.4}.icon-purple{background:#f3e8ff;color:#9333ea}.icon-green{background:#dcfce7;color:#3366FF}.icon-orange{background:#fef3c7;color:#d97706}.icon-red{background:#fee2e2;color:#ef4444}.icon-teal{background:#ccfbf1;color:#0d9488}.icon-blue{background:#dbeafe;color:#3366FF}.icon-yellow{background:#fef08a;color:#ca8a04}.icon-pink{background:#fce7f3;color:#db2777}.bars-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.bars-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all 0.2s;position:relative;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.bars-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px rgba(59,130,246,0.1)}.bars-card.selected{border-color:#64748b;background:#eff6ff;box-shadow:0 4px 12px rgba(59,130,246,0.15)}.bars-card-radio{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:50%;position:absolute;left:12px;top:12px;transition:all 0.2s;background:#fff}.bars-card.selected .bars-card-radio{border-color:#64748b;border-width:5px}.bars-card-num{font-size:16px;font-weight:800;color:#0f1f3d;margin-top:4px}.bars-card.selected .bars-card-num{color:#007D94}.bars-card-desc{font-size:11px;color:#64748b;line-height:1.3}.bars-card.selected .bars-card-desc{color:#1e40af;font-weight:500}.bars-legend{display:flex;align-items:center;background:#ffffff;padding:20px 24px;border-radius:16px;border:1px solid #e2e8f0;margin-top:24px;box-shadow:0 4px 12px rgba(0,0,0,0.03);gap:20px;flex-wrap:wrap}.bars-legend-title{font-weight:700;color:#64748b;font-size:13px;margin-right:12px}.bars-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.bars-legend-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff}.circle-0{background:#64748b;color:#fff}.circle-1{background:#fca5a5}.circle-2{background:#fcd34d}.circle-3{background:#fef08a;color:#ca8a04}.circle-4{background:#86efac}.circle-5{background:#93c5fd}@media (max-width:1024px){.bars-item{flex-direction:column;gap:12px}.bars-title-box{width:100%}}@media (max-width:768px){.bars-grid{grid-template-columns:1fr}.bars-card{flex-direction:row;text-align:left;padding:12px 16px;padding-left:40px}.bars-card-radio{top:50%;transform:translateY(-50%)}.bars-card-num{margin-top:0}}.dt-tabs{display:flex;gap:16px;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.dt-tab{padding:10px 16px;font-weight:700;color:#64748b;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;transition:all .2s}.dt-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.dt-panel{display:none}.dt-panel.active{display:block}.dt-progress-wrap{margin:20px 0;background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.dt-slider{width:100%;cursor:pointer}.dt-checklist-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;transition:all .2s}.dt-checklist-item.done{opacity:0.6;text-decoration:line-through;background:#f8fafc}.dt-check-btn{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;transition:all .2s}.dt-checklist-item.done .dt-check-btn{background:#3366FF;border-color:#3366FF}.dt-check-del{color:#ef4444;background:transparent;border:none;cursor:pointer;margin-left:auto;font-size:16px;opacity:0.5;transition:opacity .2s}.dt-check-del:hover{opacity:1}.dt-log-item{display:flex;gap:12px;margin-bottom:16px}.dt-log-avatar{width:32px;height:32px;border-radius:50%;background:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.dt-log-bubble{background:#f1f5f9;padding:12px 16px;border-radius:0 12px 12px 12px;font-size:13px;color:#1e293b;width:100%;line-height:1.5}.dt-log-time{font-size:11px;color:#94a3b8;margin-top:6px;display:block}.dt-meta-progress{margin-top:12px;background:#e2e8f0;height:6px;border-radius:6px;overflow:hidden}.dt-meta-progress-bar{background:#3366FF;height:100%;transition:width .3s}.ts-header-wrap{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ts-title{font-size:24px;font-weight:800;color:#0f1f3d;margin-bottom:4px}.ts-subtitle{font-size:14px;color:#64748b}.btn-filter-sort{padding:10px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:700;color:#475569;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.02);transition:all 0.2s}.btn-filter-sort:hover{border-color:#cbd5e1;background:#f8fafc}.ts-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ts-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px rgba(0,0,0,0.02)}.ts-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:20px;flex-shrink:0}.tsi-blue{background:#eff6ff;color:#64748b}.tsi-green{background:#f0fdf4;color:#3366FF}.tsi-yellow{background:#fefce8;color:#eab308}.tsi-purple{background:#faf5ff;color:#a855f7}.ts-stat-info{display:flex;flex-direction:column;gap:2px}.ts-stat-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.ts-stat-val{font-size:24px;font-weight:800;color:#0f1f3d;line-height:1}.ts-stat-sub{font-size:11px;color:#64748b;margin-top:4px}.ts-stat-sub.text-green{color:#3366FF;font-weight:600}.ts-stat-sub.text-purple{color:#a855f7;font-weight:600}.ts-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;margin-bottom:16px;display:grid;grid-template-columns:2fr 1fr 1fr 140px;gap:24px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,0.02);transition:all 0.2s;position:relative;overflow:hidden}.ts-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,0.05);transform:translateY(-1px)}.ts-col-main{display:flex;gap:16px;align-items:flex-start}.ts-card-icon{width:42px;height:42px;border-radius:10px;background:#ecfdf5;color:#3366FF;display:flex;justify-content:center;align-items:center;font-size:18px;flex-shrink:0}.ts-card-info{flex:1;min-width:0}.ts-card-title{font-size:16px;font-weight:800;color:#0f1f3d;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-card-desc{font-size:13px;color:#64748b;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-progress-wrap{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:12px}.ts-progress-bar-bg{flex:1;height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}.ts-progress-bar-fill{height:100%;background:#3366FF;transition:width 0.3s ease}.ts-progress-pct{font-size:12px;font-weight:800;color:#3366FF;min-width:36px}.ts-score-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;background:#3366FF;color:#fff}.ts-score-badge.very-fast{background:#3b82f6}.ts-score-badge.late{background:#ef4444}.ts-col-meta{display:flex;flex-direction:column;gap:12px;border-left:1px solid #f1f5f9;padding-left:16px}.ts-meta-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#475569}.ts-meta-icon{font-size:14px;color:#94a3b8;width:16px;display:flex;justify-content:center}.ts-meta-icon.ic-red{color:#f43f5e}.ts-meta-icon.ic-green{color:#3366FF}.ts-meta-icon.ic-purple{color:#a855f7}.ts-meta-icon.ic-blue{color:#64748b}.ts-meta-content{flex:1;overflow:hidden}.ts-meta-label{font-size:11px;color:#64748b;margin-bottom:2px}.ts-meta-val{font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-meta-val.text-purple{color:#a855f7}.ts-col-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:16px;border-left:1px solid #f1f5f9;padding-left:16px;height:100%}.ts-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.ts-status-badge.done{background:#ecfdf5;color:#3366FF;border:1px solid #a7f3d0}.ts-status-badge.progress{background:#fefce8;color:#eab308;border:1px solid #fde047}.ts-status-badge.todo{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-ts-action{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.2s;white-space:nowrap;justify-content:center;width:100%}.btn-ts-outline{background:#fff;border:1px solid #c7d2fe;color:#4f46e5}.btn-ts-outline:hover{background:#eef2ff;border-color:#818cf8}.btn-ts-primary{background:#4f46e5;border:1px solid #4f46e5;color:#fff}.btn-ts-primary:hover{background:#4338ca;border-color:#4338ca}.ts-footer{text-align:center;font-size:12px;color:#64748b;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:6px}@media (max-width:1200px){.ts-card{grid-template-columns:1fr 1fr;gap:20px}.ts-col-action{flex-direction:row;justify-content:flex-start;align-items:center;grid-column:span 2;border-left:none;padding-left:0;border-top:1px solid #f1f5f9;padding-top:16px}.btn-ts-action{width:auto}}@media (max-width:768px){.ts-stats-grid{grid-template-columns:1fr 1fr}.ts-card{grid-template-columns:1fr}.ts-col-action{grid-column:span 1}.ts-col-meta{border-left:none;padding-left:0;border-top:1px solid #f1f5f9;padding-top:16px}}.adm-tt-banner{background:#ffffff;border:1px solid #f1f5f9;border-radius:16px;padding:28px 32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.03)}.adm-tt-banner::after{content:'';position:absolute;right:0;bottom:0;width:300px;height:100%;background-image:radial-gradient(#cbd5e1 2px,transparent 2px);background-size:24px 24px;opacity:0.3;pointer-events:none}.adm-tt-banner-left{display:flex;align-items:center;gap:20px;z-index:1}.adm-tt-icon-lg{width:68px;height:68px;background:#e0e7ff;color:#4f46e5;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:32px}.adm-tt-title{font-size:28px;font-weight:800;color:#0f1f3d;margin-bottom:6px}.adm-tt-subtitle{font-size:15px;color:#64748b}.adm-btn-create{background:#4f46e5;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 12px rgba(79,70,229,0.25);z-index:1}.adm-btn-create:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,70,229,0.3)}.adm-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.adm-stat-card{background:#ffffff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px rgba(0,0,0,0.03);position:relative;overflow:hidden;padding-bottom:36px}.adm-stat-card .ts-stat-icon{border-radius:12px !important;width:48px;height:48px;font-size:20px}.adm-stat-card .ts-stat-val{font-size:28px}.adm-stat-card::after{content:'';position:absolute;bottom:8px;right:16px;width:60px;height:24px;background-size:100% 100%;background-repeat:no-repeat;opacity:0.8}.adm-stat-card.sc-total::after{background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 15 Q 10 5,20 10 T 40 10 T 60 15 T 80 5 T 100 0" fill="none" stroke="%233b82f6" stroke-width="2"/></svg>')}.adm-stat-card.sc-done::after{background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 20 Q 20 10,40 15 T 70 5 T 100 0" fill="none" stroke="%2310b981" stroke-width="2"/></svg>')}.adm-stat-card.sc-prog::after{background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 20 Q 30 20,50 15 T 80 15 T 100 10" fill="none" stroke="%23f59e0b" stroke-width="2"/></svg>')}.adm-stat-card.sc-late::after{background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 20 Q 20 18,40 18 T 60 15 T 80 5 T 100 10" fill="none" stroke="%23e11d48" stroke-width="2"/></svg>')}.adm-stat-card.sc-score::after{background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 20 Q 20 10,30 15 T 50 20 T 70 5 T 80 10 T 100 0" fill="none" stroke="%238b5cf6" stroke-width="2"/></svg>')}.adm-task-card{background:#ffffff;border:1px solid #f1f5f9;border-left:8px solid #3366FF;border-radius:16px;padding:24px 32px;margin-bottom:20px;box-shadow:0 4px 16px rgba(0,0,0,0.03);transition:all 0.2s;position:relative}.adm-task-card.border-prog{border-left-color:#f59e0b}.adm-task-card.border-todo{border-left-color:#64748b}.adm-task-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.06);transform:translateY(-2px)}.adm-tc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.adm-tc-header-left{display:flex;gap:20px;flex:1;min-width:0}.adm-tc-icon{width:56px;height:56px;border-radius:12px;background:#ecfdf5;color:#3366FF;display:flex;justify-content:center;align-items:center;font-size:24px;flex-shrink:0}.adm-tc-icon.prog{background:#fefce8;color:#eab308}.adm-tc-icon.todo{background:#f1f5f9;color:#64748b}.adm-tc-title-wrap{flex:1;overflow:hidden;padding-top:2px}.adm-tc-title{font-size:20px;font-weight:800;color:#0f1f3d;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-tc-desc{font-size:14px;color:#475569;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.adm-tc-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.adm-btn-icon{width:36px;height:36px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all 0.2s}.adm-btn-search{background:#eff6ff;color:#64748b}.adm-btn-search:hover{background:#dbeafe}.adm-btn-edit{background:#fff7ed;color:#f97316}.adm-btn-edit:hover{background:#ffedd5}.adm-btn-del{background:#fef2f2;color:#ef4444}.adm-btn-del:hover{background:#fee2e2}.adm-status-pill{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.adm-status-pill.done{background:#ecfdf5;color:#3366FF}.adm-tc-mid{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px 0;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;font-size:14px;color:#475569}.adm-tcm-item{display:flex;align-items:center;gap:8px}.adm-tcm-divider{width:1px;height:20px;background:#e2e8f0}.adm-tc-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.adm-tcb-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.adm-tcb-icon{font-size:16px;width:20px;text-align:center}@media (max-width:1200px){.adm-stats-grid{grid-template-columns:repeat(3,1fr)}.adm-tt-banner{flex-direction:column;align-items:flex-start;gap:20px}.adm-btn-create{width:100%;justify-content:center}}@media (max-width:1200px){.adm-stats-grid{grid-template-columns:repeat(2,1fr)}.adm-tc-top{flex-direction:column;gap:16px}.adm-tc-actions{width:100%;justify-content:flex-end}.adm-tcm-divider{display:none}.stat-grid,.stat-grid-3,.shift-row,.two-col,.two-col-3{grid-template-columns:repeat(2,1fr)}.ticket-table,table{display:block;overflow-x:auto;white-space:nowrap;width:100%}.page-header{flex-direction:column;align-items:stretch}.page-header>div{flex-wrap:wrap}.filter-select{flex:1;min-width:0 !important}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform 0.3s ease}.sidebar.open{transform:translateX(0);box-shadow:0 0 20px rgba(0,0,0,0.5)}.main{margin-left:0;padding:16px 12px}.menu-toggle{display:block !important}.topbar{padding:14px 16px}.topbar-right{display:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99}.sidebar-overlay.open{display:block}.stat-grid,.stat-grid-3,.shift-row,.two-col,.two-col-3{grid-template-columns:1fr}.page{padding:16px 12px}.card{padding:14px}.donut-container{flex-direction:column;gap:16px;min-height:auto}.donut-svg{width:140px;height:140px}.donut-legend{font-size:13px;align-items:center;text-align:center}.page-header-left h1{font-size:22px}div[id*="table-wrap"]{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.ticket-table{min-width:600px}.shift-card{flex-direction:column;align-items:center;text-align:center;gap:10px}.shift-left{flex-direction:column;gap:6px}.shift-right{text-align:center}.login-card{flex-direction:column;width:calc(100% - 32px);max-width:none;min-height:auto;margin:16px}.login-left,.login-right{padding:24px;text-align:center}.login-logo{justify-content:center;margin-bottom:24px}.login-ill{display:none}.login-title{font-size:28px}.sop-tabs-container{flex-direction:column;gap:8px !important}.sop-tabs-container button{width:100%}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:background 0.2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card,.page-card,.table-card{background:#ffffff;border-radius:18px !important;border:1px solid #e2e8f0 !important;box-shadow:0 4px 20px -2px rgba(15,23,42,0.04),0 2px 6px -1px rgba(15,23,42,0.02) !important;transition:box-shadow 0.25s ease,transform 0.25s ease}.card:hover{box-shadow:0 10px 25px -5px rgba(15,23,42,0.07),0 4px 10px -2px rgba(15,23,42,0.03) !important}.page-header,.task-tracker-header{background:#FFFFFF !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:16px 20px !important;margin-bottom:20px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:16px !important}.page-header-left,.task-tracker-header-content{display:flex !important;flex-direction:column !important;justify-content:center !important}.page-header h1,.page-header-left h1,.task-tracker-header-content h1{font-size:18px !important;font-weight:800 !important;color:#172B3A !important;letter-spacing:-0.2px !important;margin:0 0 2px 0 !important;line-height:1.2 !important}.page-header p,.page-header-left p,.task-tracker-header-content p{color:#172B3A !important;font-size:12px !important;margin:0 !important;line-height:1.3 !important}.btn{font-family:inherit;font-weight:700 !important;border-radius:10px !important;padding:9px 18px !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;cursor:pointer !important;font-size:13px !important;line-height:1.2 !important}.btn:hover{transform:translateY(-1.5px)}.btn:active{transform:translateY(0)}.btn-primary,.btn-accent{background:linear-gradient(135deg,#3366FF,#007D94) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(37,99,235,0.25) !important}.btn-primary:hover,.btn-accent:hover{box-shadow:0 6px 20px rgba(37,99,235,0.35) !important}.btn-green,.btn-success{background:linear-gradient(135deg,#3366FF,#3366FF) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(16,185,129,0.25) !important}.btn-green:hover,.btn-success:hover{box-shadow:0 6px 20px rgba(16,185,129,0.35) !important}.btn-ghost{background:#ffffff !important;color:#334155 !important;border:1px solid #cbd5e1 !important;box-shadow:0 1px 3px rgba(0,0,0,0.04) !important}.btn-ghost:hover{background:#f8fafc !important;color:#0f172a !important;border-color:#94a3b8 !important}input[type="text"],input[type="date"],input[type="search"],select,textarea{font-family:inherit;transition:all 0.2s ease}input[type="text"]:focus,input[type="date"]:focus,input[type="search"]:focus,select:focus,textarea:focus{border-color:#3366FF !important;box-shadow:0 0 0 3px rgba(37,99,235,0.12) !important}.filter-select,.form-select{border-radius:10px !important;border:1.5px solid #cbd5e1 !important;background-color:#ffffff !important;font-weight:600 !important;color:#1e293b !important;outline:none !important}.table-container{border-radius:14px !important;border:1px solid #e2e8f0 !important;overflow:hidden !important;background:#ffffff !important}table.ticket-table,table.data-table,table.preview-table{width:100%;border-collapse:collapse}table.ticket-table thead,table.data-table thead,table.preview-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}table.ticket-table th,table.data-table th,table.preview-table th{padding:12px 14px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:#64748b;text-align:left}table.ticket-table td,table.data-table td,table.preview-table td{padding:12px 14px;font-size:13px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}table.ticket-table tbody tr,table.data-table tbody tr,table.preview-table tbody tr{transition:background 0.15s ease}table.ticket-table tbody tr:hover,table.data-table tbody tr:hover,table.preview-table tbody tr:hover{background:#f8fafc !important}.role-pill,.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:0.3px;text-transform:uppercase}.rp-l1,.tag-blue{background:#eff6ff !important;color:#3366FF !important;border:1px solid #bfdbfe !important}.rp-l2,.tag-purple{background:#faf5ff !important;color:#9333ea !important;border:1px solid #e9d5ff !important}.rp-qa,.tag-green{background:#f0fdf4 !important;color:#3366FF !important;border:1px solid #bbf7d0 !important}.rp-admin,.tag-red{background:#fef2f2 !important;color:#ef4444 !important;border:1px solid #fecaca !important}.rp-mod,.tag-orange{background:#fff7ed !important;color:#ea580c !important;border:1px solid #fed7aa !important}.modal-overlay,.custom-modal-overlay{backdrop-filter:blur(6px) !important;background:rgba(15,23,42,0.65) !important}.modal-box{border-radius:24px !important;box-shadow:0 25px 60px -15px rgba(0,0,0,0.35) !important;border:1px solid #e2e8f0 !important}.toast{position:fixed !important;top:24px !important;left:50% !important;right:auto !important;bottom:auto !important;transform:translateX(-50%) translateY(-20px) !important;background:#0f172a !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:99px !important;padding:10px 22px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;z-index:999999 !important;font-size:13px !important;font-weight:600 !important;box-shadow:0 12px 30px -5px rgba(0,0,0,0.3) !important;opacity:0 !important;pointer-events:none !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;width:max-content !important;max-width:90vw !important}.toast.show{transform:translateX(-50%) translateY(0) !important;opacity:1 !important;pointer-events:auto !important}.stat-grid,#prod-stat-cards,#adm-prod-stats,.stats-row{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:16px !important;margin-bottom:24px !important}.stat-card{background:#FFFFFF !important;border:1px solid #D6DADD !important;border-radius:8px !important;padding:14px 16px !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;min-height:98px !important;transition:border-color 0.15s ease !important;position:relative !important}.stat-card:hover{border-color:#3366FF !important}.stat-card .sc-label{font-size:11px !important;font-weight:700 !important;color:#172B3A !important;text-transform:uppercase !important;letter-spacing:0.5px !important;order:1 !important;line-height:1.3 !important}.stat-card .sc-num{font-size:24px !important;font-weight:800 !important;color:#172B3A !important;font-family:'Roboto',sans-serif !important;margin:4px 0 2px 0 !important;line-height:1.1 !important;order:2 !important}.stat-card .sc-sub{font-size:11px !important;font-weight:500 !important;color:#172B3A !important;order:3 !important;margin-top:2px !important}.stat-card .sc-icon{display:none !important}.card-title,.widget-header,.panel-title{font-family:'Roboto',sans-serif !important;font-size:11px !important;font-weight:700 !important;color:#172B3A !important;text-transform:uppercase !important;letter-spacing:0.5px !important;margin-bottom:14px !important}.card-title i,.card-title .icon,.card-title .fas,.card-title .far{display:none !important}#sidebar,.sidebar,.sidebar-panel{background:#3366FF !important}#sidebar .nav-item,.sidebar .nav-item,.sidebar-panel .nav-item,.nav-item{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item span,.sidebar .nav-item span,.nav-item span:not(.nav-badge):not(.online-dot){color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item .icon,.sidebar .nav-item .icon,.nav-item .icon,.nav-item i{color:#172B3A !important;opacity:1 !important}#sidebar .nav-item::after,.sidebar .nav-item::after,.nav-item::after{color:rgba(255,255,255,0.7) !important}#sidebar .nav-section-label,.sidebar .nav-section-label,.nav-section-label{color:rgba(255,255,255,0.75) !important;-webkit-text-fill-color:rgba(255,255,255,0.75) !important;font-size:10.5px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.8px !important}#sidebar .nav-item.active,.sidebar .nav-item.active,.nav-item.active{background:#1A39B6 !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-weight:800 !important;border:1px solid rgba(255,255,255,0.18) !important}#sidebar .nav-item:hover,.sidebar .nav-item:hover,.nav-item:hover{background:rgba(255,255,255,0.1) !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role,.sidebar-pinned-role,#sidebar-role-card{background:#1A39B6 !important;border:1px solid rgba(255,255,255,0.15) !important}#sidebar .binus-role-label,.binus-role-label{color:rgba(255,255,255,0.9) !important;-webkit-text-fill-color:rgba(255,255,255,0.9) !important}#sidebar .binus-user-title,.binus-user-title{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-weight:800 !important}#sidebar .binus-user-sub1,.binus-user-sub1{color:rgba(255,255,255,0.85) !important;-webkit-text-fill-color:rgba(255,255,255,0.85) !important}#sidebar .binus-user-sub2,.binus-user-sub2{color:rgba(255,255,255,0.65) !important;-webkit-text-fill-color:rgba(255,255,255,0.65) !important}table th,table thead th,table thead tr th,.table-container th,.data-table th,.ticket-table th,.preview-table th,.user-table th{color:#66737B !important;-webkit-text-fill-color:#66737B !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;background:#FAFAFA !important}table td,table tbody td,.data-table td,.ticket-table td{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;font-size:12.5px !important}.page-header h1,.page-header-left h1,.task-tracker-header h1,.mod-bars-header h1{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}.page-header p,.page-header-left p,.task-tracker-header p,.mod-bars-header p{color:#66737B !important;-webkit-text-fill-color:#66737B !important}.filter-label,.filter-title,.field-label,.form-label{color:#66737B !important;-webkit-text-fill-color:#66737B !important}.field-input,.field-select,.filter-select,.filter-input,input[type="text"],input[type="date"],select{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}.card-title,.form-card-title,h1,h2,h3,h4,h5,h6{color:#172B3A}#sidebar .nav-item,.sidebar .nav-item{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item .icon,.sidebar .nav-item .icon{color:#172B3A !important}#sidebar .nav-section-label,.sidebar .nav-section-label{color:rgba(255,255,255,0.75) !important;-webkit-text-fill-color:rgba(255,255,255,0.75) !important}.binus-user-title,#sb-role-name{display:none !important}.binus-user-sub1,#sb-user-dept{font-size:13.5px !important;font-weight:800 !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;margin-top:6px !important}.binus-user-sub2{font-size:11px !important;color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important;margin-top:2px !important}.stat-card .stat-info h4,.stat-card .sc-label,.stat-card h4,.stat-card .stat-label{font-size:11px !important;font-weight:700 !important;color:#66737B !important;-webkit-text-fill-color:#66737B !important;text-transform:uppercase !important;letter-spacing:0.5px !important;margin:0 0 4px 0 !important;line-height:1.3 !important}.stat-card .sc-num,.stat-card .stat-value{font-size:26px !important;font-weight:800 !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;margin:4px 0 2px 0 !important;line-height:1.1 !important}.stat-card .sc-sub{font-size:11px !important;font-weight:600 !important;color:#66737B !important}.modal-box .btn-secondary,.modal-box .btn-cancel,.modal-box button[type="button"].btn-cancel{background:#F8FAFC !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important;border:1px solid #D6DADD !important;border-radius:8px !important;font-weight:700 !important;height:38px !important;padding:0 20px !important;font-size:12.5px !important;cursor:pointer !important}.modal-box .btn-secondary:hover,.modal-box .btn-cancel:hover{background:#E2E8F0 !important;color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}.modal-box p{color:#66737B !important;-webkit-text-fill-color:#66737B !important}.modal-box h3,.modal-box h2{color:#172B3A !important;-webkit-text-fill-color:#172B3A !important}#sidebar,.sidebar,.sidebar-panel,nav.sidebar{background:#0A1A7A !important;color:#FFFFFF !important}#sidebar *,.sidebar *,.sidebar-panel *,nav.sidebar *{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}#sidebar .nav-section-title,.sidebar .nav-section-title,#sidebar .nav-label,.sidebar .nav-label,#sidebar .sec-head,.sidebar .sec-head,#sidebar .sec-lbl,.sidebar .sec-lbl,#sidebar .sidebar-sec-title,.sidebar .sidebar-sec-title{color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.8px !important}#sidebar .nav-item,.sidebar .nav-item{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:600 !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item svg,.sidebar .nav-item svg{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}#sidebar .nav-item.active,.sidebar .nav-item.active{background:#1A39B6 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:800 !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role{background:#102693 !important;border:1px solid rgba(255,255,255,0.12) !important}#sidebar .binus-user-sub1,.sidebar .binus-user-sub1,#sb-user-dept{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:800 !important}#sidebar .binus-user-sub2,.sidebar .binus-user-sub2{color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important}#sidebar .online-dot,.sidebar .online-dot{background:#22C55E !important}#sidebar .role-online-pill,.sidebar .role-online-pill{color:#166534 !important;-webkit-text-fill-color:#166534 !important;background:#DCFCE7 !important}#sidebar .role-online-pill *{color:#166534 !important;-webkit-text-fill-color:#166534 !important}#nav-l1-outbound,#nav-l2-outbound,#nav-admin-outbound,#nav-outbond-tickets,.nav-outbound-item,div[onclick*="outbound-tickets"]{display:none !important}:root{--primary-100:#D6E4FF;--primary-200:#ADC8FF;--primary-300:#85A9FF;--primary-400:#6690FF;--primary-500:#3366FF;--primary-600:#254EDA;--primary-700:#1A39B6;--primary-800:#102693;--primary-900:#0A1A7A;--secondary-100:#F2E6FF;--secondary-200:#D6BBFF;--secondary-300:#B388FF;--secondary-400:#854EFF;--secondary-500:#7136DC;--secondary-600:#5200CC;--secondary-700:#5625DC;--secondary-800:#3F1B9B;--secondary-900:#2E146E;--success-100:#E8F8EE;--success-500:#22C55E;--success-700:#166534;--info-100:#D6E4FF;--info-500:#3366FF;--info-700:#1A39B6;--warning-100:#FEF3C7;--warning-500:#F59E0B;--warning-700:#92400E;--danger-100:#FEE2E2;--danger-500:#EF4444;--danger-700:#991B1B;--app-bg:#F8FAFC;--surface-card:#FFFFFF;--border-subtle:#D6DADD;--text-primary:#172B3A;--text-secondary:#66737B;--text-white:#FFFFFF;--sidebar-bg:#0A1A7A;--sidebar-card-bg:#102693;--sidebar-active:#1A39B6;--primary-accent:#3366FF;--primary-tint:#D6E4FF;--primary-border:#ADC8FF}#sidebar,.sidebar,.sidebar-panel,nav.sidebar{background:#0A1A7A !important;color:#FFFFFF !important}#sidebar *,.sidebar *,.sidebar-panel *,nav.sidebar *{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}#sidebar .nav-section-title,.sidebar .nav-section-title,#sidebar .nav-label,.sidebar .nav-label,#sidebar .sec-head,.sidebar .sec-head,#sidebar .sec-lbl,.sidebar .sec-lbl,#sidebar .nav-section-label,.sidebar .nav-section-label{color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.8px !important}#sidebar .nav-item,.sidebar .nav-item{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:600 !important;transition:all 0.15s ease !important}#sidebar .nav-item:hover,.sidebar .nav-item:hover{background:rgba(255,255,255,0.08) !important}#sidebar .nav-item.active,.sidebar .nav-item.active{background:#1A39B6 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:800 !important;box-shadow:inset 3px 0 0 #6690FF !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role{background:#102693 !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 4px 12px rgba(10,26,122,0.3) !important}#sidebar .binus-user-sub1,.sidebar .binus-user-sub1,#sb-user-dept{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:800 !important}#sidebar .binus-user-sub2,.sidebar .binus-user-sub2{color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important}#sidebar .online-dot,.sidebar .online-dot{background:#22C55E !important}#sidebar .role-online-pill,.sidebar .role-online-pill{color:#166534 !important;-webkit-text-fill-color:#166534 !important;background:#E8F8EE !important;font-weight:700 !important}#sidebar .role-online-pill *{color:#166534 !important;-webkit-text-fill-color:#166534 !important}.btn-primary,.btn-save,.btn-submit,button.btn-primary{background:#3366FF !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;border:none !important;font-weight:700 !important;box-shadow:0 2px 6px rgba(51,102,255,0.25) !important}.btn-primary:hover,.btn-save:hover,.btn-submit:hover,button.btn-primary:hover{background:#254EDA !important}.badge-primary,.tag-primary,.badge-info{background:#D6E4FF !important;color:#1A39B6 !important;-webkit-text-fill-color:#1A39B6 !important;border:1px solid #ADC8FF !important;font-weight:700 !important}.ticket-table tr:hover td,.data-table tr:hover td{background:#F4F8FF !important}:root{--sidebar-bg:#0F172A;--sidebar-card-bg:#1E293B;--sidebar-text-default:#94A3B8;--sidebar-icon-default:#64748B;--sidebar-active-bg:rgba(14,165,233,0.12);--sidebar-active-text:#FFFFFF;--sidebar-active-indicator:#0EA5E9;--app-bg:#F8FAFC;--surface-card:#FFFFFF;--border-subtle:#E2E8F0;--border-color:#E2E8F0;--primary-accent:#0EA5E9;--primary-hover:#0284C7;--primary-light:#E0F2FE;--text-primary:#1E293B;--text-secondary:#64748B;--text-muted:#94A3B8;--success-bg:#DCFCE7;--success-text:#15803D;--success-border:#BBF7D0;--info-bg:#DBEAFE;--info-text:#1D4ED8;--info-border:#BFDBFE;--warning-bg:#FEF3C7;--warning-text:#B45309;--warning-border:#FDE68A;--danger-bg:#FEE2E2;--danger-text:#B91C1C;--danger-border:#FECACA}body{background:#F8FAFC !important;color:#1E293B !important;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}.main,.content,.main-content{background:#F8FAFC !important}.card,.panel,.widget-card,.qa-card{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;border-radius:12px !important;box-shadow:0 1px 3px 0 rgba(0,0,0,0.05),0 1px 2px -1px rgba(0,0,0,0.05) !important}h1,h2,h3,h4,h5,h6,.page-header h1,.task-tracker-header h1,.stat-card .sc-num,.stat-card .stat-value{color:#1E293B !important;-webkit-text-fill-color:#1E293B !important}p,.page-header p,.task-tracker-header p,.stat-card .sc-label,.stat-card .stat-info h4{color:#64748B !important;-webkit-text-fill-color:#64748B !important}#sidebar,.sidebar,.sidebar-panel,nav.sidebar{background:#0F172A !important;border-right:1px solid #1E293B !important}#sidebar .nav-section-label,.sidebar .nav-section-label,#sidebar .nav-section-title,.sidebar .nav-section-title{color:#64748B !important;-webkit-text-fill-color:#64748B !important;font-size:10.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.8px !important;padding:16px 14px 6px 14px !important}#sidebar .nav-item,.sidebar .nav-item{color:#94A3B8 !important;-webkit-text-fill-color:#94A3B8 !important;font-weight:600 !important;font-size:12.5px !important;padding:9px 12px !important;border-radius:8px !important;margin:2px 8px !important;transition:all 0.15s ease !important}#sidebar .nav-item i,.sidebar .nav-item i,#sidebar .nav-item svg,.sidebar .nav-item svg{color:#64748B !important;-webkit-text-fill-color:#64748B !important;margin-right:10px !important;transition:color 0.15s ease !important}#sidebar .nav-item:hover,.sidebar .nav-item:hover{background:rgba(255,255,255,0.05) !important;color:#F8FAFC !important;-webkit-text-fill-color:#F8FAFC !important}#sidebar .nav-item:hover i,.sidebar .nav-item:hover i{color:#0EA5E9 !important;-webkit-text-fill-color:#0EA5E9 !important}#sidebar .nav-item.active,.sidebar .nav-item.active{background:rgba(14,165,233,0.12) !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:700 !important;box-shadow:inset 3px 0 0 #0EA5E9 !important}#sidebar .nav-item.active i,.sidebar .nav-item.active i,#sidebar .nav-item.active svg,.sidebar .nav-item.active svg{color:#0EA5E9 !important;-webkit-text-fill-color:#0EA5E9 !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role{background:#1E293B !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:12px !important;margin:12px 8px 6px 8px !important}#sidebar .binus-user-sub1,.sidebar .binus-user-sub1,#sb-user-dept{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:800 !important}#sidebar .binus-user-sub2,.sidebar .binus-user-sub2{color:#94A3B8 !important;-webkit-text-fill-color:#94A3B8 !important}#sidebar .role-online-pill,.sidebar .role-online-pill{background:#DCFCE7 !important;color:#15803D !important;-webkit-text-fill-color:#15803D !important;font-weight:700 !important;border-radius:9999px !important;font-size:11px !important;padding:2px 8px !important}#sidebar .role-online-pill *{color:#15803D !important;-webkit-text-fill-color:#15803D !important}#sidebar .online-dot,.sidebar .online-dot{background:#22C55E !important}.btn-primary,.btn-save,.btn-submit,.btn-cyan,button.btn-primary{background:#0EA5E9 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;border:none !important;border-radius:8px !important;font-weight:700 !important;box-shadow:0 1px 2px 0 rgba(14,165,233,0.3) !important;transition:all 0.15s ease !important}.btn-primary:hover,.btn-save:hover,.btn-submit:hover,button.btn-primary:hover{background:#0284C7 !important}.btn-secondary,.btn-cancel,.topbar-filter-item,.btn-export-excel{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#1E293B !important;-webkit-text-fill-color:#1E293B !important;border-radius:8px !important;font-weight:600 !important;transition:all 0.15s ease !important}.btn-secondary:hover,.btn-cancel:hover,.topbar-filter-item:hover,.btn-export-excel:hover{background:#E0F2FE !important;color:#0284C7 !important;-webkit-text-fill-color:#0284C7 !important;border-color:#BAE6FD !important}input[type="text"],input[type="password"],input[type="date"],select,.filter-select,.form-input-box{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#1E293B !important;border-radius:8px !important}input:focus,select:focus,.filter-select:focus{border-color:#0EA5E9 !important;outline:2px solid #E0F2FE !important}table,.ticket-table,.data-table{width:100% !important;border-collapse:collapse !important;background:#FFFFFF !important}table th,thead th,.ticket-table th{background:#F8FAFC !important;color:#64748B !important;-webkit-text-fill-color:#64748B !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;border-bottom:1px solid #E2E8F0 !important;padding:12px 14px !important}table td,tbody td,.ticket-table td{color:#1E293B !important;-webkit-text-fill-color:#1E293B !important;font-size:12.5px !important;border-bottom:1px solid #F1F5F9 !important;padding:12px 14px !important}table tbody tr:hover td,.ticket-table tbody tr:hover td{background:#F8FAFC !important}.badge-success,.badge-online,.badge-selesai,.tag-success{background:#DCFCE7 !important;color:#15803D !important;-webkit-text-fill-color:#15803D !important;border:1px solid #BBF7D0 !important;border-radius:6px !important;font-weight:700 !important;font-size:11px !important;padding:2px 8px !important}.badge-info,.badge-non-merge,.tag-info{background:#DBEAFE !important;color:#1D4ED8 !important;-webkit-text-fill-color:#1D4ED8 !important;border:1px solid #BFDBFE !important;border-radius:6px !important;font-weight:700 !important;font-size:11px !important;padding:2px 8px !important}.badge-warning,.badge-pending,.badge-grup-wa,.tag-warning{background:#FEF3C7 !important;color:#B45309 !important;-webkit-text-fill-color:#B45309 !important;border:1px solid #FDE68A !important;border-radius:6px !important;font-weight:700 !important;font-size:11px !important;padding:2px 8px !important}.badge-danger,.badge-error,.badge-kritis,.tag-danger{background:#FEE2E2 !important;color:#B91C1C !important;-webkit-text-fill-color:#B91C1C !important;border:1px solid #FECACA !important;border-radius:6px !important;font-weight:700 !important;font-size:11px !important;padding:2px 8px !important}.badge-merge{background:#F3E8FF !important;color:#7E22CE !important;-webkit-text-fill-color:#7E22CE !important;border:1px solid #E9D5FF !important;border-radius:6px !important;font-weight:700 !important;font-size:11px !important;padding:2px 8px !important}#sidebar .sidebar-pinned-role,.sidebar .sidebar-pinned-role,#sidebar-role-card{background:#1E293B !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:12px !important;padding:14px 16px !important;margin:12px 10px 8px 10px !important;box-shadow:0 4px 12px rgba(0,0,0,0.25) !important}#sidebar .binus-role-top,.sidebar .binus-role-top{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important}#sidebar .binus-role-label,.sidebar .binus-role-label{display:flex !important;align-items:center !important;gap:6px !important;color:#94A3B8 !important;-webkit-text-fill-color:#94A3B8 !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.5px !important}#sidebar .binus-role-label svg,.sidebar .binus-role-label svg{stroke:#0EA5E9 !important}#sidebar .binus-role-label i,.sidebar .binus-role-label i{color:#0EA5E9 !important;-webkit-text-fill-color:#0EA5E9 !important}#sidebar .binus-user-sub1,.sidebar .binus-user-sub1,#sb-user-dept{font-size:13.5px !important;font-weight:800 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;line-height:1.2 !important;margin:0 !important}#sidebar .binus-user-sub2,.sidebar .binus-user-sub2{font-size:11px !important;font-weight:500 !important;color:#94A3B8 !important;-webkit-text-fill-color:#94A3B8 !important;margin-top:3px !important}#sidebar .role-online-pill,.sidebar .role-online-pill{background:#DCFCE7 !important;color:#15803D !important;-webkit-text-fill-color:#15803D !important;font-weight:700 !important;border-radius:9999px !important;font-size:10.5px !important;padding:2px 8px !important;display:inline-flex !important;align-items:center !important;gap:5px !important;box-shadow:none !important}#sidebar .role-online-pill *{color:#15803D !important;-webkit-text-fill-color:#15803D !important}#sidebar .online-dot,.sidebar .online-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#22C55E !important}.btn-export-excel,.btn-excel-unified,.btn-green,button[onclick*="downloadLaporan"],button[onclick*="downloadAdminLaporan"],button[onclick*="exportQuizScores"],button[onclick*="exportFundamentalPerfToExcel"],button[onclick*="exportModBarsToExcel"],button[onclick*="exportSpecialCaseAssessedToExcel"]{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:36px !important;padding:0 16px !important;border-radius:8px !important;font-size:12.5px !important;font-weight:700 !important;background:#FFFFFF !important;color:#1E293B !important;-webkit-text-fill-color:#1E293B !important;border:1px solid #E2E8F0 !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important;cursor:pointer !important;transition:all 0.15s ease !important;outline:none !important}.btn-export-excel i,.btn-excel-unified i,.btn-green i,button[onclick*="downloadLaporan"] i,button[onclick*="downloadAdminLaporan"] i,button[onclick*="exportQuizScores"] i,button[onclick*="exportFundamentalPerfToExcel"] i,button[onclick*="exportModBarsToExcel"] i,button[onclick*="exportSpecialCaseAssessedToExcel"] i{color:#10B981 !important;-webkit-text-fill-color:#10B981 !important;font-size:13.5px !important;transition:color 0.15s ease !important}.btn-export-excel:hover,.btn-excel-unified:hover,.btn-green:hover,button[onclick*="downloadLaporan"]:hover,button[onclick*="downloadAdminLaporan"]:hover,button[onclick*="exportQuizScores"]:hover,button[onclick*="exportFundamentalPerfToExcel"]:hover,button[onclick*="exportModBarsToExcel"]:hover,button[onclick*="exportSpecialCaseAssessedToExcel"]:hover{background:#E0F2FE !important;color:#0284C7 !important;-webkit-text-fill-color:#0284C7 !important;border-color:#BAE6FD !important;box-shadow:0 2px 6px rgba(14,165,233,0.15) !important}.btn-export-excel:hover i,.btn-excel-unified:hover i,.btn-green:hover i,button[onclick*="downloadLaporan"]:hover i,button[onclick*="downloadAdminLaporan"]:hover i,button[onclick*="exportQuizScores"]:hover i,button[onclick*="exportFundamentalPerfToExcel"]:hover i,button[onclick*="exportModBarsToExcel"]:hover i,button[onclick*="exportSpecialCaseAssessedToExcel"]:hover i{color:#0284C7 !important;-webkit-text-fill-color:#0284C7 !important}.qa-card,[class*="qa-group-card"],.user-eval-card{background:#FFFFFF !important;border:1px solid #E2E8F0 !important;border-radius:12px !important;box-shadow:0 1px 3px rgba(0,0,0,0.04) !important}.qa-card:hover{border-color:#BAE6FD !important;box-shadow:0 4px 12px rgba(14,165,233,0.08) !important}.progress-bar-cyan,.bar-analisa{background:#0EA5E9 !important}.progress-bar-indigo,.bar-eskalasi{background:#6366F1 !important}.progress-bar-amber,.bar-narasi{background:#F59E0B !important}.avatar-box,.qa-avatar{background:#F1F5F9 !important;color:#1E293B !important;-webkit-text-fill-color:#1E293B !important;border:1px solid #E2E8F0 !important}.btn-history,button[id^="btn-hist-"]{background:#E0F2FE !important;color:#0284C7 !important;-webkit-text-fill-color:#0284C7 !important;border:1px solid #BAE6FD !important;border-radius:8px !important;font-weight:700 !important;font-size:11px !important;padding:4px 10px !important;cursor:pointer !important}.btn-history:hover,button[id^="btn-hist-"]:hover{background:#BAE6FD !important;color:#0369A1 !important;-webkit-text-fill-color:#0369A1 !important}.score-number,.stat-highlight{color:#1E293B !important;-webkit-text-fill-color:#1E293B !important;font-weight:800 !important}