@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#f1f5f9;--border-mid:#e2e8f0;--primary:#43a047;--primary-light:#e8f5e9;--primary-dark:#2e7d32;--secondary:#6366f1;--blue:#3b82f6;--blue-light:#eff6ff;--yellow:#f59e0b;--yellow-light:#fffbeb;--purple:#8b5cf6;--purple-light:#f5f3ff;--teal:#14b8a6;--teal-light:#f0fdfa;--red:#ef4444;--red-light:#fef2f2;--orange:#f97316;--orange-light:#fff7ed;--sidebar-width:260px;--topbar-height:72px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.live-tracking-page{min-height:calc(100vh - var(--topbar-height));background:var(--bg-body);box-sizing:border-box;flex-direction:column;padding:24px;display:flex;overflow:visible}.header-title-row{align-items:center;gap:16px;display:flex}.live-status-indicator{color:#3d8a12;text-transform:uppercase;letter-spacing:.5px;background:#f1f9ee;border:1px solid #d1fae5;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.live-dot{background:#3d8a12;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #3d8a1266}70%{box-shadow:0 0 0 8px #3d8a1200}to{box-shadow:0 0 #3d8a1200}}.tracking-summary{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:8px 16px;display:flex}.summary-item{flex-direction:column;align-items:center;min-width:60px;display:flex}.summary-val{color:var(--primary);font-size:18px;font-weight:800}.summary-lbl{color:var(--text-light);text-transform:uppercase;font-size:10px;font-weight:600}.summary-divider{background:var(--border-color);width:1px;height:24px}.tracking-layout{grid-template-rows:auto auto;grid-template-columns:320px 1fr;align-items:start;gap:20px;margin-top:10px;display:grid;overflow:visible}.tracking-layout>.tracking-side-panel{grid-area:1/1/span 2}.tracking-layout>.tracking-map-container{grid-area:1/2}.tracking-layout>.tracking-map-container~*{grid-area:2/2}.tracking-side-panel{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--topbar-height) - 80px);background:#fff;border-radius:16px;flex-direction:column;align-self:start;display:flex;overflow:hidden}.panel-search{border-bottom:1px solid var(--border-color);padding:16px;position:relative}.panel-search .search-icon{color:var(--text-light);position:absolute;top:50%;left:28px;transform:translateY(-50%)}.panel-search input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:13px;transition:all .2s}.panel-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.panel-filters{border-bottom:1px solid var(--border-color);background:var(--bg-main);gap:8px;padding:8px 16px;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.filter-tab.active{border-color:var(--border-color);color:var(--text-main);background:#fff;box-shadow:0 2px 4px #0000000a}.tab-count{background:var(--border-color);color:var(--text-main);border-radius:6px;padding:2px 6px;font-size:10px}.employee-track-list{flex:1;padding:12px 0;overflow-y:auto}.list-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;padding:4px 16px 12px;font-size:11px;font-weight:700}.track-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.track-item:hover{background:var(--bg-main)}.track-item.selected{background:var(--primary-light);border-left-color:var(--primary)}.item-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.item-info{flex:1;min-width:0}.item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.item-meta{color:var(--text-light);white-space:nowrap;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex;overflow:hidden}.item-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-site{max-width:120px}.dot-sep{background:#cbd5e0;border-radius:50%;flex-shrink:0;width:3px;height:3px}.item-status{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.last-seen{color:var(--text-light);font-size:10px}.tracking-map-container{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex:none;height:60vh;min-height:420px;position:relative;overflow:hidden}.map-overlay-controls{z-index:1000;pointer-events:none;position:absolute;top:20px;left:20px}.map-badge-large{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);letter-spacing:.5px;border:1px solid var(--border-color);background:#ffffffe6;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:12px;font-weight:800;display:flex;box-shadow:0 8px 16px #0000001a}.nav-live-dot{background:#3d8a12;border-radius:50%;width:6px;height:6px;margin-left:auto;animation:2s infinite pulse-green;box-shadow:0 0 #3d8a1266}.tracking-popup .leaflet-popup-content-wrapper{border-radius:12px;padding:0;overflow:hidden}.tracking-popup .leaflet-popup-content{margin:0;width:240px!important}.track-pop-inner{padding:0}.pop-top{background:var(--bg-main);align-items:center;gap:12px;padding:12px;display:flex}.pop-avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.pop-name{font-size:14px;font-weight:700}.pop-id{color:var(--text-light);font-size:11px}.pop-details{flex-direction:column;gap:8px;padding:12px;display:flex}.pop-detail-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.pop-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px;display:flex}.pop-status{border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.pop-action-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.employee-detail-overlay{border:1px solid var(--border-color);z-index:1100;background:#fff;border-radius:28px;flex-direction:column;width:330px;max-height:calc(100% - 40px);animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:absolute;top:20px;bottom:20px;right:20px;overflow:hidden;box-shadow:0 20px 50px #00000026}.overlay-close{background:var(--bg-main);width:32px;height:32px;color:var(--text-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.overlay-close:hover{color:#ef4444;background:#fee2e2}.overlay-header{text-align:center;z-index:2;background:#fff;border-bottom:1px solid #0000000d;flex-direction:column;align-items:center;padding:24px 24px 16px;display:flex;position:relative}.overlay-avatar{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 16px #0000001a}.overlay-name{color:#1a202c;margin:0;font-size:20px;font-weight:800}.overlay-role{color:#718096;margin:4px 0 12px;font-size:14px}.overlay-status-badge{color:#fff;background:#3b82f6;border-radius:999px;padding:6px 20px;font-size:13px;font-weight:700}.overlay-scroll-container{scrollbar-width:none;flex:1;padding:0 24px 24px;overflow-y:auto}.overlay-scroll-container::-webkit-scrollbar{display:none}.overlay-content{flex-direction:column;gap:12px;padding-top:16px;padding-bottom:40px;display:flex}.detail-row{background:#f8fafc;border:1px solid #00000005;border-radius:20px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.detail-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detail-icon-box{color:#94a3b8;background:#f8fafc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.detail-info{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-label{color:#64748b;font-size:14px;font-weight:500}.detail-value{color:#1e293b;text-align:right;max-width:180px;font-size:14px;font-weight:700;line-height:1.4}.signal-bars{align-items:flex-end;gap:3px;height:14px;margin-left:auto;display:flex}.signal-bar{background:#f1f5f9;border-radius:2px;width:4px}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:7px}.signal-bar:nth-child(3){height:10px}.signal-bar:nth-child(4){height:12px}.signal-bar:nth-child(5){height:14px}.signal-bar.active{background:#10b981}.overlay-actions{background:#fff;border-top:1px solid #00000008;justify-content:space-between;gap:12px;padding:16px 24px 24px;display:flex}.action-circle-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;justify-content:center;align-items:center;height:48px;transition:all .2s;display:flex}.action-circle-btn:hover{color:#2d3748;background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.panel-footer{border-top:1px solid var(--border-color);background:#fff;flex-direction:column;gap:10px;margin-top:auto;padding:16px;display:flex}.refresh-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #43a04733}.refresh-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #43a0474d}.refresh-btn:active{transform:translateY(0)}.update-time{color:var(--text-light);text-align:center;letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:600}.sales-allowance-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-top:24px;padding:20px;position:relative;box-shadow:0 10px 25px #0000000d}.allowance-header{color:#1e293b;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;font-weight:800;display:flex}.allowance-icon-box{color:#fff;background:#10b981;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #10b98140}.allowance-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.allowance-stat{flex-direction:column;gap:6px;display:flex}.allowance-stat .lbl{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.allowance-stat .val{color:#1e293b;font-size:16px;font-weight:800}.allowance-total{background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;grid-column:span 2;justify-content:space-between;align-items:center;margin-top:8px;padding:16px;display:flex}.allowance-total .lbl{color:#15803d;text-transform:uppercase;font-size:12px;font-weight:700}.allowance-total .val{color:#166534;font-size:20px;font-weight:900}.map-type-switcher{border:1px solid var(--border-color);background:#fff;border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:0 4px 15px #0000001a}.type-btn{color:var(--text-light);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.type-btn:hover{color:var(--text-main);background:#f8fafc}.type-btn.active{background:var(--primary);color:#fff}@keyframes lt-spin{to{transform:rotate(360deg)}}.app-container{background:var(--bg-main);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-collapsed{width:78px!important}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-submenu,.sidebar-collapsed .profile-info,.sidebar-collapsed .profile-card>svg:last-child{display:none!important}.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.sidebar-collapsed .nav-dropdown-trigger .trigger-left{justify-content:center;gap:0;width:100%}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:24px 0}.sidebar-collapsed .sidebar-profile{padding:16px 8px}.sidebar-collapsed .profile-card{justify-content:center;padding:8px}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:28px 24px 20px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #43a04740}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.2}.brand-sub{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-section-label{color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-top:8px;padding:12px 12px 6px;font-size:10px;font-weight:600}.nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:11px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--border-color);color:var(--text-main)}.nav-item.active{color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);background:#f1f5f9;font-weight:700}.nav-icon{width:18px;height:18px;color:var(--primary);flex-shrink:0}.nav-badge{background:var(--primary);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.nav-dropdown-trigger{justify-content:space-between}.nav-dropdown-trigger .trigger-left{align-items:center;gap:12px;display:flex}.nav-chevron{color:var(--text-light);flex-shrink:0;transition:transform .25s}.nav-chevron.open{transform:rotate(90deg)}.nav-submenu{max-height:0;padding-left:44px;transition:max-height .3s;overflow:hidden}.nav-submenu.open{max-height:300px}.nav-subitem{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.nav-subitem:before{content:"";background:var(--border-mid);border-radius:50%;flex-shrink:0;width:5px;height:5px}.nav-subitem:hover{color:var(--text-main)}.nav-subitem.active{color:var(--primary-dark);font-weight:600}.nav-subitem.active:before,.nav-subitem:hover:before{background:var(--primary)}.sidebar-profile{border-top:1px solid var(--border-color);background:linear-gradient(#0000,#f8fafc80);margin-top:auto;padding:20px}.profile-card{border-radius:var(--radius-md);background:var(--bg-main);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.profile-card:hover{background:var(--border-color)}.profile-avatar{color:#fff;background:linear-gradient(135deg,#4caa17,#3d8a12);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.profile-info{flex:1;overflow:hidden}.profile-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.profile-role{color:var(--text-muted);font-size:11px}.main-content{background:var(--bg-main);flex-direction:column;flex:1;height:100vh;min-height:0;display:flex;position:relative;overflow-y:auto}.emp-table{border-collapse:collapse;width:100%}.emp-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);z-index:10;background:#f8fafc;padding:16px 20px;font-size:11px;font-weight:700;position:sticky;top:0}.emp-table td{border-bottom:1px solid var(--border-color);padding:16px 20px}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:90;background:#fffc;flex-shrink:0;align-items:center;gap:24px;padding:0 32px;display:flex}.sidebar-toggle-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-mid);background:var(--bg-main);width:36px;height:36px;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);transform:scale(1.05)}.topbar-title-block{flex:1}.topbar-title{color:var(--text-main);font-size:20px;font-weight:700;line-height:1.2}.topbar-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.topbar-search{min-width:300px;color:var(--primary);background:#f1f5f9;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.topbar-search:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #43a0471a}.topbar-search svg{color:var(--primary)}.topbar-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.topbar-search input::placeholder{color:var(--text-light)}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-btn{border:1px solid var(--border-mid);background:var(--bg-main);width:38px;height:38px;color:var(--primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar-btn svg{color:var(--primary)}.notif-dot{background:var(--red);border:2px solid var(--bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topbar-user{border:1px solid var(--border-mid);background:var(--bg-main);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 8px;transition:all .2s;display:flex}.topbar-user:hover{background:var(--border-color)}.user-avatar{color:#fff;background:linear-gradient(135deg,#4caa17,#3d8a12);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.user-name{color:var(--text-main);font-size:13px;font-weight:600}.period-tab{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.period-tab:first-child{border-radius:8px 0 0 8px}.period-tab:last-child{border-radius:0 8px 8px 0}.period-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.period-tab:hover:not(.active){color:var(--primary);background:#f8fafc}.time-filter-tabs{display:flex}.theme-btn{border:1px solid var(--border-mid);background:var(--bg-main);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-btn:hover{background:var(--primary-light);color:var(--primary)}.dashboard-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 24px 32px;display:flex;overflow-y:auto}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:0 0;width:100%;height:3px;transition:background .3s;position:absolute;top:0;left:0}.stat-card:hover:before{background:var(--primary)}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.stat-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-trend-badge{border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.stat-trend-badge.up{color:#3d8a12;background:#f1f9ee}.stat-trend-badge.down{color:#991b1b;background:#fee2e2}.stat-value{color:var(--text-main);letter-spacing:-.5px;font-size:28px;font-weight:850;line-height:1}.stat-label{color:var(--text-main);margin-bottom:2px;font-size:13px;font-weight:700}.stat-sub{color:var(--text-light);margin-top:2px;font-size:11px}.middle-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-main);font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.card-action{color:var(--primary-dark);cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.calendar-legend{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.legend-dot{color:var(--text-muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.legend-dot span{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mini-calendar{width:100%}.cal-month{color:var(--text-main);font-size:13.5px;font-weight:700}.cal-nav{border:1px solid var(--border-mid);width:26px;height:26px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cal-nav:hover{background:var(--border-color);color:var(--text-main)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:12px 8px;max-width:320px;margin:0 auto;display:grid}.cal-day-label{text-align:center;color:var(--text-light);text-transform:uppercase;padding:4px 0;font-size:10px;font-weight:600}.cal-day{aspect-ratio:1;color:var(--text-main);cursor:pointer;background:#f8fafc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:relative}.cal-day:hover{background:var(--bg-main);z-index:2;transform:scale(1.1)}.cal-day .day-num{z-index:1}.day-dot{border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.cal-day.present{color:#166534;background:#f0fdf4}.cal-day.present .day-dot{background:#22c55e}.cal-day.late{color:#92400e;background:#fffbeb}.cal-day.late .day-dot{background:#f59e0b}.cal-day.absent{color:#991b1b;background:#fef2f2}.cal-day.absent .day-dot{background:#ef4444}.cal-day.on-leave{color:#64748b;background:#f1f5f9}.cal-day.on-leave .day-dot{background:#94a3b8}.cal-day.empty{visibility:hidden}.cal-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.cal-stat{border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:transform .2s;display:flex}.cal-stat:hover{transform:translateY(-2px)}.cal-stat-num{font-size:18px;font-weight:800}.cal-stat-lbl{color:var(--text-muted);text-transform:capitalize;font-size:11px;font-weight:600}.donut-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.donut-center-label{color:var(--text-muted);text-align:center;margin-top:4px;font-size:13px;font-weight:500}.donut-legend-list{flex-direction:column;gap:6px;width:100%;display:flex}.donut-legend-item{justify-content:space-between;align-items:center;display:flex}.donut-legend-left{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.donut-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.donut-legend-count{color:var(--text-main);font-size:13px;font-weight:700}.donut-bar-bg{background:var(--border-color);border-radius:4px;height:4px;margin-top:4px;overflow:hidden}.donut-bar-fill{border-radius:4px;height:100%;transition:width .6s}.joiners-list{flex-direction:column;gap:14px;display:flex}.joiner-item{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.joiner-item:hover{background:var(--bg-main)}.joiner-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.joiner-info{flex:1;overflow:hidden}.joiner-name{color:var(--text-main);font-size:13.5px;font-weight:600}.joiner-role{color:var(--text-muted);margin-top:1px;font-size:12px}.new-badge{color:#3d8a12;background:#f1f9ee;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.bottom-row{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:20px;display:grid}.bottom-row .card{flex-direction:column;height:100%;display:flex}.quick-actions-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-action-btn{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.quick-action-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.quick-action-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;display:flex}.reminder-list{flex-direction:column;gap:12px;display:flex}.reminder-item{border-radius:var(--radius-sm);background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.reminder-item:hover{border-color:var(--primary)}.reminder-check{border:2px solid var(--border-mid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .2s;display:flex}.reminder-check.done{background:var(--primary);border-color:var(--primary);color:#fff}.reminder-text{color:var(--text-main);flex:1;font-size:13px;font-weight:500}.reminder-due{color:var(--text-light);margin-top:2px;font-size:11px}.dash-dept-list{flex-direction:column;gap:12px;display:flex}.dash-dept-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.dash-dept-item:hover{background:var(--bg-main);border-color:var(--border-color)}.dash-dept-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.dash-dept-info{flex:1;min-width:0}.dash-dept-name{color:var(--text-main);margin-bottom:6px;font-size:14px;font-weight:700}.dash-dept-progress-wrap{align-items:center;gap:10px;display:flex}.dash-dept-progress-bar{background:var(--border-color);border-radius:99px;flex:1;height:6px;overflow:hidden}.dash-dept-progress-fill{border-radius:99px;height:100%;transition:width .6s}.dash-dept-pct{color:var(--text-muted);width:28px;font-size:11px;font-weight:700}.dash-dept-count{text-align:right;flex-shrink:0}.count-val{color:var(--text-main);font-size:16px;font-weight:800;line-height:1}.count-lbl{color:var(--text-light);text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:700}.ne-page{background:var(--bg-main);flex-direction:column;flex:1;gap:24px;padding:28px 32px 48px;display:flex;overflow-y:auto}.ne-page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.ne-breadcrumb{color:var(--text-light);align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;display:flex}.ne-breadcrumb-link{cursor:pointer;color:var(--primary-dark);font-weight:500;transition:opacity .2s}.ne-breadcrumb-link:hover{opacity:.75}.ne-page-title{color:var(--text-main);margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.2}.ne-page-sub{color:var(--text-muted);margin:0;font-size:13px}.ne-cancel-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-mid);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ne-cancel-btn:hover{border-color:var(--red);color:var(--red);background:#fee2e2}.ne-success-banner{border-radius:var(--radius-md);color:#3d8a12;background:#f1f9ee;border:1px solid #6ee7b7;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ne-slide-in;display:flex}@keyframes ne-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ne-form{flex-direction:column;gap:20px;display:flex}.ne-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.ne-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;display:flex}.ne-section-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ne-section-title{color:var(--text-main);font-size:14.5px;font-weight:700}.ne-grid-1{grid-template-columns:1fr;gap:18px;display:grid}.ne-grid-2{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.ne-grid-3{grid-template-columns:1fr 1fr 1fr;gap:18px 24px;display:grid}.ne-label{color:var(--text-muted);letter-spacing:.2px;font-size:12.5px;font-weight:600}.ne-required{color:#fc8181;margin-left:3px}.ne-input-icon{color:var(--text-light);pointer-events:none;flex-shrink:0;position:absolute;left:13px}.ne-input{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg-main);width:100%;height:42px;color:var(--text-main);box-sizing:border-box;outline:none;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.ne-input::placeholder{color:var(--text-light)}.ne-select{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg-main);width:100%;height:42px;color:var(--text-main);appearance:none;cursor:pointer;box-sizing:border-box;outline:none;padding:0 36px 0 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.ne-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ne-select-icon{color:var(--text-light);pointer-events:none;flex-shrink:0;position:absolute;right:12px}.ne-actions{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.ne-btn-primary{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.ne-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #48bb7859}.ne-btn-secondary{border-radius:var(--radius-sm);border:1.5px solid var(--border-mid);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ne-btn-secondary:hover{border-color:var(--text-muted);color:var(--text-main);background:var(--border-color)}.ne-btn-ghost{border-radius:var(--radius-sm);border:1.5px dashed var(--border-mid);color:var(--text-light);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ne-btn-ghost:hover{color:#991b1b;background:#fee2e2;border-color:#fc8181}.coming-soon-wrap{background:var(--bg-main);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:60px 28px;display:flex}.coming-soon-icon{background:var(--bg-card);border:1.5px solid var(--border-color);width:88px;height:88px;box-shadow:var(--shadow-md);color:var(--primary);border-radius:24px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.coming-soon-title{color:var(--text-main);margin:0;font-size:22px;font-weight:800}.coming-soon-sub{color:var(--text-muted);max-width:340px;margin:0 0 8px;font-size:14px;line-height:1.6}.leaflet-popup-content-wrapper{overflow:hidden;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:0!important;box-shadow:0 8px 24px #00000021!important}.leaflet-popup-content{width:auto!important;margin:0!important}.leaflet-popup-tip-container{display:none}.map-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.map-card-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px 14px;display:flex}.map-card-title{color:var(--text-main);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.map-card-sub{color:var(--text-muted);margin-top:3px;font-size:12px}.map-live-dot{background:#4caa17;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.6s ease-in-out infinite map-pulse;display:inline-block;box-shadow:0 0 #48bb7899}@keyframes map-pulse{0%{box-shadow:0 0 #48bb7899}60%{box-shadow:0 0 0 8px #48bb7800}to{box-shadow:0 0 #48bb7800}}.map-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-filter-pill{border:1.5px solid var(--border-mid);background:var(--bg-main);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.map-filter-pill.active{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-light)}.pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.map-body{grid-template-columns:1fr 260px;height:420px;display:grid}.map-container-wrap{position:relative;overflow:hidden}.map-container-wrap .leaflet-container{background:var(--bg-main);width:100%;height:100%}.map-count-badge{z-index:999;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px}.map-emp-list{border-left:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;display:flex}.map-list-title{color:var(--text-muted);letter-spacing:.3px;border-bottom:1px solid var(--border-color);text-transform:uppercase;padding:14px 16px 10px;font-size:12.5px;font-weight:700}.map-list-scroll{flex:1;overflow-y:auto}.map-emp-item{cursor:pointer;border-bottom:1px solid var(--border-color);border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 14px;transition:background .18s;display:flex}.map-emp-item:hover{background:var(--bg-main)}.map-emp-item.selected{background:var(--bg-main);border-left-color:var(--primary)}.map-emp-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.map-emp-info{flex:1;min-width:0}.map-emp-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.map-emp-site{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.map-emp-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.mp-inner{background:var(--bg-card);align-items:flex-start;gap:12px;min-width:210px;padding:14px 16px;display:flex}.mp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.mp-name{color:var(--text-main);font-size:13.5px;font-weight:700}.mp-role{color:var(--text-muted);margin-top:2px;font-size:11.5px}.mp-site{color:var(--text-muted);margin-top:5px;font-size:11px}.mp-status{margin-top:4px;font-size:11.5px;font-weight:600}.compact-map-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.compact-map-card .card-header{margin-bottom:0;padding:16px 18px 12px}.compact-map-wrap{flex:1;height:220px;min-height:0;position:relative;overflow:hidden}.compact-map-wrap .leaflet-container{width:100%;height:100%}.cmap-emp-row{border-top:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.cmap-emp-chip{border:1.5px solid var(--border-mid);background:var(--bg-main);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 8px 4px 4px;font-family:inherit;transition:all .18s;display:flex}.cmap-emp-chip:hover{border-color:var(--primary);background:var(--primary-light)}.cmap-emp-chip.selected{border-width:1.5px}.cmap-chip-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.cmap-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cmap-badge{border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.dept-view-container{flex-direction:column;flex:1;gap:24px;padding:28px 32px 48px;display:flex;overflow-y:auto}.dept-breadcrumb{color:var(--text-light);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb-item.link{cursor:pointer;transition:color .2s}.breadcrumb-item.link:hover{color:var(--primary);text-decoration:underline}.breadcrumb-item.active{color:var(--text-main);font-weight:600}.dept-view-title{color:var(--text-main);letter-spacing:-.5px;font-size:26px;font-weight:800}.dept-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border-color);align-items:center;gap:16px;padding:24px;transition:all .24s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000008}.dept-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.dept-card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dept-card-info{flex:1}.dept-card-name{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.dept-card-count{color:var(--text-muted);font-size:14px}.dept-card-arrow{color:var(--text-light);transition:transform .2s}.dept-card:hover .dept-card-arrow{color:var(--primary);transform:translate(4px)}.dept-details-wrap{flex-direction:column;gap:20px;display:flex}.dept-controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.dept-search{background:var(--bg-card);border:1px solid var(--border-mid);max-width:400px;height:44px;color:var(--text-light);border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 16px;transition:all .2s;display:flex}.dept-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);color:var(--primary)}.dept-search input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:14px}.dept-back-btn{background:var(--bg-card);border:1px solid var(--border-mid);height:44px;color:var(--text-main);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dept-back-btn:hover{background:var(--bg-main);border-color:var(--border-color)}.dept-emp-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.dept-emp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.dept-emp-card:hover{border-color:var(--border-mid);box-shadow:0 4px 12px #0000000a}.dept-emp-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex}.dept-emp-body{flex:1;min-width:0}.dept-emp-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.dept-emp-role{color:var(--text-muted);margin-top:2px;font-size:12.5px}.dept-emp-email{color:var(--text-light);margin-top:4px;font-size:11px}.dept-no-results{text-align:center;background:var(--bg-card);border:1px dashed var(--border-mid);color:var(--text-muted);border-radius:16px;grid-column:1/-1;padding:48px}.emp-list-page{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 32px;display:flex;overflow-y:auto}.emp-list-header{flex-direction:column;gap:16px;display:flex}.emp-list-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.emp-table-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex:1;min-height:0;overflow:auto}.emp-table{border-collapse:collapse;text-align:left;width:100%}.emp-table th{background:var(--bg-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:16px 20px;font-size:12px;font-weight:700}.emp-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 20px}.emp-table tr:last-child td{border-bottom:none}.emp-table tr:hover{background:var(--bg-main)}.emp-table-user{align-items:center;gap:12px;display:flex}.emp-table-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.emp-table-name{color:var(--text-main);font-size:14px;font-weight:700}.emp-table-id{color:var(--text-light);margin-top:1px;font-size:11px}.emp-table-dept{color:var(--text-main);font-size:13px;font-weight:600}.emp-table-role{color:var(--text-muted);margin-top:2px;font-size:12px}.emp-table-email{color:var(--text-muted);font-size:13px}.emp-table-btn{border:1px solid var(--border-mid);color:var(--text-main);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.emp-table-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.stepper-container{gap:24px;max-width:1200px;margin:0 auto;padding:24px 28px;display:flex}.stepper-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:300px;height:fit-content;box-shadow:var(--shadow-sm);padding:24px}.step-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:16px;margin-bottom:8px;padding:16px;transition:all .2s;display:flex}.step-item.active{background:#f0fdf4;border-color:#dcfce7}.step-item.completed .step-icon{color:#94a3b8;background:#f1f5f9}.step-icon{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;display:flex}.step-item.active .step-icon{color:#fff;background:#10b981}.step-info{flex-direction:column;display:flex}.step-number{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.step-title{color:var(--text-main);font-size:13.5px;font-weight:700}.step-item.active .step-title{color:#065f46}.stepper-content-wrap{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.stepper-content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.form-header{margin-bottom:28px}.form-title{color:var(--text-main);font-size:20px;font-weight:700}.form-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-grid-full{grid-column:1/-1}.form-section-divider{border-bottom:1px solid var(--border-color);grid-column:1/-1;margin-top:12px;margin-bottom:8px;padding-bottom:8px}.form-section-title{color:var(--text-main);font-size:17px;font-weight:700}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-main);font-size:13px;font-weight:600}.form-label .required{color:#ef4444;margin-left:2px}.btn-next:hover{background:#059669;transform:translateY(-1px)}.label-plus-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.label-plus-btn:hover{background:#059669;transform:scale(1.1)}.roles-page{flex-direction:column;flex:1;gap:24px;padding:24px 28px;display:flex;overflow:hidden}.roles-header{flex-direction:column;gap:12px;display:flex}.roles-title-row{justify-content:space-between;align-items:center;display:flex}.roles-content-layout{flex:1;grid-template-columns:320px 1fr;gap:24px;min-height:0;display:grid}.roles-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.roles-search-wrap{border-bottom:1px solid var(--border-color);background:var(--bg-main);align-items:center;gap:10px;padding:16px;display:flex}.roles-search-wrap input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.dept-search{background:#f1f5f9;border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex}.dept-search svg{color:var(--primary)}.dept-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.roles-list{flex:1;padding:8px;overflow-y:auto}.role-item{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:4px;padding:14px 16px;transition:all .2s;display:flex}.role-item:hover{background:var(--bg-main)}.role-item.active{background:var(--primary-light);border-left:3px solid var(--primary)}.role-item-header{align-items:center;gap:12px;display:flex}.role-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.role-name{color:var(--text-main);font-size:14px;font-weight:700}.role-item-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.permissions-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.permissions-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:24px;display:flex}.role-info-header{align-items:center;gap:16px;display:flex}.role-avatar-lg{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.active-role-name{color:var(--text-main);font-size:18px;font-weight:700}.active-role-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.permissions-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-main);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.perm-search{color:var(--text-light);flex:1;align-items:center;gap:8px;display:flex}.perm-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13px}.perm-stats{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-mid);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.permissions-scroll-area{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow-y:auto}.permission-category{flex-direction:column;gap:16px;display:flex}.category-header{border-bottom:1px solid var(--border-mid);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.category-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.category-toggle-all{color:var(--primary);cursor:pointer;font-size:11px;font-weight:600}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.permission-card{border-radius:var(--radius-md);border:1px solid var(--border-mid);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.permission-card:hover{border-color:var(--primary);background:var(--bg-main)}.perm-info{flex:1}.perm-name{color:var(--text-main);font-size:13.5px;font-weight:600}.perm-desc{color:var(--text-muted);margin-top:4px;font-size:11.5px;line-height:1.4}.ne-switch{cursor:pointer;background:#cbd5e1;border-radius:999px;flex-shrink:0;width:36px;height:20px;padding:3px;transition:all .3s;position:relative}.ne-switch.on{background:var(--primary)}.ne-switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ne-switch.on .ne-switch-thumb{transform:translate(16px)}.profile-page{flex-direction:column;flex:1;gap:24px;padding:24px 28px;display:flex;overflow-y:auto}.profile-card-main{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.profile-cover{background:linear-gradient(135deg, var(--primary), var(--primary-dark));opacity:.8;height:120px}.profile-info-wrap{align-items:flex-end;gap:24px;margin-top:-40px;padding:0 32px 24px;display:flex}.profile-avatar-xl{border:4px solid var(--bg-card);width:100px;height:100px;color:var(--primary);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex}.profile-main-meta{flex:1;padding-bottom:8px}.profile-user-name{color:var(--text-main);font-size:24px;font-weight:800}.profile-user-role{color:var(--text-muted);font-size:14px;font-weight:600}.profile-user-badges{gap:12px;margin-top:8px;display:flex}.p-badge{color:var(--text-light);align-items:center;gap:6px;font-size:12px;display:flex}.profile-stats-row{border-top:1px solid var(--border-color);gap:48px;padding:24px 32px;display:flex}.p-stat-item{align-items:center;gap:12px;display:flex}.p-stat-icon{background:var(--bg-main);width:36px;height:36px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.p-stat-val{color:var(--text-main);font-size:18px;font-weight:700}.p-stat-lbl{color:var(--text-muted);font-size:12px}.profile-grid{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}.profile-card-sec{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.p-card-title{color:var(--text-main);margin-bottom:16px;font-size:16px;font-weight:700}.p-card-text{color:var(--text-muted);font-size:14px;line-height:1.6}.p-contact-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.p-contact-item{color:var(--text-muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.p-activity-list{flex-direction:column;gap:16px;display:flex}.p-activity-item{align-items:center;gap:12px;display:flex;position:relative}.p-activity-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.p-activity-text{color:var(--text-main);flex:1;font-size:13.5px}.p-activity-time{color:var(--text-light);font-size:11px}.simple-roles-page{background:var(--bg-main);flex:1;justify-content:center;padding:40px 28px;display:flex;overflow-y:auto}.simple-roles-container{flex-direction:column;gap:32px;width:100%;max-width:800px;display:flex}.s-roles-header{text-align:center}.s-roles-title{color:var(--text-main);letter-spacing:-.5px;font-size:28px;font-weight:800}.s-roles-sub{color:var(--text-muted);margin-top:6px;font-size:14px}.s-role-selector{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;gap:12px;padding:8px;display:flex}.s-role-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.s-role-tab:hover{background:var(--bg-main);color:var(--text-main)}.s-role-tab.active{background:var(--role-color);color:#fff;box-shadow:0 4px 12px #0000001a}.s-permissions-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:20px;overflow:hidden}.s-card-header{border-bottom:1px solid var(--border-color);background:#fff6;align-items:center;gap:18px;padding:24px 32px;display:flex}.s-role-indicator{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.s-active-role{color:var(--text-main);font-size:18px;font-weight:700}.s-active-desc{color:var(--text-muted);margin-top:2px;font-size:12.5px}.s-perms-list{flex-direction:column;gap:32px;padding:32px;display:flex}.s-perm-group{flex-direction:column;gap:14px;display:flex}.s-group-title{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.s-group-content{grid-template-columns:1fr 1fr;gap:12px;display:grid}.s-perm-item{background:var(--bg-main);border:1px solid var(--border-mid);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.s-perm-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}.s-perm-name{color:var(--text-main);font-size:14px;font-weight:600}.proper-roles-page{background:var(--bg-main);flex:1;grid-template-columns:280px 1fr;display:grid;overflow:hidden}.proper-roles-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;display:flex}.ps-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.ps-title{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.ps-add-btn{background:var(--primary-light);width:28px;height:28px;color:var(--primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ps-add-btn:hover{background:var(--primary);color:#fff}.ps-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.ps-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.ps-item:hover{background:var(--bg-main)}.ps-item.active{border-color:var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.ps-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ps-item-info{min-width:0}.ps-item-name{color:var(--text-main);font-size:14px;font-weight:700}.ps-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.proper-roles-content{flex-direction:column;display:flex;overflow:hidden}.pc-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.pc-title{color:var(--text-main);font-size:20px;font-weight:800}.pc-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.pc-actions{gap:12px;display:flex}.pc-matrix-wrap{flex:1;padding:32px;overflow-y:auto}.pc-matrix{border-collapse:separate;border-spacing:0 8px;width:100%}.pc-matrix th{text-align:center;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:11px;font-weight:700}.pc-matrix th.th-module{text-align:left;padding-left:0}.pc-matrix td{background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center;padding:16px}.pc-matrix tr td:first-child{border-left:1px solid var(--border-color);text-align:left;border-top-left-radius:12px;border-bottom-left-radius:12px}.pc-matrix tr td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:12px;border-bottom-right-radius:12px}.td-module{min-width:240px}.module-info{align-items:center;gap:12px;display:flex}.module-icon{background:var(--bg-main);width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.module-name{color:var(--text-main);font-size:14px;font-weight:600}.action-checkbox{border:2px solid var(--border-mid);cursor:pointer;color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto;transition:all .2s;display:flex}.action-checkbox:hover{border-color:var(--action-color)}.action-checkbox.checked{background:var(--action-color);border-color:var(--action-color)}.td-toggle{width:100px}.pc-footer-hint{border-top:1px solid var(--border-color);background:#f8fafc;align-items:center;gap:12px;padding:16px 32px;display:flex}.hint-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.pc-footer-hint p{color:#4b5563;font-size:13px}.pc-footer-hint strong{color:var(--text-main)}.saas-roles-page{background:#f8fafc;flex-direction:column;flex:1;gap:32px;padding:32px 40px;display:flex;overflow-y:auto}.saas-header{justify-content:space-between;align-items:center;display:flex}.sh-title{color:#1e293b;letter-spacing:-.5px;font-size:26px;font-weight:800}.sh-subtitle{color:#64748b;margin-top:4px;font-size:14px}.sh-actions{gap:12px;display:flex}.sh-btn-ghost{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sh-btn-ghost:hover{color:#1e293b;background:#f1f5f9}.sh-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.sh-btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.saas-role-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.saas-role-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.saas-role-card:hover{border-color:#4f46e5;transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.saas-role-card.active{background:#f5f3ff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.src-header{justify-content:space-between;align-items:center;display:flex}.src-icon{border-radius:14px;width:48px;height:48px}.src-tier{text-transform:uppercase;color:#6366f1;background:#eef2ff;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700}.src-name{color:#1e293b;font-size:18px;font-weight:700}.src-desc{color:#64748b;flex:1;font-size:13px;line-height:1.5}.src-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.src-members{color:#64748b;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.avatar-group{margin-left:4px;display:flex}.mini-avatar{background:#cbd5e1;border:2px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-8px}.mini-avatar.more{color:#64748b;background:#f1f5f9;justify-content:center;align-items:center;font-size:9px;display:flex}.src-arrow{color:#cbd5e1;transition:transform .2s}.saas-role-card:hover .src-arrow{color:#4f46e5;transform:translate(4px)}.saas-detail-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px #00000005}.sdp-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.sdp-tabs{gap:32px;height:100%;display:flex}.sdp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;height:100%;font-size:14px;font-weight:600;transition:all .2s;position:relative}.sdp-tab:hover{color:#1e293b}.sdp-tab.active{color:#4f46e5}.sdp-tab.active:after{content:"";background:#4f46e5;border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:0;left:0}.sdp-content{padding:32px}.saas-perm-list{flex-direction:column;gap:40px;display:flex}.spl-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.spl-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.spl-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.spl-item:hover{background:#f1f5f9;border-color:#cbd5e1}.spl-item.enabled{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e50d}.spl-item-name{color:#1e293b;font-size:14px;font-weight:700}.spl-item-desc{color:#64748b;margin-top:4px;font-size:12px}.saas-member-list .empty-state{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px;display:flex}.dash-roles-page{background:var(--bg-main);flex-direction:column;flex:1;gap:24px;padding:24px 28px 40px;display:flex;overflow-y:auto}.dash-roles-header{flex-direction:column;gap:12px;display:flex}.dash-roles-title-row{justify-content:space-between;align-items:center;display:flex}.dash-roles-layout{flex:1;grid-template-columns:320px 1fr;gap:24px;min-height:0;display:grid}.dash-roles-list-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.role-list-header{color:var(--text-main);border-bottom:1px solid var(--border-color);padding:20px 24px;font-size:15px;font-weight:700}.role-list-scroll{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.role-list-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.role-list-item:hover{background:var(--bg-main)}.role-list-item.active{background:var(--primary-light);border-color:var(--border-mid)}.role-item-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.role-item-body{flex:1;min-width:0}.role-item-name{color:var(--text-main);font-size:14px;font-weight:700}.role-item-count{color:var(--text-muted);margin-top:2px;font-size:11.5px}.role-active-arrow{color:var(--primary)}.dash-permissions-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.perm-card-header{border-bottom:1px solid var(--border-color);background:#ffffff4d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.perm-active-role{align-items:center;gap:16px;display:flex}.role-dot-lg{width:12px;height:12px;box-shadow:0 0 0 4px var(--bg-main);border-radius:50%}.perm-role-name{color:var(--text-main);font-size:18px;font-weight:700}.perm-role-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.perm-card-actions{gap:12px;display:flex}.perm-matrix-wrap{flex:1;padding:32px;overflow-y:auto}.dash-perm-table{border-collapse:separate;border-spacing:0 12px;width:100%}.dash-perm-table th{text-align:center;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;padding:12px 16px;font-size:11.5px;font-weight:700}.dash-perm-table th:first-child{text-align:left}.dash-perm-table td{background:var(--bg-main);text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:16px}.dash-perm-table tr td:first-child{border-left:1px solid var(--border-color);border-top-left-radius:12px;border-bottom-left-radius:12px}.dash-perm-table tr td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:12px;border-bottom-right-radius:12px}.mod-cell{align-items:center;gap:14px;display:flex}.mod-icon-mini{background:var(--bg-card);width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;display:flex}.mod-name-text{color:var(--text-main);font-size:14.5px;font-weight:600}.perm-check{border:2px solid var(--border-mid);background:var(--bg-card);cursor:pointer;color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;margin:0 auto;transition:all .2s;display:flex}.perm-check:hover{border-color:var(--primary)}.perm-check.checked{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 8px #4caa1733}.cal-day.permission{font-weight:700;color:#9f7aea!important;background:#e9d8fd!important}.dept-view-container{background:var(--bg-main);flex-direction:column;flex:1;gap:24px;padding:24px 28px 40px;display:flex;overflow-y:auto}.dept-view-header{flex-direction:column;gap:12px;display:flex}.dept-title-row{justify-content:space-between;align-items:center;display:flex}.dept-header-actions{gap:12px;display:flex}.dept-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dept-stat-mini{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:20px}.dsm-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.dsm-value{color:var(--text-main);font-size:24px;font-weight:800}.dept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.proper-dept-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;transition:all .2s;display:flex}.proper-dept-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pdc-header{justify-content:space-between;align-items:center;display:flex}.pdc-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pdc-badge{background:var(--primary-light);color:var(--primary);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.pdc-name{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.pdc-manager{color:var(--text-muted);font-size:13px}.pdc-manager strong{color:var(--text-main)}.pdc-meta{gap:16px;margin-top:12px;display:flex}.pdc-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.pdc-footer{border-top:1px solid var(--border-color);padding-top:16px}.pdc-view-btn{border:1.5px solid var(--border-mid);width:100%;color:var(--text-main);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pdc-view-btn:hover{background:var(--bg-main);border-color:var(--text-main)}.dept-controls-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dept-filter-count{color:var(--text-muted);font-size:13px;font-weight:600}.dept-emp-list-grid{flex-direction:column;gap:12px;margin-top:8px;display:flex}.dept-emp-card-proper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;padding:16px 24px;transition:all .2s;display:grid}.dept-emp-card-proper:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm);transform:translate(4px)}.decp-avatar{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.decp-name{color:var(--text-main);font-size:15px;font-weight:700}.decp-role{color:var(--text-muted);margin-top:2px;font-size:12px}.decp-email{color:var(--text-muted);font-size:13px}.decp-action-btn{width:32px;height:32px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;transition:all .2s}.decp-action-btn:hover{background:var(--bg-main);color:var(--text-main)}.dept-no-results-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-mid);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px;display:flex}.login-page{background:var(--bg-main);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:420px;padding:48px;box-shadow:0 20px 40px -10px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:8px;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-muted);font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.ne-field{flex-direction:column;gap:8px;display:flex}.ne-label{color:var(--text-muted);font-size:13px;font-weight:600}.ne-input-wrap{align-items:center;display:flex;position:relative}.ne-input-icon{color:var(--text-light);position:absolute;left:14px}.ne-input{border-radius:var(--radius-md);border:1px solid var(--border-mid);background:#fff;outline:none;width:100%;height:44px;padding:10px 14px;font-size:14px;transition:all .2s}.ne-input.has-icon{padding-left:44px}.ne-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.login-error{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);text-align:center;border:1px solid #ef44441a;padding:12px;font-size:13px;font-weight:500}.login-options{justify-content:space-between;align-items:center;font-size:13px;display:flex}.login-remember{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.login-forgot{color:var(--primary);font-weight:600;text-decoration:none}.login-footer{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.login-footer a{color:var(--primary);font-weight:600;text-decoration:none}.coming-soon-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:60px;display:flex}.coming-soon-icon{background:var(--primary-light);width:80px;height:80px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.coming-soon-title{color:var(--text-main);margin-bottom:12px;font-size:24px;font-weight:700}.announcement-content{flex-direction:column;gap:20px;margin-top:24px;display:flex}.announcement-filters{align-items:center;gap:16px;display:flex}.announcement-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.announcement-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex;position:relative}.announcement-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-mid);transform:translateY(-4px)}.announcement-card.high{border-left:4px solid #fc8181}.announcement-card.medium{border-left:4px solid #ecc94b}.announcement-card.low{border-left:4px solid #4caa17}.a-card-header{justify-content:space-between;align-items:center;display:flex}.a-category-tag{color:var(--primary-dark);background:var(--primary-light);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.a-new-badge{color:#fff;background:#fc8181;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700}.a-more-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;margin-left:auto}.a-title{color:var(--text-main);font-size:18px;font-weight:700;line-height:1.4}.a-content{color:var(--text-muted);flex:1;font-size:14px;line-height:1.6}.a-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.a-meta{gap:16px;display:flex}.a-meta-item{color:var(--text-light);align-items:center;gap:6px;font-size:12px;display:flex}.a-priority{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.a-priority.high{color:#991b1b;background:#fee2e2}.a-priority.medium{color:#92400e;background:#fef3c7}.a-priority.low{color:#065f46;background:#d1fae5}.priority-toggle-group{gap:8px;display:flex}.p-toggle-btn{border:1px solid var(--border-mid);background:var(--bg-main);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.p-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.topbar-btn-wrap{position:relative}.notif-dropdown{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);z-index:1000;width:320px;animation:.2s ease-out notif-slide-up;position:absolute;top:130%;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes notif-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notif-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-header h3{color:var(--text-main);font-size:15px;font-weight:700}.notif-mark-read{color:var(--primary);cursor:pointer;font-size:12px;font-weight:600}.notif-list{max-height:380px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:16px 20px;transition:background .2s;display:flex}.notif-item.unread{background:#4aaa1708}.notif-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-icon-circle.announcement{color:#9f7aea;background:#e9d8fd}.notif-icon-circle.payroll{color:#4caa17;background:#f1f9ee}.notif-icon-circle.leave{color:#4299e1;background:#bee3f8}.notif-icon-circle.permission{color:#d69e2e;background:#fef3c7}.notif-body{flex:1}.notif-item-title{color:var(--text-main);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-time{color:var(--text-light);font-size:11px}.notif-unread-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;margin-top:6px}.notif-footer{text-align:center;color:var(--text-muted);background:var(--bg-main);cursor:pointer;padding:12px;font-size:13px;font-weight:600}.notif-footer:hover{color:var(--primary)}.payslip-container{background:#fff;padding:10px}.payslip-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:30px;display:flex}.ps-brand{align-items:center;gap:12px;display:flex}.ps-info-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}.ps-info-block label{color:var(--text-light);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.ps-info-block div{color:var(--text-main);font-size:15px;font-weight:600}.ps-table-wrap{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.ps-table{border-collapse:collapse;width:100%}.ps-table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:10px 0;font-size:12px}.ps-table td{color:var(--text-main);padding:12px 0;font-size:13px}.ps-total{border-top:1px solid var(--border-color);font-weight:700}.ps-summary{background:var(--bg-main);border-radius:var(--radius-md);margin-top:20px;padding:24px}.ps-summary-item{justify-content:space-between;align-items:center;display:flex}.ps-summary-item span{color:var(--text-muted);font-size:14px;font-weight:600}.ps-summary-item strong{color:var(--primary);font-size:24px}.attendance-tabs-wrap{margin-top:30px}.attendance-tabs{border-bottom:1px solid var(--border-color);gap:32px;margin-bottom:24px;display:flex}.att-tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 4px;font-size:14px;font-weight:600;display:flex;position:relative}.att-tab.active{color:var(--primary)}.att-tab.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.att-tab-badge{color:#fff;background:#fc8181;border-radius:999px;padding:2px 6px;font-size:10px}.requests-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .2s}.request-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-mid);transform:translateY(-2px)}.req-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.req-body{margin-bottom:20px}.req-info{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.req-actions{gap:12px;display:flex}.req-btn{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.req-btn.approve{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary-light)}.req-btn.approve:hover{background:var(--primary);color:#fff}.req-btn.reject{color:#c53030;background:#fff5f5;border:1px solid #fff5f5}.req-btn.reject:hover{color:#fff;background:#fc8181}.text-btn{color:var(--primary);cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0}.text-btn:hover{text-decoration:underline}.text-btn-sm{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.text-btn-with-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:color .2s;display:flex}.text-btn-with-icon:hover{color:var(--primary)}.auth-success-state{text-align:center;flex-direction:column;align-items:center;display:flex}.success-icon-wrap{background:#f1f9ee;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.auth-features{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:max-content;max-width:calc(100vw - 32px);padding:0 16px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.auth-feature-item{color:var(--text-light);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.auth-feature-item svg{flex-shrink:0}.pass-toggle-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pass-toggle-btn:hover{color:var(--text-main);background:var(--bg-main)}.ne-btn-primary.loading{opacity:.8;cursor:not-allowed;position:relative}.ne-btn-primary.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-left:10px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.emp-list-actions{align-items:center;gap:12px;display:flex}.export-btn{cursor:pointer;border:1px solid var(--border-mid);background:var(--bg-card);color:var(--text-main);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.export-btn:hover{background:var(--bg-main);border-color:var(--text-main);transform:translateY(-1px)}.export-btn.pdf{color:#e53e3e}.export-btn.excel{color:#38a169}.export-btn svg{flex-shrink:0}.notification-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.notification-toast{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:14px 18px;animation:.4s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #00000026,0 8px 12px -6px #0000001a}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-toast.success{color:#4caa17;border-left:4px solid #4caa17}.notification-toast.error{color:#fc8181;border-left:4px solid #fc8181}.notification-toast.warning{color:#ecc94b;border-left:4px solid #ecc94b}.notification-toast.info{color:#4299e1;border-left:4px solid #4299e1}.notif-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-message{color:var(--text-main);flex:1;font-size:13.5px;font-weight:600;line-height:1.4}.notif-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notif-close:hover{background:var(--bg-main);color:var(--text-main)}.notification-toast:after{content:"";opacity:.15;background:currentColor;width:100%;height:2px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{width:100%}to{width:0%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-title{color:var(--text-main);font-size:18px;font-weight:700}.modal-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.modal-close-btn:hover{background:var(--bg-main);color:var(--text-main)}.modal-body{padding:28px}.modal-footer{background:var(--bg-main);border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#0f172a66;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-card{background:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;width:100%;max-width:480px;height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-10px 0 30px #0000001a}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.drawer-body{flex:1;padding:30px;overflow-y:auto}.drawer-footer{background:var(--bg-main);border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:24px 30px;display:flex}.profile-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:12px;width:240px;animation:.2s ease-out dropdownFade;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.p-drop-header{border-bottom:1px solid var(--border-color);align-items:center;padding:16px 20px;display:flex}.p-drop-list{padding:8px 0}.p-drop-item{cursor:pointer;align-items:center;gap:12px;padding:10px 20px;transition:all .2s;display:flex}.p-drop-item span{color:var(--text-main);font-size:13.5px;font-weight:600}.p-drop-item svg{color:var(--text-light);transition:color .2s}.p-drop-item:hover{background:var(--bg-main)}.p-drop-item:hover svg{color:var(--primary)}.p-drop-footer{border-top:1px solid var(--border-color);padding:8px 0}.p-drop-item.logout,.p-drop-item.logout span,.p-drop-item.logout svg{color:#fc8181}.p-drop-item.logout:hover{background:#fff5f5}.map-search-inline{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;height:32px;margin-right:8px;padding:6px 12px;animation:.3s slideInRight;display:flex}.map-search-inline input{color:var(--text-main);background:0 0;border:none;outline:none;width:140px;font-size:13px}.ms-icon{color:var(--text-light)}.ms-close{color:var(--text-light);cursor:pointer}.ms-close:hover{color:var(--red)}.cmap-badge{border-radius:999px;align-items:center;gap:4px;margin-left:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.map-search-bar{border:1.5px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:10px 18px;transition:all .2s;display:flex}.map-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #43a0471a}.map-search-bar input{border:none;outline:none;width:100%;font-size:14px}.reports-layout{height:calc(100vh - 200px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.icon-btn-small{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn-small:hover{background:var(--bg-light);color:var(--primary);border-color:var(--primary-light)}.notif-item{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.notif-item:hover{background:var(--bg-light)!important}.notif-item.unread{border-left:3px solid var(--primary);background:var(--primary-light)!important}.notif-item.unread .notif-item-title{color:var(--primary-dark);font-weight:700}.reports-main div::-webkit-scrollbar{width:6px}.reports-main div::-webkit-scrollbar-track{background:0 0}.reports-main div::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:10px}.reports-main div::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.quick-actions-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:8px;display:grid}.quick-action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.quick-action-card:hover{border-color:var(--primary);background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.qa-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.quick-action-card:hover .qa-icon-wrap{transform:scale(1.1)rotate(-5deg)}.qa-info{flex-direction:column;display:flex}.qa-title{color:var(--text-main);font-size:13.5px;font-weight:700}.qa-subtitle{color:var(--text-light);margin-top:1px;font-size:11px}.emp-filter-bar{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:20px;margin-top:20px;padding:14px 20px;display:flex;box-shadow:0 2px 8px #00000005}.filter-group{border-right:1px solid var(--border-color);align-items:center;gap:8px;padding-right:16px;display:flex}.filter-icon{color:var(--primary)}.filter-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.filter-inputs{flex:1;align-items:center;gap:12px;display:flex}.filter-item{position:relative}.filter-input-small{border:1.5px solid var(--border-mid);height:36px;color:var(--text-main);background:var(--bg-main);border-radius:8px;outline:none;width:140px;padding:0 12px;font-size:13px;transition:all .2s}.filter-input-small:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.filter-select{border:1.5px solid var(--border-mid);height:36px;color:var(--text-main);background:var(--bg-main);cursor:pointer;border-radius:8px;outline:none;min-width:160px;padding:0 12px;font-size:13px;transition:all .2s}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.clear-filter-btn{color:var(--red);cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.clear-filter-btn:hover{background:#fee2e2;transform:translateY(-1px)}.filter-stats{color:var(--text-muted);font-size:13px}.filter-stats strong{color:var(--primary-dark)}.attendance-stat-card.stat-card{gap:12px;padding:16px 20px}.attendance-stat-card .stat-value{font-size:24px;font-weight:800}.attendance-stat-card .stat-label{margin-top:2px;font-size:11px}.attendance-stat-card .stat-icon-wrap{width:36px;height:36px}.attendance-stat-card .stat-icon-wrap svg{width:18px;height:18px}.attendance-stat-card.stat-card.active-filter{border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 12px #4caa171f}.ne-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeInOverlay;display:flex;position:fixed;inset:0}.ne-modal-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.ne-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ne-modal-title{color:var(--text-main);font-size:18px;font-weight:700}.ne-modal-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s,color .2s}.ne-modal-close:hover{color:#ef4444;background:#fee2e2}.ne-modal-body{padding:24px}.ne-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-next{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.form-input.error{background-color:#fff5f5!important;border-color:#ef4444!important}.form-input.error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.error-text{color:#ef4444;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:500;display:flex}.validation-alert{color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-input{border:1px solid var(--border-mid);width:100%;color:var(--text-main);background:var(--bg-card);border-radius:8px;outline:none;padding:11px 14px;font-size:13.5px;transition:all .2s}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}select.form-input{size:1;scroll-margin-bottom:360px}.stepper-page .step-content{padding-bottom:360px}.password-toggle{color:#94a3b8;cursor:pointer;align-items:center;display:flex;position:absolute;right:12px}.stepper-footer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-top:24px;padding:20px 32px;display:flex}.form-input-container{align-items:center;width:100%;display:flex;position:relative}.review-summary-grid{text-align:left;flex-direction:column;gap:24px;margin-top:32px;display:flex}.review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.review-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed #cbd5e1;margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:700}.review-row{justify-content:space-between;padding:8px 0;display:flex}.review-label{color:#64748b;font-size:13.5px;font-weight:600}.review-value{color:var(--text-main);font-size:13.5px;font-weight:700}.success-view{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;animation:.5s ease-out fadeIn;display:flex}.success-checkmark{color:#10b981;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;box-shadow:0 0 0 10px #10b9810d}.success-title{color:var(--text-main);margin-bottom:12px;font-size:24px;font-weight:800}.success-message{color:var(--text-muted);max-width:400px;margin-bottom:32px;font-size:15px;line-height:1.6}.success-actions{gap:16px;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}