@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";html,body{overscroll-behavior:none}body{background-color:#f5f6fa;font-family:Arial,Helvetica,sans-serif}@media (width>=1025px){html,body,#root{height:100%;overflow:hidden}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:20px;right:20px}@media (width<=768px){.toast-container{align-items:stretch;top:10px;left:10px;right:10px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#4a90e2;--dark-blue:#2e5c8a;--light-gray:#f5f7fa;--border-gray:#e1e8ed;--text-dark:#2c3e50;--text-gray:#7f8c9a;--success-green:#27ae60;--warning-yellow:#f39c12;--danger-red:#e74c3c;--white:#fff;--sidebar-bg:#f8fafb;--hover-blue:#e8f4fd}.admin-container{background:var(--light-gray);min-height:100vh;display:flex}.admin-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-gray);z-index:100;flex-direction:column;width:280px;height:100vh;padding:20px 0;transition:width .3s;display:flex;position:fixed;overflow:hidden auto}.admin-sidebar.collapsed{width:80px}.logo-section{border-bottom:1px solid var(--border-gray);flex-direction:column;gap:12px;padding:30px 20px 40px;display:flex}.admin-sidebar.collapsed .logo-section{padding:20px 10px}.logo{justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.logo-full{width:250px;transition:opacity .3s,width .3s}.admin-sidebar.collapsed .logo-full{opacity:0;width:0;display:none}.logo-icon{width:50px;height:auto;margin:0 auto;transition:opacity .3s;display:none}.admin-sidebar.collapsed .logo-icon{display:block}.sidebar-header{justify-content:space-between;align-items:center;gap:10px;padding:20px 20px 15px;display:flex}.admin-sidebar.collapsed .sidebar-header{flex-direction:column;padding:15px 10px}.sidebar-toggle{background:var(--hover-blue);border:1px solid var(--border-gray);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sidebar-toggle:hover{background:var(--primary-blue);border-color:var(--primary-blue)}.sidebar-toggle:hover svg{stroke:#fff}.sidebar-toggle svg{width:16px;height:16px;stroke:var(--primary-blue);transition:stroke .2s}.admin-sidebar.collapsed .sidebar-toggle .icon-close{display:none}.admin-sidebar.collapsed .sidebar-toggle .icon-open{display:block}.sidebar-toggle .icon-open{display:none}.sidebar-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex:1;font-size:11px;font-weight:600;transition:opacity .3s;overflow:hidden}.admin-sidebar.collapsed .sidebar-title{opacity:0;height:0;padding:0;font-size:0}.nav-menu{margin:0;padding:0;list-style:none}.nav-item{cursor:pointer;color:var(--text-gray);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin:0 10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.admin-sidebar.collapsed .nav-item span{display:none}.admin-sidebar.collapsed .nav-item:after{content:attr(data-tooltip);background:var(--text-dark);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;border-radius:6px;padding:6px 12px;font-size:12px;transition:opacity .2s;position:absolute;left:70px}.admin-sidebar.collapsed .nav-item:hover:after{opacity:1}.nav-item:hover,.nav-item.active{background:var(--hover-blue);color:var(--primary-blue)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item.has-submenu{justify-content:space-between}.submenu-arrow{width:16px;height:16px;margin-left:auto;transition:transform .2s}.submenu-arrow.expanded{transform:rotate(180deg)}.admin-sidebar.collapsed .submenu-arrow{display:none}.submenu{margin:4px 0 0;padding:0;list-style:none;overflow:hidden}.submenu-item{cursor:pointer;color:var(--text-gray);border-radius:6px;margin:0 10px;padding:10px 20px 10px 52px;font-size:13px;font-weight:400;transition:all .2s;position:relative}.submenu-item:before{content:"•";color:var(--text-gray);position:absolute;left:36px}.submenu-item:hover{background:var(--hover-blue);color:var(--primary-blue)}.submenu-item.active{background:var(--hover-blue);color:var(--primary-blue);font-weight:500}.admin-sidebar.collapsed .submenu{display:none}.user-profile{border-top:1px solid var(--border-gray);margin-top:auto;padding:20px;transition:padding .3s}.admin-sidebar.collapsed .user-profile{padding:20px 10px}.profile-card{border:1px solid var(--border-gray);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;transition:all .3s;display:flex}.admin-sidebar.collapsed .profile-card{flex-direction:column;gap:4px;padding:8px}.profile-avatar{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.admin-sidebar.collapsed .profile-avatar{width:36px;height:36px;font-size:14px}.profile-info{flex:1;transition:opacity .3s;overflow:hidden}.admin-sidebar.collapsed .profile-info{display:none}.admin-sidebar .profile-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.admin-sidebar .profile-role{color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-sidebar.collapsed .logout-btn{padding:10px}.admin-sidebar.collapsed .logout-btn span{display:none}.logout-btn:hover{transform:scale(1.03);box-shadow:0 4px 12px #e74c3c4d}.logout-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.logout-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logout-modal-icon{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:.4s scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.logout-modal-icon svg{color:#fff;width:40px;height:40px}.logout-modal h3{color:#2c3e50;margin:0 0 12px;font-size:24px;font-weight:700}.logout-modal p{color:#7f8c9a;margin:0 0 28px;font-size:15px;line-height:1.5}.logout-modal-buttons{justify-content:center;gap:12px;display:flex}.logout-btn-cancel,.logout-btn-confirm{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-btn-cancel{color:#7f8c9a;background:#ecf0f1}.logout-btn-cancel:hover{color:#2c3e50;background:#bdc3c7;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.logout-btn-confirm{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.logout-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.logout-btn-confirm:active,.logout-btn-cancel:active{transform:scale(.98)}.logout-btn-confirm:disabled,.logout-btn-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}.logout-btn-confirm:disabled:hover,.logout-btn-cancel:disabled:hover{box-shadow:none;transform:none}.spinner-small{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-main{flex:1;height:100vh;margin-left:280px;padding:0;transition:margin-left .3s;overflow:hidden auto}.admin-sidebar.collapsed~.admin-main{margin-left:80px}.admin-header{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);padding:20px 40px}.header-content-wrapper{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header h1{margin:0;font-size:22px;font-weight:700}.back-to-dashboard-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.back-to-dashboard-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.back-to-dashboard-btn svg{flex-shrink:0;margin-right:6px}.content-area{padding:40px}.section-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:14px;font-weight:600}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{border:1px solid var(--border-gray);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stat-icon.finance{color:#2196f3;background:#e3f2fd}.stat-icon.it{color:#9c27b0;background:#f3e5f5}.stat-icon.warehouse{color:#fbc02d;background:#fff9c4}.stat-icon.hr{color:#4caf50;background:#e8f5e9}.stat-info{flex:1}.stat-label{color:var(--text-gray);margin-bottom:4px;font-size:13px}.stat-value{color:var(--text-dark);font-size:32px;font-weight:700}.session-section,.user-control-section,.app-management-section{border:1px solid var(--border-gray);background:#fff;border-radius:12px;margin-bottom:30px;padding:24px}.section-header svg{width:20px;height:20px;color:var(--danger-red)}.section-header h2{color:var(--text-dark);font-size:16px;font-weight:600}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--text-gray);border-bottom:2px solid var(--border-gray);background:var(--light-gray);padding:12px 16px;font-size:13px;font-weight:600}tbody td{border-bottom:1px solid var(--border-gray);padding:16px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--light-gray)}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.user-info h4{color:var(--text-dark);margin-bottom:2px;font-size:14px;font-weight:600}.user-info p{color:var(--text-gray);word-break:break-all;white-space:normal;max-width:180px;font-size:12px}.user-info h4.small-name{font-size:13px!important}.user-info p.small-email{color:var(--text-gray);line-height:1.2;font-size:10px!important}.force-logout-btn{white-space:nowrap;min-width:110px}.role-badge,.status-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.dept-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.dept-badge.finance{color:#f57c00;background:#fff9c4}.dept-badge.warehouse{color:#e65100;background:#ffe0b2}.dept-badge.hr{color:#1e6832;background:#9af3af}.dept-badge.marketing{color:#e91e63;background:#ffe5f1}.force-logout-btn{color:var(--danger-red);cursor:pointer;background:#ffebee;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.force-logout-btn:hover{background:var(--danger-red);color:#fff}.table-footer{border-top:1px solid var(--border-gray);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.table-footer span{color:var(--text-gray);font-size:13px}.view-all-btn{color:var(--primary-blue);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.view-all-btn:hover{text-decoration:underline}.user-control-tabs{border-bottom:2px solid var(--border-gray);gap:0;margin-bottom:24px;display:flex}.user-control-tab{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.user-control-tab:hover{color:var(--text-dark);border-bottom-color:var(--primary-blue)}.user-control-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.control-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--border-gray);border-radius:8px;flex:1;max-width:400px;padding:10px 16px;font-size:14px}.search-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #4a90e21a}.add-user-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-user-btn:hover{background:var(--dark-blue)}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-edit{color:var(--primary-blue);background:#e3f2fd}.btn-edit:hover{background:var(--primary-blue);color:#fff}.btn-delete{color:var(--danger-red);background:#ffebee}.btn-delete:hover{background:var(--danger-red);color:#fff}.department-item{border:1px solid var(--border-gray);border-radius:10px;transition:all .2s;overflow:hidden}.department-header{background:var(--light-gray);cursor:pointer;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.department-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.expand-icon{width:24px;height:24px;transition:transform .3s}.department-item.expanded .expand-icon{transform:rotate(180deg)}.department-content{border-top:1px solid var(--border-gray);padding:20px;display:none}.department-item.expanded .department-content{display:block}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.app-toggle-card{background:var(--light-gray);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.app-toggle-card:hover{background:#e8ebed}.app-toggle-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.app-toggle-icon.blue{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%)}.app-toggle-icon.purple{color:#fff;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%)}.app-toggle-icon.red{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.app-toggle-info{flex:1;min-width:0}.app-toggle-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-toggle-dept{color:var(--text-gray);text-transform:uppercase;font-size:11px}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(20px)}.broadcast-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.broadcast-compose-card{border:1px solid var(--border-gray);background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000000d}.compose-header{border-bottom:2px solid var(--light-gray);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.compose-header h3{margin:0;font-size:16px;font-weight:600}.compose-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:16px;display:flex}.form-group{flex:1}.form-label{color:var(--text-dark);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border-gray);border-radius:8px;width:100%;padding:10px 16px;font-size:14px}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #4a90e21a}textarea.form-input{resize:vertical;min-height:100px}.char-counter{text-align:right;color:var(--text-gray);margin-top:4px;font-size:11px}.compose-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-primary{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{background:var(--light-gray);color:var(--text-gray);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#d0d0d0}.broadcast-history-section{border:1px solid var(--border-gray);background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d}.broadcast-tabs{border-bottom:2px solid var(--light-gray);gap:8px;margin-bottom:16px;display:flex}.broadcast-tab{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.broadcast-tab:hover{color:var(--primary-blue)}.broadcast-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);font-weight:600}.schedule-list{flex-direction:column;gap:12px;display:flex}.schedule-item{background:var(--light-gray);border-left:4px solid var(--primary-blue);border-radius:10px;align-items:flex-start;gap:16px;padding:18px;transition:all .2s;display:flex}.schedule-item:hover{box-shadow:0 2px 8px #00000014}.schedule-item.scheduled{background:#fffbf0;border-left-color:#f39c12}.schedule-item.sent{background:#f0fff4;border-left-color:#27ae60}.schedule-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.schedule-content{flex:1}.schedule-title{color:var(--text-dark);margin-bottom:4px;font-size:14px;font-weight:600}.schedule-desc{color:var(--text-gray);margin:4px 0 8px;font-size:13px;line-height:1.5}.schedule-meta{color:var(--text-gray);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.schedule-meta span{align-items:center;gap:4px;display:flex}.schedule-actions{gap:8px;margin-left:auto;display:flex}.btn-icon{cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon.edit{color:var(--primary-blue)}.btn-icon.edit:hover{background:#e3f2fd}.btn-icon.delete{color:var(--danger-red)}.btn-icon.delete:hover{background:#ffebee}.priority-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.priority-badge.normal{color:#1976d2;background:#e3f2fd}.priority-badge.high{color:#f57c00;background:#fff3e0}.priority-badge.urgent{color:#d32f2f;background:#ffebee}.status-sent{color:#27ae60;font-size:11px;font-weight:600}@media (width<=1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-main{margin-left:0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--white);border-radius:12px;width:460px;max-width:90vw;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border-gray);justify-content:space-between;align-items:center;display:flex;padding:16px 20px!important}.modal-header svg{width:24px;height:24px;color:var(--primary-blue)}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-gray);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--light-gray);color:var(--text-dark)}.modal-close-btn{cursor:pointer;color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#f5dee0;border-color:#908384;box-shadow:0 2px 8px #ff47574d}.modal-close-btn:active{transform:scale(.95)}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{border:1px solid var(--border-gray);width:100%;color:var(--text-dark);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #4a90e21a}.modal-form-group textarea{resize:vertical;min-height:80px}.modal-form-group small{color:var(--text-gray);margin-top:6px;font-size:12px;display:block}.modal-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.modal-btn svg{flex-shrink:0;width:16px;height:16px}.modal-btn-primary{background:var(--primary-blue);color:#fff}.modal-btn-primary:hover{background:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.modal-btn-secondary{background:var(--light-gray);color:var(--text-dark)}.modal-btn-secondary:hover{background:var(--border-gray)}.modal-btn-danger{background:var(--danger-red);color:#fff}.modal-btn-danger:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.modal-btn-warning{background:var(--warning-yellow);color:#fff}.modal-btn-warning:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.modal-account-status-info h4{color:var(--text-dark);margin:0 0 4px;font-size:14px;font-weight:600}.toggle-switch{cursor:pointer;background:#ddd;border-radius:24px;width:48px;height:24px;transition:background .3s;position:relative}.toggle-switch.active{background:#4caf50}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-switch.active:after{transform:translate(24px)}.toggle-switch.yellow{background:#ddd}.toggle-switch.yellow.active{background:#f1c40f;box-shadow:0 2px 8px #f1c40f4d}.toggle-switch.yellow.active:after{transform:translate(24px)}.confirm-dialog-overlay{z-index:1100;background:#0f172a73;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:14px;width:340px;max-width:90vw;animation:.25s ease-out slideUp;overflow:hidden;box-shadow:0 12px 40px #0000002e}.confirm-dialog-body{text-align:center;padding:22px 22px 14px}.confirm-dialog-icon{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 12px;display:flex}.confirm-dialog-icon svg{width:22px;height:22px}.confirm-dialog-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 10px #f59e0b2e}.confirm-dialog-icon.warning svg{color:#f59e0b}.confirm-dialog-icon.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 10px #ef44442e}.confirm-dialog-icon.danger svg{color:#ef4444}.confirm-dialog-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 10px #3b82f62e}.confirm-dialog-icon.info svg{color:#3b82f6}.confirm-dialog-body h3{color:#1e293b;margin:0 0 5px;font-size:15px;font-weight:700}.confirm-dialog-body p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.confirm-dialog-body p strong{color:#334155;font-weight:600}.confirm-dialog-footer{justify-content:center;align-items:center;gap:8px;padding:10px 22px 18px;display:flex}.confirm-dialog-footer .cd-btn{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:96px;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.confirm-dialog-footer .cd-btn svg{flex-shrink:0;width:14px;height:14px}.confirm-dialog-footer .cd-btn-cancel{color:#475569;background:#f1f5f9}.confirm-dialog-footer .cd-btn-cancel:hover{background:#e2e8f0}.confirm-dialog-footer .cd-btn-danger{color:#fff;background:#ef4444}.confirm-dialog-footer .cd-btn-danger:hover{background:#dc2626}.confirm-dialog-footer .cd-btn-warning{color:#fff;background:#f59e0b}.confirm-dialog-footer .cd-btn-warning:hover{background:#d97706}.confirm-dialog-footer .cd-btn-primary{color:#fff;background:#3b82f6}.confirm-dialog-footer .cd-btn-primary:hover{background:#2563eb}.modal-btn{position:relative;overflow:hidden}.modal-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-btn:active:before{width:300px;height:300px}.modal-btn-primary:disabled,.modal-btn-danger:disabled,.modal-btn-warning:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-btn:disabled:hover{box-shadow:none!important;transform:none!important}.modal-btn-disabled{opacity:.5;color:#f0f0f0!important;cursor:not-allowed!important;box-shadow:none!important;background:#c8ccd0!important;transform:none!important}.modal-btn-disabled:hover{box-shadow:none!important;background:#c8ccd0!important;transform:none!important}.modal-section-header svg{width:18px;height:18px;color:var(--primary-blue)}.modal-avatar-editor{align-items:center;gap:20px;margin-bottom:20px;display:flex}.modal-avatar-large{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:600;display:flex;position:relative}.modal-avatar-edit-btn{background:var(--primary-blue);cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:-4px;right:-4px}.modal-avatar-edit-btn:hover{background:var(--dark-blue);transform:scale(1.1)}.modal-avatar-edit-btn svg{color:#fff;width:14px;height:14px}.modal-avatar-info h4{color:var(--text-dark);margin:0 0 4px;font-size:16px;font-weight:600}.modal-avatar-info p{color:var(--text-gray);margin:0;font-size:13px}.modal-privilege-toggle{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.modal-privilege-toggle-info h4{color:var(--text-dark);margin:0 0 4px;font-size:14px;font-weight:600}.app-access-list{flex-direction:column;gap:12px;max-height:200px;padding-right:8px;display:flex;overflow-y:auto}.app-access-item{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.app-access-item:hover{background:#e9ecef}.app-access-info{align-items:center;gap:12px;display:flex}.app-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.app-details h5{color:var(--text-dark);margin:0 0 2px;font-size:14px;font-weight:600}.app-details p{color:var(--text-gray);margin:0;font-size:12px}.app-access-toggle{width:40px;height:20px}.app-access-toggle:after{width:16px;height:16px}.app-access-toggle.active:after{transform:translate(20px)}@media (width<=768px){.modal-container{width:95%;max-width:none;margin:20px}.modal-form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-btn{justify-content:center;width:100%}.admin-header{padding:16px 20px}.admin-header h1{font-size:18px}.header-content-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.back-to-dashboard-btn{padding:6px 12px;font-size:12px}.back-to-dashboard-btn svg{width:14px;height:14px}}.masterdata-wrapper{max-width:100%;padding:24px}.masterdata-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-bar{flex:1;min-width:250px;max-width:400px;position:relative}.search-bar svg{width:18px;height:18px;color:var(--text-gray);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{border:1px solid var(--border-gray);border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.search-bar input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #4a90e21a}.add-button{background-color:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-button:hover{background-color:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.add-button svg{width:16px;height:16px}.action-buttons{justify-content:center;gap:8px;display:flex}.btn-edit{background-color:var(--warning-yellow);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.btn-edit:hover{background-color:#e67e22;transform:translateY(-1px)}.btn-delete{background-color:var(--danger-red);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.btn-delete:hover{background-color:#c0392b;transform:translateY(-1px)}.btn-edit svg,.btn-delete svg{width:14px;height:14px}.app-list-container{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.app-row{border:2px solid var(--border-gray);background-color:#fff;border-radius:14px;align-items:center;gap:20px;padding:18px 24px;transition:all .2s;display:flex}.app-row:hover{border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e226}.app-row-logo{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef7 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.app-row-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.app-logo-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.app-row-info{flex:1;min-width:0}.app-row-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.app-row-name{color:var(--text-dark);margin:0;font-size:18px;font-weight:600}.app-row-badge-inactive{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#ef4444;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.app-row-badge-inactive i{font-size:13px}.app-row-description{color:var(--text-gray);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:1.5;overflow:hidden}.app-row-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-row-toggle{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-row-toggle.inactive{background-color:var(--success-green)}.btn-row-toggle.active{background-color:var(--warning-yellow)}.btn-row-toggle:hover{opacity:.9;transform:translateY(-1px)}.btn-row-action{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-row-action.edit{background-color:var(--warning-yellow);color:#fff}.btn-row-action.delete{background-color:var(--danger-red);color:#fff}.btn-row-action:hover{opacity:.9;transform:translateY(-1px)}.app-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.app-card{border:1px solid var(--border-gray);background-color:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative}.app-status-badge.active{background-color:var(--success-green);color:#fff}.app-status-badge.inactive{color:#fff;background-color:#95a5a6}.app-header{align-items:center;gap:12px;display:flex}.app-logo{background-color:var(--light-gray);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.app-code{background-color:var(--hover-blue);color:var(--primary-blue);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.app-description{color:var(--text-gray);min-height:40px;margin:0;font-size:13px;line-height:1.4}.app-actions{border-top:1px solid var(--border-gray);gap:8px;padding-top:8px;display:flex}.btn-toggle{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:500;transition:all .2s}.btn-toggle.activate{background-color:var(--success-green);color:#fff}.btn-toggle.deactivate{color:#fff;background-color:#95a5a6}.btn-toggle:hover{opacity:.9;transform:translateY(-1px)}.btn-action{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.btn-action.edit{background-color:var(--warning-yellow);color:#fff}.btn-action.delete{background-color:var(--danger-red);color:#fff}.btn-action:hover{opacity:.9;transform:translateY(-1px)}.code-badge{background-color:var(--hover-blue);color:var(--primary-blue);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.empty-state{text-align:center;color:var(--text-gray);padding:40px;font-size:14px}@media (width<=768px){.masterdata-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.add-button{justify-content:center;width:100%}.app-grid{grid-template-columns:1fr}.app-row{flex-direction:column;align-items:flex-start;padding:16px 18px}.app-row-logo{width:56px;height:56px}.app-row-info{width:100%}.app-row-name{font-size:16px}.app-row-description{font-size:13px}.app-row-actions{justify-content:flex-end;width:100%;margin-top:12px}.btn-row-toggle{flex:1}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinLoader{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hrchat-root{--hrchat-blue:#1a56db;--hrchat-blue-hover:#1e40af;--hrchat-blue-light:#dbeafe;--hrchat-text:#1e293b;--hrchat-text-2:#64748b;--hrchat-muted:#94a3b8;--hrchat-bg:#f1f5f9;--hrchat-card:#fff;--hrchat-border:#e2e8f0;--hrchat-red:#dc2626;--hrchat-red-light:#fef2f2;--hrchat-green:#15803d;--hrchat-green-light:#dcfce7;color:var(--hrchat-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hrchat-fab{z-index:9000;background:linear-gradient(135deg, var(--hrchat-blue), var(--hrchat-blue-hover));color:#fff;cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;min-width:56px;height:56px;padding:0 20px 0 10px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #1a56db59}.hrchat-fab-cubot{object-fit:contain;filter:drop-shadow(0 3px 4px #0f172a59);pointer-events:none;width:58px;height:58px;margin-top:-18px;transition:transform .2s}.hrchat-fab:hover .hrchat-fab-cubot{transform:rotate(-6deg)scale(1.06)}.hrchat-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1a56db6b}.hrchat-fab.open{width:56px;padding:0}.hrchat-fab:focus-visible{outline:3px solid var(--hrchat-blue-light);outline-offset:2px}.hrchat-panel-wrap{z-index:9000;opacity:0;visibility:hidden;transform-origin:100% 100%;width:390px;height:min(640px,100vh - 120px);transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:fixed;bottom:92px;right:24px;transform:translateY(12px)scale(.98)}.hrchat-panel-wrap.open{opacity:1;visibility:visible;transition:opacity .18s,transform .18s;transform:none}.hrchat-panel{background:var(--hrchat-card);border:1px solid var(--hrchat-border);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.hrchat-header{background:linear-gradient(135deg, var(--hrchat-blue), var(--hrchat-blue-hover));color:#fff;align-items:center;gap:10px;padding:14px 12px 14px 16px;display:flex}.hrchat-header-avatar{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hrchat-header-avatar img{object-fit:contain;width:36px;height:36px}.hrchat-header-text{flex:1;min-width:0}.hrchat-title{font-size:15px;font-weight:700}.hrchat-subtitle{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hrchat-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hrchat-icon-btn:hover:not(:disabled){background:#ffffff29}.hrchat-icon-btn:disabled{opacity:.45;cursor:default}.hrchat-messages{background:var(--hrchat-bg);overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.hrchat-row{gap:8px;max-width:100%;display:flex}.hrchat-row--user{justify-content:flex-end}.hrchat-avatar{background:var(--hrchat-blue-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex;overflow:hidden}.hrchat-avatar img{object-fit:contain;width:24px;height:24px}.hrchat-bot-col{min-width:0;max-width:calc(100% - 36px)}.hrchat-bubble{overflow-wrap:anywhere;border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.55}.hrchat-bubble--user{background:var(--hrchat-blue);color:#fff;white-space:pre-wrap;border-bottom-right-radius:4px;max-width:82%}.hrchat-bubble--bot{background:var(--hrchat-card);border:1px solid var(--hrchat-border);border-top-left-radius:4px}.hrchat-bubble--error{background:var(--hrchat-red-light);color:var(--hrchat-red);border-color:#fecaca}.hrchat-error{align-items:flex-start;gap:8px;display:flex}.hrchat-error svg{flex-shrink:0;margin-top:3px}.hrchat-markdown>:first-child{margin-top:0}.hrchat-markdown>:last-child{margin-bottom:0}.hrchat-markdown p,.hrchat-markdown ul,.hrchat-markdown ol,.hrchat-markdown .hrchat-table-wrap{margin:0 0 8px}.hrchat-markdown ul,.hrchat-markdown ol{padding-left:20px}.hrchat-markdown li+li{margin-top:2px}.hrchat-markdown strong{font-weight:600}.hrchat-markdown em{color:var(--hrchat-text-2)}.hrchat-markdown a{color:var(--hrchat-blue)}.hrchat-markdown code{background:var(--hrchat-bg);border-radius:4px;padding:1px 5px;font-size:13px}.hrchat-markdown h1,.hrchat-markdown h2,.hrchat-markdown h3,.hrchat-markdown h4{margin:8px 0 4px;font-size:14px;font-weight:700}.hrchat-table-wrap{padding-bottom:1px;overflow-x:auto}.hrchat-markdown table{border-collapse:collapse;width:100%;font-size:13px}.hrchat-markdown th,.hrchat-markdown td{border:1px solid var(--hrchat-border);text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:normal;min-width:84px;padding:5px 8px}.hrchat-markdown th{background:var(--hrchat-bg);font-weight:600}.hrchat-markdown thead th,.hrchat-markdown tbody td{color:var(--hrchat-text);border:1px solid var(--hrchat-border);padding:5px 8px;font-size:13px}.hrchat-markdown tbody tr:last-child td{border-bottom:1px solid var(--hrchat-border)}.hrchat-markdown tbody tr:hover{background:0 0}.hrchat-cursor{vertical-align:text-bottom;background:var(--hrchat-blue);width:7px;height:15px;margin-left:2px;animation:1s steps(2,start) infinite hrchat-blink;display:inline-block}@keyframes hrchat-blink{to{visibility:hidden}}.hrchat-typing{gap:4px;padding:4px 0;display:flex}.hrchat-typing span{background:var(--hrchat-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite hrchat-bounce}.hrchat-typing span:nth-child(2){animation-delay:.15s}.hrchat-typing span:nth-child(3){animation-delay:.3s}@keyframes hrchat-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.hrchat-feedback{color:var(--hrchat-muted);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.hrchat-feedback span{margin-right:4px}.hrchat-feedback button{width:26px;height:26px;color:var(--hrchat-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.hrchat-feedback button:hover{background:var(--hrchat-card);border-color:var(--hrchat-border);color:var(--hrchat-text-2)}.hrchat-feedback button.active.up{background:var(--hrchat-green-light);color:var(--hrchat-green)}.hrchat-feedback button.active.down{background:var(--hrchat-red-light);color:var(--hrchat-red)}.hrchat-feedback .hrchat-copy{width:auto;font:inherit;gap:4px;padding:0 8px;font-size:11px}.hrchat-feedback .hrchat-copy.copied{color:var(--hrchat-green)}.hrchat-feedback-sep{background:var(--hrchat-border);width:1px;height:14px;margin:0 4px 0 2px}.hrchat-icon-btn.active{background:#ffffff38}.hrchat-docs h4{margin:12px 0 4px;font-size:15px;font-weight:700}.hrchat-docs>p{color:var(--hrchat-text-2);margin-bottom:12px;font-size:13px}.hrchat-docs-back{color:var(--hrchat-blue);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:13px;font-weight:500;display:inline-flex}.hrchat-docs-back:hover{background:var(--hrchat-blue-light)}.hrchat-docs-list{flex-direction:column;gap:8px;list-style:none;display:flex}.hrchat-docs-list li{background:var(--hrchat-card);border:1px solid var(--hrchat-border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hrchat-docs-icon{background:var(--hrchat-red-light);width:34px;height:34px;color:var(--hrchat-red);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hrchat-docs-info{flex:1;min-width:0}.hrchat-docs-title{font-size:13px;font-weight:600;line-height:1.35}.hrchat-docs-meta{color:var(--hrchat-muted);margin-top:2px;font-size:11px}.hrchat-docs-download{background:var(--hrchat-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hrchat-docs-download:hover:not(:disabled){background:var(--hrchat-blue-hover)}.hrchat-docs-download:disabled{opacity:.7;cursor:wait}.hrchat-docs-empty,.hrchat-docs-error{border-radius:10px;padding:10px 12px;font-size:13px}.hrchat-docs-empty{color:var(--hrchat-text-2);background:var(--hrchat-card);border:1px dashed var(--hrchat-border)}.hrchat-docs-error{color:var(--hrchat-red);background:var(--hrchat-red-light);margin-bottom:10px}.hrchat-spin{animation:.9s linear infinite hrchat-spin}@keyframes hrchat-spin{to{transform:rotate(360deg)}}.hrchat-empty{text-align:center;margin:auto 0;padding:8px 4px}.hrchat-empty-icon{width:104px;height:104px;margin:0 auto 8px}.hrchat-empty-icon img{object-fit:contain;width:100%;height:100%;animation:3.6s ease-in-out infinite hrchat-float}@keyframes hrchat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hrchat-empty h4{margin-bottom:6px;font-size:16px;font-weight:700}.hrchat-empty p{color:var(--hrchat-text-2);margin-bottom:16px;font-size:13px;line-height:1.5}.hrchat-suggestions{flex-direction:column;gap:8px;display:flex}.hrchat-suggestions button{text-align:left;border:1px solid var(--hrchat-border);background:var(--hrchat-card);color:var(--hrchat-blue);font:inherit;cursor:pointer;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}.hrchat-suggestions button:hover{border-color:var(--hrchat-blue);background:#f8fbff}.hrchat-loading{color:var(--hrchat-text-2);margin:auto;font-size:13px}.hrchat-input{border-top:1px solid var(--hrchat-border);background:var(--hrchat-card);align-items:flex-end;gap:8px;padding:12px 12px 6px;display:flex}.hrchat-input textarea{resize:none;field-sizing:content;border:1px solid var(--hrchat-border);min-height:40px;max-height:120px;font:inherit;color:var(--hrchat-text);background:#fff;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:14px;line-height:1.4}.hrchat-input textarea:focus{border-color:var(--hrchat-blue);box-shadow:0 0 0 3px #1a56db1f}.hrchat-send{background:var(--hrchat-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hrchat-send:hover:not(:disabled){background:var(--hrchat-blue-hover)}.hrchat-send:disabled{background:var(--hrchat-muted);cursor:not-allowed}.hrchat-send.stop{background:var(--hrchat-text)}.hrchat-footnote{color:var(--hrchat-muted);background:var(--hrchat-card);text-align:center;padding:0 12px 10px;font-size:11px}.hrchat-over{color:var(--hrchat-red);font-weight:500}@media (width<=480px){.hrchat-fab{bottom:16px;right:16px}.hrchat-panel-wrap{z-index:9001;width:100%;height:100%;inset:0}.hrchat-panel{border:none;border-radius:0}.hrchat-fab.open{display:none}}@media (prefers-reduced-motion:reduce){.hrchat-panel-wrap,.hrchat-fab,.hrchat-typing span,.hrchat-cursor,.hrchat-empty-icon img{transition:none;animation:none}}:root{--sso-navy-950:#07132b;--sso-navy-900:#0b1b3a;--sso-blue-700:#1559d5;--sso-blue-600:#2369e8;--sso-blue-500:#3c7df0;--sso-blue-50:#f5f8ff;--sso-ink-950:#101828;--sso-ink-700:#344054;--sso-ink-500:#667085;--sso-ink-400:#98a2b3;--sso-line:#dfe5ef;--sso-canvas:#fff;--sso-surface:#fff;--sso-danger:#d92d20;--sso-shadow:0 24px 70px #142e5b21}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--sso-canvas);min-width:320px;min-height:100vh;color:var(--sso-ink-950);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sso-login-page{background:var(--sso-canvas);min-height:100svh;overflow-x:hidden}@media (width>=1025px){:is(html:has(#root .sso-login-page),body:has(#root .sso-login-page)){height:auto;overflow-y:auto}#root:has(.sso-login-page){height:auto;overflow:visible}}.sso-login-shell{grid-template-columns:minmax(520px,1.08fr) minmax(520px,.92fr);gap:18px;min-height:100svh;padding:18px;display:grid}.sso-visual-panel{isolation:isolate;color:#fff;background:linear-gradient(150deg, var(--sso-navy-950) 0%, #0f1d3a 45%, #1a2f5c 100%);border-radius:30px;min-height:calc(100svh - 36px);position:relative;overflow:hidden}.sso-visual-panel:before{z-index:-1;content:"";opacity:.15;mix-blend-mode:luminosity;pointer-events:none;background:url(/assets/image_login.png) 50% 70%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 55%);mask-image:linear-gradient(#0000 0%,#000 55%)}.sso-brand{z-index:4;align-items:center;text-decoration:none;display:inline-flex;position:absolute;top:34px;left:38px}.sso-brand img{width:min(210px,48vw);height:auto;display:block}.sso-visual-copy{z-index:3;width:min(390px,100% - 80px);position:absolute;top:137px;left:40px}.sso-eyebrow{color:#8fb6f6;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:10px;font-size:.7rem;font-weight:780;display:flex}.sso-eyebrow:before{content:"";background:#4e91ff;border-radius:999px;flex:none;width:22px;height:2px}.sso-visual-copy h1{letter-spacing:-.045em;max-width:390px;margin:0;font-size:clamp(2rem,3.1vw,3.6rem);line-height:1.05}.sso-visual-copy p{color:#b6c7e3;max-width:330px;margin:15px 0 0;font-size:.96rem}.sso-cubot-stage{z-index:2;width:min(46%,440px);position:absolute;bottom:-2.5%;right:2.5%}.sso-cubot{filter:drop-shadow(0 30px 38px #0000003d);-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:52% 82%;will-change:transform;width:100%;height:auto;animation:.85s cubic-bezier(.2,.8,.2,1) both sso-cubot-arrive,4.8s ease-in-out .85s infinite sso-cubot-float;display:block}.sso-speech-bubble{z-index:2;color:#0c2250;background:#fff;border-radius:18px 18px 18px 4px;width:15rem;padding:13px 17px;animation:.5s cubic-bezier(.2,.8,.2,1) .7s both sso-speech-pop,5.4s ease-in-out 1.3s infinite sso-speech-float;display:none;position:absolute;bottom:95%;left:38%;transform:translate(-46%);box-shadow:0 20px 44px #030e2452}.sso-speech-bubble:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;width:24px;height:18px;position:absolute;bottom:-11px;left:46%}.sso-speech-line{display:block}.sso-speech-line--lead{color:#1d4ed8;letter-spacing:-.01em;font-size:.98rem;font-weight:800}.sso-speech-line--body{color:#334155;margin-top:4px;font-size:.88rem;font-weight:600;line-height:1.35}.sso-speech-caret{color:#1d4ed8;margin-left:1px;font-weight:400;animation:.9s step-end infinite sso-speech-blink;display:inline-block}@media (width>=1041px){.sso-speech-bubble{display:block}}@media (width>=1025px) and (height<=720px){.sso-speech-bubble{width:12.5rem;padding:10px 13px}.sso-speech-line--lead{font-size:.9rem}.sso-speech-line--body{font-size:.82rem}}.sso-visual-foot{z-index:3;color:#b5c5df;align-items:center;gap:9px;font-size:.75rem;display:inline-flex;position:absolute;bottom:28px;left:38px}.sso-visual-foot svg{color:#61a0ff}.sso-form-panel{place-items:center;min-height:calc(100svh - 36px);padding:54px 36px;display:grid}.sso-form-wrap{width:min(100%,420px)}.sso-mobile-brand{align-items:center;margin-bottom:40px;display:none}.sso-mobile-brand img{width:min(255px,72vw);height:auto;display:block}.sso-form-heading{margin-bottom:32px}.sso-form-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,2.8vw,2.25rem);line-height:1.18}.sso-form-heading p{color:var(--sso-ink-500);margin:10px 0 0;font-size:.94rem}.sso-error-alert{color:#b42318;background:#fff1f1;border:1px solid #fecaca;border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px 13px;font-size:.82rem;display:flex}.sso-error-alert svg{flex:none;margin-top:1px}.sso-field{margin-bottom:20px}.sso-field label{color:var(--sso-ink-700);margin-bottom:8px;font-size:.84rem;font-weight:700;display:block}.sso-input-wrap{position:relative}.sso-input-icon{color:var(--sso-ink-400);pointer-events:none;display:grid;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.sso-input-wrap input{border:1px solid var(--sso-line);width:100%;height:52px;color:var(--sso-ink-950);background:var(--sso-surface);border-radius:13px;outline:none;padding:0 48px 0 45px;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #10182806}.sso-input-wrap input::placeholder{color:var(--sso-ink-400)}.sso-input-wrap input:focus{border-color:var(--sso-blue-500);box-shadow:0 0 0 4px #3c7df021}.sso-password-toggle{width:36px;height:36px;color:var(--sso-ink-400);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sso-password-toggle:hover{color:var(--sso-ink-700);background:var(--sso-blue-50)}.sso-login-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:8px;font-weight:730;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:flex}.sso-login-button--secondary{border:1.5px solid var(--sso-line);color:var(--sso-ink-700);background:var(--sso-surface)}.sso-login-button--secondary:hover:not(:disabled){border-color:var(--sso-blue-500);background:var(--sso-blue-50)}.sso-login-button:active:not(:disabled){transform:translateY(0)}.sso-login-button:disabled{cursor:wait;opacity:.75}.sso-button-spinner{border:2px solid #1559d540;border-top-color:var(--sso-blue-600);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite sso-spin}.sso-divider{color:var(--sso-ink-400);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:27px 0;font-size:.69rem;font-weight:720;display:grid}.sso-divider:before,.sso-divider:after{background:var(--sso-line);content:"";height:1px}.sso-microsoft-wrap,.sso-microsoft-wrap>*,.sso-microsoft-wrap button{width:100%}.sso-microsoft-wrap button{border-radius:13px;min-height:52px}.microsoft-button{color:#fff;background:linear-gradient(135deg, var(--sso-blue-600), #185ed8);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-weight:730;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 11px 25px #2369e83d}.microsoft-button:hover{background:linear-gradient(135deg,#2e75ee,#1557cf);transform:translateY(-1px);box-shadow:0 14px 29px #2369e84d}.microsoft-button:active{transform:translateY(0)}.sso-alt-toggle{width:100%;color:var(--sso-ink-500);text-align:center;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:16px;font-size:.85rem;font-weight:600;text-decoration:underline;display:block}.sso-alt-toggle:hover{color:var(--sso-blue-600)}.sso-form-foot{border-top:1px solid var(--sso-line);color:var(--sso-ink-500);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:32px;padding-top:20px;font-size:.8rem;display:flex}.sso-helpdesk-note{color:var(--sso-ink-700);text-align:center;margin-top:8px;font-size:.85rem}.sso-helpdesk-note a{color:var(--sso-blue-700);font-weight:600;text-decoration:none}.sso-helpdesk-note a:hover{text-decoration:underline}.loading-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f4f7fbc2;place-items:center;display:grid;position:fixed;inset:0}.loading-spinner-container{background:#fff;border:1px solid #dfe5efe6;border-radius:17px;justify-items:center;gap:13px;padding:24px 30px;display:grid;box-shadow:0 18px 55px #142e5b2e}.loading-text{color:var(--sso-ink-700);margin:0;font-size:.86rem;font-weight:650}@keyframes sso-cubot-arrive{0%{opacity:0;transform:translate(-34px,22px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes sso-cubot-float{0%,to{transform:translate(0,0)rotate(-.35deg)}50%{transform:translateY(-10px)rotate(.55deg)}}@keyframes sso-speech-pop{0%{opacity:0;transform:translate(-46%)translateY(10px)scale(.9)}to{opacity:1;transform:translate(-46%)translateY(0)scale(1)}}@keyframes sso-speech-float{0%,to{transform:translate(-46%)translateY(0)}50%{transform:translate(-46%)translateY(-6px)}}@keyframes sso-speech-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes sso-spin{to{transform:rotate(360deg)}}@media (width>=1025px) and (height<=720px){.sso-login-shell{gap:10px;padding:10px}.sso-visual-panel,.sso-form-panel{min-height:calc(100svh - 20px)}.sso-brand{top:18px;left:22px}.sso-brand img{width:min(170px,40vw)}.sso-visual-copy{top:84px;left:24px}.sso-visual-copy h1{font-size:clamp(1.5rem,2.4vw,2.4rem)}.sso-visual-copy p{margin-top:8px;font-size:.85rem}.sso-cubot-stage{width:min(38%,285px)}.sso-visual-foot{bottom:14px;left:22px}.sso-form-panel{padding:20px 32px}.sso-mobile-brand{margin-bottom:18px}.sso-form-heading{margin-bottom:16px}.sso-form-heading h2{font-size:1.5rem}.sso-field{margin-bottom:12px}.sso-login-button{height:44px;margin-top:4px}.sso-divider{margin:14px 0}.microsoft-button{min-height:44px}.sso-alt-toggle{margin-top:10px}.sso-form-foot{margin-top:14px}.sso-helpdesk-note{margin-top:6px}}@media (width<=1040px){.sso-login-shell{grid-template-columns:minmax(420px,.9fr) minmax(470px,1.1fr)}.sso-visual-copy h1{font-size:2.3rem}.sso-cubot-stage{width:min(64%,430px);right:1%}}@media (width<=820px){.sso-login-shell{min-height:100svh;padding:0;display:block}.sso-visual-panel{min-height:290px;box-shadow:none;border-radius:0 0 28px 28px}.sso-visual-panel .sso-brand,.sso-visual-foot{display:none}.sso-visual-copy{width:58%;top:38px;left:25px}.sso-visual-copy h1{font-size:clamp(1.7rem,7vw,2.35rem)}.sso-visual-copy p{margin-top:9px;font-size:.82rem}.sso-eyebrow{margin-bottom:7px;font-size:.66rem}.sso-cubot-stage{width:min(44%,260px);bottom:-20%;right:2%}.sso-form-panel{background:var(--sso-canvas);border-radius:0;min-height:0;padding:38px 24px 48px}.sso-mobile-brand{margin-bottom:31px;display:flex}.sso-form-wrap{max-width:500px}}@media (width<=480px){.sso-visual-panel{min-height:250px}.sso-visual-copy{width:66%}.sso-visual-copy h1{font-size:1.65rem}.sso-visual-copy p{max-width:225px}.sso-cubot-stage{width:48%;bottom:-13%;right:0}.sso-form-panel{padding-inline:18px}.sso-form-heading,.sso-mobile-brand{margin-bottom:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.sso-cubot,.sso-speech-bubble,.sso-speech-caret,.sso-button-spinner,.loading-spinner{animation:none!important}}.reset-password-page{background:linear-gradient(135deg,#f0f4ff 0%,#e8edf5 50%,#f5f3ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Poppins,sans-serif;display:flex}.reset-password-container{width:100%;max-width:460px}.reset-password-card{background:#fff;border-radius:20px;padding:40px 36px;box-shadow:0 8px 40px #00000014}.reset-password-logo{text-align:center;margin-bottom:28px}.reset-password-logo img{height:36px}.reset-password-header{text-align:center;margin-bottom:28px}.reset-password-header h1{color:#111827;margin:0 0 8px;font-size:22px;font-weight:700}.reset-password-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.reset-form-group{margin-bottom:18px}.reset-form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.reset-input-wrapper{align-items:center;display:flex;position:relative}.reset-input-wrapper input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 44px 12px 14px;font-family:Poppins,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.reset-input-wrapper input:focus{background:#fff;border-color:#1a73e8;outline:none;box-shadow:0 0 0 3px #1a73e81a}.reset-eye-icon{cursor:pointer;color:#9ca3af;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:14px}.reset-eye-icon:hover{color:#4b5563}.password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.password-strength-bar{flex:1;gap:3px;display:flex}.strength-segment{background:#e5e7eb;border-radius:2px;flex:1;height:4px;transition:background-color .3s}.password-strength-label{white-space:nowrap;font-size:11px;font-weight:600}.password-match{align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.password-match.match{color:#16a34a}.password-match.no-match{color:#dc2626}.reset-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.reset-btn-primary{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background .2s;display:flex}.reset-btn-primary:hover{background:#1557b0}.reset-btn-primary:disabled{opacity:.7;cursor:not-allowed}.reset-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite resetSpin}@keyframes resetSpin{to{transform:rotate(360deg)}}.reset-back-link{text-align:center;margin-top:16px}.reset-back-link button{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:13px;transition:color .2s;display:inline-flex}.reset-back-link button:hover{color:#1a73e8}.reset-password-tips{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:16px}.reset-password-tips h4{color:#374151;margin:0 0 8px;font-size:12px;font-weight:600}.reset-password-tips ul{margin:0;padding:0;list-style:none}.reset-password-tips li{color:#6b7280;align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.reset-password-tips li:before{content:"•";color:#9ca3af;font-size:16px;line-height:1}.reset-status{text-align:center;padding:16px 0}.reset-status-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.reset-status-icon.success{color:#16a34a;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reset-status-icon.error{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.reset-status h2{color:#111827;margin:0 0 12px;font-size:20px;font-weight:700}.reset-status p{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}@media (width<=480px){.reset-password-card{border-radius:16px;padding:28px 20px}.reset-password-header h1{font-size:20px}.reset-password-logo img{height:30px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1a56db;--blue-light:#dbeafe;--blue-hover:#1e40af;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--bg:#f1f5f9;--card-bg:#fff;--border:#e2e8f0;--red:#dc2626;--red-light:#fef2f2;--orange:#f59e0b;--orange-light:#fef3c7;--green:#15803d;--green-light:#dcfce7;--purple:#7c3aed;--purple-light:#ede9fe;--teal:#0891b2;--teal-light:#cffafe;--radius:12px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-container{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}@media (width>=1025px){.dashboard-container{height:100vh;overflow:hidden}}.hero{z-index:20;background:#16213a;flex-shrink:0;min-height:150px;position:relative}.hero-bg{background:radial-gradient(680px 340px at 88% -20%,#3b6edb59,#0000 70%);position:absolute;inset:0}.hero-bg:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff0a 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#ffffff0a 39px 40px);position:absolute;inset:0}.hero-content{z-index:10;justify-content:space-between;align-items:flex-start;max-width:100%;margin:0;padding:20px 80px 0;display:flex;position:relative}.dashboard-container .logo{align-items:center;gap:8px;display:flex}.dashboard-container .logo img{width:220px;height:auto;display:block}.profile-btn{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;max-width:fit-content;padding:8px 40px 8px 8px;transition:all .2s;display:flex;position:relative}.profile-btn:hover{border-color:var(--blue);box-shadow:0 3px 10px #1a56db26}.profile-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;position:relative}.profile-avatar:after{content:"";background:#16a34a;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.profile-btn .profile-info{flex-direction:column;line-height:1.2;display:flex}.profile-btn .profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-weight:600;overflow:hidden;margin:0!important;font-family:Poppins,sans-serif!important;font-size:13px!important}.profile-btn .profile-position{color:var(--text-muted);white-space:nowrap;text-transform:capitalize;letter-spacing:.01em;font-weight:500;margin:5px 0 0!important;font-family:Inter,sans-serif!important;font-size:10px!important}.profile-chevron{color:var(--text-muted);justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;right:12px}.profile-btn.open .profile-chevron{transform:rotate(180deg)}.dropdown{border:1px solid var(--border);opacity:0;pointer-events:none;z-index:100;background:#fff;border-radius:12px;width:185px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-6px)scale(.97);box-shadow:0 12px 32px #0000001f}.profile-btn.open .dropdown{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f1f5f9);align-items:center;gap:8px;padding:8px 12px;display:flex}.dropdown-header .dh-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 4px #0000001f}.dropdown-header .dh-info{line-height:1.2}.dropdown-header .dh-name{color:var(--text-primary);letter-spacing:-.01em;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.dropdown-header .dh-role{color:var(--text-muted);text-transform:capitalize;letter-spacing:.01em;margin-top:5px;font-family:Inter,sans-serif;font-size:10px}.dropdown-item{cursor:pointer;color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--blue-light);color:var(--blue)}.dropdown-item .di-icon{background:var(--bg);width:26px;height:26px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .15s,color .15s;display:flex}.dropdown-item:hover .di-icon{background:var(--blue-light);color:var(--blue)}.dropdown-item .di-arrow{color:var(--text-muted);margin-left:auto;font-size:13px;transition:color .15s}.dropdown-item:hover .di-arrow{color:var(--blue)}.dropdown-item.logout{background:var(--red-light);color:var(--red);border-radius:6px;margin:6px 8px 8px}.dropdown-item.logout:hover{color:var(--red);background:#fecaca}.dropdown-item.logout .di-icon{color:var(--red);background:#dc262614}.dropdown-item.logout:hover .di-icon{color:var(--red);background:#dc262626}.dropdown-item.logout .di-arrow{color:var(--red);opacity:.5}.hero-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:16px;max-width:100%;margin:0;padding:12px 80px 16px;display:flex;position:relative}.hero-stat-pill{-webkit-backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin-bottom:10px;padding:8px 16px;display:flex}.hero-stat-icon{color:#4ade80;background:#22c55e38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.hero-stat-main{color:#fff;font-size:12.5px;font-weight:700;line-height:1.3}.hero-stat-sub{color:#fff9;font-size:10.5px;line-height:1.3}.hero-text h1{color:#fff;margin-bottom:4px;font-size:20px;font-weight:800}.hero-text h1 span{color:#7fa8ff}.hero-text p{color:#ffffffb8;max-width:620px;font-size:13px;line-height:1.5}.status-tabs{border:1px solid var(--border);background:#fff;border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.status-tabs button{appearance:none;color:var(--text-muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:7px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s}.status-tabs button.active{background:var(--blue-light);color:var(--blue)}.status-tabs button:hover:not(.active){color:var(--text-primary)}.main{gap:28px;max-width:100%;margin:0;padding:0 80px;display:flex}@media (width>=1025px){.main{flex:1;min-height:0;overflow:hidden}}.content-area{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;flex:1;min-width:0;height:100%;padding-top:36px;padding-bottom:60px;overflow-y:auto;container:content-area/inline-size}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.section{margin-bottom:40px}.dashboard-container .section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex;position:relative}.section-title-lg{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:800}.section-subtitle{color:var(--text-muted);margin:0;font-size:12.5px}.section-title{color:var(--text-primary);font-size:16px;font-weight:700}.section-icon{border:2px solid var(--text-muted);width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.section-underline{background:var(--blue);border-radius:2px;width:44px;height:3px;margin-bottom:20px}.section-dropdown-wrap{display:inline-flex;position:relative}.section-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.section-dropdown-trigger .section-title{transition:color .15s}.section-dropdown-trigger:hover .section-title{color:var(--blue)}.section-dropdown-trigger .trigger-caret{justify-content:center;align-items:center;width:14px;height:14px;transition:transform .2s;display:flex}.section-dropdown-trigger.open .trigger-caret{transform:rotate(180deg)}.section-dropdown{border:1px solid var(--border);opacity:0;pointer-events:none;z-index:50;background:#fff;border-radius:10px;min-width:190px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 24px #0000001a}.section-dropdown-wrap.open .section-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.section-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:9px 16px;font-size:13px;font-weight:500;transition:background .12s}.section-dropdown-item:not(:last-child){border-bottom:1px solid var(--border)}.section-dropdown-item:hover{background:var(--blue-light);color:var(--blue)}.cards-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;display:grid}@container content-area (width>=640px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container content-area (width>=940px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container content-area (width>=1300px){.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.dashboard-container .app-card{text-align:left;z-index:1;background:#fff;border:1px solid #e7ebf2;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:0;padding:20px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.dashboard-container .app-card:hover{border-color:#94a3b880;transform:translateY(-4px);box-shadow:0 20px 36px -18px #0f172a38}.dashboard-container .app-card.locked{opacity:.85}.dashboard-container .app-card.locked:hover{border-color:#e7ebf2;transform:none;box-shadow:0 1px 2px #0f172a0a}.app-card-decor{background:var(--accent-soft);pointer-events:none;z-index:0;border-radius:50%;width:140px;height:140px;transition:transform .35s;position:absolute;bottom:-46px;right:-46px}.dashboard-container .app-card:hover .app-card-decor{transform:scale(1.15)}.app-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex;position:relative}.app-icon-tile{background:var(--accent-soft);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s;display:flex}.dashboard-container .app-card:hover .app-icon-tile{transform:scale(1.06)}.app-icon-tile img{object-fit:contain;width:28px;height:28px}.app-icon-tile svg{width:26px;height:26px}.status-chip{letter-spacing:.02em;white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.status-chip .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-chip.active{background:var(--green-light);color:var(--green)}.status-chip.maintenance{background:var(--orange-light);color:#b45309}.status-chip.restricted{color:#64748b;background:#f1f5f9}.app-card-title{color:var(--text-primary);z-index:1;letter-spacing:-.01em;margin:0 0 4px;font-size:15.5px;font-weight:700;position:relative}.app-card-desc{color:var(--text-muted);z-index:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 18px;font-size:12px;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.app-open-link{color:var(--accent);z-index:1;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;text-decoration:none;display:flex;position:relative}.app-open-link.disabled{color:var(--text-muted);pointer-events:none}.app-open-btn{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s;display:flex}.dashboard-container .app-card:hover .app-open-link:not(.disabled) .app-open-btn{transform:translate(3px)}.app-open-link.disabled .app-open-btn{color:#94a3b8;background:#e2e8f0}.no-apps-message{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:60px 20px;display:flex}.no-apps-icon{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.sidebar{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;flex-shrink:0;width:280px;height:100%;padding-top:45px;padding-bottom:20px;overflow-y:auto}.sidebar-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:16px 16px 8px}.dashboard-container .sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 14px;display:flex;position:relative}.sidebar-badge{background:var(--blue-light);color:var(--blue);letter-spacing:.01em;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:700;line-height:1.4}.dashboard-container .sidebar-title{color:var(--text-primary);margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.dashboard-container .sidebar-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.dashboard-container .sidebar-header-icon{background:#2563eb1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-container .sidebar-header-icon svg{width:18px;height:18px;stroke:var(--blue)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.section-header.department-header{align-items:center;gap:16px;height:32px;margin-bottom:8px;display:flex}.section-header.department-header .section-dropdown-wrap{align-items:center;height:100%;display:flex}.section-header.department-header .section-dropdown-trigger{align-items:center;gap:12px;height:100%;display:flex}.section-header.department-header .section-title{color:var(--text-primary);-webkit-text-fill-color:initial;text-transform:capitalize;letter-spacing:-.5px;background:0 0;align-items:center;margin-top:-2px;padding:0;font-size:24px;font-weight:800;line-height:1;display:flex}.section-header.department-header:before{content:none}.section-header.department-header .trigger-caret{align-items:center;display:flex}.section-header.department-header .trigger-caret svg{stroke-width:3px;width:20px;height:20px;color:var(--blue)}.section-header.department-header+.section-underline{background:var(--blue);border-radius:2px;width:60px;height:4px;margin-bottom:24px;display:block}.notif-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;padding:13px 14px;transition:transform .2s,box-shadow .2s}.notif-card:last-child{margin-bottom:0}.notif-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notif-card.priority-urgent{background:var(--red-light);border-color:#fecaca;border-left:3px solid var(--red)}.notif-card.priority-high{background:var(--orange-light);border-color:#fde68a;border-left:3px solid var(--orange)}.notif-top{align-items:center;gap:10px;min-height:22px;margin-bottom:6px;display:flex}.notif-label{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-size:9.5px;font-weight:800}.notif-card.priority-urgent .notif-label{color:var(--red)}.notif-card.priority-high .notif-label{color:#b45309}.notif-x{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:flex}.notif-x:hover{color:var(--text-primary);background:#0f172a0f}.notif-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.35}.notif-body{color:var(--text-secondary);margin-bottom:8px;font-size:12px;line-height:1.55}.notif-time{color:var(--text-muted);font-size:10.5px;font-weight:500}.notif-card.collapsed{padding:10px 15px}.notif-card.collapsed .notif-top{margin-bottom:0}.dashboard-footer{display:none}@media (width<=1200px){.hero{height:auto!important;min-height:150px!important;overflow:visible!important}.hero-content{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;padding:18px 32px 0!important;display:flex!important}.hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:10px 32px 14px!important;display:flex!important}.dashboard-container .logo{margin-top:4px!important}.dashboard-container .logo img{width:190px!important;height:auto!important}.hero-text h1{margin-bottom:2px!important;font-size:18px!important;line-height:1.3!important}.hero-text h1 span{color:#7fa8ff!important}.hero-text p{word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:640px!important;font-size:14px!important;line-height:1.4!important}.profile-btn{white-space:nowrap!important;z-index:50!important;border-radius:18px!important;align-items:center!important;gap:8px!important;max-width:220px!important;margin-top:16px!important;padding:6px 36px 6px 6px!important;font-size:12px!important;display:flex!important;overflow:visible!important}.profile-avatar{width:32px!important;height:32px!important;font-size:12px!important}.profile-btn .profile-name{text-overflow:ellipsis!important;font-size:13px!important;overflow:hidden!important}.profile-btn .profile-position{margin-top:3px!important;font-size:10px!important}.profile-chevron{width:16px!important;height:16px!important}.dropdown{z-index:1000!important;border-radius:14px!important;width:260px!important;position:absolute!important;top:calc(100% + 6px)!important;right:0!important}.dropdown-header{gap:10px!important;padding:14px 16px!important}.dropdown-header .dh-avatar{width:38px!important;height:38px!important;font-size:13px!important}.dropdown-header .dh-name{font-size:14px!important}.dropdown-header .dh-role{margin-top:3px!important;font-size:11px!important}.dropdown-item{gap:10px!important;padding:10px 16px!important;font-size:13px!important}.dropdown-item .di-icon{border-radius:6px!important;width:28px!important;height:28px!important}.dropdown-item .di-icon svg{width:15px!important;height:15px!important}.dropdown-item .di-arrow{font-size:13px!important}.dropdown-item.logout{border-radius:8px!important;margin:6px 10px 10px!important;padding:10px 16px!important}.dropdown-item.logout .di-icon{width:28px!important;height:28px!important}.dropdown-item.logout .di-icon svg{width:15px!important;height:15px!important}.main{padding:0 32px!important}}@media (width<=1024px){.hero{height:auto!important;min-height:250px!important;overflow:visible!important}.hero-bg{background-position:top!important;background-size:cover!important}.hero-content{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;padding:16px 20px 0!important;display:flex!important}.hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:6px 20px 12px!important;display:flex!important}.dashboard-container .logo{margin-top:14px!important}.dashboard-container .logo img{width:300px!important;height:auto!important}.hero-text h1{margin-bottom:2px!important;font-size:20px!important;line-height:1.3!important}.hero-text h1 span{color:#7fa8ff!important}.hero-text p{word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:320px!important;font-size:13px!important;line-height:1.4!important}.profile-btn{white-space:nowrap!important;z-index:50!important;border-radius:16px!important;align-items:center!important;gap:8px!important;max-width:200px!important;margin-top:20px!important;padding:5px 30px 5px 5px!important;font-size:12px!important;display:flex!important;overflow:visible!important}.profile-avatar{width:34px!important;height:34px!important;font-size:12px!important}.profile-btn .profile-name{text-overflow:ellipsis!important;font-size:13px!important;overflow:hidden!important}.profile-btn .profile-position{margin-top:2px!important;font-size:10px!important}.profile-chevron{width:14px!important;height:14px!important}.dropdown{z-index:1000!important;border-radius:14px!important;width:220px!important;position:absolute!important;top:calc(100% + 6px)!important;right:0!important}.dropdown-header{gap:10px!important;padding:12px 14px!important}.dropdown-header .dh-avatar{width:36px!important;height:36px!important;font-size:12px!important}.dropdown-header .dh-name{font-size:14px!important}.dropdown-header .dh-role{margin-top:3px!important;font-size:11px!important}.dropdown-item{gap:10px!important;padding:10px 14px!important;font-size:13px!important}.dropdown-item .di-icon{border-radius:6px!important;width:26px!important;height:26px!important}.dropdown-item .di-icon svg{width:14px!important;height:14px!important}.dropdown-item .di-arrow{font-size:13px!important}.dropdown-item.logout{border-radius:8px!important;margin:6px 10px 10px!important;padding:10px 14px!important}.dropdown-item.logout .di-icon{width:26px!important;height:26px!important}.dropdown-item.logout .di-icon svg{width:14px!important;height:14px!important}.main{flex-direction:column!important;flex:1!important;padding:0 20px 32px!important}.content-area{padding-top:16px!important;padding-bottom:20px!important}.section{margin-bottom:28px!important}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,320px))!important;gap:24px!important}.app-card{min-height:190px!important;padding:18px 14px!important}.sidebar{border-top:none!important;border-bottom:1px solid var(--border)!important;order:-1!important;width:100%!important;height:auto!important;padding:16px 20px!important;overflow:visible!important}.dashboard-container .sidebar-header{align-items:center;gap:12px;padding:0 0 12px;display:flex!important}.dashboard-container .sidebar-header-icon,.dashboard-container .sidebar-subtitle{display:none!important}.sidebar-cards-wrap{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;display:grid!important}.notif-title{font-size:13.5px!important}.dashboard-footer{text-align:center!important;color:var(--text-muted)!important;letter-spacing:.5px!important;border-top:1px solid var(--border)!important;background:var(--bg)!important;padding:20px 16px!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:500!important;display:block!important}}@media (width<=620px){.hero{min-height:170px!important}.hero-bg{background-position:top!important;background-size:cover!important}.hero-content{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:6px!important;padding:10px 12px 0!important;display:flex!important}.hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:2px 12px 8px!important;display:flex!important}.dashboard-container .logo{margin-top:18px!important}.dashboard-container .logo img{width:200px!important}.hero-text h1{margin-bottom:1px!important;font-size:15px!important;line-height:1.2!important}.hero-text p{word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:220px!important;font-size:11px!important;line-height:1.3!important}.profile-btn{white-space:nowrap!important;z-index:50!important;border-radius:14px!important;align-items:center!important;gap:6px!important;max-width:160px!important;margin-top:28px!important;padding:4px 26px 4px 4px!important;font-size:10.5px!important;display:flex!important;overflow:visible!important}.profile-avatar{width:28px!important;height:28px!important;font-size:10px!important}.profile-btn .profile-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:80px!important;font-size:11px!important;overflow:hidden!important}.profile-btn .profile-position{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:80px!important;margin-top:2px!important;font-size:9px!important;overflow:hidden!important}.dropdown{z-index:1000!important;border-radius:12px!important;width:165px!important;display:block!important;position:absolute!important;top:calc(100% + 6px)!important;right:0!important}.profile-btn.open .dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important;transform:translateY(0)scale(1)!important}.dropdown-header{gap:8px!important;padding:10px 12px!important}.dropdown-header .dh-avatar{width:28px!important;height:28px!important;font-size:11px!important}.dropdown-header .dh-name{font-size:12px!important}.dropdown-header .dh-role{margin-top:3px!important;font-size:10px!important}.dropdown-item{gap:3px!important;padding:4px 12px!important;font-size:11px!important}.dropdown-item .di-icon{border-radius:5px!important;width:24px!important;height:24px!important}.dropdown-item .di-icon svg{width:14px!important;height:14px!important}.dropdown-item .di-arrow{font-size:12px!important}.dropdown-item.logout{border-radius:6px!important;margin:6px 8px 8px!important;padding:4px 10px!important;font-size:11px!important}.dropdown-item.logout .di-icon{width:24px!important;height:24px!important}.dropdown-item.logout .di-icon svg{width:14px!important;height:14px!important}.main{gap:12px!important;padding:0 6px 20px!important}.content-area{padding-top:8px!important}.section{margin-bottom:14px!important}.section-label{font-size:12px!important}.section-header.department-header .section-title{font-size:16px!important}.section-header.department-header+.section-underline{width:40px!important;height:3px!important;margin-bottom:16px!important}.cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.app-card{border-radius:10px!important;min-height:135px!important;padding:12px!important}.app-icon-tile{border-radius:10px!important;width:40px!important;height:40px!important}.app-icon-tile img{width:22px!important;height:22px!important}.app-card-title{font-size:12.5px!important}.app-card-desc{margin-bottom:10px!important;font-size:10.5px!important}.app-open-link{font-size:10.5px!important}.app-open-btn{width:24px!important;height:24px!important}.sidebar{border-top:none!important;border-bottom:1px solid var(--border)!important;order:-1!important;padding:12px!important}.dashboard-container .sidebar-header{padding:0 0 8px!important}.dashboard-container .sidebar-title{font-size:15px!important}.sidebar-cards-wrap{grid-template-columns:1fr!important;gap:10px!important}.notif-card{padding:12px 14px!important}.notif-title{font-size:12.5px!important}.notif-body{font-size:11.5px!important}.dashboard-footer{padding:16px 12px!important;font-size:11px!important}}@media (width<=420px){.hero{min-height:150px!important}.hero-bg{background-position:top!important;background-size:cover!important}.hero-content{flex-direction:row!important;align-items:flex-start!important;padding:5px 10px 0!important}.hero-bottom{padding:3px 10px 10px!important}.dashboard-container .logo{margin-top:10px!important}.dashboard-container .logo img{width:165px!important}.hero-text h1{font-size:14.5px!important}.hero-text p{padding:5px 0;font-weight:600;color:#ffffffb8!important;word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:180px!important;font-size:8.5px!important}.profile-btn{max-width:130px!important;margin-top:20px!important;padding-right:40px!important}.profile-btn .profile-name{font-size:10px!important}.dropdown{border-radius:10px!important;width:130px!important}.dropdown-header{gap:6px!important;padding:8px 10px!important}.dropdown-header .dh-avatar{width:22px!important;height:22px!important;font-size:10px!important}.dropdown-header .dh-name{font-size:9px!important}.dropdown-header .dh-role{margin-top:2px!important;font-size:9px!important}.dropdown-item{gap:5px!important;padding:4px 10px!important;font-size:10px!important}.dropdown-item .di-icon{border-radius:5px!important;width:20px!important;height:20px!important}.dropdown-item .di-icon svg{width:12px!important;height:12px!important}.dropdown-item .di-arrow{font-size:11px!important}.dropdown-item.logout{border-radius:5px!important;padding:3px 4px!important;font-size:10px!important}.dropdown-item.logout .di-icon{width:20px!important;height:20px!important}.dropdown-item.logout .di-icon svg{width:12px!important;height:12px!important}.main{padding:0 4px 20px!important}.cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.app-card{min-height:120px!important;padding:10px!important}.app-icon-tile{border-radius:9px!important;width:34px!important;height:34px!important}.app-icon-tile img{width:18px!important;height:18px!important}.app-card-title{font-size:11px!important}.app-card-desc{margin-bottom:8px!important;font-size:9.5px!important}.app-open-link{font-size:9.5px!important}.app-open-btn{width:20px!important;height:20px!important}.dashboard-container .sidebar-header{padding:5px 0 10px!important}.dashboard-container .sidebar-title{font-size:12px!important}.dashboard-container .sidebar-header-icon{width:30px!important;height:30px!important}.dashboard-container .sidebar-header-icon svg{width:15px!important;height:15px!important}.notif-card{padding:10px 12px!important}.notif-title{font-size:12px!important}.notif-time{font-size:9px!important}.notif-body{margin-top:2px!important;font-size:11px!important}.notif-card.collapsed{padding:10px 12px!important}.dashboard-footer{padding:14px 10px!important;font-size:10px!important}}.logout-confirm-overlay{-webkit-backdrop-filter:blur(4px);z-index:99998;background:#00000080;justify-content:center;align-items:center;animation:.25s fadeInOverlay;display:flex;position:fixed;inset:0}.logout-confirm-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:380px;padding:32px 28px 24px;animation:.3s slideUpFade;box-shadow:0 20px 60px #0003}.logout-confirm-icon{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.logout-confirm-icon svg{background:#fff5f5;border-radius:50%;width:72px;height:72px;padding:14px}.logout-confirm-title{color:#1a202c;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.logout-confirm-text{color:#718096;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5}.logout-confirm-actions{gap:12px;display:flex}.logout-confirm-cancel{color:#4a5568;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.logout-confirm-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.logout-confirm-yes{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.logout-confirm-yes:hover{background:linear-gradient(135deg,#c53030,#9b2c2c);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e59}.loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#ffffffd9;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.loading-spinner-container{flex-direction:column;align-items:center;gap:20px;animation:.4s slideUpFade;display:flex}.loading-spinner{border:5px solid #1a56db26;border-top-color:#1a56db;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spinLoader}.loading-text{color:#1a56db;letter-spacing:.5px;margin:0;font-size:16px;font-weight:600;animation:1.5s ease-in-out infinite pulse}.dashboard-container.home{--hm-bg:#f3f5f8;--hm-surface:#fff;--hm-border:#e4e7ec;--hm-border-strong:#cfd4dc;--hm-text:#111827;--hm-text-2:#4b5563;--hm-muted:#6b7280;--hm-accent:#1a56db;--hm-accent-hover:#1e429f;--hm-accent-soft:#eaf1fe;--hm-navy:#0f1d3a;--hm-navy-2:#1a2f5c;--hm-warn:#b45309;--hm-danger:#b91c1c;--hm-radius:14px;background:var(--hm-bg);color:var(--hm-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;display:block}@media (width>=1025px){.dashboard-container.home{height:100vh;overflow-y:auto}}.home button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.home :focus-visible{outline:2px solid var(--hm-accent);outline-offset:2px}.home .hm-muted{color:var(--hm-muted)}.home .hm-shell{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;max-width:1280px;margin:0 auto;padding:32px 24px;display:grid}.home .hm-side{position:sticky;top:32px}.home .hm-content{flex-direction:column;gap:16px;min-width:0;display:flex}.home .hm-panel{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius);padding:24px}.home .hm-profile-card{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius);overflow:hidden}.home .hm-profile-head{background:linear-gradient(135deg,#0f1d3aeb,#1a2f5ce0),url(/assets/image_login.png) 50% 82%/cover no-repeat;justify-content:space-between;align-items:flex-start;height:104px;padding:18px 16px 0 20px;display:flex}.home .hm-logo{width:auto;height:26px;display:block}.home .hm-icon-btn{color:#fff;background:#ffffff1f;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .15s;display:grid}.home .hm-icon-btn:hover{background:#ffffff38}.home .hm-icon-btn.ghost{color:var(--hm-muted);background:0 0}.home .hm-icon-btn.ghost:hover{background:var(--hm-bg);color:var(--hm-text)}.home .hm-identity{text-align:center;flex-direction:column;align-items:center;margin-top:-40px;padding:0 20px 20px;display:flex}.home .hm-avatar-lg{border:4px solid var(--hm-surface);background:linear-gradient(135deg, #2f6fe8, var(--hm-accent));color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;font-size:28px;font-weight:600;display:grid;overflow:hidden;box-shadow:0 4px 14px #0f1d3a2e}.home .hm-avatar-lg img{object-fit:cover;width:100%;height:100%}.home .hm-identity-name{margin-top:12px;font-size:17px;font-weight:600;line-height:1.3}.home .hm-identity-id{color:var(--hm-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:2px;font-size:13px}.home .hm-identity-actions{gap:8px;margin-top:14px;display:flex}.home .hm-chip{border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:filter .15s;display:inline-flex}.home .hm-chip:hover{filter:brightness(.96)}.home .hm-chip.amber{color:#b45309;background:#fff4e0}.home .hm-chip.blue{background:var(--hm-accent-soft);color:var(--hm-accent)}.home .hm-info{border-top:1px solid var(--hm-border);flex-direction:column;gap:12px;margin:0 20px;padding:16px 0;list-style:none;display:flex}.home .hm-info li{align-items:center;gap:12px;min-width:0;display:flex}.home .hm-info-icon{border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.home .hm-info-icon.blue{color:#1a56db;background:#eaf1fe}.home .hm-info-icon.teal{color:#0f766e;background:#e3f6f5}.home .hm-info-icon.violet{color:#6d28d9;background:#f1ecfe}.home .hm-info-icon.rose{color:#be123c;background:#fdecef}.home .hm-info-icon.green{color:#15803d;background:#e6f6ec}.home .hm-info-text{flex-direction:column;min-width:0;display:flex}.home .hm-info-text small{color:var(--hm-muted);font-size:11px;line-height:1.3}.home .hm-info-text span{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.home .hm-links{border:1px solid var(--hm-border);border-radius:10px;margin:0 16px 16px;list-style:none;overflow:hidden}.home .hm-links>li+li{border-top:1px solid var(--hm-border)}.home .hm-links>li>button,.home .hm-links>li>a{width:100%;height:44px;color:var(--hm-text);align-items:center;gap:12px;padding:0 14px;text-decoration:none;transition:background .15s;display:flex}.home .hm-links>li>*>svg{color:var(--hm-muted)}.home .hm-links>li>*>span{flex:1}.home .hm-links>li>*>small{color:var(--hm-muted);font-size:12px}.home .hm-links>li>button:hover,.home .hm-links>li>a:hover{background:var(--hm-bg)}.home .hm-links>li>button:hover>svg,.home .hm-links>li>a:hover>svg{color:var(--hm-accent)}.home .hm-count{background:var(--hm-accent);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-grid;flex:none!important}.home .hm-hero{isolation:isolate;border-radius:var(--hm-radius);color:#fff;background:linear-gradient(120deg, var(--hm-navy) 0%, var(--hm-navy-2) 100%);padding:28px 32px;position:relative;overflow:hidden}.home .hm-hero:after{content:"";opacity:.32;mix-blend-mode:luminosity;z-index:-1;pointer-events:none;background:url(/assets/image_login.png) 50% 80%/cover no-repeat;width:58%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 60%);mask-image:linear-gradient(90deg,#0000 0%,#000 60%)}.home .hm-hero h1{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.25}.home .hm-date{color:#a9c2f5;font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.home .hm-stats{flex-wrap:wrap;margin-top:24px;display:flex}.home .hm-stats>*{color:#fff;border-right:1px solid #ffffff29;border-radius:0;flex-direction:column;margin-right:28px;padding:6px 28px 6px 0;display:flex}.home .hm-stats>:last-child{border-right:0;margin-right:0}.home .hm-stats>button:hover .hm-stat-value{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.home .hm-stat-value{font-variant-numeric:tabular-nums;order:-1;font-size:30px;font-weight:600;line-height:1.15}.home .hm-stat-label{color:#ffffffb8;font-size:12.5px}.home .hm-stat-app{align-items:center;gap:6px;font-size:22px;line-height:1.6;display:inline-flex}.home .hm-stat-sub{color:#a9c2f5;font-size:12px}.home .hm-apps-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.home .hm-apps-head h2{letter-spacing:-.01em;font-size:19px;font-weight:600}.home .hm-apps-head p{font-size:13px}.home .hm-search{border:1px solid var(--hm-border);background:var(--hm-bg);width:260px;height:38px;color:var(--hm-muted);border-radius:9px;align-items:center;gap:8px;padding:0 10px 0 12px;transition:border-color .15s,background .15s;display:flex}.home .hm-search:focus-within{background:var(--hm-surface);border-color:var(--hm-accent)}.home .hm-search input{min-width:0;font:inherit;color:var(--hm-text);background:0 0;border:0;outline:0;flex:1}.home .hm-search kbd{text-align:center;border:1px solid var(--hm-border-strong);background:var(--hm-surface);border-radius:4px;min-width:20px;font-family:inherit;font-size:11px;line-height:18px}.home .hm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.home .hm-card{--app-accent:var(--hm-accent);background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:12px;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;overflow:hidden}.home .hm-card:not(.is-disabled):hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 12px 28px #0f1d3a1f}.home .hm-card-banner{background:radial-gradient(circle at 85% 15%, #ffffff29, transparent 45%), var(--app-accent);place-items:center;height:128px;display:grid;position:relative}.home .hm-app-logo{width:76px;height:76px;color:var(--hm-muted);background:#fff;border-radius:18px;place-items:center;transition:transform .18s;display:grid;overflow:hidden;box-shadow:0 6px 18px #0000002e}.home .hm-card:not(.is-disabled):hover .hm-app-logo{transform:scale(1.04)}.home .hm-app-logo img{object-fit:contain;width:84%;height:84%}.home .hm-card-flag{color:var(--hm-warn);background:#fff;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.home .hm-card-body{align-items:center;gap:12px;padding:16px 18px 18px;display:flex}.home .hm-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.home .hm-card-name{font-size:15.5px;font-weight:600}.home .hm-card-desc{color:var(--hm-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.home .hm-card-arrow{color:var(--hm-muted);flex-shrink:0;transition:transform .18s,color .18s}.home .hm-card:hover .hm-card-arrow,.home .hm-card:focus-visible .hm-card-arrow{color:var(--app-accent);transform:translate(3px)}.home .hm-card.is-disabled{cursor:not-allowed}.home .hm-card.is-disabled .hm-card-banner{background:#e7eaef}.home .hm-card.is-disabled .hm-app-logo{box-shadow:none}.home .hm-card.is-disabled .hm-app-logo img{filter:grayscale();opacity:.5}.home .hm-card.is-disabled .hm-card-name,.home .hm-card.is-disabled .hm-card-desc{color:var(--hm-muted)}.home .hm-empty{text-align:center;border:1px dashed var(--hm-border-strong);color:var(--hm-muted);border-radius:12px;padding:40px 24px}.home .hm-empty h3{color:var(--hm-text);margin-top:10px;font-size:15px;font-weight:600}.home .hm-empty p{max-width:380px;margin:4px auto 0}.home .hm-quick{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.home .hm-quick-tile{background:var(--tile);color:#fff;border-radius:12px;flex-direction:column;gap:4px;min-height:132px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.home .hm-quick-tile svg{margin-bottom:auto}.home .hm-quick-tile strong{font-size:15px;font-weight:600}.home .hm-quick-tile span{opacity:.85;font-size:13px}.home .hm-quick-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f1d3a29}.home .hm-footer{color:var(--hm-muted);padding:8px 4px 0;font-size:12px}.home .hm-btn{background:var(--hm-accent);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-weight:500;transition:background .15s;display:inline-flex}.home .hm-btn:hover:not(:disabled){background:var(--hm-accent-hover)}.home .hm-btn.ghost{background:var(--hm-surface);color:var(--hm-text);border:1px solid var(--hm-border-strong)}.home .hm-btn.ghost:hover{background:var(--hm-bg)}.home .hm-btn.danger{background:var(--hm-danger)}.home .hm-btn.danger:hover{background:#991b1b}.home .hm-link{color:var(--hm-accent);font-size:13px}.home .hm-link:hover{text-decoration:underline}.home .hm-dialog-overlay{z-index:10001;background:#0f172a73;place-items:center;padding:16px;animation:.15s hm-fade;display:grid;position:fixed;inset:0}.home .hm-dialog{background:var(--hm-surface);border-radius:12px;width:100%;max-width:380px;padding:24px;box-shadow:0 20px 48px #0f172a33}.home .hm-dialog h3{font-size:17px;font-weight:600}.home .hm-dialog p{color:var(--hm-text-2);margin-top:6px}.home .hm-dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.home .hm-panel-empty{color:var(--hm-muted);padding:16px 0}.home .hm-news{list-style:none}.home .hm-news li+li{border-top:1px solid var(--hm-border)}.home .hm-news-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;width:100%;padding:12px 0;display:grid}.home .hm-news-date{border:1px solid var(--hm-border);background:var(--hm-bg);border-radius:9px;flex-direction:column;align-items:center;padding:5px 0 6px;line-height:1.1;display:flex}.home .hm-news-date span:first-child{font-variant-numeric:tabular-nums;color:var(--hm-text);font-size:16px;font-weight:600}.home .hm-news-date span:last-child{letter-spacing:.06em;text-transform:uppercase;color:var(--hm-muted);font-size:10px;font-weight:600}.home .hm-news-row.priority-urgent .hm-news-date{background:#fdf2f2;border-color:#f5c2c2}.home .hm-news-row.priority-urgent .hm-news-date span:first-child{color:var(--hm-danger)}.home .hm-news-main{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:1px 10px;min-width:0;display:grid}.home .hm-news-main .hm-news-body{grid-column:1/-1}.home .hm-news-meta{white-space:nowrap;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.home .hm-news-meta:empty{display:none}.home .hm-news-label{color:var(--hm-warn);font-weight:600}.home .priority-urgent .hm-news-label{color:var(--hm-danger)}.home .hm-news-new{color:var(--hm-accent);font-weight:600}.home .hm-news-title{color:var(--hm-text-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:500;overflow:hidden}.home .hm-news-meta:empty+.hm-news-title{grid-column:1/-1}.home .hm-news-row[aria-expanded=true] .hm-news-title{white-space:normal}.home .hm-news-row.unread .hm-news-title{color:var(--hm-text);font-weight:600}.home .hm-news-row:hover .hm-news-title{color:var(--hm-accent)}.home .hm-news-body{color:var(--hm-text-2);white-space:pre-line;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:13.5px;display:-webkit-box;overflow:hidden}.home .hm-news-body.expanded{-webkit-line-clamp:unset;display:block}.home .hm-news-head{align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.home .hm-news-head h2{letter-spacing:-.01em;font-size:17px;font-weight:600}.home .hm-news-head .hm-muted{font-size:13px}.home .hm-news-head .hm-link{margin-left:auto}.home .hm-news-section{padding:18px 24px 12px;scroll-margin-top:24px}.home .hm-news li{scroll-margin-top:24px}.home .hm-news-more{border-top:1px solid var(--hm-border);text-align:left;width:100%;margin-top:4px;padding:12px 0 0;display:block}@keyframes hm-fade{0%{opacity:0}}.home .hm-skel{border-radius:var(--hm-radius);background:#e6e9ee;animation:1.4s ease-in-out infinite hm-pulse}.home .hm-skel-side{height:560px}.home .hm-skel-hero{height:176px}.home .hm-skel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.home .hm-skel-card{height:220px}@keyframes hm-pulse{50%{opacity:.55}}@media (width<=1024px){.home .hm-shell{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px}.home .hm-side{order:2;position:static}.home .hm-info{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home .hm-skel-side{height:220px}}@media (width<=640px){.home .hm-info{display:none}.home .hm-hero{padding:22px 20px}.home .hm-hero h1{font-size:21px}.home .hm-hero:after{opacity:.16;width:100%}.home .hm-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;display:grid}.home .hm-stats>*{margin-right:0;padding:4px 16px 4px 0}.home .hm-stats>:nth-child(2){border-right:0;padding-left:16px}.home .hm-stats>:nth-child(3){border-top:1px solid #ffffff29;grid-column:1/-1;margin-top:12px;padding-top:12px}.home .hm-stat-value{font-size:24px}.home .hm-stat-app{font-size:17px}.home .hm-panel{padding:18px 16px}.home .hm-apps-head{flex-direction:column;align-items:stretch}.home .hm-search{width:100%}.home .hm-search kbd{display:none}.home .hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home .hm-card-banner{height:96px}.home .hm-app-logo{border-radius:14px;width:58px;height:58px}.home .hm-card-body{padding:12px}.home .hm-card-arrow{display:none}.home .hm-news-head{flex-wrap:wrap}.home .hm-news-row{grid-template-columns:44px minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){.home .hm-card,.home .hm-app-logo,.home .hm-card-arrow,.home .hm-quick-tile,.home .hm-skel,.home .hm-dialog-overlay{transition:none;animation:none}}.profile-page{background:#f8fafc;flex-direction:column;height:100vh;display:flex;overflow:hidden}.profile-loading{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}.profile-header{background:#e1ecff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.back-btn:hover{color:#1e293b;background:#f1f5f9}.page-title{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.header-right{align-items:center;display:flex}.company-logo{width:220px;height:auto}.profile-main{flex-direction:column;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:24px 40px 0;display:flex;overflow:hidden}.profile-card-top{background:#fff;border-radius:16px;flex-shrink:0;align-items:flex-start;gap:24px;margin-bottom:20px;padding:28px;display:flex;box-shadow:0 1px 3px #0000000f}.profile-avatar-section{flex-shrink:0;position:relative}.profile-avatar-wrapper{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;width:80px;height:80px;position:relative;overflow:hidden}.profile-avatar-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#3b82f626,#1d4ed82e);border-radius:12px;position:absolute;inset:0}.profile-avatar-img{object-fit:cover;border-radius:12px;width:100%;height:100%}.profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.profile-info-section{flex-direction:column;flex:1;gap:0;display:flex}.profile-main .profile-name{color:#1e293b;margin:0 0 6px;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.profile-position{color:#64748b;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:14px}.profile-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-badge{background:#dcfce7;border-radius:16px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.badge-internship{color:#1e40af;background:#dbeafe;border-radius:16px;align-items:center;gap:3px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-auth-provider{border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-auth-provider.microsoft{color:#e65100;background:#fff3e0}.badge-auth-provider.local{color:#7c3aed;background:#f3e8ff}.status-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.status-text{color:#166534;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.profile-tabs{border-bottom:2px solid #e2e8f0;flex-shrink:0;gap:0;margin-bottom:20px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s;position:relative}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{flex:1;min-height:0;animation:.3s ease-in fadeIn;overflow:hidden}.personal-tab-content{grid-template-columns:2fr 1fr;gap:16px;display:grid}.settings-tab-content{padding-bottom:24px;overflow:visible}.personal-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-height:0;padding-bottom:24px;padding-right:8px;overflow-y:auto}.personal-scroll-area::-webkit-scrollbar{width:6px}.personal-scroll-area::-webkit-scrollbar-track{background:0 0}.personal-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.info-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.personal-tab-content>.quick-tip-box{align-self:start;margin-bottom:24px;position:sticky;top:0}.info-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000f}.section-header svg{color:#3b82f6;width:16px;height:16px}.section-header h3{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.info-fields{flex-direction:column;gap:0;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-row.field-row-3{grid-template-columns:1fr 1fr 1fr}.field-row:not(:last-child){margin-bottom:14px}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.5px;text-transform:uppercase;color:#94a3b8!important;font-family:Poppins,sans-serif!important;font-size:10px!important;font-weight:700!important}.field-value{line-height:1.4;color:#1e293b!important;font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:500!important}.job-details-card{background:#fff;border-radius:16px;max-width:600px;padding:24px;box-shadow:0 1px 3px #0000000f}.job-details-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.job-details-header svg{color:#3b82f6;width:18px;height:18px}.job-details-header h3{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.job-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.job-field{flex-direction:column;gap:6px;display:flex}.job-field-full{grid-column:1/-1}.job-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:11px;font-weight:700}.job-value{color:#1e293b;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.job-value.employee-id{color:#64748b;font-size:15px}.quick-tip-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;height:fit-content;padding:20px}.tip-title{color:#1e40af;letter-spacing:.5px;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700}.tip-text{color:#1e40af;margin:0;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5}.hr-support-box{text-align:center;background:linear-gradient(135deg,#4866a7 0%,#5e78cf 100%);border-radius:12px;flex-direction:column;align-items:center;max-width:280px;height:fit-content;margin-top:20px;margin-right:20px;padding:20px;display:flex;position:relative;overflow:hidden}.hr-support-box:before{content:"?";color:#ffffff14;font-family:Poppins,sans-serif;font-size:100px;font-weight:700;position:absolute;bottom:-10px;right:50%;transform:translate(50%)}.hr-title{color:#fff;z-index:1;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;position:relative}.hr-text{color:#ffffffe6;z-index:1;margin:0 0 14px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5;position:relative}.hr-contact-btn{color:#2563eb;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:6px;width:100%;padding:9px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s;position:relative}.hr-contact-btn:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hr-contact-btn:active{transform:translateY(0)}.settings-layout{grid-template-columns:1fr 260px;gap:16px;display:grid}.settings-left{flex-direction:column;gap:12px;display:flex}.settings-right{flex-direction:column;align-self:start;gap:10px;display:flex;position:sticky;top:0}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.it-support-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;padding:12px}.it-support-text{color:#64748b;text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:11px;line-height:1.5}.it-support-text strong{color:#1e293b;font-weight:600}.settings-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex;position:relative}.settings-card-header svg{color:#3b82f6;width:16px;height:16px}.settings-card-header h3{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.view-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;margin-left:auto;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.view-all-btn:hover{color:#2563eb;scale:1.08}.settings-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-item-info{flex:1}.settings-item-title{color:#1e293b;margin:0 0 4px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.settings-item-desc{color:#64748b;margin:0;font-family:Poppins,sans-serif;font-size:12px;line-height:1.4}.settings-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:8px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.settings-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.settings-btn-primary:active{transform:translateY(0)}.settings-btn-primary.btn-disabled{cursor:not-allowed;opacity:.6;background:#94a3b8}.settings-btn-primary.btn-disabled:hover{box-shadow:none;background:#94a3b8;transform:none}.settings-forgot-link{text-align:right;margin-top:8px}.settings-forgot-link a{color:#6b7280;font-size:12px;text-decoration:none;transition:color .2s}.settings-forgot-link a:hover{color:#1a73e8;text-decoration:underline}.settings-badge-microsoft{color:#1a73e8;white-space:nowrap;background:#f0f7ff;border:1px solid #d4e5fa;border-radius:8px;flex-shrink:0;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.settings-btn-microsoft{color:#374151;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.settings-btn-microsoft:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 8px #00000014}.password-cooldown-badge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.password-cooldown-badge svg{color:#f59e0b}.login-activity-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;gap:6px;max-height:168px;padding-right:4px;display:flex;overflow-y:auto}.login-activity-list::-webkit-scrollbar{width:4px}.login-activity-list::-webkit-scrollbar-track{background:0 0}.login-activity-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.login-item{border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.login-item:hover{background:#f8fafc;border-color:#cbd5e1}.login-item.current{background:#f0fdf4;border-color:#22c55e}.login-item svg{color:#64748b;flex-shrink:0;width:16px;height:16px}.login-item.current svg{color:#22c55e}.login-item-info{flex:1}.login-device{color:#1e293b;margin-bottom:2px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.login-details{color:#64748b;font-family:Poppins,sans-serif;font-size:10px}.current-badge{color:#22c55e;white-space:nowrap;background:#fff;border:1px solid #22c55e;border-radius:4px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600}.profile-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:12px 40px}.footer-content{color:#94a3b8;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:11px;display:flex}.footer-links{gap:16px;display:flex}.footer-links a{color:#94a3b8;letter-spacing:.3px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3b82f6}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.login-modal-header{background:linear-gradient(135deg,#5b93c7 0%,#4a7ba7 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header-left{align-items:center;gap:12px;display:flex}.modal-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-icon svg{color:#5b93c7}.login-modal-header h3{color:#fff;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.modal-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,transform .18s cubic-bezier(.4,1.3,.6,1);display:flex}.modal-close-btn:hover{opacity:.8;transform:scale(1.13);box-shadow:none!important;filter:none!important;background:0 0!important;outline:none!important}.modal-close-btn svg{width:24px;height:24px}.login-modal-body{flex-direction:column;gap:8px;padding:14px;display:flex;overflow-y:auto}.modal-login-item{border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.modal-login-item:hover{background:#f8fafc;border-color:#cbd5e1}.modal-login-item.current{background:#f0fdf4;border-color:#22c55e}.modal-login-item svg{color:#64748b;flex-shrink:0;width:20px;height:20px}.modal-login-item.current svg{color:#22c55e}.modal-login-info{flex:1}.modal-login-device{color:#1e293b;margin-bottom:2px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.modal-login-details{color:#64748b;font-family:Poppins,sans-serif;font-size:11px}.modal-current-badge{color:#22c55e;white-space:nowrap;background:#fff;border:1px solid #22c55e;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.modal-logout-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.modal-logout-btn:hover{color:#dc2626;background:#fef2f2}.password-modal{background:#fff;border-radius:16px;width:380px;max-width:92vw;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px #00000040}.password-modal-header{background:linear-gradient(135deg,#777979 0%,#5f7ab4 50%,#306fd3 100%);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.password-modal-brand{align-items:center;display:flex}.password-modal-brand img{text-align:center;width:220px;margin-left:30px}.password-modal-close{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.password-modal-close:hover{color:#fff}.password-modal-body{padding:20px 22px}.password-modal-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.password-modal-title svg{color:#1e293b}.password-modal-title h3{color:#1e293b;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:700}.password-modal-subtitle{color:#64748b;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:10px;line-height:1.5}.password-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;animation:.3s fadeIn;display:flex}.password-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.password-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.password-form{border:2px solid #3b82f6;border-radius:12px;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px;display:flex}.password-field-group{flex-direction:column;gap:5px;display:flex}.password-field-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:11px;font-weight:700}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 14px;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.password-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input::placeholder{color:#94a3b8;font-size:11px}.password-input::-ms-reveal{display:none!important}.password-input::-ms-clear{display:none!important}.password-input::-webkit-credentials-auto-fill-button{display:none!important}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#3b82f6}.password-strength{flex-direction:column;gap:6px;display:flex}.strength-bars{gap:4px;display:flex}.strength-bar{background:#e2e8f0;border-radius:3px;flex:1;height:5px;transition:background-color .3s}.strength-info{justify-content:space-between;align-items:center;display:flex}.strength-label{letter-spacing:.3px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700}.strength-hint{color:#94a3b8;font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;margin-top:4px;padding:12px 14px;display:flex}.req-item{color:#94a3b8;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12px;transition:color .25s;display:flex}.req-item svg{color:#cbd5e1;flex-shrink:0;transition:color .25s}.req-item.met,.req-item.met svg{color:#22c55e}.password-save-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#7e97b8 0%,#626873 100%);border:none;border-radius:12px;width:200px;margin:0 auto;padding:12px 24px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:all .3s;display:block}.password-save-btn:hover{background:linear-gradient(135deg,#172e4a 0%,#303648 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.password-save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.confirm-modal{text-align:center;background:#fff;border-radius:20px;width:420px;max-width:92vw;padding:36px 32px 28px;animation:.3s modalSlideIn;box-shadow:0 25px 50px #00000040}.confirm-modal-icon{color:#f59e0b;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.confirm-modal-title{color:#1e293b;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.confirm-modal-text{color:#64748b;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5}.confirm-modal-warning{text-align:left;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 16px;display:flex}.confirm-modal-warning svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.confirm-modal-warning span{color:#92400e;font-family:Poppins,sans-serif;font-size:12.5px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:11px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.confirm-cancel-btn:hover{background:#e2e8f0}.confirm-proceed-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 100%);border:none;border-radius:10px;flex:1;padding:11px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.confirm-proceed-btn:hover{background:linear-gradient(135deg,#172e4a 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb59}.confirm-modal-icon.logout-icon{color:#ef4444;background:#fee2e2}.confirm-proceed-btn.logout-btn{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}.confirm-proceed-btn.logout-btn:hover{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444459}@media (width<=1024px){.info-grid,.personal-tab-content,.settings-layout{grid-template-columns:1fr}.settings-right{position:static}.hr-support-box{max-width:100%;margin-right:0}}@media (width<=768px){.profile-header{padding:12px 20px}.company-logo{width:160px}.page-title{font-size:16px}.profile-main{padding:20px 20px 0}.profile-card-top{flex-direction:column;align-items:center;gap:16px;padding:20px}.profile-avatar-wrapper,.profile-avatar-placeholder{width:64px;height:64px}.profile-avatar-placeholder{font-size:22px}.profile-info-section{text-align:center;gap:0;width:100%}.profile-main .profile-name{font-size:18px}.profile-position{font-size:13px}.profile-badges{justify-content:center}.profile-tabs{margin-bottom:16px}.tab-btn{padding:8px 14px;font-size:13px}.field-row{grid-template-columns:1fr;gap:12px}.field-row.field-row-3{grid-template-columns:1fr}.info-section{border-radius:12px;padding:16px}.job-details-card{max-width:100%;padding:18px}.job-details-grid{grid-template-columns:1fr;gap:14px}.quick-tip-box{padding:16px}.settings-card{padding:14px}.footer-content{text-align:center;flex-direction:column;gap:10px}.footer-links{flex-flow:wrap;justify-content:center;gap:12px}.profile-footer{padding:10px 20px}.password-modal{width:90vw}.confirm-modal{width:90vw;padding:28px 24px 22px}.login-modal{max-width:90vw}}@media (width<=480px){.profile-header{padding:10px 16px}.company-logo{width:130px}.page-title{font-size:14px}.back-btn{padding:6px}.profile-main{padding:16px 16px 0}.profile-card-top{border-radius:12px;gap:12px;margin-bottom:14px;padding:16px}.profile-avatar-wrapper,.profile-avatar-placeholder{border-radius:10px;width:56px;height:56px}.profile-avatar-placeholder{font-size:20px}.profile-main .profile-name{margin-bottom:4px;font-size:16px}.profile-position{margin-bottom:8px;font-size:12px}.status-badge{padding:3px 8px}.status-text{font-size:11px}.badge-internship,.badge-auth-provider{padding:3px 8px;font-size:10px}.settings-btn-microsoft{padding:6px 12px;font-size:12px}.profile-tabs{margin-bottom:12px}.tab-btn{padding:6px 10px;font-size:12px}.info-section{border-radius:10px;padding:14px}.section-header h3{font-size:13px}.field-label{font-size:9px!important}.field-value{font-size:12px!important}.job-details-card{border-radius:10px;padding:14px}.job-details-header h3{font-size:14px}.job-label{font-size:10px}.job-value{font-size:13px}.quick-tip-box{border-radius:10px;padding:14px}.tip-title{font-size:10px}.tip-text{font-size:12px}.settings-card{border-radius:7px;padding:12px}.settings-item-title{font-size:12px}.settings-item-desc{font-size:11px}.settings-btn-primary{padding:6px 12px;font-size:11px}.hr-support-box{border-radius:10px;margin-top:14px;padding:16px}.hr-title{font-size:14px}.hr-text{font-size:12px}.hr-contact-btn{padding:8px 14px;font-size:12px}.profile-footer{padding:8px 16px}.footer-content{font-size:10px}.footer-links a{font-size:9px}.password-modal{border-radius:12px;width:95vw}.password-modal-body{padding:16px}.password-form{gap:12px;padding:12px}.password-input{padding:8px 36px 8px 12px;font-size:12px}.password-save-btn{border-radius:10px;width:160px;padding:10px 20px;font-size:13px}.confirm-modal{border-radius:14px;padding:24px 20px}.confirm-modal-title{font-size:16px}.confirm-modal-text{font-size:13px}.confirm-cancel-btn,.confirm-proceed-btn{border-radius:8px;padding:9px 16px;font-size:13px}}.dashboard-widgets-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1);display:grid}@media (width<=1200px){.dashboard-widgets-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-widgets-grid{grid-template-columns:1fr}}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.widget-card{border:1px solid var(--border-gray,#e1e8ed);border:1px solid var(--border-gray,#e1e8ed);background:#fff;border-radius:12px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.widget-header{color:#2c3e50;align-items:center;gap:10px;margin-bottom:16px;display:flex}.widget-header-between{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.widget-header-title{color:#2c3e50;align-items:center;gap:10px;display:flex}.widget-title{margin:0;font-size:16px;font-weight:600}.widget-subtitle{color:#95a5a6;font-size:12px}.widget-action-link{color:var(--primary-blue,#4a90e2);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.widget-action-link:hover{text-decoration:underline}.broadcast-list{flex-direction:column;gap:12px;display:flex}.broadcast-item{border-radius:8px;padding:12px}.broadcast-item.priority-urgent{background:#fff5f5;border-left:4px solid #b91c1c}.broadcast-item.priority-high{background:#fffbf0;border-left:4px solid #d97706}.broadcast-item.priority-normal{background:#f0fdf4;border-left:4px solid #15803d}.broadcast-item-header{justify-content:space-between;margin-bottom:4px;display:flex}.broadcast-item-title{color:#2c3e50;font-size:14px;font-weight:600}.urgent-pill{color:#fff;background:#b91c1c;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.high-pill{color:#fff;background:#d97706;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.broadcast-item-message{color:#7f8c8d;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.broadcast-item-footer{color:#95a5a6;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-style:italic;display:flex}.view-all-link{color:var(--primary-blue,#4a90e2);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:8px;padding:0;font-size:13px}.chart-container{width:100%;height:200px}.pie-chart-wrapper{width:100%;height:160px;position:relative}.pie-center-label{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-center-value{color:#2c3e50;font-size:18px;font-weight:700}.pie-center-text{color:#95a5a6;text-transform:uppercase;font-size:10px}.empty-widget-state{text-align:center;color:#b0bec5;padding:20px;font-size:14px}.app-usage-list{flex-direction:column;gap:12px;display:flex}.app-usage-item{justify-content:space-between;align-items:center;display:flex}.app-rank-box{background:#f8f9fa;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.dist-list{flex-direction:column;gap:18px;display:flex}.dist-item-header{color:#475569;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.dist-label{font-weight:500}.dist-value{color:#1e293b;font-weight:600}.progress-bar-bg{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.dashboard-modal-container{width:500px}.modal-dist-list{flex-direction:column;gap:16px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.modal-dist-item-header{color:#34495e;justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.pagination-container{border-top:1px solid var(--border-gray,#e1e8ed);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--border-gray,#e1e8ed);cursor:pointer;color:#2c3e50;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--hover-blue,#e8f4fd);border-color:var(--primary-blue,#4a90e2)}.pagination-btn:disabled{cursor:not-allowed;color:#cbd5e0}.pagination-info{color:var(--text-gray,#7f8c9a);font-size:13px}.page-indicator{color:#2c3e50;text-align:center;min-width:50px;font-size:13px;font-weight:600}.search-bar-container{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dept-filter-select{border:1px solid var(--border-gray,#e1e8ed);color:#2c3e50;cursor:pointer;background-color:#fff;border-radius:10px;outline:none;min-width:190px;height:42px;padding:10px 14px;font-size:14px;transition:all .2s}.text-semibold{font-weight:600}.text-small-gray{color:#95a5a6;font-size:12px}.chart-container,.pie-chart-wrapper,.dashboard-widgets-grid{transition:all .4s cubic-bezier(.4,0,.2,1)}.masterdata-wrapper .section-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.masterdata-wrapper .section-header svg{width:28px;height:28px;color:var(--primary-color)}.masterdata-wrapper .section-header h2{color:#2c3e50;margin:0;font-size:24px;font-weight:700}.text-medium{font-weight:500}.text-small-gray{color:#666;margin-top:2px;font-size:12px}.text-bold{font-weight:600}.text-center{text-align:center}.permission-badges{flex-wrap:wrap;gap:4px;display:flex}.permission-badge{color:#4a90e2;background-color:#e8f4fd;border-radius:3px;padding:2px 6px;font-size:11px}.permission-more{color:#666;font-size:11px}.status-pill{color:#fff;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.status-active-pill{background-color:#27ae60}.status-inactive-pill{background-color:#95a5a6}.btn-toggle-status{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:11px;transition:opacity .2s}.btn-toggle-status.deactivate{background-color:#95a5a6}.btn-toggle-status.activate{background-color:#27ae60}.modal-permission-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;padding:8px;display:grid}.modal-permission-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:3px;align-items:center;gap:10px;min-height:32px;padding:7px 10px;transition:all .15s;display:flex}.modal-permission-item:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 1px 2px #0000000d}.modal-permission-item.selected{background-color:#eef6ff;border-color:#4a90e2}.modal-permission-item input[type=checkbox]{cursor:pointer;vertical-align:middle;accent-color:#4a90e2;flex-shrink:0;width:15px;height:15px;margin:0;padding:0}.modal-permission-item span{color:#334155;flex:1;font-size:13px;font-weight:400;line-height:1.2}.system-roles-hint{color:#666;margin-top:4px;font-size:12px;display:block}.delete-warning-text{color:#e74c3c;margin-top:8px;font-weight:600;display:block}.modal-checkbox-label{cursor:pointer;color:#2c3e50;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.api-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.api-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.api-card-title-box{flex:1}.api-card-title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.api-card-title{margin:0;font-size:16px;font-weight:600}.api-card-description{color:#666;margin:0 0 12px;font-size:13px;line-height:1.5}.api-card-details-grid{background-color:#f8f9fa;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;padding:16px;display:grid}.api-detail-label{color:#666;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.api-detail-value{word-break:break-all;font-size:13px;font-weight:500}.api-key-container{align-items:center;gap:8px;display:flex}.api-key-code{background-color:#e0e0e0;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.btn-toggle-eye{cursor:pointer;color:var(--primary-color);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.api-card-actions{gap:8px;display:flex}.api-btn-test{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.api-btn-test:hover{background-color:#357abd}.api-btn-action{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;display:flex}.api-btn-warning{background-color:#f39c12}.api-btn-danger{background-color:#e74c3c}.api-btn-warning:hover{background-color:#d68910}.api-btn-danger:hover{background-color:#c0392b}.app-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px;display:grid}.app-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative}.app-card:hover{transform:translateY(-4px);box-shadow:0 5px 15px #0000000d}.app-status-badge{border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.app-status-badge.active{color:#2ecc71;background:#e8f8f5}.app-status-badge.inactive{color:#95a5a6;background:#f2f2f2}.app-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.app-logo{background:#f8f9fa;border:1px solid #eee;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.app-logo img{object-fit:contain;width:100%;height:100%}.app-info h4{color:#2c3e50;margin:0 0 4px;font-size:16px}.app-flex-col{flex-direction:column;gap:2px;display:flex}.app-code{color:#7f8c9a;font-size:12px;font-weight:600}.app-link{color:#3498db;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;text-decoration:none;overflow:hidden}.app-link:hover{text-decoration:underline}.app-description{color:#555;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin-bottom:20px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.dept-icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.color-preview-container{align-items:center;gap:8px;display:flex}.color-preview-box{border:1px solid #0000001a;border-radius:6px;width:24px;height:24px}.color-hex-text{color:#666;font-size:12px}.col-id,.col-small-icon{width:60px}.col-code{width:120px}.col-status,.col-users{width:100px}.col-actions{width:180px}.col-color{width:100px}.modal-row-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.icon-input-preview{align-items:center;gap:10px;display:flex}.icon-preview-circle{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.form-hint{color:#7f8c9a;margin-top:4px;font-size:12px;display:block}.color-input-group{align-items:center;gap:8px;display:flex}.color-input{cursor:pointer;background:0 0;border:none;width:50px;height:38px;padding:0}.app-actions{border-top:1px solid #f2f2f2;align-items:center;gap:8px;padding-top:16px;display:flex}.app-actions .btn-toggle{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.app-actions .btn-toggle.activate{color:#2ecc71;background:#e8f8f5}.app-actions .btn-toggle.deactivate{color:#95a5a6;background:#f2f2f2}.app-actions .btn-action{cursor:pointer;color:#7f8c9a;background:#fff;border:1px solid #e1e8ed;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.app-actions .btn-action.edit:hover{color:#3498db;background:#e3f2fd;border-color:#3498db}.app-actions .btn-action.delete:hover{color:#e74c3c;background:#feeff0;border-color:#e74c3c}.file-upload-container{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #cbd5e0;border-radius:8px;padding:24px;transition:all .2s}.file-upload-container:hover{border-color:var(--primary-color);background:#f0f7ff}.logo-preview-box{flex-direction:column;align-items:center;gap:10px;display:flex}.logo-preview-image{object-fit:contain;border-radius:8px;width:64px;height:64px}.logo-preview-text{color:var(--primary-color);font-size:13px;font-weight:500}.upload-placeholder{color:#7f8c8d;flex-direction:column;align-items:center;gap:8px;display:flex}.upload-placeholder svg{color:#bdc3c7}.upload-main-text{font-size:14px;font-weight:500}.upload-sub-text{color:#95a5a6;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66}.modal-modern{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:550px;max-height:calc(100dvh - 40px);animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header-modern,.modal-footer-modern{flex-shrink:0}.modal-body-modern{flex:auto;min-height:0;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header-modern{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title-box{align-items:center;gap:12px;display:flex}.modal-icon-badge{width:40px;height:40px;color:var(--primary-color);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;display:flex}.modal-title-box h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.close-btn-modern{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-btn-modern:hover{color:#ef4444;background:#f1f5f9;border-color:#ef4444}.modal-body-modern{padding:20px 24px}.modal-top-section{gap:20px;margin-bottom:20px;display:flex}.modal-icon-upload-section{flex-shrink:0;width:100px}.modal-main-fields{flex-direction:column;flex-grow:1;gap:16px;display:flex}.field-label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.icon-upload-box{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e0;border-radius:16px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s;display:flex;overflow:hidden}.icon-upload-box:hover{border-color:var(--primary-color);background:#eff6ff}.upload-placeholder-modern{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-icon-circle{color:#94a3b8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #0000000d}.upload-placeholder-modern span{color:#64748b;text-align:center;font-size:11px;font-weight:600}.preview-container{width:100%;height:100%;position:relative}.preview-container img{object-fit:contain;width:100%;height:100%;padding:8px}.preview-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview-container:hover .preview-overlay{opacity:1}.preview-overlay span{color:#fff;font-size:12px;font-weight:600}.form-group-modern{margin-bottom:20px}.form-group-modern label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group-modern label .required{color:#ef4444;margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.modern-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.modern-input.with-icon{padding-left:36px}.modern-input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #4a90e21a}.modern-input.uppercase{text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:13px}.modern-textarea{resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.modern-textarea:focus{border-color:var(--primary-color);background:#fff;outline:none}.toggle-group{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-top:8px;padding:12px 16px}.toggle-label-wrapper{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0!important;display:flex!important}.toggle-text{flex-direction:column;display:flex}.toggle-title{color:#334155;font-size:14px;font-weight:600}.toggle-subtitle{color:#64748b;font-size:12px;font-weight:400}.modern-toggle{background:#cbd5e1;border-radius:99px;width:44px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.modern-toggle.active{background:#22c55e}.toggle-circle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.modern-toggle.active .toggle-circle{transform:translate(20px)}.modal-footer-modern{background:#fcfcfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.btn-modern-secondary{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-modern-secondary:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.btn-modern-primary{background:var(--primary-blue,#4a90e2);background-image:linear-gradient(135deg, var(--primary-blue,#4a90e2) 0%, #357abd 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb33}.btn-modern-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.btn-modern-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #ef444433}.btn-modern-danger:hover{background:#dc2626}.btn-modern-primary svg,.btn-modern-secondary svg,.btn-modern-danger svg{flex-shrink:0;width:16px;height:16px}.btn-modern-disabled{border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;display:flex;color:#f0f0f0!important;cursor:not-allowed!important;box-shadow:none!important;background:#c8ccd0!important}.btn-modern-disabled:hover{box-shadow:none!important;transform:none!important}.modal-container-modern-alert{background:#fff;border-radius:20px;width:100%;max-width:400px;animation:.2s ease-out modalScaleIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.alert-content{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.alert-icon-box{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.alert-icon-box.danger{color:#ef4444;background:#fef2f2}.alert-text h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.alert-text p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.alert-actions{gap:12px;padding:0 24px 24px;display:flex}.alert-actions button{flex:1}.app-management-section{background:#fff;border-radius:12px;max-width:1400px;margin:0 auto;padding:20px 28px;box-shadow:0 4px 24px #0000000a}.section-header{border-bottom:1px solid #e1e8ed;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.section-header h2{color:#2c3e50;margin:0;font-size:20px;font-weight:600}.privilege-subtitle{color:#7f8c9a;margin:0 0 16px;font-size:13px;line-height:1.4}.department-accordion{flex-direction:column;gap:12px;display:flex}.department-item{background:#fff;border:1px solid #e1e8ed;border-radius:8px;transition:all .3s;overflow:hidden}.department-item.expanded{box-shadow:0 4px 12px #00000014}.department-header{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.department-header:hover{background:#f8f9fa}.department-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.department-info{flex:1}.department-name{color:#2c3e50;margin-bottom:2px;font-size:14px;font-weight:600}.department-meta{color:#7f8c9a;font-size:12px}.expand-icon{color:#7f8c9a;font-size:14px;transition:transform .3s}.expand-icon.rotated{transform:rotate(180deg)}.department-content{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:12px}.app-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.app-card{background:#fff;border:1px solid #e1e8ed;border-radius:7px;justify-content:space-between;align-items:center;min-height:48px;padding:8px 10px;transition:all .2s;display:flex}.app-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e21a}.app-logo-bg{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef7 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:hidden}.app-info{flex:1;margin:0 8px;overflow:hidden}.app-name{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.toggle-switch-app{cursor:pointer;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-switch-app input{opacity:0;width:0;height:0}.slider-app{cursor:pointer;background-color:#e0e0e0;border-radius:10px;transition:all .3s;position:absolute;inset:0}.slider-app:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch-app input:checked+.slider-app:before{transform:translate(16px)}.toggle-switch-app:hover .slider-app{opacity:.9}.app-management-loading{text-align:center;padding:40px 20px}.loading-icon{color:#94a3b8;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.loading-text{color:#7f8c9a;margin:0;font-size:14px}.inactive-app{opacity:.6;pointer-events:none;background:#f5f5f5!important}.grayscale-filter{filter:grayscale()}.inactive-text{color:#e74c3c;margin-left:3px;font-size:9px;font-weight:700}.app-card-wrapper{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.app-logo-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef7 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:hidden}.app-logo{object-fit:contain;width:100%;height:100%}.app-logo-fallback{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.app-name-wrapper{flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.inactive-badge{color:#dc2626;white-space:nowrap;background:#fee2e2;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.inactive-badge i{font-size:8px}.app-card.app-inactive{opacity:.75;background:#fef2f2;border-color:#fecaca}.app-card.app-inactive:hover{border-color:#fca5a5;box-shadow:0 2px 6px #f871711a}.toggle-switch-app input:disabled+.slider-app{cursor:not-allowed;opacity:.5;background-color:#e5e7eb}.toggle-switch-app input:checked+.slider-app{background-color:#27ae60}@media (width<=1400px){.app-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1200px){.app-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.department-header{padding:8px 12px}.department-icon{width:28px;height:28px}.department-name{font-size:12px}.department-content{padding:10px}.app-grid{gap:6px}}.user-control-section{padding:24px}.user-control-section .section-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.user-control-section .section-header svg{width:28px;height:28px;color:var(--primary-color)}.user-control-section .section-header h2{color:#2c3e50;margin:0;font-size:24px;font-weight:700}.error-box{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;padding:12px 16px}.control-header{margin-bottom:24px}.user-control-tabs{border-bottom:1px solid #e1e8ed;gap:8px;padding-bottom:8px;display:flex}.user-control-tab{color:#7f8c9a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.user-control-tab:hover{color:#2c3e50;background:#f8f9fa}.user-control-tab.active{color:var(--primary-color);background:#e3f2fd}.user-control-tab .tab-count{color:#7f8c9a;background:0 0;border-radius:0;margin-left:4px;padding:0;font-size:13px;font-weight:400;display:inline}.user-control-tab.active .tab-count{color:var(--primary-color);background:0 0}.user-control-content{display:none}.user-control-content.active{display:block}.control-toolbar{margin-bottom:24px}.search-and-action-common{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.search-filter-group{flex:1;align-items:center;gap:12px;max-width:600px;display:flex}.search-input-wrapper{flex:1;position:relative}.search-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-refactored{background-color:#fff;border:1px solid #dfe6e9;border-radius:10px;width:100%;padding:10px 16px 10px 42px;font-size:14px;transition:all .2s}.search-input-refactored:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4a90e21a}.dept-filter-select{color:#2c3e50;cursor:pointer;background-color:#fff;border:1px solid #dfe6e9;border-radius:10px;outline:none;min-width:190px;height:42px;padding:10px 14px;font-size:14px;transition:all .2s}.dept-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.add-user-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea26}.add-user-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 16px #667eea40}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.user-info h4{color:#2c3e50;margin:0;font-size:15px}.user-info p{color:#7f8c9a;margin:0;font-size:13px}.role-badge{text-transform:capitalize;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.role-badge.admin{color:#d4a017;background:0 0;font-weight:700}.role-badge.user{color:#7f8c9a;background:0 0}.role-badge.manager{color:#3498db;background:#e3f2fd}.position-badge{text-transform:capitalize;color:#34495e;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.dept-badge{white-space:nowrap;letter-spacing:.2px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.status-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.active{color:#059669;background:#ecfdf5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.override-badges{gap:8px;display:flex}.override-badge{color:#0277bd;background:#e1f5fe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-container{width:460px!important;max-width:480px!important}.modal-container{background:#fff;border-radius:16px;flex-direction:column;width:460px;max-width:90vw;max-height:80vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#2c3e50;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.modal-header h3 svg{flex-shrink:0;width:18px;height:18px}.modal-close{color:#95a5a6;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.modal-close svg{width:20px;height:20px;display:block}.modal-close:hover{color:#e74c3c}.modal-body{padding:14px 20px}.modal-account-status{background:#f8f9fb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 12px;display:flex}.modal-account-status-info h4{color:#2c3e50;margin:0 0 2px;font-size:13px}.modal-account-status-info p{color:#7f8c9a;margin:0;font-size:11px}.modal-section-header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.modal-section-header svg{flex-shrink:0;width:16px;height:16px}.modal-section-header h4{color:#2c3e50;margin:0;font-size:13px;font-weight:600}.modal-avatar-editor{flex:none}.modal-avatar-large{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.modal-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-form-group{margin-bottom:10px}.modal-form-group label{color:#34495e;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-form-group label.required:after{content:" *";color:#e74c3c}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{border:1px solid #dfe6e9;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border .2s}.modal-form-group input:focus,.modal-form-group select:focus{border-color:var(--primary-color);outline:none}.modal-form-group input:disabled{cursor:not-allowed;color:#666;background-color:#f5f5f5}.modal-info-banner{border-radius:4px;margin-top:12px;padding:12px}.modal-info-banner.warning{color:#856404;background-color:#fff3cd;border-left:4px solid #ffc107}.modal-info-banner.info{color:#0d47a1;background-color:#e7f3ff;border-left:4px solid #2196f3}.modal-info-banner-text{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.modal-privilege-toggle{justify-content:space-between;align-items:center;display:flex}.modal-privilege-toggle-info h4{color:#2c3e50;margin:0 0 2px;font-size:13px}.modal-privilege-toggle-info p{color:#7f8c9a;margin:0;font-size:11px}.privilege-status{align-items:center;gap:12px;display:flex}.privilege-status-badge{border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.privilege-status-badge.enabled{color:#2ecc71;background:#e8f8f5}.privilege-status-badge.disabled{color:#95a5a6;background:#f2f2f2}.modal-footer{border-top:1px solid #e1e8ed;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.user-profile-header{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.user-profile-info h4{color:#2c3e50;margin:0;font-size:14px;font-weight:600}.user-profile-info p{color:#7f8c9a;margin:4px 0 0;font-size:12px}.default-access-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;align-items:center;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.readonly-section-title{color:#475569;border-bottom:1px solid #f1f5f9;margin:20px 0 12px;padding-bottom:8px;font-size:12px;font-weight:600;display:block}.readonly-apps-list{flex-direction:column;gap:16px;display:flex}.readonly-app-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.readonly-app-info{align-items:center;gap:12px;display:flex}.readonly-app-logo{object-fit:contain;width:28px;height:28px}.readonly-app-name{color:#1e293b;font-size:14px;font-weight:500}.readonly-no-access{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:12px;font-size:13px;font-style:italic}.readonly-footer-info{color:#94a3b8;margin-top:10px;font-size:11px;line-height:1.5}.modal-section{margin-bottom:30px}.modal-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.app-access-label{color:#34495e;margin:0 0 4px;font-size:11px;font-weight:600;display:block}.app-access-help{color:#7f8c9a;margin-bottom:8px;font-size:10px;display:block}.app-list-grid{gap:8px;max-height:250px;padding-right:4px;display:grid;overflow-y:auto}.system-access-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-app-icon-box{background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex;position:relative}.mini-app-icon-box:hover{z-index:2;border-color:#4a90e2;transform:translateY(-2px)}.mini-app-icon{object-fit:contain;width:14px;height:14px}.mini-app-icon-box .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:10;opacity:0;white-space:nowrap;pointer-events:none;background-color:#1e293b;border-radius:4px;width:auto;min-width:60px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.mini-app-icon-box:hover .tooltip-text{visibility:visible;opacity:1}.mini-app-fallback{color:#94a3b8;font-size:10px;font-weight:700}.no-apps-indicator{color:#cbd5e1;font-size:11px;font-style:italic}.app-item-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.app-item-card:hover{background:#f8fafb;border-color:#d4ddf8}.app-logo-box{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef7 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.app-logo-box img{object-fit:contain;width:100%;height:100%}.app_name_text{color:#2c3e50;flex-direction:column;gap:2px;font-size:14px;font-weight:600;display:flex}.default-access-tag{color:#27ae60;font-size:10px;font-style:italic;font-weight:500}.app-item-card.default-access{cursor:default;background-color:#f0fdf4;border-color:#dcfce7}.app-item-card.default-access:hover{background-color:#f0fdf4}.app-logo-fallback{color:#667eea;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.uc-toggle-switch{cursor:pointer;background:#e0e0e0;border-radius:12px;width:44px;height:24px;transition:background .3s;position:relative}.uc-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.uc-toggle-switch.active{background:#2ecc71}.uc-toggle-switch.active:after{transform:translate(20px)}.photo-upload-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:24px;margin-top:10px;padding:24px;display:flex}.photo-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.photo-preview-img{object-fit:cover;width:100%;height:100%}.photo-placeholder{color:#94a3b8}.photo-placeholder svg{width:32px;height:32px}.photo-upload-controls{flex:1}.photo-upload-label{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.photo-upload-label:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.photo-input-hidden{display:none}.photo-upload-help{color:#94a3b8;margin:6px 0 0;font-size:11px}.switch-slim{cursor:pointer;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.switch-slim input{opacity:0;width:0;height:0}.switch-slim-slider{cursor:pointer;background-color:#e0e0e0;border-radius:10px;transition:all .3s;position:absolute;inset:0}.switch-slim input:checked+.switch-slim-slider{background-color:#27ae60}.switch-slim-slider:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0003}.switch-slim input:checked+.switch-slim-slider:after{transform:translate(16px)}.switch-slim-slider.yellow,.switch-slim input:checked+.switch-slim-slider.yellow{background-color:#f1c40f!important}.tab-count{opacity:.7;background:#0000000d;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px}.user-control-tab.active .tab-count{opacity:1;background:#4a90e233}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.status-pill.active{color:#2ecc71;background:#e8f8f5;border:1px solid #2ecc7133}.status-pill.inactive{color:#e74c3c;background:#fdf2f2;border:1px solid #e74c3c33}.privilege-status-badge.yellow.enabled{color:#f39c12;background:#fff9db;border:1px solid #f1c40f4d;font-weight:600}.privilege-status-badge.yellow.disabled{color:#999;background:#f5f5f5;border:1px solid #ddd;font-weight:600}.uc-toggle-switch.yellow.active{background:#f1c40f;box-shadow:0 0 10px #f1c40f4d}.yellow-banner{background:#fff9db!important;border-left:4px solid #f1c40f!important}.privilege-access-badge-yellow{color:#f39c12;text-transform:uppercase;background:#fff9db;border:1px solid #f1c40f4d;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700}.switch-slim-slider.yellow,.switch-slim input:checked+.switch-slim-slider.yellow{background-color:#f1c40f}.modal-inactive-view{background-color:#fafbfc}.reactivate-centered{justify-content:center;margin-top:20px;display:flex}.btn-reactivate{color:#fff!important;background-color:#2ecc71!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 4px 12px #2ecc7133!important}.reactivate-banner{background:#fdf2f2;border:1px solid #f8d7da;border-radius:8px;align-items:center;margin-bottom:20px;padding:12px;display:flex}.reactivate-icon{margin-right:12px;font-size:20px}.reactivate-banner p{color:#721c24;margin:0;font-size:13px;font-weight:500}.inactive-actions-center{flex-direction:column;align-items:center;padding:20px 0;display:flex}.btn-reactivate-pill{text-transform:uppercase;letter-spacing:.5px;color:#fff!important;background:#2ecc71!important;border-radius:100px!important;padding:10px 24px!important;font-weight:700!important;box-shadow:0 4px 10px #2ecc7133!important}.btn-reactivate-pill:hover{transform:translateY(-2px);background:#27ae60!important}.status-indicator-center{justify-content:center;align-items:center;display:flex}.indicator-icon{font-size:18px}.admin-on{color:#f1c40f;text-shadow:0 0 5px #f1c40f4d}.admin-off{color:#dfe6e9}.indicator-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.indicator-pill.active{color:#2ecc71;background:#e8f8f5;border:1px solid #2ecc7133}.indicator-pill.inactive{color:#e74c3c;background:#fdf2f2;border:1px solid #e74c3c33}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.broadcast-container{max-width:1200px;margin:0 auto;padding:12px 16px}.broadcast-main-header{margin-bottom:14px}.broadcast-main-title{color:#2c3e50;font-size:18px;font-weight:700}.broadcast-main-subtitle{color:#7f8c8d;margin-top:3px;font-size:12px}.broadcast-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:14px;display:grid}.broadcast-composer,.broadcast-history-panel{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 4px 20px #0000000d}.broadcast-section-title{color:#34495e;align-items:center;gap:6px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.broadcast-form-group{margin-bottom:10px}.broadcast-label{color:#2c3e50;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.broadcast-input{border:1px solid #dfe6e9;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;transition:border .2s}.broadcast-textarea{resize:vertical;border:1px solid #dfe6e9;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:13px}.broadcast-select{border:1px solid #dfe6e9;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.priority-selector{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.priority-option{cursor:pointer;background:#fff;border:2px solid #f1f2f6;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:7px 8px;transition:all .2s;display:flex}.priority-option svg{width:18px;height:18px}.priority-label{font-size:11px;font-weight:600}.priority-option[data-priority=normal].selected{background-color:#e8f8f5;border-color:#2ecc71}.priority-option[data-priority=normal].selected .priority-label,.priority-option[data-priority=normal].selected svg{color:#2ecc71}.priority-option[data-priority=high].selected{background-color:#fef9e7;border-color:#f1c40f}.priority-option[data-priority=high].selected .priority-label,.priority-option[data-priority=high].selected svg{color:#f1c40f}.priority-option[data-priority=urgent].selected{background-color:#feeff0;border-color:#e74c3c}.priority-option[data-priority=urgent].selected .priority-label,.priority-option[data-priority=urgent].selected svg{color:#e74c3c}.broadcast-help-text{color:#95a5a6;margin-top:6px;font-size:12px}.btn-send-broadcast{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 15px #3498db4d}.broadcast-tabs{border-bottom:1px solid #f1f2f6;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.broadcast-tab-btn{color:#95a5a6;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s}.broadcast-tab-btn.active{color:#3498db;background:#e8f4fd}.broadcast-history-list{flex-direction:column;gap:10px;display:flex}.broadcast-item{background:#fff;border:1px solid #f1f2f6;border-radius:8px;padding:10px;transition:transform .2s;position:relative}.broadcast-item-header{justify-content:space-between;align-items:start;margin-bottom:5px;display:flex}.broadcast-item-icon{border-radius:5px;padding:4px;font-size:13px}.broadcast-item-icon[data-priority=normal]{color:#2ecc71;background-color:#e8f8f5}.broadcast-item-icon[data-priority=high]{color:#f1c40f;background-color:#fef9e7}.broadcast-item-icon[data-priority=urgent]{color:#e74c3c;background-color:#feeff0}.broadcast-item-title-row{align-items:center;gap:5px;display:flex}.broadcast-item-title{color:#2c3e50;margin:0;font-size:12px;font-weight:600}.broadcast-status-pill{text-transform:uppercase;border-radius:100px;padding:2px 6px;font-size:10px;font-weight:700}.broadcast-status-pill[data-status=active]{color:#2ecc71;background-color:#e8f8f5}.broadcast-status-pill[data-status=expired]{color:#95a5a6;background-color:#f2f2f2}.broadcast-time{color:#95a5a6;font-size:10px}.broadcast-expiry{align-items:center;gap:3px;margin-top:2px;font-size:9px;display:flex}.broadcast-expiry[data-expired=true]{color:#95a5a6}.broadcast-expiry[data-expired=false]{color:#e67e22}.broadcast-message-preview{color:#7f8c8d;margin:0;font-size:12px;line-height:1.3}.broadcast-audience-tag{color:#7f8c8d;background:#f1f2f6;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600}.btn-delete-broadcast{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:4px}.broadcast-empty{text-align:center;color:#bdc3c7;padding:24px 0;font-size:12px}@media (width<=992px){.broadcast-grid{grid-template-columns:1fr}}.hrcb-intro{background:var(--hover-blue);color:var(--dark-blue);border:1px solid #cfe5fa;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.hrcb-intro img{flex-shrink:0;width:48px;height:48px}.hrcb-tabs{margin-bottom:20px}.hrcb-muted{color:var(--text-gray);font-size:12px}.hrcb-toggle{cursor:pointer;background:#d5dbe1;border:none;border-radius:22px;flex-shrink:0;width:42px;height:22px;transition:background .2s;position:relative}.hrcb-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.hrcb-toggle.on{background:var(--success-green)}.hrcb-toggle.on:after{transform:translate(20px)}.hrcb-toggle:disabled{opacity:.5;cursor:wait}.hrcb-status-cell{justify-content:center;align-items:center;gap:8px;display:flex}.btn-action.view{background-color:var(--primary-blue);color:#fff}.hrcb-context-note{color:var(--text-gray);margin-top:12px;font-size:12px}.hrcb-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.hrcb-stat{background:var(--white);border:1px solid var(--border-gray);border-radius:12px;padding:14px 16px}.hrcb-stat-label{color:var(--text-gray);align-items:center;gap:5px;margin-bottom:6px;font-size:12px;display:flex}.hrcb-stat-value{color:var(--text-dark);font-size:22px;font-weight:700}.hrcb-stat.up .hrcb-stat-value{color:var(--success-green)}.hrcb-stat.down .hrcb-stat-value,.hrcb-stat.err .hrcb-stat-value{color:var(--danger-red)}.hrcb-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hrcb-filters select{border:1px solid var(--border-gray);background:var(--white);color:var(--text-dark);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.hrcb-log-row{cursor:pointer}.hrcb-log-row:hover td{background:var(--light-gray)}.hrcb-clip{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:340px;line-height:1.45;display:-webkit-box;overflow:hidden}.hrcb-detail-fb{align-items:center;gap:6px;display:inline-flex}.hrcb-badge{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.hrcb-badge.ok{color:#2e7d32;background:#e8f5e9}.hrcb-badge.error{color:#c62828;background:#ffebee}.hrcb-meta{color:var(--text-gray);white-space:nowrap;font-size:12px;line-height:1.5}.hrcb-pagination{color:var(--text-gray);justify-content:space-between;align-items:center;gap:12px;padding:14px 4px 0;font-size:13px;display:flex}.hrcb-pagination div{gap:8px;display:flex}.hrcb-pagination button{border:1px solid var(--border-gray);background:var(--white);color:var(--text-dark);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px}.hrcb-pagination button:disabled{opacity:.45;cursor:default}.modal-overlay .modal-container.hrcb-modal-wide{width:760px;max-width:94vw}.hrcb-preview{white-space:pre-wrap;color:var(--text-dark);background:var(--light-gray);border:1px solid var(--border-gray);border-radius:8px;max-height:60vh;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-y:auto}.hrcb-detail-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:12px;font-weight:600}.hrcb-detail-label:first-child{margin-top:0}.hrcb-detail-box{background:var(--light-gray);border:1px solid var(--border-gray);color:var(--text-dark);overflow-wrap:anywhere;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}.hrcb-detail-meta{color:var(--text-gray);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.hrcb-file-input{border:1px dashed var(--border-gray);background:var(--light-gray);border-radius:8px;width:100%;padding:10px;font-size:13px}.hrcb-checkbox{color:var(--text-dark);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.hrcb-checkbox input{width:16px;height:16px}@media (width<=768px){.hrcb-clip{max-width:200px}.hrcb-filters{flex-direction:column;align-items:stretch}}