:root{--tpc-primary:#4361ee;--tpc-primary-deep:#3a56d4;--tpc-secondary:#00a86b;--tpc-secondary-light:#e6f0ff;--tpc-danger:#e74c3c;--tpc-bg:#f7f9fb;--tpc-white:#ffffff;--tpc-text:#2b2d42;--tpc-border:#d8dce2;--tpc-radius:8px;--tpc-spacing:1.5rem;--tpc-gap:0.6rem;--tpc-primary-light:#eef1fd;--tpc-text-muted:#6c7a89;--tpc-text-light:#9aa5b1;--tpc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--tpc-shadow-md:0 4px 16px rgba(67, 97, 238, 0.1);--tpc-shadow-lg:0 8px 32px rgba(67, 97, 238, 0.13);--tpc-warning:#f0a500;--tpc-warning-bg:#fff8e6;--tpc-success-bg:#e6f9f2;--tpc-danger-bg:#fdecea;--tpc-gauge-good:#00a86b;--tpc-gauge-ok:#f0a500;--tpc-gauge-low:#e74c3c}.tpc-hero{position:relative;padding:2rem 1rem;overflow:hidden;border:1px solid var(--tpc-border);border-radius:var(--tpc-radius);box-shadow:var(--tpc-shadow-sm);text-align:center}.tpc-hero-badge{display:inline-block;background:var(--tpc-primary-light)!important;color:var(--tpc-primary)!important;font-size:0.7rem!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.3em .85em;border-radius:20px;border:1px solid rgb(67 97 238 / .2)!important;margin-bottom:.75rem}.tpc-hero-title{font-size:clamp(1.4rem, 5vw, 2rem)!important;font-weight:700;color:var(--tpc-text)!important;line-height:1.2;margin-bottom:.75rem}.tpc-hero-sub{font-size:0.85rem!important;color:var(--tpc-text-muted)!important;max-width:540px;font-weight:400;margin:0 auto}.tpc-hero-rings{position:absolute;right:-80px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.tpc-ring{position:absolute;border-radius:50%;border:1.5px solid rgb(67 97 238 / .12)!important}.tpc-ring-1{width:180px;height:180px;top:-90px;right:0}.tpc-ring-2{width:280px;height:280px;top:-140px;right:-50px}.tpc-ring-3{width:380px;height:380px;top:-190px;right:-100px}.tpc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tpc-gap);margin-bottom:1.5rem}.tpc-tab{background:var(--tpc-white)!important;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);padding:.75rem .5rem;cursor:pointer;text-align:center;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:.15rem}.tpc-tab:hover{border-color:var(--tpc-primary)!important;background:var(--tpc-primary-light)!important}.tpc-tab-active{background:var(--tpc-primary)!important;border-color:var(--tpc-primary)!important;box-shadow:var(--tpc-shadow-md)}.tpc-tab-active .tpc-tab-icon,.tpc-tab-active .tpc-tab-label,.tpc-tab-active .tpc-tab-desc{color:#fff!important}.tpc-tab-icon{font-size:1.3rem!important;line-height:1}.tpc-tab-label{font-size:0.82rem!important;font-weight:600;color:var(--tpc-text)!important}.tpc-tab-desc{font-size:0.65rem!important;color:var(--tpc-text-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tpc-hidden{display:none!important}.tpc-panel{animation:tpcFadeIn 0.25s ease}@keyframes tpcFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tpc-card{background:var(--tpc-white)!important;border:1px solid var(--tpc-border)!important;border-radius:calc(var(--tpc-radius) * 1.5);padding:var(--tpc-spacing) calc(var(--tpc-spacing) * 1.2);margin-bottom:1.25rem;box-shadow:var(--tpc-shadow-sm)}.tpc-card-head{margin-bottom:1.5rem}.tpc-card-title{font-size:1.15rem!important;font-weight:700;color:var(--tpc-text)!important;margin-bottom:.3rem}.tpc-card-subtitle{font-size:0.85rem!important;color:var(--tpc-text-muted)!important}.tpc-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.tpc-form-grid-2{grid-template-columns:repeat(2,1fr)}.tpc-form-row{margin-bottom:1rem}.tpc-field-inline{max-width:240px}.tpc-field-group{display:flex;flex-direction:column;gap:.4rem}.tpc-label{font-size:0.8rem!important;font-weight:600;color:var(--tpc-text)!important;display:flex;align-items:center;gap:.3rem}.tpc-tooltip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--tpc-border)!important;color:var(--tpc-text-muted)!important;font-size:0.65rem!important;font-weight:700;cursor:help;position:relative}.tpc-tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--tpc-text)!important;color:#fff!important;font-size:0.72rem!important;font-weight:400;white-space:normal;width:220px;padding:.5rem .75rem;border-radius:6px;line-height:1.4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.15s;z-index:100;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.tpc-tooltip:hover::after{opacity:1;visibility:visible}.tpc-input{width:100%;padding:.6rem .85rem;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);font-size:0.9rem!important;color:var(--tpc-text)!important;background:var(--tpc-white)!important;outline:none;transition:border-color 0.15s,box-shadow 0.15s;-moz-appearance:textfield}.tpc-input::-webkit-outer-spin-button,.tpc-input::-webkit-inner-spin-button{-webkit-appearance:none}.tpc-input:focus{border-color:var(--tpc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.tpc-input.tpc-input-error{border-color:var(--tpc-danger)!important;background:var(--tpc-danger-bg)!important}.tpc-input-sm{max-width:140px}.tpc-select{width:100%;padding:.6rem 2rem .6rem .85rem;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);font-size:0.85rem!important;color:var(--tpc-text)!important;background:var(--tpc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c7a89'/%3E%3C/svg%3E") no-repeat right .85rem center!important;appearance:none;outline:none;cursor:pointer;transition:border-color 0.15s}.tpc-select:focus{border-color:var(--tpc-primary)!important}.tpc-time-inputs{display:flex;align-items:center;gap:.35rem}.tpc-time-unit{display:flex;flex-direction:column;gap:.2rem;flex:1}.tpc-unit-label{font-size:0.65rem!important;color:var(--tpc-text-muted)!important;text-align:center;font-weight:500}.tpc-time-sep{font-size:1.3rem!important;color:var(--tpc-text-muted)!important;font-weight:300;margin-top:-1rem}.tpc-input-suffix,.tpc-input-prefix{display:flex;align-items:stretch;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);overflow:hidden;transition:border-color 0.15s}.tpc-input-suffix:focus-within,.tpc-input-prefix:focus-within{border-color:var(--tpc-primary)!important}.tpc-input-suffix .tpc-input,.tpc-input-prefix .tpc-input{border:none!important;box-shadow:none;border-radius:0}.tpc-suffix,.tpc-prefix{display:flex;align-items:center;padding:0 .65rem;background:var(--tpc-bg)!important;color:var(--tpc-text-muted)!important;font-size:0.82rem!important;font-weight:600;border-left:1px solid var(--tpc-border)!important;white-space:nowrap}.tpc-prefix{border-left:none!important;border-right:1px solid var(--tpc-border)!important;order:-1}.tpc-pct-wrapper{display:flex;align-items:stretch;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);overflow:hidden;transition:border-color 0.15s}.tpc-pct-wrapper:focus-within{border-color:var(--tpc-primary)!important}.tpc-pct-wrapper .tpc-input{border:none!important;box-shadow:none;border-radius:0}.tpc-pct-sign{display:flex;align-items:center;padding:0 .65rem;background:var(--tpc-bg)!important;color:var(--tpc-text-muted)!important;font-size:0.85rem!important;font-weight:600;border-left:1px solid var(--tpc-border)!important}.tpc-computed-field{padding:.6rem .85rem;background:var(--tpc-bg)!important;border:1.5px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);font-size:0.9rem!important;color:var(--tpc-text)!important;font-weight:500}.tpc-actions-top{display:flex;gap:var(--tpc-gap);margin-top:1.25rem}.tpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:var(--tpc-radius);font-size:0.85rem!important;font-weight:600;cursor:pointer;transition:all 0.18s ease;border:none;outline:none;white-space:nowrap}.tpc-btn-primary{background:var(--tpc-primary)!important;color:#fff!important;box-shadow:0 2px 8px rgb(67 97 238 / .25)}.tpc-btn-primary:hover{background:var(--tpc-primary-deep)!important;box-shadow:0 4px 14px rgb(67 97 238 / .35);transform:translateY(-1px)}.tpc-btn-ghost{background:var(--tpc-white)!important;color:var(--tpc-text-muted)!important;border:1.5px solid var(--tpc-border)!important}.tpc-btn-ghost:hover{background:var(--tpc-bg)!important;border-color:#bcc3ce!important}.tpc-btn-pdf{background:var(--tpc-primary)!important;color:#fff!important}.tpc-btn-pdf:hover{background:var(--tpc-primary-deep)!important}.tpc-btn-copy{background:var(--tpc-white)!important;color:var(--tpc-primary)!important;border:1.5px solid var(--tpc-primary)!important}.tpc-btn-copy:hover{background:var(--tpc-primary-light)!important}.tpc-btn-danger{background:var(--tpc-white)!important;color:var(--tpc-danger)!important;border:1.5px solid var(--tpc-danger)!important}.tpc-btn-danger:hover{background:var(--tpc-danger-bg)!important}.tpc-result-card{background:var(--tpc-white)!important;border:1.5px solid var(--tpc-border)!important;border-radius:calc(var(--tpc-radius) * 1.5);padding:var(--tpc-spacing) calc(var(--tpc-spacing) * 1.2);margin-bottom:1.5rem;box-shadow:var(--tpc-shadow-md);animation:tpcFadeIn 0.3s ease}.tpc-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.tpc-result-title{font-size:1.1rem!important;font-weight:700;color:var(--tpc-text)!important}.tpc-result-date{font-size:0.72rem!important;color:var(--tpc-text-muted)!important}.tpc-result-gauge-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.tpc-gauge{width:200px}.tpc-gauge-svg{width:100%;overflow:visible}.tpc-gauge-track{fill:none;stroke:var(--tpc-bg);stroke-width:18;stroke-linecap:round}.tpc-gauge-fill{fill:none;stroke:var(--tpc-primary);stroke-width:18;stroke-linecap:round;stroke-dasharray:251.2;stroke-dashoffset:251.2;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1),stroke 0.5s ease}.tpc-gauge-pct{font-weight:700;font-size:1.6rem!important;fill:var(--tpc-text)}.tpc-gauge-label{font-size:0.65rem!important;fill:var(--tpc-text-muted);text-transform:uppercase;letter-spacing:.08em}.tpc-result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.tpc-metric{background:var(--tpc-bg)!important;border:1px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);padding:.85rem .75rem;text-align:center}.tpc-metric-value{font-size:1.4rem!important;font-weight:700;color:var(--tpc-primary)!important;display:block;line-height:1.2;margin-bottom:.2rem}.tpc-metric-label{font-size:0.7rem!important;color:var(--tpc-text-muted)!important;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.tpc-result-benchmark{background:var(--tpc-secondary-light)!important;border:1px solid rgb(0 168 107 / .2)!important;border-radius:var(--tpc-radius);padding:.85rem 1rem;margin-bottom:.75rem;font-size:0.82rem!important;color:var(--tpc-text)!important;line-height:1.6}.tpc-result-benchmark.tpc-hidden{display:none!important}.tpc-result-status{border-radius:var(--tpc-radius);padding:.85rem 1rem;margin-bottom:1.25rem;font-size:0.85rem!important;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.tpc-status-good{background:var(--tpc-success-bg)!important;border:1px solid rgb(0 168 107 / .25)!important;color:#166a45!important}.tpc-status-ok{background:var(--tpc-warning-bg)!important;border:1px solid rgb(240 165 0 / .3)!important;color:#7a4f00!important}.tpc-status-low{background:var(--tpc-danger-bg)!important;border:1px solid rgb(231 76 60 / .25)!important;color:#8b1a13!important}.tpc-action-btns{display:flex;flex-wrap:wrap;gap:var(--tpc-gap);padding-top:.5rem;border-top:1px solid var(--tpc-border)!important;margin-top:.5rem}.tpc-weekly-grid{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.25rem}.tpc-weekly-row{display:grid;grid-template-columns:80px 1fr 1fr 80px;gap:.6rem;align-items:center}.tpc-weekly-day{font-size:0.78rem!important;font-weight:600;color:var(--tpc-text)!important}.tpc-weekly-row .tpc-label{font-size:0.72rem!important}.tpc-weekly-chart{margin:.5rem 0 1.25rem}.tpc-chart-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.tpc-chart-day{font-size:0.72rem!important;color:var(--tpc-text-muted)!important;width:30px;text-align:right;flex-shrink:0}.tpc-chart-bar-wrap{flex:1;background:var(--tpc-bg)!important;border-radius:20px;height:22px;overflow:hidden;border:1px solid var(--tpc-border)!important}.tpc-chart-bar{height:100%;border-radius:20px;transition:width 0.7s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;min-width:28px}.tpc-chart-pct{font-size:0.65rem!important;font-weight:700;color:#fff!important}.tpc-ref-section{margin-top:2rem}.tpc-ref-title{font-size:1rem!important;font-weight:700;color:var(--tpc-text)!important;margin-bottom:1rem}.tpc-ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.tpc-ref-card{background:var(--tpc-white)!important;border:1px solid var(--tpc-border)!important;border-radius:var(--tpc-radius);padding:.85rem;border-top:3px solid var(--tpc-primary)!important;transition:box-shadow 0.2s}.tpc-ref-card:hover{box-shadow:var(--tpc-shadow-md)}.tpc-ref-setting{font-size:0.78rem!important;font-weight:700;color:var(--tpc-text)!important;margin-bottom:.3rem}.tpc-ref-range{font-size:1.15rem!important;font-weight:700;color:var(--tpc-primary)!important;margin-bottom:.15rem}.tpc-ref-target{font-size:0.72rem!important;color:var(--tpc-text-muted)!important}.tpc-ref-footnote{font-size:0.75rem!important;color:var(--tpc-text-muted)!important;line-height:1.6;padding:.75rem 1rem;background:var(--tpc-bg)!important;border-radius:var(--tpc-radius);border:1px solid var(--tpc-border)!important}.tpc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45)!important;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:tpcFadeIn 0.15s ease}.tpc-modal{background:var(--tpc-white)!important;border-radius:var(--tpc-radius);padding:1.5rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .18);animation:tpcSlideUp 0.2s ease}@keyframes tpcSlideUp{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.tpc-modal-icon{font-size:2rem!important;margin-bottom:.75rem}.tpc-modal-title{font-size:1.1rem!important;font-weight:700;color:var(--tpc-text)!important;margin-bottom:.5rem}.tpc-modal-body{font-size:0.85rem!important;color:var(--tpc-text-muted)!important;margin-bottom:1.5rem;line-height:1.6}.tpc-modal-actions{display:flex;gap:.6rem;justify-content:center}.tpc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--tpc-text)!important;color:#fff!important;padding:.6rem 1.2rem;border-radius:20px;font-size:0.82rem!important;font-weight:600;z-index:9998;animation:tpcFadeIn 0.2s ease;box-shadow:0 4px 16px rgb(0 0 0 / .18)}.tpc-error-msg{font-size:0.75rem!important;color:var(--tpc-danger)!important;margin-top:.2rem;display:flex;align-items:center;gap:.2rem}@media (max-width:768px){.tpc-hero{padding:2rem 0 1.75rem}.tpc-hero-rings{display:none}.tpc-tabs{grid-template-columns:repeat(2,1fr)}.tpc-form-grid{grid-template-columns:repeat(2,1fr)}.tpc-form-grid-2{grid-template-columns:1fr 1fr}.tpc-result-metrics{grid-template-columns:repeat(2,1fr)}.tpc-ref-grid{grid-template-columns:repeat(2,1fr)}.tpc-weekly-row{grid-template-columns:65px 1fr 1fr 65px}}@media (max-width:520px){.tpc-hero-title{font-size:1.6rem!important}.tpc-hero-sub{font-size:0.85rem!important}.tpc-tabs{grid-template-columns:repeat(2,1fr);gap:.4rem}.tpc-tab{padding:.6rem .3rem}.tpc-tab-desc{display:none}.tpc-card{padding:1rem}.tpc-result-card{padding:1rem}.tpc-form-grid,.tpc-form-grid-2{grid-template-columns:1fr}.tpc-result-metrics{grid-template-columns:1fr 1fr}.tpc-ref-grid{grid-template-columns:1fr 1fr}.tpc-weekly-row{grid-template-columns:55px 1fr 1fr}.tpc-weekly-row .tpc-weekly-pct{display:none}.tpc-action-btns{flex-direction:column}.tpc-action-btns .tpc-btn{width:100%}.tpc-actions-top{flex-direction:column}.tpc-actions-top .tpc-btn{width:100%}.tpc-field-inline{max-width:100%}}