.time-actions{display:flex;gap:10px;flex-wrap:wrap}.time-actions form{margin:0}.live-time{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1px;background:#dfe7e3;border:1px solid #dce8e0;border-radius:16px;overflow:hidden;margin-bottom:25px}.live-time>div{background:#edf8f0;padding:18px 20px}.live-time>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.live-time>div:not(:first-child) small,.live-time>div:not(:first-child) strong{display:block}.live-time>div:not(:first-child) strong{font-size:22px;margin-top:4px}.live-time.is-paused>div{background:#fff8e9}.live-dot{width:10px;height:10px;border-radius:50%;background:#42a66a;box-shadow:0 0 0 5px #42a66a20}.is-paused .live-dot{background:#dfa43d;box-shadow:0 0 0 5px #dfa43d20}.stats-four{grid-template-columns:repeat(4,1fr)}.absence-tag{display:inline-block;border-radius:16px;padding:4px 9px;font-size:11px;background:#f0eef8;color:#675a8d}.absence-tag.vacation{background:#e8f5ef;color:#3a7b60}.absence-tag.sick{background:#fff0f2;color:#9a465b}.absence-tag.business{background:#eaf2fb;color:#3d6f9b}.vacation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.vacation-summary span{background:#f7f8fb;border-radius:10px;padding:13px}.vacation-summary small,.vacation-summary strong{display:block}.vacation-summary strong{font-size:20px;margin-top:4px}.pause-edit{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:15px;background:#fafbfe;border-radius:10px;margin-bottom:10px}.pause-edit>form:first-child{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}.pause-edit label{margin:0}.image-status{min-height:18px;font-size:12px;color:#51755f}.image-status.error{color:#9a3c52}
.settings-link{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:13px}.settings-link>span:first-child{font-size:22px}.daily-actions{margin-bottom:24px}.balance-card.negative strong{color:#a4314e}.balance-card.positive strong{color:#347054}.today-summary{max-width:780px}.today-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eff0f6}.today-line.total{border-bottom:0;padding-top:18px;font-size:16px}.period-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.view-switch{display:flex;gap:7px}.view-switch form{margin:0}.period-nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.holiday-row{background:#f5fbf7}
@media(max-width:1050px){.live-time{grid-template-columns:1fr 1fr}.stats-four{grid-template-columns:repeat(2,1fr)}.pause-edit,.pause-edit>form:first-child{grid-template-columns:1fr}}
@media(max-width:600px){.live-time{grid-template-columns:1fr 1fr}.live-time>div{padding:14px}.live-time>div:first-child{grid-column:1/-1}.live-time>div:not(:first-child) strong{font-size:17px}.stats-four{grid-template-columns:1fr 1fr}.vacation-summary{grid-template-columns:1fr}.time-actions{width:100%}.time-actions form,.time-actions button{width:100%}.settings-link{width:100%;justify-content:center}.period-toolbar{align-items:stretch}.period-nav{order:3;width:100%;flex-wrap:wrap}.period-nav strong{width:100%;text-align:center}.view-switch form,.view-switch button{flex:1}.view-switch{width:100%}}