.staff-monthly-summary-v1{display:grid;grid-gap:14px;gap:14px;min-height:280px;padding:18px;background:#ecfdf5;border:3px solid #0f766e;border-radius:18px}.staff-monthly-summary-v1__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end}.staff-monthly-summary-v1__head h2{margin:0;color:#134e4a;font-size:1.25rem}.staff-monthly-summary-v1__head p{margin:4px 0 0;color:#0f766e}.staff-monthly-summary-v1__period{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.staff-monthly-summary-v1__period label{display:grid;grid-gap:4px;gap:4px;color:#0f766e;font-size:.75rem;font-weight:700}.staff-monthly-summary-v1__period select{min-height:40px;min-width:140px;border:1px solid rgba(15,118,110,.2);border-radius:10px;padding:8px 10px;background:#fff}.staff-monthly-summary-v1__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px}.staff-monthly-summary-v1__kpi{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;background:#fff;border:1px solid rgba(15,118,110,.16);border-radius:12px}.staff-monthly-summary-v1__kpi span{color:#0f766e;font-size:.72rem;font-weight:700;text-transform:uppercase}.staff-monthly-summary-v1__kpi strong{color:#134e4a;font-size:1.15rem}.staff-monthly-summary-v1__table{overflow:auto;background:#fff;border:1px solid rgba(15,118,110,.16);border-radius:16px}.staff-monthly-summary-v1 table{width:100%;border-collapse:collapse;font-size:.88rem}.staff-monthly-summary-v1 td,.staff-monthly-summary-v1 th{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:top}.staff-monthly-summary-v1 th{color:#0f766e;font-size:.75rem;text-transform:uppercase}.staff-monthly-summary-v1 tfoot td{font-weight:700;background:#f0fdfa;color:#134e4a}.staff-monthly-summary-v1__error{color:#b45309;font-weight:700}.staff-time-clock-v2{display:grid;grid-gap:12px;gap:12px}