.td-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:40px 0 64px;color:#352e43;font-size:16px;line-height:1.5}.td-page button,.td-page input{font-family:inherit}.td-page button{cursor:pointer}.td-page button:disabled{opacity:.5;cursor:default}.td-page :focus-visible{outline:3px solid #b49ad8;outline-offset:3px}.td-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.td-header h1{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.035em;margin:6px 0 0}.td-eyebrow{font-size:14px;color:#80649f;font-weight:600;margin:0 0 8px}.td-organization{margin:10px 0 0;color:#7c6e89;font-size:16px}.td-institutions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:50%}.td-institutions>span,.td-institution{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3d9ef;border-radius:10px;padding:9px 12px;color:#756184;font-size:14px;max-width:100%;overflow-wrap:anywhere}.td-institutions svg{width:20px;height:20px;flex:none}.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:44px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none}.td-btn--primary{background:#7c60b6;color:#fff;border-color:#7c60b6}.td-btn--primary:hover:not(:disabled){background:#6b4fa5}.td-btn--quiet{background:#fff;color:#73568d;border-color:#ded1ec}.td-btn--quiet:hover:not(:disabled){background:#f5effb}.td-btn--large{padding:13px 22px;margin-top:10px}.td-welcome{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;border:1px solid #e5daef;border-radius:22px;background:#fff}.td-welcome-main{padding:38px;background:linear-gradient(130deg,#faf7ff,#fff)}.td-hero-icon{display:grid;place-items:center;width:64px;height:64px;background:#eee5fa;color:#8461b3;border-radius:17px;margin-bottom:24px}.td-hero-icon svg{width:36px;height:36px}.td-welcome h2{font-size:28px;line-height:1.25;margin:0 0 14px}.td-welcome-main>p:not(.td-eyebrow){font-size:16px;line-height:1.75;color:#786886;margin:0 0 20px;max-width:490px}.td-start-guide{padding:38px 30px;border-left:1px solid #eee6f4}.td-start-guide h3{font-size:21px;line-height:1.4;font-weight:650;margin:0 0 26px}.td-start-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.td-start-steps li{display:flex;align-items:flex-start;gap:16px}.td-start-steps li>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #ded0ed;background:#faf7fd;color:#8664ad;border-radius:50%;font-size:16px;font-weight:600}.td-start-steps strong{font-size:18px}.td-start-steps p{font-size:16px;color:#85758f;line-height:1.6;margin:6px 0 0}.td-program-wait{border-top:1px solid #e4d8ed;padding-top:18px}.td-program-wait strong{display:block;font-size:16px;line-height:1.6}.td-program-wait p{font-size:14px;line-height:1.7;color:#7a6988;margin:6px 0 14px}.td-notice,.td-error{padding:14px 18px;border-radius:10px;font-size:16px;margin:0 0 20px}.td-notice{background:#edf7f0;color:#337257}.td-error{background:#fff0f3;color:#a83e58}.td-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;color:#867590}.td-spinner{display:inline-block;width:20px;height:20px;border:2px solid #e5dbee;border-top-color:#8461b3;border-radius:50%;animation:td-spin .8s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.td-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.td-switch{display:flex;gap:4px;max-width:100%;min-width:0;overflow-x:auto;border-bottom:1px solid #e4daed}.td-switch button{padding:12px 16px;font-size:16px;background:none;border:0;border-bottom:3px solid transparent;color:#84738e;white-space:nowrap}.td-switch button[aria-selected=true]{color:#7650a8;border-bottom-color:#8864ba;font-weight:600}.td-switch button span{font-size:14px;background:#ede4f5;border-radius:6px;padding:2px 6px;margin-left:6px}.td-search{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e1d6eb;border-radius:10px;padding:12px 14px;font-size:16px;margin-bottom:20px}.td-section-note{font-size:16px;color:#7e6e89;margin:0 0 18px;line-height:1.6}.td-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.td-class-card{background:#fff;border:1px solid #e3d9ed;border-radius:16px;padding:24px;min-width:0}.td-class-card__head{display:flex;align-items:center;gap:12px}.td-class-card__dot{width:5px;height:32px;border-radius:4px;flex:none}.td-class-card__head h3{font-family:inherit;font-size:20px;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere}.td-class-context,.td-review-hint{font-size:16px;line-height:1.6;margin:16px 0;color:#84738e}.td-review-hint{color:#996a24}.td-class-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 22px;color:#7c688b;font-size:14px}.td-class-meta button{font-size:14px;color:#785798;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}.td-class-meta b{font-size:16px;margin-left:4px}.td-class-card footer{display:flex;gap:10px;flex-wrap:wrap}.td-class-more{margin-top:20px;padding-top:14px;border-top:1px solid #eee7f4;color:#897695;font-size:14px}.td-class-more summary{cursor:pointer}.td-class-more>div{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.td-class-more p{margin:10px 0 0;font-size:14px}.td-text-btn{font-size:14px;color:#7d5aa8;background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.td-lessons{border:1px solid #e3d9ed;border-radius:15px;background:#fff;overflow:hidden}.td-lesson{display:flex;align-items:center;gap:18px;width:100%;padding:18px 20px;text-align:left;background:none;border:0;border-bottom:1px solid #eee7f3;font:inherit;cursor:pointer}.td-lesson:last-child{border-bottom:0}.td-lesson:hover{background:#faf7fd}.td-lesson__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.td-lesson__main strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-lesson__main small{font-size:14px;color:#897691}.td-lesson__progress{font-size:14px;color:#7f6d8d}.td-lesson__progress strong{font-size:16px}.td-status{font-size:14px;background:#f8f0df;color:#a37430;border-radius:7px;padding:4px 8px}.td-lesson__arrow{color:#825caf}.td-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:36px 24px;border:1px dashed #ded1eb;border-radius:14px;font-size:16px;line-height:1.6;text-align:center;color:#81708d;background:#fff}@media (max-width:780px){.td-page{width:calc(100% - 32px);padding-top:24px}.td-header{align-items:flex-start;flex-direction:column;gap:16px}.td-institutions{max-width:100%;justify-content:flex-start}.td-welcome{grid-template-columns:1fr}.td-welcome-main{padding:26px}.td-start-guide{padding:26px;border-left:0;border-top:1px solid #eee6f4}.td-class-grid{grid-template-columns:1fr}.td-section-heading{align-items:flex-start;flex-wrap:wrap}.td-class-card{padding:20px}.td-lesson{flex-wrap:wrap;gap:12px}.td-lesson__main{flex-basis:100%}.td-lesson__arrow{margin-left:auto}.td-switch button{padding:10px;font-size:16px}.td-class-card footer .td-btn{flex:1}}@media (prefers-reduced-motion:reduce){.td-spinner{animation:none}}.td-text-btn--danger{color:#b43c52}.td-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(32,24,44,.45)}.td-confirm{width:min(480px,100%);padding:28px;background:white;border-radius:20px;box-shadow:0 24px 80px #20182c33}.td-confirm h2{margin:0 0 16px;font-size:24px}.td-confirm p{margin:12px 0;font-size:16px;line-height:1.5}.td-confirm footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.td-btn--danger{background:#b43c52;border-color:#b43c52;color:#fff}.td-class-card__head h3{min-width:0;overflow-wrap:anywhere}.td-campus-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 3px 12px;margin:0 0 24px;border-bottom:1px solid #e5daef;scrollbar-width:thin}.td-campus-tabs button{flex:none;display:flex;align-items:center;gap:10px;padding:12px 18px;min-height:48px;border:1px solid #e5daef;border-radius:12px;background:#fff;color:#756184;font-size:16px;font-weight:600}.td-campus-tabs button[aria-selected=true]{background:#eee5fa;border-color:#bca2de;color:#7453a8}.td-campus-icon{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.td-campus-tabs button:hover{background:#f6f1fb}.td-campus-tabs small{font-size:14px;font-weight:400}.td-campus-title{font-size:24px;margin:0 0 24px;color:#352e43}.td-switch{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}.td-switch button{flex:none}.sd-chat-btn{min-height:42px}.sd-learning,.sd-classes{display:flex;flex-direction:column;gap:24px}.sd-section h2{margin:0 0 10px;color:#1f2937;font-size:18px}.sd-lesson-list{overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.sd-lesson{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #eef0f4}.sd-lesson:last-child{border-bottom:0}.sd-lesson--done{background:#fcfdfc}.sd-lesson__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;font-size:14px;font-weight:800}.sd-lesson__main{min-width:0;display:flex;flex-direction:column;gap:3px}.sd-lesson__main strong{overflow:hidden;color:#1f2937;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.sd-lesson__main small{color:#6b7280;font-size:14px}.sd-lesson__progress{color:#6b7280;font-size:14px;white-space:nowrap}.sd-score{min-width:54px;padding:7px 9px;border-radius:9px;color:#15803d;background:#dcfce7;font-size:14px;font-weight:800;text-align:center}.sd-row-actions{display:flex;align-items:center;gap:7px}.sd-empty{min-height:110px}.sd-class-card{display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:11px;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.sd-class-card__dot{width:6px;height:42px;border-radius:4px}.sd-class-card>div{min-width:0;display:flex;flex-direction:column;gap:3px}.sd-class-card>div strong{overflow:hidden;color:#1f2937;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.sd-class-card>div small{color:#6b7280;font-size:14px}.sd-class-card .td-btn{grid-column:2 / -1;justify-self:end}.sd-pending{padding:5px 8px;border-radius:8px;color:#92400e;background:#fef3c7;font-size:14px;font-weight:800}.sd-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-subjects button{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e5e7eb;border-radius:13px;background:#fff;color:#1f2937;cursor:pointer;text-align:left}.sd-subjects button:hover{border-color:#c7d2fe;background:#fafaff}.sd-subjects button span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:9px;color:#fff;font-size:14px;font-weight:800}.sd-subjects button strong{font-size:14px}.sd-attendance{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.sd-attendance>div{display:flex;align-items:baseline;gap:9px}.sd-attendance>div span,.sd-attendance>div small{color:#6b7280;font-size:14px}.sd-attendance>div strong{color:#1f2937;font-size:22px}.sd-attendance__days{display:flex;gap:13px}.sd-attendance__days>span{display:flex;flex-direction:column;align-items:center;gap:5px;color:#9ca3af;font-size:14px;font-weight:700}.sd-attendance__days i{width:13px;height:13px;border-radius:50%;background:#e5e7eb}.sd-attendance__days .active{color:#4f46e5}.sd-attendance__days .active i{background:#6366f1;box-shadow:0 0 0 3px #e0e7ff}.sd-works :is(.dsh-empty,.dsh-tabs){margin-top:0}@media (max-width: 780px){.sd-lesson{grid-template-columns:42px minmax(0,1fr)}.sd-lesson__progress,.sd-score{grid-column:2}.sd-row-actions,.sd-lesson>.td-btn{grid-column:1 / -1}.sd-row-actions .td-btn,.sd-lesson>.td-btn{flex:1;width:100%}.sd-subjects{grid-template-columns:1fr}.sd-attendance{align-items:flex-start;flex-direction:column}}.sd-institution-placement{font-size:14px;color:#81718e;margin:6px 0 0;line-height:1.5}.sd-page .sd-welcome{margin-bottom:24px;text-align:left;background:#f8f4fc}.sd-welcome strong{font-size:20px}.sd-welcome p{font-size:16px;line-height:1.6;margin:10px 0 0}.sd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.sd-kpis>div{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #e7def2;border-radius:16px;background:#fff}.sd-kpis span{font-size:14px;color:#81718e}.sd-kpis strong{font-size:26px;line-height:1.2;color:#373047}@media (max-width: 480px){.sd-kpis{gap:8px}.sd-kpis>div{padding:12px}}