.home-dashboard-layout{padding:20px;max-width:1400px;margin:0 auto;background-color:var(--background-color);min-height:100vh}.home-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.home-metric-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.home-metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.home-metric-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:20px;color:#fff}.home-metric-card.primary .home-metric-icon{background:linear-gradient(135deg,#4855c8,#5c3a8a)}.home-metric-card.secondary .home-metric-icon{background:linear-gradient(135deg,#b030c0,#cc2850)}.home-metric-card.success .home-metric-icon{background:linear-gradient(135deg,#0065b3,#0088b3)}.home-metric-card.warning .home-metric-icon{background:linear-gradient(135deg,#a84e00,#c70)}.home-metric-content{flex:1}.home-metric-value{font-size:32px;font-weight:700;color:var(--text-color);line-height:1}.home-metric-label{font-size:14px;color:var(--text-secondary);margin:4px 0;font-weight:500}.home-metric-change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-block}.home-metric-change.positive{background:#e8f5e8;color:#2e7d32}.home-metric-change.negative{background:#ffebee;color:#c62828}.home-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px;margin-bottom:30px}.home-analytics-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:100%;overflow:hidden}.home-analytics-card.full{grid-column:1/-1}.home-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.home-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.home-period{font-size:14px;color:var(--text-secondary);background:#f8f9fa;padding:4px 12px;border-radius:6px}.home-view-all{color:#667eea;text-decoration:none;font-size:14px;font-weight:500}.home-view-all:hover{text-decoration:underline}.home-chart-container{position:relative;height:200px}.home-performers-list,.home-activities-list{max-height:200px;overflow-y:auto}.home-performer-item,.home-activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.home-performer-item:last-child,.home-activity-item:last-child{border-bottom:0}.home-performer-info,.home-activity-info{display:flex;align-items:center;gap:12px}.home-performer-avatar,.home-activity-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.home-performer-avatar span,.home-activity-icon span,.home-performer-avatar i,.home-activity-icon i{color:#fff}.home-performer-details,.home-activity-details{flex:1}.home-performer-name,.home-activity-title{font-weight:600;color:var(--text-color);margin:0;font-size:14px}.home-performer-role,.home-activity-time{font-size:12px;color:var(--text-secondary);margin:2px 0 0 0}.home-performer-hours,.home-activity-status{font-weight:600;font-size:14px}.home-quick-actions,.home-project-summary{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.home-quick-actions h3,.home-project-summary h3{margin:0 0 20px 0;font-size:18px;font-weight:600;color:var(--text-color)}.home-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.home-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;border:0;cursor:pointer;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;color:#fff}.home-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.home-action-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.home-action-btn.success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.home-action-btn.warning{background:linear-gradient(135deg,#f7971e,#ffd200)}.home-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.home-project-status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.home-project-status-item:last-child{border-bottom:0}.home-project-info h4{margin:0;font-size:14px;font-weight:600;color:var(--text-color)}.home-project-meta{font-size:12px;color:var(--text-secondary);margin:2px 0 0 0}.home-project-progress{text-align:right}.home-progress-bar{width:80px;height:6px;background:#f0f0f0;border-radius:3px;margin:4px 0;overflow:hidden}.home-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.home-progress-text{font-size:12px;font-weight:600;color:var(--text-color)}@media(max-width:992px){.home-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.home-dashboard-layout{padding:15px}.home-metrics-grid{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.home-metric-card{padding:16px}.home-metric-icon{width:48px;height:48px;font-size:20px;margin-right:14px}.home-metric-value{font-size:26px}.home-metric-label{font-size:13px}.home-analytics-grid{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.home-analytics-card{padding:16px}.home-card-header{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:12px;margin-bottom:15px}.home-card-header h3{font-size:16px}.home-card-actions select{width:100%}.home-chart-container{height:180px;overflow-x:auto}.home-chart-container canvas{min-width:300px}.home-action-buttons{grid-template-columns:1fr 1fr;gap:10px}.home-action-btn{padding:10px 12px;font-size:12px;flex-direction:column;gap:4px}.home-quick-actions,.home-project-summary{padding:16px}.home-quick-actions h3,.home-project-summary h3{font-size:16px;margin-bottom:15px}.home-performer-item,.home-activity-item{padding:10px 0}.home-performer-avatar,.home-activity-icon{width:32px;height:32px;font-size:12px}.home-performer-name,.home-activity-title{font-size:13px}.home-performer-role,.home-activity-time{font-size:11px}.home-project-status-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.home-project-progress{width:100%;display:flex;align-items:center;gap:10px}.home-progress-bar{flex:1;width:auto}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.home-dashboard-layout{padding:10px}.home-metric-card{padding:14px}.home-metric-icon{width:40px;height:40px;font-size:18px;margin-right:12px}.home-metric-value{font-size:22px}.home-action-buttons{grid-template-columns:1fr}.home-action-btn{flex-direction:row;justify-content:center}.home-chart-container{height:160px}.home-performers-list,.home-activities-list{max-height:180px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;color:var(--text-color);margin-bottom:2px}.page-header p{font-size:13px;color:var(--text-secondary)}.week-nav{display:flex;align-items:center;gap:12px}.week-nav button{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-color);cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.week-nav button:hover{border-color:var(--rooijakkers-red);color:var(--rooijakkers-red)}.week-nav span{font-size:14px;font-weight:600;color:var(--text-color);min-width:220px;text-align:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.week-table{width:100%;border-collapse:collapse}.week-table th,.cum-table th{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border-color);background:#fafbfc}.week-table th.day{text-align:center;width:72px}.week-table th.total{text-align:center;width:80px;font-weight:700;color:var(--text-color)}.week-table td{padding:12px 16px;border-bottom:1px solid #f2f3f5;font-size:13px}.week-table td.day{text-align:center;font-variant-numeric:tabular-nums}.week-table td.total{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.week-table tr:last-child td,.cum-table tr:last-child td{border-bottom:0}.week-table tbody tr:hover,.cum-table tbody tr:hover{background:#fafbfc}.week-table tfoot td{font-weight:700;background:#fafbfc;border-top:2px solid var(--border-color);border-bottom:0;color:var(--text-color)}.cum-table tfoot td{font-weight:700;background:#fafbfc;border-top:2px solid var(--border-color);border-bottom:0}.staff-cell{display:flex;align-items:center;gap:12px}.staff-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.staff-name{font-weight:600;font-size:13px}.staff-number{font-size:11px;color:var(--text-secondary)}.hours-cell{color:var(--text-color)}.hours-cell.high{color:#27ae60;font-weight:600}.hours-cell.low{color:#f57c00}.hours-cell.total-high{color:#27ae60}.hours-cell.total-low{color:var(--rooijakkers-red,#c33)}.project-cell{display:flex;align-items:center;gap:12px}.project-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.avatar-color-0{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-color-1{background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-color-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-color-3{background:linear-gradient(135deg,#f7971e,#ffd200)}.avatar-color-4{background:linear-gradient(135deg,#a8edea,#fed6e3)}.avatar-color-5{background:linear-gradient(135deg,#43e97b,#38f9d7)}.avatar-color-6{background:linear-gradient(135deg,#fa709a,#fee140)}.avatar-color-7{background:linear-gradient(135deg,#30cfd0,#330867)}.project-name{font-weight:600;font-size:13px}.project-client{font-size:11px;color:var(--text-secondary)}.bold{font-weight:700}.cum-table{width:100%;border-collapse:collapse}.cum-table th.right{text-align:right}.cum-table td{padding:14px 16px;border-bottom:1px solid #f2f3f5;font-size:13px}.cum-table td.right{text-align:right;font-variant-numeric:tabular-nums}.card-badge,.list-tag{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px}.card-badge.green{background:#ebfcf5;color:#166534}.card-badge.orange,.list-icon.orange,.list-tag.orange{background:#fff3e0;color:#92400e}.card-badge.red,.list-icon.red,.list-tag.red{background:var(--rooijakkers-light-red,#ffe6e6);color:var(--rooijakkers-red,#c33)}.item-list{padding:4px 0}.list-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f0f0f0}.list-item:last-child{border-bottom:0}.list-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.list-info{flex:1}.list-name{font-size:13px;font-weight:600}.list-detail{font-size:11px;color:var(--text-secondary)}.dash-loading{padding:40px;text-align:center;color:var(--text-secondary)}.week-nav button i{font-size:12px}.home-card-header h3 i{margin-right:8px}.icon-orange{color:#f57c00;margin-right:8px}.icon-purple{color:#7c5ac2;margin-right:8px}.icon-blue{color:#38a9ff;margin-right:8px}.icon-red{color:var(--rooijakkers-red,#c33);margin-right:8px}.cost-legend{margin-top:12px;padding:10px 16px;background:#fafbfc;border-radius:8px;font-size:11px;color:var(--text-secondary);display:flex;gap:20px;flex-wrap:wrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.legend-dot.uren{background:#6f42c1}.legend-dot.kosten{background:#28a745}.legend-dot.marge{background:#27ae60}.mb-20{margin-bottom:20px}.right{text-align:right;font-variant-numeric:tabular-nums}th.col-name-md{width:220px}th.col-name-lg{width:260px}.table-empty{text-align:center;padding:20px;color:var(--text-secondary)}.list-empty-ok{padding:20px;text-align:center;color:#27ae60}.list-empty-ok i{margin-right:6px}.col-uren{color:#6f42c1}.col-kosten{color:#28a745}.col-marge-unknown{color:var(--text-secondary)}.col-marge-ok{color:#27ae60;font-weight:600}.col-marge-err{color:#e74c3c;font-weight:600}.fin-card-item{padding:16px 0}.fin-card-item+.fin-card-item{border-top:1px solid #f2f3f5}.fin-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.fin-card-sum{text-align:right}.fin-card-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.fin-card-value{font-size:16px;font-weight:700}.fin-progress{margin-bottom:12px}.fin-progress-track{display:flex;height:28px;border-radius:6px;overflow:hidden;background:#f0f0f0}.seg-uren{background:#6f42c1}.seg-kosten{background:#28a745}.seg-marge{background:#17a2b8}.overbudget .seg-uren{background:#c0392b}.overbudget .seg-kosten{background:#e74c3c}.overbudget .seg-marge{background:#e74c3c}.fin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.fin-stat{padding:8px 10px;border-radius:6px}.fin-stat.uren{background:#f8f5ff;border-left:3px solid #6f42c1}.fin-stat.kosten{background:#f0faf0;border-left:3px solid #28a745}.fin-stat.marge-unknown{background:#fff8e1;border-left:3px solid #f57c00}.fin-stat.marge-positive{background:#f0f9ff;border-left:3px solid #17a2b8}.fin-stat.marge-negative{background:#fff5f5;border-left:3px solid #e74c3c}.fin-stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.fin-stat-value{font-size:14px;font-weight:700}.fin-stat-value.uren{color:#6f42c1}.fin-stat-value.kosten{color:#28a745}.fin-stat-value.marge-unknown{font-size:12px;font-weight:normal;color:#f57c00}.fin-stat-value.marge-positive{color:#17a2b8}.fin-stat-value.marge-negative{color:#e74c3c}.fin-card-footer{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:8px}.resterend-over{color:var(--rooijakkers-red,#c33);font-weight:700}.resterend-ok{color:#27ae60;font-weight:600}.resterend-warn{color:#f57c00;font-weight:600}.resterend-over i{margin-right:4px}@media(max-width:992px){.fin-stats{grid-template-columns:1fr 1fr}}@media(max-width:768px){.week-nav span{min-width:160px;font-size:13px}.col-name-md,.col-name-lg{width:auto}}@media(max-width:480px){.fin-stats{grid-template-columns:1fr}.week-table th,.cum-table th,.week-table td,.cum-table td{padding:8px 10px;font-size:12px}.cost-legend{flex-direction:column;gap:6px}}