:root{--purple:#38286f;--purple-2:#6950b8;--purple-soft:#f1eefb;--gold:#f1b642;--ink:#17242d;--muted:#667982;--line:#dbe5e8;--canvas:#f3f6f8;--surface:#fff;--teal:#0b858b;--danger:#a83d49;--success:#247549;--shadow:0 12px 34px rgba(25,40,65,.08);--radius:18px}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#087b8c}h1,h2,h3{line-height:1.12;letter-spacing:-.03em}h1{font-size:clamp(2rem,4vw,3rem);margin:.3rem 0}h2{font-size:1.35rem}p{max-width:75ch}button,input,select,textarea{font:inherit}label{display:block;color:#33464f;font-weight:750}input,select,textarea,button,.button{width:100%;margin-top:7px;padding:12px 14px;border:1px solid #c9d6db;border-radius:11px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(105,80,184,.16)}textarea{resize:vertical}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,var(--teal),#08727e);color:#fff;font-weight:850;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 6px 15px rgba(8,114,126,.18);transition:.16s}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.04)}button:focus-visible,.button:focus-visible,.ht-nav-link:focus-visible{outline:3px solid rgba(241,182,66,.65);outline-offset:2px}.secondary{background:#63757e}.danger,.ht-stop{background:var(--danger)!important}.notice{margin:18px 0;padding:15px 17px;border:1px solid #d7cfef;border-radius:12px;background:var(--purple-soft)}small{line-height:1.35}.eyebrow,.ht-eyebrow{color:var(--purple-2);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.ht-shell{min-height:100vh}.ht-sidebar{position:fixed;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;padding:20px 15px;background:linear-gradient(180deg,#241a4b,#38286f);color:#fff;z-index:30;box-shadow:8px 0 28px rgba(32,23,67,.12)}.ht-brand{display:flex;align-items:center;gap:12px;padding:5px 8px 21px;border-bottom:1px solid rgba(255,255,255,.16)}.ht-brand>span,.tb-auth-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--gold);color:#34234f;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.14)}.ht-brand strong,.ht-brand small,.ht-user strong,.ht-user small{display:block}.ht-brand strong{font-size:1.05rem}.ht-brand small,.ht-user small{color:#d8d1f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht-sidebar nav{display:flex;flex-direction:column;gap:4px;padding:17px 0;overflow:auto}.ht-nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:11px;color:#f8f6ff;text-decoration:none;font-weight:750;transition:.16s}.ht-nav-link:hover{background:rgba(255,255,255,.1);transform:translateX(2px)}.ht-nav-link.active{background:rgba(255,255,255,.14);box-shadow:inset 4px 0 var(--gold)}.ht-nav-link>span{width:23px;text-align:center;font-size:1.05rem}.ht-user{margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgba(255,255,255,.16)}.ht-stage{min-height:100vh;margin-left:264px}.ht-topbar{position:sticky;top:0;z-index:15;height:70px;display:flex;align-items:center;gap:13px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.ht-topbar button{display:none;width:auto;margin:0;padding:9px 11px;background:var(--purple-soft);color:var(--purple);box-shadow:none}.ht-topbar div{display:grid}.ht-topbar small{color:var(--purple-2);font-weight:900;text-transform:uppercase;letter-spacing:.09em}.ht-topbar strong{font-size:1.05rem}.ht-online{margin-left:auto;padding:5px 10px;border-radius:99px;background:#e5f5eb;color:var(--success);font-size:.75rem;font-weight:750}.ht-main{width:min(100%,1320px);margin:auto;padding:34px 34px 84px}.ht-running-bar{display:flex;justify-content:center;gap:14px;padding:9px;background:var(--gold);color:#34234f;text-decoration:none}.ht-dashboard{display:grid;gap:20px}.ht-welcome,.ht-panel-heading,.ht-report-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.ht-welcome{min-height:86px}.ht-welcome h1,.ht-welcome p,.ht-panel-heading h2,.ht-report-title h2,.ht-report-title p{margin:3px 0}.ht-welcome p,.ht-panel-heading p{color:var(--muted)}.ht-welcome>.button,.ht-panel-heading>.button,.ht-actions>.button{width:auto;margin:0;min-width:160px}.ht-panel{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.ht-panel+.ht-panel{margin-top:0}.ht-timer-card{padding:40px 28px;text-align:center;border:1px solid #d8d0f1;border-radius:26px;background:radial-gradient(circle at top right,#eee9ff,transparent 46%),#fff;box-shadow:0 18px 45px rgba(49,34,100,.08)}.ht-timer-card h1{margin:8px 0;font-size:clamp(2.2rem,5vw,3.5rem)}.ht-timer-card p{max-width:650px;margin:0 auto 25px;color:var(--muted)}.ht-timer-card form{max-width:650px;margin:auto}.ht-start,.ht-stop{width:min(100%,470px);min-height:76px;border-radius:18px;font-size:1.35rem;font-weight:950}.ht-start{background:linear-gradient(135deg,var(--purple-2),var(--purple));box-shadow:0 12px 28px rgba(56,40,111,.3)}.ht-clock{margin:8px 0;color:var(--purple);font-size:clamp(3rem,10vw,6rem);font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.ht-timer-card textarea{text-align:left}.ht-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.ht-metrics>div{padding:19px 21px;border-right:1px solid var(--line)}.ht-metrics>div:last-child{border-right:0}.ht-metrics span,.ht-metrics strong{display:block}.ht-metrics span{color:var(--muted);font-weight:700}.ht-metrics strong{margin-top:4px;font-size:1.65rem;font-variant-numeric:tabular-nums}.ht-metrics .attention{background:#fff3d9}.ht-entry-row{display:grid;grid-template-columns:minmax(118px,.55fr) minmax(240px,2fr) minmax(90px,.45fr) 18px;align-items:center;gap:18px;padding:17px 10px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:.15s}.ht-entry-row:last-child{border:0}.ht-entry-row:hover{background:#f8f7fc}.ht-entry-row time{font-weight:750;color:#485962}.ht-entry-row span strong,.ht-entry-row span small{display:block}.ht-entry-row small{margin-top:3px;color:var(--muted)}.ht-entry-row b{justify-self:end;font-variant-numeric:tabular-nums}.ht-entry-row em{font-size:1.5rem;color:var(--purple-2)}.ht-empty{padding:46px 20px;text-align:center;color:var(--muted)}.ht-empty strong,.ht-empty span{display:block}.ht-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ht-form-grid .wide{grid-column:1/-1}.ht-panel form>button{margin-top:18px}.check-row{display:flex;align-items:center;gap:9px;min-height:48px}.check-row input{width:auto;margin:0}.ht-actions{display:flex;gap:10px;flex-wrap:wrap}.ht-status,.ht-engagement-status,.time-user-status{display:inline-flex;padding:6px 10px;border-radius:99px;background:var(--purple-soft);color:var(--purple);font-size:.72rem;font-weight:850}.ht-client-group h2{margin:0 0 10px;font-size:1.25rem}.ht-engagement-directory{display:grid;gap:30px}.ht-client-branch{margin-left:32px;padding-left:19px;border-left:3px solid #d8d0f1}.ht-engagement-item{display:grid;grid-template-columns:minmax(260px,1fr) 110px 100px 18px;align-items:center;gap:18px;padding:16px 8px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.ht-engagement-item:last-child{border-bottom:0}.ht-engagement-item:hover{background:#f8f7fc}.ht-engagement-item strong,.ht-engagement-item small{display:block}.ht-engagement-item small{margin-top:3px;color:var(--muted)}.ht-engagement-item b{justify-self:end;font-variant-numeric:tabular-nums}.ht-engagement-item em{color:var(--purple-2);font-size:1.4rem}.ht-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line)}.ht-time-row:last-child{border-bottom:0}.ht-time-row .ht-entry-row{border-bottom:0}.ht-remove-link{padding:10px;color:var(--danger);font-size:.8rem;font-weight:850}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f5f3fb;color:#51446f;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}tbody tr:last-child td{border-bottom:0}.ht-report-group{margin-top:16px}.ht-report-group td:nth-last-child(-n+3),.ht-report-group th:nth-last-child(-n+3){text-align:right;white-space:nowrap}.ht-report-group td small{display:block;margin-top:4px;color:var(--muted)}.ht-total-row td{font-weight:850;border-top:2px solid var(--line)}.time-user-head,.time-user-row{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(200px,.8fr) minmax(140px,.55fr) 22px;align-items:center;gap:22px}.time-user-head{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.time-user-row{padding:18px 14px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.time-user-row:last-child{border-bottom:0}.time-user-row:hover{background:#f8f7fc}.time-user-identity strong,.time-user-identity small{display:block}.time-user-identity small{margin-top:4px;color:var(--muted)}.time-user-role{font-weight:750}.time-user-status.active{background:#e5f5eb;color:var(--success)}.time-user-status.pending{background:#fff2d8;color:#8d5b00}.time-user-status.inactive{background:#edf0f1;color:#68767d}.time-user-row b{color:var(--purple-2);font-size:1.5rem}.tb-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.tb-plan-card{display:flex;flex-direction:column;padding:22px;border:1px solid #d8e1e5;border-radius:18px;background:#fff}.tb-plan-card h2{margin:.45rem 0;font-size:2rem}.tb-plan-card ul{flex:1;padding-left:1.2rem}.tb-plan-card button{width:100%}.toast{position:fixed;top:86px;right:24px;z-index:100;max-width:420px;padding:14px 46px 14px 18px;border-radius:12px;background:#2d2459;color:#fff;box-shadow:0 16px 42px rgba(18,14,45,.28)}.toast button{position:absolute;top:4px;right:7px;width:34px;margin:0;padding:6px;background:transparent;box-shadow:none}.tb-auth-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#eee9ff 0,transparent 35%),linear-gradient(145deg,#f8f9fb,#eef2f5)}.auth-wrap,.signup-wrap{width:min(100%,800px);margin:0 auto;padding:clamp(28px,7vh,78px) 18px}.auth-wrap{width:min(100%,500px)}.card,.signup-card{padding:clamp(24px,5vw,42px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(32,23,67,.12)}.card h1,.signup-card h1{margin:.35rem 0}.card>p,.signup-card>p{color:var(--muted)}.tb-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.tb-auth-brand strong{font-size:1.15rem}.tb-auth-link,.signup-links{text-align:center;margin-top:20px}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup-note{margin:17px 0;padding:15px 17px;border-radius:12px;background:var(--purple-soft)}.signup-card button{margin-top:20px}.ht-scrim{display:none}
@media(max-width:900px){.tb-plan-grid{grid-template-columns:1fr}.ht-entry-row{grid-template-columns:105px minmax(180px,1fr) auto}.ht-entry-row em{display:none}}
@media(max-width:760px){.ht-sidebar{transform:translateX(-105%);transition:transform .2s}.ht-menu-open .ht-sidebar{transform:none}.ht-stage{margin-left:0}.ht-topbar{padding:0 15px}.ht-topbar button{display:inline-flex}.ht-main{padding:22px 14px 74px}.ht-menu-open .ht-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:20}.ht-welcome,.ht-panel-heading,.ht-report-title{align-items:flex-start;flex-direction:column}.ht-welcome>.button,.ht-panel-heading>.button,.ht-actions>.button{width:100%}.ht-panel{padding:18px}.ht-timer-card{padding:28px 16px}.ht-metrics>div{padding:14px}.ht-metrics strong{font-size:1.2rem}.ht-form-grid,.signup-grid{grid-template-columns:1fr}.ht-form-grid .wide{grid-column:1}.ht-client-branch{margin-left:10px;padding-left:13px}.ht-engagement-item{grid-template-columns:1fr auto}.ht-engagement-item .ht-engagement-status{grid-column:1}.ht-engagement-item b{grid-column:2;grid-row:1/3}.ht-engagement-item em{display:none}.ht-time-row{grid-template-columns:1fr}.ht-remove-link{justify-self:end}.time-user-head{display:none}.time-user-row{grid-template-columns:1fr auto;gap:8px 14px}.time-user-identity{grid-column:1}.time-user-role{grid-column:1;grid-row:2;color:var(--muted)}.time-user-status{grid-column:1;grid-row:3}.time-user-row b{grid-column:2;grid-row:1/4}.ht-report-group table{min-width:760px}}
@media(max-width:540px){.ht-main{padding:17px 11px 70px}.ht-topbar{height:64px}.ht-topbar small{display:none}.ht-online{font-size:0;width:10px;height:10px;padding:0}.ht-panel{padding:15px;border-radius:15px}.ht-metrics{grid-template-columns:1fr}.ht-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.ht-metrics>div:last-child{border-bottom:0}.ht-entry-row{grid-template-columns:1fr auto;gap:5px 12px;padding:15px 6px}.ht-entry-row time{grid-column:1;font-size:.83rem}.ht-entry-row span{grid-column:1}.ht-entry-row b{grid-column:2;grid-row:1/3}.ht-welcome{min-height:0}.auth-wrap,.signup-wrap{padding:18px 11px}.card,.signup-card{padding:22px 18px;border-radius:18px}}
.tb-code-option{margin-top:18px}.tb-code-option p{margin:0 0 8px;color:var(--muted)}.tb-code-option .button{margin:0}.tb-code-address{overflow-wrap:anywhere}.tb-code-input{text-align:center;font-size:1.45rem;font-weight:850;letter-spacing:.28em;font-variant-numeric:tabular-nums}.tb-code-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}.tb-code-links a{font-weight:750}