*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F3F5F7;--bg2:#FFFFFF;--card:#FFFFFF;--hover:#F3F5F7;--border:#F0F2F5;--text:#111827;--dim:#6B7280;--dim-bg:#5F6673;--accent:#1D9E75;--accent-soft:#DDF3EA;--accent2:#157A5A;--ink:#111827;--ink-text:#FFFFFF;--danger:#D9442B;--danger-text:#B4432A;--danger-soft:#FBE9E4;--warn:#D98A00;--warn-text:#8A5A00;--warn-soft:#FFF3D6;--shadow-card:0 1px 2px rgba(17,24,39,.04);--shadow-pop:0 12px 32px rgba(17,24,39,.1);--radius-card:24px;--radius-ctl:999px;--radius:24px}html{scroll-padding-top:96px}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.tp-logo{display:inline-flex;align-items:center;color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;text-decoration:none;white-space:nowrap}.tp-logo-o{width:.94em;height:.94em;margin:0 .06em 0 .12em;flex-shrink:0}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.fade-in.visible{opacity:1;transform:translateY(0)}section{padding:80px 0}.section-label{font-size:13px;font-weight:500;color:var(--dim-bg);margin-bottom:10px}.section-title{font-size:clamp(28px,3.6vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}.section-title em{font-style:normal}.section-desc{font-size:15px;color:var(--dim-bg);max-width:520px;line-height:1.7}.section-header{margin-bottom:48px}@media(max-width:640px){.container{padding:0 16px}section{padding:64px 0}}.btn-cta,.btn-login,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-ctl);border:none;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;text-align:center;transition:background .15s,box-shadow .15s,transform .15s}.btn-cta{background:var(--ink);color:var(--ink-text)!important}.btn-login,.btn-secondary{background:var(--card);color:var(--text);box-shadow:var(--shadow-card)}.btn-sm{height:36px;padding:0 16px;font-size:13px}@media(hover:hover)and (pointer:fine){.btn-cta:hover{background:#000}.btn-login:hover,.btn-secondary:hover{box-shadow:var(--shadow-pop)}}.cookie-bar{position:fixed;bottom:16px;left:16px;right:16px;max-width:720px;margin:0 auto;background:var(--card);color:var(--text);padding:12px 12px 12px 20px;border-radius:24px;z-index:300;display:flex;align-items:center;justify-content:center;gap:12px 16px;font-size:13px;flex-wrap:wrap;box-shadow:var(--shadow-pop)}.cookie-bar span{flex:1 1 260px;color:var(--dim)}.cookie-bar button{height:36px;padding:0 16px;border-radius:999px;border:none;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}.cookie-bar .accept{background:var(--ink);color:var(--ink-text)}.cookie-bar .decline{background:var(--hover);color:var(--text)}.modal-overlay{display:none;position:fixed;inset:0;z-index:400;background:#11182766;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-box{background:var(--card);border-radius:var(--radius-card);padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-pop);position:relative}.modal-box h2{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}.modal-box h3{font-size:14px;font-weight:600;margin:16px 0 6px}.modal-box p{font-size:13px;color:var(--dim);line-height:1.7;margin-bottom:8px}.modal-box .close{position:absolute;top:12px;right:16px;font-size:24px;cursor:pointer;color:var(--dim);background:none;border:none}.ui{--u:1px;font-family:Inter,system-ui,sans-serif;color:var(--text);line-height:1.35;text-align:left;font-size:calc(14*var(--u));-webkit-font-smoothing:antialiased}.ui *{box-sizing:border-box}.ui-ico{width:calc(16*var(--u));height:calc(16*var(--u));flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-card{background:var(--card);border-radius:calc(24*var(--u));box-shadow:var(--shadow-card);padding:calc(22*var(--u));display:flex;flex-direction:column;gap:calc(14*var(--u));min-width:0}.ui-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12*var(--u));flex-wrap:wrap}.ui-title{font-size:calc(15*var(--u));font-weight:600;letter-spacing:-.01em}.ui-sub{font-size:calc(12*var(--u));color:var(--dim)}.ui-num{font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ui-pos{color:var(--accent2)}.ui-neg{color:var(--danger-text)}.ui-chip{display:inline-flex;align-items:center;gap:calc(5*var(--u));align-self:flex-start;border-radius:999px;padding:calc(4*var(--u)) calc(9*var(--u));font-size:calc(12*var(--u));font-weight:500;white-space:nowrap;background:var(--hover);color:var(--dim-bg);line-height:1.2}.ui-chip .ui-ico{width:calc(12*var(--u));height:calc(12*var(--u));stroke-width:2.5}.ui-chip .dot{width:calc(6*var(--u));height:calc(6*var(--u));border-radius:999px;background:currentColor;flex-shrink:0}.ui-chip.green{background:var(--accent-soft);color:var(--accent2);font-weight:600}.ui-chip.green .dot{background:var(--accent)}.ui-chip.red{background:var(--danger-soft);color:var(--danger-text);font-weight:600}.ui-chip.red .dot{background:var(--danger)}.ui-chip.amber{background:var(--warn-soft);color:var(--warn-text)}.ui-chip.amber .dot{background:var(--warn)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));height:calc(34*var(--u));padding:0 calc(14*var(--u));border-radius:999px;font-size:calc(12*var(--u));font-weight:500;white-space:nowrap;background:var(--hover);color:var(--text);border:none;font-family:inherit}.ui-btn .ui-ico{width:calc(14*var(--u));height:calc(14*var(--u))}.ui-btn.ink{background:var(--ink);color:var(--ink-text)}.ui-btn.white{background:var(--card);box-shadow:var(--shadow-card)}.ui-btn.lg{height:calc(44*var(--u));padding:0 calc(20*var(--u));font-size:calc(14*var(--u))}.ui-top{display:flex;align-items:center;gap:calc(14*var(--u))}.ui-pill{display:flex;align-items:center;background:var(--card);border-radius:999px;box-shadow:var(--shadow-card)}.ui-logo{padding:calc(11*var(--u)) calc(18*var(--u)) calc(11*var(--u)) calc(16*var(--u))}.ui-navpill{gap:calc(4*var(--u));padding:calc(6*var(--u));margin:0 auto}.ui-navpill span{display:inline-flex;align-items:center;gap:calc(6*var(--u));height:calc(36*var(--u));padding:0 calc(16*var(--u));border-radius:999px;font-size:calc(14*var(--u));font-weight:500;white-space:nowrap}.ui-navpill .on{background:var(--ink);color:var(--ink-text)}.ui-navpill .more{color:var(--dim);padding:0 calc(14*var(--u)) 0 calc(12*var(--u))}.ui-icons{gap:calc(2*var(--u));padding:calc(4*var(--u))}.ui-icons span{width:calc(38*var(--u));height:calc(38*var(--u));border-radius:999px;display:flex;align-items:center;justify-content:center;position:relative}.ui-icons .ui-ico{width:calc(18*var(--u));height:calc(18*var(--u))}.ui-icons .badge{position:absolute;top:calc(8*var(--u));right:calc(9*var(--u));width:calc(8*var(--u));height:calc(8*var(--u));border-radius:999px;background:var(--danger);border:calc(2*var(--u)) solid var(--card)}.ui-user{gap:calc(10*var(--u));padding:calc(5*var(--u)) calc(14*var(--u)) calc(5*var(--u)) calc(5*var(--u))}.ui-avatar{width:calc(36*var(--u));height:calc(36*var(--u));border-radius:999px;background:var(--accent-soft);color:var(--accent2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:calc(13*var(--u));flex-shrink:0}.ui-user-text{display:flex;flex-direction:column;line-height:1.25}.ui-user-text b{font-size:calc(13*var(--u));font-weight:600}.ui-user-text small{font-size:calc(11*var(--u));color:var(--dim)}.ui-user .ui-ico{width:calc(14*var(--u));height:calc(14*var(--u));color:var(--dim)}.ui-right{display:flex;align-items:center;gap:calc(10*var(--u))}.ui-greet{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:calc(16*var(--u));padding:calc(4*var(--u)) calc(4*var(--u)) 0}.ui-greet h4{margin:0;font-size:calc(32*var(--u));font-weight:600;letter-spacing:-.02em;line-height:1.15}.ui-greet p{margin:calc(6*var(--u)) 0 0;font-size:calc(14*var(--u));color:var(--dim-bg)}.ui-greet-btns{display:flex;gap:calc(10*var(--u))}.ui-quarter{border-radius:calc(24*var(--u));padding:calc(24*var(--u));background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#fff;display:flex;flex-direction:column;gap:calc(18*var(--u));min-width:0}.ui-quarter .q-head{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u));flex-wrap:wrap}.ui-quarter .q-chip{display:inline-flex;align-items:center;gap:calc(6*var(--u));font-size:calc(12*var(--u));font-weight:500;background:#ffffff2e;border-radius:999px;padding:calc(6*var(--u)) calc(12*var(--u));white-space:nowrap}.ui-quarter .q-chip .ui-ico{width:calc(14*var(--u));height:calc(14*var(--u))}.ui-quarter .q-soft{font-size:calc(12*var(--u));color:#ffffffd9}.ui-quarter .q-label{font-size:calc(13*var(--u));color:#ffffffe6}.ui-quarter .q-big{font-size:calc(44*var(--u));font-weight:600;letter-spacing:-.03em;line-height:1;margin-top:calc(4*var(--u));font-variant-numeric:tabular-nums}.ui-quarter .q-split{display:flex;gap:calc(24*var(--u));flex-wrap:wrap}.ui-quarter .q-split div{display:flex;flex-direction:column;gap:calc(2*var(--u))}.ui-quarter .q-split b{font-size:calc(18*var(--u));font-weight:600;font-variant-numeric:tabular-nums}.ui-quarter .q-bar{height:calc(6*var(--u));border-radius:999px;background:#ffffff40;overflow:hidden}.ui-quarter .q-bar i{display:block;height:100%;border-radius:999px;background:#fff}.ui-quarter .q-foot{display:flex;justify-content:space-between;gap:calc(8*var(--u));flex-wrap:wrap;margin-top:calc(8*var(--u))}.ui-quarter .q-progress{margin-top:auto}.ui-quarter .q-btns{display:flex;gap:calc(10*var(--u));flex-wrap:wrap}.ui-quarter .q-btns span{display:inline-flex;align-items:center;height:calc(40*var(--u));padding:0 calc(16*var(--u));border-radius:999px;font-size:calc(13*var(--u));font-weight:600;white-space:nowrap}.ui-quarter .q-btns .w{background:#fff;color:var(--text)}.ui-quarter .q-btns .o{border:1px solid rgba(255,255,255,.55);font-weight:500}.ui-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14*var(--u));min-width:0}.ui-kpi{background:var(--card);border-radius:calc(22*var(--u));padding:calc(18*var(--u));display:flex;flex-direction:column;gap:calc(9*var(--u));box-shadow:var(--shadow-card);min-width:0}.ui-kpi .k-label{font-size:calc(12*var(--u));color:var(--dim)}.ui-kpi .k-value{font-size:calc(26*var(--u));font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.ui-kpi .ui-chip{white-space:normal}.ui-legend{display:flex;gap:calc(12*var(--u));font-size:calc(12*var(--u));color:var(--dim)}.ui-legend span{display:inline-flex;align-items:center;gap:calc(6*var(--u))}.ui-legend i{width:calc(8*var(--u));height:calc(8*var(--u));border-radius:999px;display:inline-block}.ui-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(12*var(--u));align-items:end;height:calc(160*var(--u));margin-top:auto}.ui-bars>div{display:flex;gap:calc(4*var(--u));align-items:flex-end;height:100%}.ui-bars i{flex:1;border-radius:calc(6*var(--u)) calc(6*var(--u)) calc(3*var(--u)) calc(3*var(--u));display:block}.ui-bars .in{background:var(--accent)}.ui-bars .out{background:var(--danger)}.ui-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(12*var(--u));font-size:calc(11*var(--u));color:var(--dim);text-align:center}.ui-months .now{color:var(--text);font-weight:600}.ui-filters{display:flex;gap:calc(6*var(--u))}.ui-filters span{display:inline-flex;align-items:center;height:calc(32*var(--u));padding:0 calc(13*var(--u));border-radius:999px;background:var(--hover);font-size:calc(12*var(--u));font-weight:500}.ui-filters .on{background:var(--ink);color:var(--ink-text)}.ui-table{width:100%;border-collapse:collapse}.ui-table th{font-size:calc(12*var(--u));font-weight:500;color:var(--dim);text-align:left;padding:0 calc(8*var(--u)) calc(10*var(--u)) 0;white-space:nowrap}.ui-table td{font-size:calc(13*var(--u));padding:calc(11*var(--u)) calc(8*var(--u)) calc(11*var(--u)) 0;border-top:1px solid var(--border);white-space:nowrap}.ui-table td.n{font-weight:500}.ui-table td.amt{font-weight:600;font-variant-numeric:tabular-nums}.ui-table td.when{color:var(--dim)}.ui-table td.act{text-align:right;padding-right:0}.ui-table .ui-btn{height:calc(30*var(--u));padding:0 calc(12*var(--u))}.ui-todo{display:flex;align-items:flex-start;gap:calc(12*var(--u))}.ui-box{width:calc(18*var(--u));height:calc(18*var(--u));border-radius:calc(6*var(--u));border:1.5px solid #C9CED6;flex-shrink:0;margin-top:calc(1*var(--u))}.ui-todo b{display:block;font-size:calc(14*var(--u));font-weight:500}.ui-todo small{display:block;font-size:calc(12*var(--u));color:var(--dim);margin-top:calc(2*var(--u))}.ui-app{container-type:inline-size;background:var(--bg);border-radius:20px;overflow:hidden}.ui-app-in{display:flex;flex-direction:column;gap:calc(20*var(--u));padding:calc(18*var(--u)) calc(24*var(--u)) calc(28*var(--u))}.ui-row{display:grid;gap:calc(20*var(--u))}.ui-row-1{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}.ui-row-2{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}@container (max-width:1100px){.ui-app-in{--u:.86px}}@container (max-width:880px){.ui-user-text,.ui-user>.ui-ico{display:none}.ui-user{padding:calc(5*var(--u))}}@container (max-width:780px){.ui-app-in{--u:.9px}.ui-navpill{display:none}.ui-top{justify-content:space-between}.ui-row-1{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-row-1 .ui-chart{grid-column:span 2}.ui-row-2{grid-template-columns:minmax(0,1fr)}.ui-row-2 .ui-todolist{display:none}}@container (max-width:560px){.ui-app-in{--u:1px;padding:calc(14*var(--u)) calc(14*var(--u)) calc(18*var(--u));gap:calc(14*var(--u))}.ui-icons{display:none}.ui-greet h4{font-size:calc(24*var(--u))}.ui-greet p{font-size:calc(13*var(--u))}.ui-greet-btns{display:none}.ui-row-1{grid-template-columns:minmax(0,1fr);gap:calc(14*var(--u))}.ui-row-1 .ui-chart,.ui-row-2{display:none}.ui-quarter{padding:calc(20*var(--u))}.ui-quarter .q-big{font-size:calc(38*var(--u))}.ui-kpis{grid-template-columns:minmax(0,1fr);gap:calc(10*var(--u))}.ui-kpi{padding:calc(14*var(--u)) calc(16*var(--u));border-radius:calc(20*var(--u));display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:calc(10*var(--u));row-gap:calc(2*var(--u));align-items:center}.ui-kpi .k-label{grid-column:1;grid-row:1}.ui-kpi .k-value{grid-column:1;grid-row:2;font-size:calc(22*var(--u));white-space:nowrap}.ui-kpi .k-label{white-space:nowrap}.ui-kpi .ui-chip{grid-column:2;grid-row:1 / span 2;justify-self:end;align-self:center;white-space:normal;text-align:right;border-radius:calc(12*var(--u))}}.ui-avatar.gray{background:var(--hover);color:var(--text)}.ui-member{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(10*var(--u)) 0;border-top:1px solid var(--border)}.ui-member:first-child{border-top:none;padding-top:0}.ui-member:last-child{padding-bottom:0}.ui-member-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.ui-member-text b{font-size:calc(14*var(--u));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-member-text small{font-size:calc(12*var(--u));color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-member .ui-chip{align-self:center}.ui-comment{flex-direction:row;align-items:flex-start;gap:calc(12*var(--u));padding:calc(16*var(--u)) calc(18*var(--u))}.ui-comment-body{flex:1;min-width:0}.ui-comment-head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:calc(8*var(--u));row-gap:calc(2*var(--u))}.ui-comment-head b{font-size:calc(13*var(--u));font-weight:600}.ui-comment-body p{margin:calc(6*var(--u)) 0 0;font-size:calc(13*var(--u));line-height:1.45;background:var(--hover);border-radius:calc(4*var(--u)) calc(14*var(--u)) calc(14*var(--u)) calc(14*var(--u));padding:calc(9*var(--u)) calc(12*var(--u))}