.timesheet-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:32px;padding:24px 28px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}.timesheet-title h2{margin:4px 0 0}.timesheet-title>div>span{color:#bfdbfe;font-weight:700}.timesheet-summary{display:flex;gap:12px;flex-wrap:wrap}.timesheet-summary span{min-width:110px;padding:10px 14px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff14;text-align:center}.timesheet-summary strong{font-size:1.3rem}.weekend{background:#f8fafc}.table-wrap table td.attendance-alert{color:#dc2626!important;font-weight:800!important}@media(max-width:800px){.timesheet-title{align-items:stretch;flex-direction:column}.timesheet-summary{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.timesheet-summary span{min-width:0;padding:8px 5px}}
.timesheet-reference{max-width:1400px}.reference-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.reference-actions p{margin:0}.timesheet-reference .timesheet-title{margin-top:0}.timesheet-reference .timesheet-title h1{margin:4px 0 0;color:#fff;font-size:1.6rem}@media(max-width:800px){.reference-actions{align-items:stretch;flex-direction:column}.reference-actions button{width:100%}}
.holiday{background:#fff7ed}.holiday-name{color:#b45309;font-weight:800}