/* Time Tracking page redesign — isolated, lightweight and responsive */
.tt-overview,.tt-flow,.tt-insight,.tt-budget,.tt-reporting,.tt-usecases{position:relative;padding:118px 0;overflow:hidden}.tt-overview{background:linear-gradient(180deg,#fff,#f6f7ff)}.tt-heading{margin-bottom:54px}.tt-heading-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);gap:64px;align-items:end}.tt-heading h2,.tt-insight-copy h2{margin:12px 0 0;color:#13142a;font-size:clamp(38px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em}.tt-heading p,.tt-heading-split>p,.tt-insight-copy>p{margin:0;color:#6e7082;font-size:18px;line-height:1.75}.tt-heading.centered{text-align:center;max-width:850px;margin:0 auto 65px}.tt-heading.centered p{max-width:690px;margin:20px auto 0}
.tt-overview-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);gap:28px;align-items:stretch}.tt-timer-panel{border:1px solid #e2e2ef;border-radius:28px;background:#fff;padding:26px;box-shadow:0 28px 70px rgba(36,30,92,.12)}.tt-panel-top,.tt-panel-top>div{display:flex;align-items:center;justify-content:space-between}.tt-panel-top>div{gap:9px}.tt-panel-top>span{font-size:12px;color:#8b8da0}.tt-status-dot{width:9px;height:9px;border-radius:50%;background:#43d2b1;box-shadow:0 0 0 7px rgba(67,210,177,.12)}.tt-timer-main{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:42px 0 34px}.tt-time-ring{width:260px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7358ff 0 72%,#eceafb 72%);position:relative;margin:auto}.tt-time-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.tt-time-ring div{position:relative;text-align:center}.tt-time-ring strong{display:block;font-size:34px;color:#1c1d35;letter-spacing:-.04em}.tt-time-ring span{font-size:12px;color:#77798c}.tt-timer-meta{display:grid;gap:12px}.tt-timer-meta div{padding:15px;border-radius:15px;background:#f7f7fc;border:1px solid #ededf5}.tt-timer-meta small,.tt-timer-meta b{display:block}.tt-timer-meta small{font-size:9px;letter-spacing:.13em;color:#9698aa}.tt-timer-meta b{font-size:14px;color:#292a42;margin-top:4px}.tt-timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tt-timer-actions button{border:0;border-radius:13px;padding:14px;background:#6d55ff;color:#fff;font-weight:800}.tt-timer-actions button.secondary{background:#17182d}.tt-timer-actions i{margin-right:7px}.tt-value-stack{display:grid;gap:15px}.tt-value-stack article{display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:start;padding:24px;border-radius:20px;background:#fff;border:1px solid #e5e5ef;transition:.3s ease}.tt-value-stack article:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(42,34,94,.09)}.tt-value-stack span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eeeaff;color:#6d55ff}.tt-value-stack h3{font-size:19px;color:#22233b;margin:0 0 7px}.tt-value-stack p{margin:0;color:#77798b;line-height:1.6}
.tt-flow{background:#111225;color:#fff}.tt-flow:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:-300px;top:80px;background:radial-gradient(circle,rgba(107,84,255,.24),transparent 70%)}.tt-flow .tt-heading h2{color:#fff}.tt-flow .tt-heading p{color:#b9bbca}.tt-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tt-flow-grid article{position:relative;padding:36px 26px 30px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));transition:.35s ease}.tt-flow-grid article:hover{transform:translateY(-8px);border-color:rgba(128,102,255,.48)}.tt-flow-grid article>b{position:absolute;right:20px;top:16px;color:#74768e;font-size:12px}.tt-flow-grid article>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#6d55ff,#9675ff);margin-bottom:27px}.tt-flow-grid h3{font-size:21px;color:#fff;margin:0 0 10px}.tt-flow-grid p{margin:0;color:#b9bbca;line-height:1.7}
.tt-insight{background:#f6f5fb}.tt-insight-grid,.tt-reporting-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}.tt-insight-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:13px}.tt-insight-copy li{color:#33354a}.tt-insight-copy li i{color:#35b895;margin-right:10px}.tt-capacity-card,.tt-report-card{padding:28px;border-radius:28px;background:linear-gradient(145deg,#191a31,#10111f);color:#fff;box-shadow:0 32px 75px rgba(24,22,55,.23)}.tt-capacity-head,.tt-report-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.tt-capacity-head small,.tt-report-top small{color:#9093a9;font-size:9px;letter-spacing:.15em}.tt-capacity-head h3,.tt-report-top h3{color:#fff;margin:4px 0 0}.tt-capacity-head>span{color:#57dbbd;background:rgba(55,211,178,.1);border:1px solid rgba(55,211,178,.2);padding:8px 11px;border-radius:99px;font-size:11px}.tt-team-row{display:grid;grid-template-columns:160px 1fr 42px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tt-person{display:flex;align-items:center;gap:10px}.tt-person>i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#6d55ff;font-style:normal;font-size:11px}.tt-person b,.tt-person small{display:block}.tt-person small{color:#9093a9;font-size:10px}.tt-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.tt-bar i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d55ff,#39ceb2);animation:tt-grow 1.4s ease both}.tt-team-row>strong{font-size:12px}.tt-capacity-note{display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:center;margin-top:20px;padding:16px;border-radius:17px;background:linear-gradient(90deg,rgba(108,85,255,.18),rgba(54,209,180,.08));border:1px solid rgba(134,112,255,.2)}.tt-capacity-note>span{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#6d55ff}.tt-capacity-note p{margin:3px 0 0;color:#bcc0cf;font-size:11px}
.tt-budget{background:#fff}.tt-budget-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.tt-budget-grid article{padding:29px;border-radius:23px;border:1px solid #e5e5ef;background:#fff}.tt-budget-grid article.featured{background:linear-gradient(135deg,#6950f2,#8b68ff);color:#fff;border:0}.tt-budget-top{display:flex;justify-content:space-between;align-items:center}.tt-budget-top b{font-size:10px;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.14)}.tt-budget-grid .featured h3{font-size:38px;color:#fff;margin:34px 0 18px}.tt-budget-grid .featured h3 small{font-size:14px;color:#ded9ff}.tt-budget-progress{height:8px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}.tt-budget-progress i{display:block;width:77%;height:100%;background:#fff;border-radius:inherit}.tt-budget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.tt-budget-stats span{padding:12px;border-radius:13px;background:rgba(255,255,255,.1)}.tt-budget-stats b,.tt-budget-stats small{display:block}.tt-budget-stats small{font-size:9px;color:#e4e0ff}.tt-budget-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eeeaff;color:#6d55ff;font-size:20px}.tt-budget-grid article:not(.featured) h3{font-size:20px;color:#25263d;margin:22px 0 9px}.tt-budget-grid article:not(.featured) p{margin:0;color:#747688;line-height:1.65}
.tt-reporting{background:#f7f7fc}.tt-report-card{max-width:560px}.tt-report-top>span{font-size:10px;color:#a5a7b9}.tt-donut{width:220px;aspect-ratio:1;border-radius:50%;margin:28px auto;display:grid;place-items:center;background:conic-gradient(#745aff 0 76%,#3bd0b3 76% 92%,#32344a 92%)}.tt-donut:before{content:"";width:148px;aspect-ratio:1;border-radius:50%;background:#15162a;position:absolute}.tt-donut div{position:relative;text-align:center}.tt-donut strong,.tt-donut small{display:block}.tt-donut strong{font-size:34px}.tt-donut small{color:#9b9eb2}.tt-legend{display:grid;gap:10px}.tt-legend span{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;color:#b9bbca;font-size:12px}.tt-legend i{width:9px;height:9px;border-radius:50%;background:#745aff}.tt-legend span:nth-child(2) i{background:#3bd0b3}.tt-legend span:nth-child(3) i{background:#55576f}.tt-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.tt-mini-grid article{padding:18px;border-radius:17px;background:#fff;border:1px solid #e5e5ee}.tt-mini-grid i{color:#6d55ff}.tt-mini-grid h3{font-size:15px;margin:12px 0 5px}.tt-mini-grid p{font-size:12px;margin:0;color:#77798c}
.tt-usecases{background:#fff}.tt-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tt-usecase-grid article{padding:27px;border:1px solid #e5e5ef;border-radius:21px;background:#fff;transition:.35s ease}.tt-usecase-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(39,32,88,.1)}.tt-usecase-grid span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#6d55ff;background:#eeeaff}.tt-usecase-grid h3{font-size:19px;margin:21px 0 8px}.tt-usecase-grid p{margin:0;color:#757789;line-height:1.6}
.tt-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.tt-reveal.is-visible{opacity:1;transform:none}@keyframes tt-grow{from{width:0}}
@media(max-width:1100px){.tt-overview-grid,.tt-insight-grid,.tt-reporting-grid{grid-template-columns:1fr}.tt-value-stack{grid-template-columns:repeat(3,1fr)}.tt-flow-grid,.tt-usecase-grid{grid-template-columns:repeat(2,1fr)}.tt-budget-grid{grid-template-columns:1fr 1fr}.tt-budget-grid .featured{grid-column:1/-1}.tt-heading-split{gap:34px}}
@media(max-width:767px){.tt-overview,.tt-flow,.tt-insight,.tt-budget,.tt-reporting,.tt-usecases{padding:82px 0}.tt-heading-split{grid-template-columns:1fr;gap:18px}.tt-heading h2,.tt-insight-copy h2{font-size:38px}.tt-heading p,.tt-heading-split>p,.tt-insight-copy>p{font-size:16px}.tt-overview-grid,.tt-value-stack,.tt-flow-grid,.tt-budget-grid,.tt-usecase-grid{grid-template-columns:1fr}.tt-timer-main{grid-template-columns:1fr}.tt-time-ring{width:220px}.tt-timer-actions{grid-template-columns:1fr}.tt-team-row{grid-template-columns:1fr}.tt-bar{order:3}.tt-budget-grid .featured{grid-column:auto}.tt-budget-stats,.tt-mini-grid{grid-template-columns:1fr}.tt-capacity-card,.tt-report-card,.tt-timer-panel{padding:20px;border-radius:21px}}
@media(prefers-reduced-motion:reduce){.tt-reveal{opacity:1;transform:none}.tt-bar i{animation:none!important}}


/* 2026-07-28 requested visual refinements */
.tt-timer-actions button{
  min-height:56px;
  border-radius:999px;
  font-family:inherit;
  font-size:15px;
  letter-spacing:-.01em;
  background:linear-gradient(135deg,#704fff 0%,#8b63ff 100%);
  box-shadow:0 12px 28px rgba(109,85,255,.24);
  transition:transform .25s ease,box-shadow .25s ease;
}
.tt-timer-actions button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(109,85,255,.3)}
.tt-timer-actions button.secondary{background:#17182d;box-shadow:0 12px 28px rgba(23,24,45,.18)}
.tt-mini-grid article{padding:24px 20px;min-height:176px}
.tt-mini-grid i{font-size:20px}
.tt-mini-grid h3{font-size:22px;line-height:1.2;margin:16px 0 9px}
.tt-mini-grid p{font-size:15px;line-height:1.65}