.dashboard{background-color:#f5f5f5;min-height:100vh}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;box-shadow:0 2px 4px #0000001a}.nav-brand{color:#028ca2;font-size:24px;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#028ca2}.nav-user{border-left:1px solid #e0e0e0;align-items:center;gap:16px;margin-left:16px;padding-left:16px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .3s}.logout-btn:hover{background:#d32f2f}.dashboard-content{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-content h1{color:#333;margin-bottom:32px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.dashboard-card{color:inherit;background:#fff;border-radius:12px;padding:32px;text-decoration:none;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000001a}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.dashboard-card h2{color:#028ca2;margin-bottom:12px;font-size:24px}.dashboard-card p{color:#666;font-size:16px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{margin-bottom:8px}.dashboard-date{color:#666;margin:0;font-size:16px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.stat-value{color:#028ca2;margin-bottom:8px;font-size:36px;font-weight:700}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.checked-in-card .stat-value{color:#4caf50}.checked-out-card .stat-value{color:#2196f3}.not-checked-in-card .stat-value{color:#ff9800}.attendance-summary-table-container{background:#fff;border-radius:12px;margin-bottom:32px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.attendance-summary-table{border-collapse:collapse;width:100%}.attendance-summary-table thead{background-color:#f8f9fa}.attendance-summary-table th{text-align:left;color:#333;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0;padding:16px;font-size:14px;font-weight:600}.attendance-summary-table td{color:#666;border-bottom:1px solid #e0e0e0;padding:16px}.attendance-summary-table tbody tr:hover{background-color:#f8f9fa}.attendance-summary-table tbody tr:last-child td{border-bottom:none}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.checked-in{color:#2e7d32;background-color:#e8f5e9}.status-badge.checked-out{color:#1565c0;background-color:#e3f2fd}.status-badge.not-checked-in{color:#e65100;background-color:#fff3e0}.loading{text-align:center;color:#666;padding:40px;font-size:16px}