.modern-dashboard{padding:24px;color:var(--dashboard-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.modern-dashboard,.modern-dashboard-loading{min-height:100vh;background:var(--dashboard-bg)}.modern-dashboard-loading{display:flex;align-items:center;justify-content:center}.loading-spinner{text-align:center}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header{background:#7cbdf2!important;border-radius:24px;padding:32px 36px;margin-bottom:32px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;pointer-events:none}.dashboard-header:after{content:"";position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;pointer-events:none}.dashboard-title-section{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.dashboard-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.02em;line-height:1.2}.dashboard-subtitle{display:flex;gap:12px;flex-wrap:wrap}.dashboard-subtitle,.scope-indicator{align-items:center;color:hsla(0,0%,100%,.9);font-size:.875rem;font-weight:500}.scope-indicator{display:inline-flex;gap:6px}.scope-indicator i{font-size:.875rem;opacity:.9}.dashboard-subtitle i{color:hsla(0,0%,100%,.85);font-size:.875rem}.refresh-indicator{color:hsla(0,0%,100%,.85);font-size:.8rem;font-weight:500}.dashboard-controls{display:flex;align-items:center;gap:12px;position:relative;z-index:1;justify-self:end}.scope-toggle{display:flex;background:hsla(0,0%,100%,.12);border-radius:12px;padding:4px;backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.15)}.toggle-btn{background:transparent;border:none;color:hsla(0,0%,100%,.75);padding:9px 20px;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.toggle-btn.active{background:#fff;color:#05253d;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.toggle-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.95)}.employee-selector{margin-left:0}.employee-dropdown{background:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:#1e293b;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding:9px 36px 9px 14px}.employee-dropdown:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 12px rgba(0,0,0,.12),0 0 0 2px hsla(0,0%,100%,.3)}.employee-dropdown:hover{border-color:hsla(0,0%,100%,.45);box-shadow:0 4px 12px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.5)}.employee-dropdown option{background:#fff;color:#1e293b;padding:10px;font-weight:500}.search-container{position:relative;width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;z-index:2;font-size:.875rem}.dashboard-search{width:100%;padding:9px 16px 9px 38px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;font-size:.875rem;background:#fff;color:#1e293b;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);font-weight:500}.dashboard-search:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 12px rgba(0,0,0,.12),0 0 0 2px hsla(0,0%,100%,.3)}.dashboard-search::placeholder{color:#94a3b8;font-weight:500}.add-widget-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.add-widget-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.dashboard-content{width:100%}.widgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.widget{background:var(--dashboard-widget-bg);border-radius:12px;box-shadow:var(--dashboard-widget-shadow);border:1px solid var(--dashboard-widget-border);overflow:hidden;transition:all .3s ease;animation:slideInUp .3s ease-out;color:var(--dashboard-text-color)}.metric-widget{min-height:120px}.metric-display{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.metric-value-large{font-size:1.8rem;font-weight:700;color:var(--dashboard-metric-value-color);margin-bottom:8px;line-height:1}.metric-change{font-size:.85rem;font-weight:600;margin-bottom:12px;padding:4px 8px;border-radius:12px}.metric-change.positive{color:#10b981;background:rgba(16,185,129,.1)}.metric-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.metric-change.neutral{color:#6b7280;background:hsla(220,9%,46%,.1)}.metric-chart{height:20px;margin-top:8px}.chart-line,.metric-chart{width:100%;position:relative}.chart-line{height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.chart-line:after{content:"";position:absolute;top:-2px;right:0;width:6px;height:6px;background:#667eea;border-radius:50%}.widget:hover{transform:translateY(-2px);box-shadow:var(--dashboard-widget-hover-shadow)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--dashboard-widget-header-border);background:var(--dashboard-widget-header-bg)}.widget-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--dashboard-title-color);text-shadow:none}.widget-actions{display:flex;gap:8px}.widget-toggle{background:none;border:none;color:var(--dashboard-subtitle-color);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.widget-toggle:hover{background:var(--dashboard-list-item-hover);color:#dc3545}.widget-content{padding:24px}.timesheet-widget{grid-column:span 2}.chart-container{height:200px;display:flex;align-items:end;justify-content:space-between;padding:20px 0}.chart-bars{display:flex;align-items:end;gap:12px;width:100%;height:100%}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.chart-bar{background:linear-gradient(135deg,#667eea,#764ba2);width:100%;min-height:20px;border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;box-shadow:0 2px 8px rgba(102,126,234,.3)}.chart-bar:hover{background:linear-gradient(135deg,#5a67d8,#667eea);transform:scaleY(1.05);box-shadow:0 4px 12px rgba(102,126,234,.4)}.chart-label{font-size:.8rem;color:var(--dashboard-chart-text);margin-top:8px;font-weight:600}.chart-value{font-size:.75rem;color:#667eea;font-weight:700;margin-top:4px}.employee-widget{grid-column:span 1}.donut-chart{display:flex;flex-direction:column;gap:16px}.donut-segment{display:flex;align-items:center;gap:12px;padding:10px 14px;background:hsla(0,0%,100%,.5);border-radius:10px;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2)}.donut-segment:hover{background:hsla(0,0%,100%,.8);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.segment-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.segment-label{font-weight:600;color:var(--dashboard-text-color);font-size:.9rem}.activities-widget{grid-column:span 1}.activities-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.activity-item{gap:12px;padding:12px;background:hsla(0,0%,100%,.5);border-radius:10px;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2)}.activity-item:hover{background:hsla(0,0%,100%,.8);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.activity-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.activity-title{margin:0 0 4px;font-size:.9rem;color:#2c3e50;font-weight:600}.activity-time{font-size:.8rem;color:#4a5568;font-weight:500}.approvals-widget{grid-column:span 1}.approvals-list{display:flex;flex-direction:column;gap:12px}.approval-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:10px;transition:all .2s ease}.approval-item:hover{background:rgba(255,193,7,.2);transform:translateX(4px);box-shadow:0 2px 8px rgba(255,193,7,.2)}.approval-type{display:flex;align-items:center;gap:8px;color:#d97706;font-weight:600;font-size:.9rem}.approval-details{flex:1}.approval-details p{margin:0 0 4px;font-weight:500;color:#2c3e50}.approval-date{font-size:.8rem;color:#6c757d}.approval-action{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.approval-action:hover{background:#0056b3;transform:scale(1.05)}.client-widget{grid-column:span 1}.client-list{display:flex;flex-direction:column;gap:12px}.client-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:hsla(0,0%,100%,.5);border-radius:10px;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2)}.client-item:hover{background:hsla(0,0%,100%,.8);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.client-info h4{margin:0 0 4px;font-size:1rem;color:#2c3e50;font-weight:700}.client-info p{margin:0;font-size:.8rem;color:#4a5568;font-weight:500}.client-revenue{font-size:1.1rem;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.revenue-widget{grid-column:span 1}.revenue-metrics{display:flex;flex-direction:column;gap:16px}.metric-item{justify-content:space-between;padding:16px;background:hsla(0,0%,100%,.5);border-radius:10px;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2)}.metric-item:hover{background:hsla(0,0%,100%,.8);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.metric-label{font-size:.9rem;color:#4a5568;font-weight:600}.metric-value{font-size:1.2rem;font-weight:700;color:#2c3e50}.metric-value.success{color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.metric-value.warning{color:#f59e0b;text-shadow:0 1px 2px rgba(245,158,11,.2)}@media (max-width:1200px){.widgets-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{padding:28px 32px;grid-template-columns:1fr;gap:24px}.dashboard-title{font-size:1.85rem}.dashboard-controls{justify-self:start;flex-wrap:wrap}.employee-dropdown{min-width:160px}.search-container{width:240px}}@media (max-width:768px){.modern-dashboard{padding:16px}.dashboard-header{padding:24px 20px;gap:20px;border-radius:20px}.dashboard-header:after,.dashboard-header:before{display:none}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-controls{flex-direction:column;align-items:stretch;gap:10px;width:100%}.scope-toggle{width:100%}.toggle-btn{flex:1;padding:10px 18px}.employee-selector{width:100%}.employee-dropdown{width:100%;min-width:auto}.search-container{width:100%}.widgets-grid{grid-template-columns:1fr;gap:16px}.widget-header{padding:16px 20px}.widget-content{padding:20px}}@media (max-width:480px){.modern-dashboard{padding:12px}.dashboard-title{font-size:1.75rem}.widget-header h3{font-size:1.1rem}.chart-container{height:150px}.activities-list,.approvals-list,.client-list{max-height:200px}}.activities-list::-webkit-scrollbar,.approvals-list::-webkit-scrollbar,.client-list::-webkit-scrollbar{width:4px}.activities-list::-webkit-scrollbar-track,.approvals-list::-webkit-scrollbar-track,.client-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.activities-list::-webkit-scrollbar-thumb,.approvals-list::-webkit-scrollbar-thumb,.client-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.activities-list::-webkit-scrollbar-thumb:hover,.approvals-list::-webkit-scrollbar-thumb:hover,.client-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modern-dashboard .metric-value.success{color:#28a745}.modern-dashboard .metric-value.warning{color:#ffc107}.modern-dashboard .client-revenue{color:#28a745}.employee-widget,.revenue-widget,.timesheet-widget{background:var(--dashboard-widget-bg);border:1px solid var(--dashboard-widget-border);color:var(--dashboard-text-color)}.activity-widget,.chart-widget,.list-widget{background:var(--dashboard-widget-bg);border:1px solid var(--dashboard-widget-border);box-shadow:var(--dashboard-widget-shadow)}.metric-details{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--dashboard-widget-header-border)}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-label{font-size:.75rem;opacity:.8;margin-bottom:4px}.metric-value{font-size:1rem;font-weight:600}.list-container{max-height:300px;overflow-y:auto}.list-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--dashboard-list-item-border)}.list-item:last-child{border-bottom:none}.list-item-rank{width:32px;height:32px;border-radius:50%;background:var(--dashboard-list-rank-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--dashboard-list-rank-color);margin-right:12px}.list-item-content{flex:1;min-width:0}.list-item-name{font-weight:600;color:var(--dashboard-text-color);margin-bottom:2px}.list-item-detail,.list-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-detail{font-size:.875rem;color:var(--dashboard-subtitle-color)}.list-item-value{font-weight:600;color:#28a745;font-size:.875rem}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--dashboard-activity-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;background:var(--dashboard-activity-icon-bg);display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--dashboard-activity-icon-color)}.activity-content{flex:1;min-width:0}.activity-title{font-weight:500;color:var(--dashboard-text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.875rem;color:var(--dashboard-subtitle-color)}.activity-status{margin-left:12px}@media (max-width:1199px){.modern-dashboard{padding:20px}.dashboard-header{padding:28px 32px;gap:24px}.dashboard-title{font-size:1.875rem}.widgets-grid{grid-template-columns:repeat(2,1fr);gap:20px}.metric-widget{min-height:220px}}@media (max-width:991px){.modern-dashboard{padding:15px;margin-top:60px}.dashboard-header{padding:24px 28px;gap:20px;grid-template-columns:1fr}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:.8125rem}.dashboard-controls{justify-content:flex-start;flex-wrap:wrap;gap:12px}.toggle-buttons{gap:8px}.toggle-btn{padding:8px 18px;font-size:.8125rem}.employee-dropdown{min-width:180px}.search-bar{flex:1;min-width:200px}.widgets-grid{grid-template-columns:repeat(2,1fr);gap:16px}.metric-widget{min-height:200px}.widget-content{padding:20px}.metric-value{font-size:1.75rem}}@media (max-width:767px){.modern-dashboard{padding:12px;margin-top:60px}.dashboard-header{padding:20px 24px;gap:16px;border-radius:16px}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.75rem;flex-wrap:wrap;gap:8px}.refresh-indicator,.scope-indicator{font-size:.75rem;padding:6px 12px}.dashboard-controls{width:100%;flex-direction:column;gap:10px}.toggle-buttons{width:100%;gap:8px}.toggle-btn{flex:1;padding:10px 16px;font-size:.875rem}.employee-dropdown,.search-bar{width:100%;min-width:auto}.widgets-grid{grid-template-columns:1fr;gap:12px}.metric-widget{min-height:180px}.widget-content{padding:16px}.widget-header{margin-bottom:12px}.widget-title{font-size:.875rem}.metric-value{font-size:1.5rem}.metric-label{font-size:.75rem}.metric-details{margin-top:12px;padding-top:12px}.metric-item{font-size:.75rem}.activity-list,.list-container{max-height:250px}.activity-item,.list-item{padding:10px 0}.list-item-rank{width:28px;height:28px;font-size:.75rem;margin-right:10px}.activity-title,.list-item-name{font-size:.875rem}.activity-time,.list-item-detail,.list-item-value{font-size:.75rem}.activity-icon{width:36px;height:36px;margin-right:10px}.dashboard-header:after,.dashboard-header:before{display:none}}@media (max-width:480px){.modern-dashboard{padding:10px}.dashboard-header{padding:16px 20px;border-radius:12px}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.6875rem;gap:6px}.refresh-indicator,.scope-indicator{font-size:.6875rem;padding:4px 10px}.toggle-btn{padding:8px 14px;font-size:.8125rem}.widgets-grid{gap:10px}.metric-widget{min-height:160px}.widget-content{padding:14px}.widget-title{font-size:.8125rem}.metric-value{font-size:1.375rem}.metric-label{font-size:.6875rem}.metric-details{margin-top:10px;padding-top:10px;flex-wrap:wrap;gap:8px}.metric-item{font-size:.6875rem;min-width:calc(50% - 4px)}.activity-list,.list-container{max-height:200px}.activity-item,.list-item{padding:8px 0}.list-item-rank{width:24px;height:24px;font-size:.6875rem;margin-right:8px}.activity-title,.list-item-name{font-size:.8125rem}.activity-time,.list-item-detail,.list-item-value{font-size:.6875rem}.activity-icon{width:32px;height:32px;margin-right:8px;font-size:.875rem}}@media (max-width:767px) and (orientation:landscape){.dashboard-header{padding:16px 20px}.widgets-grid{grid-template-columns:repeat(2,1fr)}.metric-widget{min-height:160px}}.body{font-family:Poppins,sans-serif;background-color:#f5f7fa;color:#4a4a4a;margin:0;padding:0}.nk-content{padding:20px 15px}.nk-content-inner{margin:0 auto;max-width:100%;width:100%}.row{gap:1px}.row,.row2{display:flex;flex-wrap:wrap;justify-content:space-between}.row2{margin-top:18px;gap:10px}.col-xxl-3{flex:1 1 calc(25% - 10px);box-sizing:border-box}.col-xxl-6{flex:1 1 calc(50% - 10px);box-sizing:border-box}.col-xxl-12{flex:1 1 100%;box-sizing:border-box}.card{background:#fff;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out;width:100%}.card:hover{transform:translateY(-5px)}.card-title{font-size:16px;font-weight:600;color:#616f85;margin-bottom:10px}.card-title1 .title{font-size:18px;font-weight:600;color:#424446}.card-inner{padding:10px}.card .amount{font-size:22px;font-weight:700;color:#292621}.amount .icon.ni-clock{margin-left:5px;margin-top:2px;font-size:18px;color:#f90}.amount .icon.ni-check-circle{margin-top:2px;font-size:18px;color:#28a745}.card .info{display:flex;justify-content:space-between;font-size:14px;color:#6c757d;margin-top:5px}.change{font-weight:600}.change.up{color:#28a745}.change.down{color:#dc3545}.chart-bar-fill{height:100%;border-radius:3px;width:0;transition:width .5s ease,background-color .3s ease}.nk-ecwg6-ck{margin-top:10px}.chart-bar-background{height:6px;border-radius:3px;background-color:#d3d3d3;margin-top:10px;width:100%}.nk-sale-data{margin-bottom:10px}.nk-sale-data .amount{font-size:22px;font-weight:600;color:#212529}.nk-sale-data .sub-title{font-size:12px;color:#6c757d}.progress-bar{height:8px;border-radius:5px}.progress-info-item{justify-content:space-between;margin-top:5px}.progress-info-item,.progress-info-label{display:flex;align-items:center}.progress-info-swatch{width:10px;height:10px;border-radius:50%;margin-right:5px}.progress-info-percent{font-size:12px;font-weight:500}.tranx-list{padding:0;list-style:none}.tranx-item{display:flex;justify-content:space-between;border-bottom:1px solid #e0e0e0}.tranx-item:hover{background-color:#f8f9fb42}.tranx-info{display:flex;flex-direction:column}.tranx-badge{margin-bottom:5px}.tranx-data{font-size:12px}.tranx-amount{text-align:right}.tranx-amount .number{font-size:18px;color:#333}.tranx-amount .number-sm{color:#6c757d}.tranx-col{flex:1}.badge{font-size:10px;padding:4px 8px;border-radius:20px}.bg-outline-warning{border:1px solid #ffc107;color:#ffc107}.bg-outline-success{border:1px solid #28a745;color:#28a745}.bg-outline-danger{border:1px solid #dc3545;color:#dc3545}.nk-block .nk-block-head{margin-bottom:20px}.nk-block-head-content h3{font-size:20px;font-weight:600;color:#333}.nk-block-des{font-size:14px;color:#787878}.nk-block .nk-block-des,.nk-block .nk-block-head-content h3{text-align:center}.card-title1 h6.nk-block-head-content{text-align:start;margin-bottom:0;color:var(--text-color);font-weight:600}.tranx-amount .number{color:var(--text-color);font-weight:600;font-size:16px}.tranx-amount .number-sm{color:var(--text-secondary);font-size:12px}.employee-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin:0;padding:0}.employee-card-wrapper{display:flex;flex-direction:column;min-height:70px;margin:20px 0 0}.col-12,.row,.row.g-2{margin:0;padding:0}@media (max-width:1199px){.employee-cards-container{grid-template-columns:repeat(4,1fr);gap:.375rem}}@media (max-width:991px){.employee-cards-container{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:767px){.employee-cards-container{grid-template-columns:1fr;gap:.5rem}}.card-bordered{border:1px solid var(--border-color,#e5e9f2);transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:6px;height:100%;width:100%}.card-bordered:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12)}.employee-status-card,.employee-summary-card{background:var(--card-bg,#fff);border-radius:6px;min-height:70px}.employee-status-card .card-inner,.employee-summary-card .card-inner{padding:.5rem}.card-inner .d-flex{padding-bottom:.25rem}.card-inner h6{font-size:.75rem;font-weight:600;color:var(--text-color,#333);margin:0}.card-inner .fs-7{font-size:.75rem!important}.amount{font-size:.875rem;font-weight:700;color:var(--text-color,#333);line-height:1.1}.amount.h3,.amount.h4{font-size:1rem}.card-inner .fs-6{font-size:.75rem!important}.card-inner .fs-5{font-size:.875rem!important}@media (prefers-color-scheme:dark){.card-bordered{border-color:var(--border-color,#4a5568);background:var(--card-bg,#2d3748)}}.card-title-group{margin-bottom:1.5rem}.card-title h6{font-size:1.1rem;font-weight:600;color:var(--text-color,#333);margin:0}.tranx-item{border-bottom:1px solid var(--border-color);padding:12px 0}.tranx-label{color:var(--text-color);font-weight:500}.tranx-date{color:var(--text-secondary);font-size:12px}.btn-primary{background-color:#007bff;color:#fff;font-size:14px;padding:8px 16px;border-radius:5px;border:none;display:inline-flex;align-items:center}.btn-primary:hover{background-color:#0056b3}.btn-sm{font-size:12px;padding:6px 12px}@media (max-width:576px){.nk-sale-data{flex-direction:column;align-items:flex-start}.nk-sale-data .amount{font-size:18px}.card{padding:10px}.card .amount{font-size:20px}.nk-block .row{gap:15px}.nk-block-head-content h3{font-size:18px}.nk-tb-item{flex-direction:column;align-items:flex-start}.nk-tb-col{margin-bottom:10px}.nk-tb-actions{flex-direction:column;align-items:flex-start}.nk-tb-actions button{margin-top:5px}}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:4px}.page-item{display:inline-block}.page-item.disabled .page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.page-item.active .page-link{background-color:#007bff;color:#fff;border-color:#007bff}.page-link{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;color:#007bff;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:36px}.page-link:hover:not(.disabled){background-color:#e9ecef;border-color:#dee2e6}.page-link em{font-size:12px}