:root{--color-primary:#fff;--color-secondary-mint:#38e58e;--color-secondary-mint-bright:#4ef5a1;--color-secondary-mint-hover:#28c77e;--color-secondary-mint-light:#38e58e29;--color-secondary-mint-border:#38e58e66;--color-secondary-forest:#19402d;--color-secondary-forest-light:#23543c;--color-secondary-forest-subtle:#19402d0d;--color-text-main:#19402d;--color-text-dark:#11281d;--color-text-muted:#4e6b5d;--color-text-light:#708c7f;--color-bg-base:#fff;--color-bg-subtle:#f8faf9;--color-bg-card:#fff;--color-border:#e2ece6;--color-border-hover:#38e58e;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 4px #19402d0a;--shadow-md:0 6px 18px #19402d12;--shadow-lg:0 14px 34px #19402d1a;--transition-fast:.18s ease;--transition-normal:.28s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{font-family:var(--font-family);color:#11281d;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body{color:#11281d;background-color:#fff;min-height:100vh;line-height:1.5}#root{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex}button{cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}html,body{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.zth-app{color:#11281d;box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.zth-header{z-index:100;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2ece6;width:100%;height:60px;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #19402d0a}.zth-header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;margin:0 auto;padding:0 24px;display:flex}.zth-header-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.zth-hamburger-btn{cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.zth-hamburger-btn:hover{background:#f4f8f5}.zth-hamburger-line{background-color:#19402d;border-radius:2px;width:18px;height:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s}.zth-brand{cursor:pointer;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.zth-brand:hover{opacity:.9}.zth-logo-badge{transition:transform var(--transition-fast);background-color:#173e2b;border:1px solid #38e58e66;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 16px;display:flex;box-shadow:0 2px 8px #0000002e}.zth-brand:hover .zth-logo-badge{transform:translateY(-1px)}.zth-logo-img{object-fit:contain;width:auto;height:28px;display:block}.zth-header-student{color:#19402d;flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.zth-header-user-icon{stroke:#19402d;flex-shrink:0;width:18px;height:18px}.zth-header-student-name{color:#19402d;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:14.5px;font-weight:750;display:inline-block;overflow:hidden}.zth-desktop-sidebar{z-index:90;box-sizing:border-box;background:#fff;border-right:1px solid #e2ece6;flex-direction:column;justify-content:space-between;height:calc(100vh - 60px);padding:18px 10px 14px;transition:width .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:60px;bottom:0;left:0;overflow:hidden}.zth-desktop-sidebar.is-expanded{width:220px}.zth-desktop-sidebar.is-collapsed{width:68px}.zth-sidebar-nav{flex-direction:column;gap:8px;display:flex}.zth-sidebar-link{color:#19402d;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:flex}.zth-desktop-sidebar.is-expanded .zth-sidebar-link{justify-content:flex-start;gap:12px}.zth-desktop-sidebar.is-collapsed .zth-sidebar-link{justify-content:center;padding:12px 0}.zth-sidebar-link:hover{color:#28c77e;background:#f4f8f5}.zth-sidebar-link.is-active{color:#38e58e;background:#19402d}.zth-sidebar-icon{flex-shrink:0;width:20px;height:20px}.zth-sidebar-label{text-overflow:ellipsis;overflow:hidden}.zth-sidebar-bottom{border-top:1px solid #edf4f0;padding-top:10px}.zth-sidebar-toggle-btn{color:#708c7f;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.zth-desktop-sidebar.is-expanded .zth-sidebar-toggle-btn{justify-content:flex-start;gap:10px}.zth-desktop-sidebar.is-collapsed .zth-sidebar-toggle-btn{justify-content:center;padding:10px 0}.zth-sidebar-toggle-btn:hover{color:#19402d;background:#f4f8f5}.zth-collapse-icon{flex-shrink:0;width:18px;height:18px;transition:transform .25s}.zth-collapse-icon.is-flipped{transform:rotate(180deg)}.zth-collapse-text{white-space:nowrap}.zth-dashboard-layout-main{box-sizing:border-box;flex:1;min-height:calc(100vh - 60px);margin-top:60px;transition:margin-left .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);overflow-x:hidden}.zth-dashboard-layout-main.sidebar-expanded{width:calc(100% - 220px);max-width:calc(100% - 220px);margin-left:220px}.zth-dashboard-layout-main.sidebar-collapsed{width:calc(100% - 68px);max-width:calc(100% - 68px);margin-left:68px}.zth-dashboard-content-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:36px 32px 60px;overflow-x:hidden}.zth-tab-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.zth-drawer-portal{z-index:150;position:fixed;inset:0}.zth-drawer-backdrop{background:#00000073;animation:.2s ease-out zthFadeIn;position:fixed;inset:0}.zth-side-drawer{z-index:160;background:#fff;flex-direction:column;width:280px;max-width:82vw;animation:.25s cubic-bezier(.16,1,.3,1) forwards zthSlideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 28px #00000029}@keyframes zthSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes zthFadeIn{0%{opacity:0}to{opacity:1}}.zth-drawer-header{border-bottom:1px solid #eef3f0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.zth-drawer-close-btn{cursor:pointer;color:#19402d;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.zth-drawer-close-btn:hover{background:#f1f6f3}.zth-drawer-close-btn svg{width:20px;height:20px}.zth-drawer-nav{flex-direction:column;flex:1;gap:6px;padding:16px 12px;display:flex}.zth-drawer-nav-link{color:#19402d;cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:700;display:flex}.zth-drawer-nav-link:hover{color:#28c77e;background:#f4f8f5}.zth-drawer-nav-link.is-active{color:#38e58e;background:#19402d}.zth-drawer-icon{flex-shrink:0;width:18px;height:18px}.zth-drawer-footer{border-top:1px solid #eef3f0;padding:16px 18px}.zth-drawer-student-row{align-items:center;gap:10px;display:flex}.zth-drawer-student-text{flex-direction:column;display:flex}.zth-drawer-student-name{color:#19402d;font-size:13.5px;font-weight:750}.zth-drawer-student-tag{color:#708c7f;font-size:11px;font-weight:600}.zth-sunday-notice-card{box-sizing:border-box;background:#f4faf6;border:1.5px solid #cce5d6;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex}.zth-sunday-notice-icon{color:#19402d;background:#38e58e40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.zth-sunday-notice-icon svg{width:20px;height:20px}.zth-sunday-notice-content{flex-direction:column;display:flex}.zth-sunday-notice-tag{letter-spacing:.8px;text-transform:uppercase;color:#19402d;margin-bottom:4px;font-size:11px;font-weight:800}.zth-sunday-notice-text{color:#2a4c3b;margin:0;font-size:13.5px;line-height:1.5}.zth-sunday-notice-text strong{color:#11281d}.zth-hero-title{color:#11281d;letter-spacing:-1.2px;text-align:left;margin:0 0 20px;font-size:38px;font-weight:850;line-height:1.15}.zth-gradient-text{color:#19402d;display:inline-block}.zth-hero-subtitle{color:#4e6b5d;text-align:left;max-width:650px;margin:0 0 32px;font-size:16px;line-height:1.6}.zth-hero-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;margin-bottom:34px;display:flex}.zth-btn{cursor:pointer;transition:all var(--transition-normal);border-radius:8px;font-family:inherit;box-shadow:none!important}.zth-btn-cbt-practice{color:#071f13;background:var(--color-secondary-mint,#38e58e);border:1.5px solid var(--color-secondary-mint,#38e58e);justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:14.5px;font-weight:800;text-decoration:none;display:inline-flex}.zth-btn-cbt-practice:hover{background:var(--color-secondary-mint-bright,#4ef5a1);border-color:var(--color-secondary-mint-bright,#4ef5a1);color:#071f13;transform:translateY(-2px);box-shadow:none!important}.zth-btn-arrow-tr{width:16px;height:16px;transition:transform var(--transition-fast)}.zth-btn-cbt-practice:hover .zth-btn-arrow-tr{transform:translate(2px,-2px)}.zth-btn-see-records{color:#fff;background:#19402d;border:1.5px solid #19402d;justify-content:center;align-items:center;padding:13px 28px;font-size:14.5px;font-weight:750;text-decoration:none;display:inline-flex}.zth-btn-see-records:hover{color:#fff;background:#235c41;border-color:#235c41;transform:translateY(-2px);box-shadow:none!important}.zth-hero-stats{box-shadow:none;background:0 0;border:none;justify-content:flex-start;align-items:flex-start;gap:36px;margin-bottom:38px;padding:0;display:inline-flex}.zth-stat-item{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.zth-stat-number{color:#19402d;letter-spacing:-1px;font-size:38px;font-weight:850;line-height:1}.zth-stat-label{color:#4e6b5d;text-transform:capitalize;margin-top:5px;font-size:13.5px;font-weight:600}.zth-stat-divider{background:#dce7e1;width:1px;height:38px}.zth-dashboard-cards-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;min-width:0;max-width:100%;margin-bottom:36px;display:grid}.zth-card{color:#19402d;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);box-sizing:border-box;background:#fff;border:1.5px solid #e2ece6;border-radius:18px;flex-direction:column;width:100%;min-width:0;max-width:100%;padding:34px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #19402d0d}.zth-card:hover{border-color:#38e58eb3;transform:translateY(-3px);box-shadow:0 8px 24px #19402d17}.zth-card-header-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.zth-card-category{letter-spacing:.8px;color:#28c77e;text-transform:uppercase;font-size:11px;font-weight:800}.zth-sunday-pill{letter-spacing:.6px;color:#19402d;background:#38e58e33;border:1px solid #38e58e73;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:800}.zth-sunday-pill.is-live{color:#071f13;background:#38e58e;border-color:#38e58e;animation:2s infinite zthPulseLive;box-shadow:0 0 10px #38e58e80}@keyframes zthPulseLive{0%{box-shadow:0 0 #38e58e99}70%{box-shadow:0 0 0 7px #38e58e00}to{box-shadow:0 0 #38e58e00}}.zth-active-sub-pill{letter-spacing:.6px;color:#4e6b5d;background:#f1f6f3;border:1px solid #dce8e1;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:800}.zth-card-title{color:#11281d;letter-spacing:-.5px;word-break:break-word;margin:0 0 8px;font-size:24px;font-weight:850}.zth-card-desc{color:#4e6b5d;word-break:break-word;margin:0 0 20px;font-size:14px;line-height:1.55}.zth-card-divider{background:#e6efe9;height:1px;margin:18px 0}.zth-card-progress-full{grid-column:1/-1}.zth-countdown-box{box-sizing:border-box;background:#f8faf9;border:1px solid #e1ebe5;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:100%;padding:20px 14px;display:flex}.zth-countdown-unit{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.zth-countdown-num{color:#19402d;font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:32px;font-weight:850;line-height:1}.zth-countdown-label{color:#708c7f;text-transform:uppercase;letter-spacing:.4px;margin-top:5px;font-size:11px;font-weight:700}.zth-countdown-sep{color:#28c77e;flex-shrink:0;margin-bottom:14px;font-size:24px;font-weight:850}.zth-chart-container{box-sizing:border-box;background:#f8faf9;border:1px solid #e1ebe5;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:14px 10px 8px;overflow:hidden}.zth-progress-chart-svg{width:100%;max-width:100%;height:auto;display:block}.zth-chart-axis-text{fill:#708c7f;text-anchor:end;font-size:10px;font-weight:650}.zth-chart-target-text{fill:#19402d;font-weight:800}.zth-chart-x-label{fill:#4e6b5d;font-size:10.5px;font-weight:700}.zth-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background:#08140ea6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out zthFadeIn;display:flex;position:fixed;inset:0}.zth-sunday-modal-card{text-align:center;border-radius:18px;width:100%;max-width:480px;padding:32px 28px;box-shadow:0 20px 50px #00000040}.zth-sunday-modal-icon{color:#19402d;background:#38e58e40;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.zth-sunday-modal-icon svg{width:26px;height:26px}.zth-sunday-modal-title{color:#11281d;letter-spacing:-.4px;margin:0 0 8px;font-size:22px;font-weight:850}.zth-sunday-modal-desc{color:#4e6b5d;margin:0 0 20px;font-size:14px;line-height:1.55}.zth-sunday-modal-countdown-wrap{background:#f8faf9;border:1px solid #e1ebe5;border-radius:12px;margin-bottom:22px;padding:16px 14px}.zth-modal-countdown-label{color:#19402d;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px;font-size:11.5px;font-weight:800;display:block}.zth-sunday-modal-actions{flex-direction:column;gap:10px;display:flex}.zth-btn-modal-close{color:#4e6b5d;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700}.zth-btn-modal-close:hover{color:#11281d;background:#f1f6f3}.zth-records-list{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:100%;display:flex}.zth-record-card{padding:30px 28px 24px}.zth-record-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.zth-record-title{color:#11281d;letter-spacing:-.4px;margin:4px 0 0;font-size:21px;font-weight:850}.zth-record-total{background:#f8faf9;border:1px solid #e1ebe5;border-radius:10px;flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.zth-total-label{color:#708c7f;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:750}.zth-total-value{color:#19402d;letter-spacing:-.5px;font-size:24px;font-weight:850;line-height:1.1}.zth-record-subjects{margin:4px 0 18px}.zth-subjects-heading{letter-spacing:.6px;text-transform:uppercase;color:#4e6b5d;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.zth-subjects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.zth-subject-card{background:#f8faf9;border:1px solid #e1ebe5;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.zth-subject-name{color:#708c7f;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.zth-subject-score{color:#11281d;font-size:17px;font-weight:850}.zth-record-footer{justify-content:flex-end;display:flex}.zth-btn-review{color:#fff;cursor:pointer;transition:all var(--transition-normal);background:#19402d;border:1.5px solid #19402d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:750;display:inline-flex;box-shadow:none!important}.zth-btn-review:hover{background:#235c41;border-color:#235c41;transform:translateY(-2px);box-shadow:none!important}.zth-review-arrow-icon{width:15px;height:15px;transition:transform var(--transition-fast)}.zth-btn-review:hover .zth-review-arrow-icon{transform:translate(3px)}@media (width<=980px){.zth-hero-title{font-size:32px}.zth-dashboard-cards-grid{grid-template-columns:minmax(0,1fr);gap:20px}.zth-subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.zth-header{height:54px}.zth-desktop-sidebar{display:none}.zth-dashboard-layout-main{width:100%!important;max-width:100%!important;margin-top:54px!important;margin-left:0!important}.zth-header-container{padding:10px 14px}.zth-header-left{gap:6px}.zth-logo-badge{padding:6px 14px}.zth-logo-img{height:26px}.zth-header-student-name{max-width:110px;font-size:13.5px}.zth-dashboard-content-wrapper{padding:20px 14px 40px;width:100%!important;max-width:100vw!important}.zth-sunday-notice-card{gap:10px;margin-bottom:22px;padding:14px}.zth-sunday-notice-icon{width:32px;height:32px}.zth-sunday-notice-icon svg{width:18px;height:18px}.zth-sunday-notice-text{font-size:13px}.zth-hero-title{letter-spacing:-.8px;font-size:28px}.zth-hero-stats{gap:24px}.zth-stat-number{font-size:30px}.zth-card{border-radius:16px;padding:24px 16px}.zth-countdown-box{gap:4px;padding:16px 8px}.zth-countdown-num{font-size:24px}.zth-countdown-label{font-size:10px}.zth-countdown-sep{margin-bottom:10px;font-size:18px}.zth-record-header{flex-direction:column;align-items:flex-start}.zth-record-total{align-items:flex-start;width:100%}.zth-record-footer{justify-content:stretch}.zth-btn-review{width:100%}}@media (width<=480px){.zth-dashboard-content-wrapper{padding:18px 12px 36px}.zth-countdown-box{gap:3px;padding:14px 6px}.zth-countdown-num{font-size:20px}.zth-countdown-label{letter-spacing:.1px;font-size:9px}.zth-countdown-sep{margin-bottom:8px;font-size:16px}}@media (width<=400px){.zth-header-container{padding:8px 10px}.zth-header-left{gap:5px}.zth-logo-badge{padding:5px 12px}.zth-logo-img{height:23px}.zth-header-student-name{max-width:85px;font-size:12px}.zth-hero-actions{flex-direction:column;align-items:stretch;width:100%}.zth-btn-cbt-practice,.zth-btn-see-records{text-align:center;width:100%}.zth-card{padding:20px 12px}.zth-subjects-grid{grid-template-columns:1fr}}