.time-hero{align-items:center}.time-hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.time-timer{padding:0;overflow:hidden;margin-bottom:14px;border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:linear-gradient(125deg,#15232d 0,#1d2d38 38%,#fff 38.1%,#fff 100%);display:grid;grid-template-columns:minmax(250px,.65fr) minmax(640px,1.55fr);min-height:142px}
.time-timer-status{color:#fff;padding:24px;display:flex;align-items:center;gap:14px}.time-timer-status .eyebrow{color:#ff838d}.time-timer-status strong,.time-timer-status small{display:block}.time-timer-status strong{font-size:19px;margin:5px 0}.time-timer-status small{color:#b8c4cb}.time-live-dot{width:16px;height:16px;border-radius:50%;border:5px solid rgba(255,255,255,.16);background:#93a0aa;box-sizing:content-box;flex:none}.time-timer.running .time-live-dot{background:var(--accent);box-shadow:0 0 0 7px rgba(227,29,43,.18);animation:timePulse 1.8s infinite}.time-timer.running{background:linear-gradient(125deg,#101d26 0,#1b2b35 38%,#fff 38.1%,#fff 100%)}
@keyframes timePulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}
.time-timer-fields{padding:18px 20px;display:grid;grid-template-columns:145px minmax(170px,1fr) 180px 125px;gap:9px;align-items:end}.time-timer-fields label,.time-filter label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.time-timer-fields input,.time-timer-fields select,.time-filter input,.time-filter select{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:9px 10px;text-transform:none;letter-spacing:normal;font-weight:500}.time-timer-description{grid-column:1/4}.time-timer-fields .time-billable{display:flex;flex-direction:row;align-items:center;gap:7px;height:38px;padding:0 3px;text-transform:none;font-size:12px;letter-spacing:normal}.time-billable input{width:16px;height:16px;accent-color:var(--accent)}.time-timer-button{grid-column:4;min-height:38px}.time-timer.running .time-timer-button{background:#15232d;border-color:#15232d}.time-timer.running .time-timer-fields select,.time-timer.running .time-timer-fields input[type=text]{background:#f4f6f7;color:#7c8891}
.time-filter{display:grid;grid-template-columns:minmax(235px,1.3fr) 130px 130px 145px minmax(180px,1fr) minmax(170px,1fr) 150px auto;gap:8px;align-items:end;margin-bottom:14px;padding:13px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.time-period-buttons{display:flex;gap:4px;background:#f1f4f6;border-radius:10px;padding:4px;height:38px}.time-period-buttons button,.time-analysis-tabs button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:6px 9px;font-size:11px;white-space:nowrap}.time-period-buttons button.active,.time-analysis-tabs button.active{background:#fff;color:var(--accent);box-shadow:0 2px 7px rgba(20,34,45,.09);font-weight:700}
.time-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.time-kpi{background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px;box-shadow:var(--shadow);position:relative;overflow:hidden}.time-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.85}.time-kpi label,.time-kpi small,.time-kpi strong{display:block}.time-kpi label{font-size:10px;color:var(--muted);font-weight:750;letter-spacing:.06em;text-transform:uppercase}.time-kpi strong{font-size:25px;margin:7px 0 4px}.time-kpi small{font-size:10px;color:var(--muted)}.time-kpi.warning::before{background:#c88c13}.time-kpi.success::before{background:#27945b}.time-kpi.neutral::before{background:#84929c}
.time-layout{display:grid;grid-template-columns:minmax(650px,1.6fr) minmax(320px,.72fr);gap:14px;align-items:start}.time-entries-card{min-width:0}.table-scroll{overflow:auto}.time-table{min-width:880px}.time-table td{vertical-align:middle}.time-date strong,.time-date small,.time-project strong,.time-project small,.time-person strong,.time-person small{display:block}.time-date small,.time-project small,.time-person small{color:var(--muted);font-size:10px;margin-top:3px}.time-company{display:inline-flex;align-items:center;border-radius:999px;background:#eef2f5;color:#45545f;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.05em;margin-right:5px}.time-company.ENERQ{background:#fff0f1;color:#c91c29}.time-company.EGP{background:#eef5ff;color:#275ca8}.time-company.VISYFLUX{background:#fbecee;color:#8f1f27}.time-hours{font-variant-numeric:tabular-nums;font-size:15px}.time-hours small{display:block;color:var(--muted);font-size:9px;margin-top:3px;font-weight:500}.time-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.time-status.running{background:#eaf7f0;color:#237e4b}.time-status.draft{background:#eef2f5;color:#566570}.time-status.submitted{background:#fff5dd;color:#95660c}.time-status.approved{background:#eaf7f0;color:#237e4b}.time-status.rejected{background:#fff0f1;color:#b91f2c}.time-row-actions{display:flex;justify-content:flex-end;gap:5px}.time-icon-button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:6px 8px;font-size:10px;color:var(--text)}.time-icon-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.time-icon-button.danger{color:#a91e29}.time-entry-note{display:block;color:var(--muted);font-size:10px;margin-top:4px;max-width:210px}.time-rejection{display:block;color:#ad2732;font-size:10px;margin-top:5px;max-width:190px}
.time-analysis-tabs{display:flex;gap:4px;padding:4px;background:#f1f4f6;border-radius:10px;margin-bottom:13px;overflow:auto}.time-analysis-tabs button{flex:1}.time-analysis-rows{display:flex;flex-direction:column;gap:11px}.time-analysis-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.time-analysis-row strong{font-size:12px;overflow-wrap:anywhere}.time-analysis-row span{font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.time-analysis-row small{grid-column:1/-1;height:6px;background:#edf1f3;border-radius:999px;overflow:hidden}.time-analysis-row small i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--accent2)))}
.time-approval-rows{display:flex;flex-direction:column;gap:8px}.time-approval-row{border:1px solid var(--border);border-radius:12px;padding:11px}.time-approval-row strong,.time-approval-row small{display:block}.time-approval-row small{color:var(--muted);font-size:10px;margin-top:4px}.time-approval-actions{display:flex;gap:6px;margin-top:9px}.time-approval-actions button{flex:1}.time-empty{padding:25px 12px;text-align:center;color:var(--muted);font-size:12px}
.time-modal-duration{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-modal-duration .field:last-child{grid-column:auto}.time-form-preview{grid-column:1/-1;background:#15232d;color:#fff;border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center}.time-form-preview span{font-size:11px;color:#b7c2c9}.time-form-preview strong{font-size:19px}.time-admin-only[hidden]{display:none!important}#timeEditDescription{min-height:84px;resize:vertical;border:1px solid var(--border);border-radius:11px;padding:10px 11px;font:inherit}
@media(max-width:1380px){.time-timer{grid-template-columns:290px 1fr}.time-timer-fields{grid-template-columns:135px minmax(160px,1fr) 165px 120px}.time-filter{grid-template-columns:repeat(4,minmax(130px,1fr))}.time-period-buttons{grid-column:1/-1}.time-layout{grid-template-columns:1fr}.time-analysis{display:grid;grid-template-columns:1fr 1fr}.time-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.time-timer{display:block;background:#fff}.time-timer.running{background:#fff}.time-timer-status{background:#15232d}.time-timer-fields{grid-template-columns:1fr 1fr}.time-timer-description{grid-column:1/-1}.time-timer-button{grid-column:auto}.time-filter{grid-template-columns:1fr 1fr}.time-period-buttons{overflow:auto}.time-kpis{grid-template-columns:1fr 1fr}.time-analysis{display:flex}.time-modal-duration{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.time-hero-actions{width:100%}.time-hero-actions .btn{flex:1}.time-timer-fields,.time-filter{grid-template-columns:1fr}.time-timer-description,.time-period-buttons{grid-column:auto}.time-timer-button{grid-column:auto}.time-billable{min-height:34px}.time-kpis{grid-template-columns:1fr 1fr}.time-layout{display:block}.time-analysis{margin-top:14px}.time-modal-duration{grid-template-columns:1fr}.time-form-preview{display:block}.time-form-preview strong{display:block;margin-top:5px}}