html{line-height:1.15;scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box;border-width:0;border-style:solid;-webkit-font-smoothing:antialiased}blockquote,div,figcaption,figure,h1,h2,h3,h4,h5,h6,li,p,pre,ul{margin:0;padding:0}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}a{color:inherit;text-decoration:inherit}pre{white-space:normal}input{padding:2px 4px}details,img{display:block}details{margin:0;padding:0}summary::-webkit-details-marker{display:none}[data-thq=accordion] [data-thq=accordion-content]{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;padding:0}[data-thq=accordion] details[data-thq=accordion-trigger][open]+[data-thq=accordion-content]{max-height:1000vh}details[data-thq=accordion-trigger][open] summary [data-thq=accordion-icon]{transform:rotate(180deg)}html{font-family:Inter;font-size:1rem}body{font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.55;color:var(--color-on-surface);background:var(--color-surface);fill:var(--color-on-surface)}.home-hero-title{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.7)}@media(max-width:991px){.thq-grid-4{grid-template-columns:1fr 1fr 1fr}.navigation__container{height:64px;padding:0 var(--spacing-md)}.navigation__menu{gap:0;top:64px;left:0;right:0;bottom:0;opacity:0;padding:var(--spacing-md);z-index:999;position:fixed;transform:translateX(-100%);background:var(--color-surface);box-shadow:var(--shadow-level-3);overflow-y:auto;transition:all var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;align-items:stretch;flex-direction:column;justify-content:flex-start}.navigation__menu[aria-hidden=false]{opacity:1;transform:translateX(0);visibility:visible}.navigation__logo-icon{width:36px;height:36px}.navigation__logo-text{font-size:var(--font-size-base)}.navigation__menu-item{width:100%;border-bottom:1px solid var(--color-border)}.navigation__menu-item:last-child{border-bottom:none}.navigation__mobile-toggle{display:flex}.navigation__link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);border-radius:0}.footer-content{gap:var(--spacing-3xl);grid-template-columns:1fr}.footer-trust-section{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.footer-nav-columns{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.hero{padding:var(--spacing-3xl);min-height:auto;grid-template-columns:1fr}.stats-quick-access{grid-template-columns:1fr 1fr}.carousel{grid-column:1/-1}.announcements{grid-template-columns:1fr 280px}.bento,.onboarding-grid{grid-template-columns:1fr}.docs-resources{grid-template-columns:1fr 280px}.performance-hero{grid-template-columns:1fr}.performance-controls{top:var(--spacing-md);position:sticky}.actions,.hero-body,.schedule-layout{grid-template-columns:1fr}.schedule-toolbar{order:-1}.submissions-layout{grid-template-columns:1fr 320px}.priority-list{display:none}.attendance-grid,.observations-layout{grid-template-columns:1fr}.observation-card{grid-template-rows:auto auto;grid-template-columns:150px 1fr}.observation-actions{grid-column:1/-1;flex-direction:row}.middle,.top-row{grid-template-columns:1fr}.utilities-grid{grid-template-columns:repeat(2,1fr)}.hero-container,.messages-container,.performance-layout{grid-template-columns:1fr}.hero-container{gap:var(--spacing-2xl)}.profile-card{padding:var(--spacing-2xl)}.hero-right-column{opacity:1;animation:none;transform:none}.next-class-container{grid-template-columns:1fr}.actions-rail{bottom:0;position:sticky;box-shadow:var(--shadow-level-2)}.tasks-container{grid-template-columns:1fr}.tasks-sidebar{order:-1}.attendance-panel{gap:var(--spacing-lg);grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.grade-container{grid-template-columns:1fr 1fr}.student-dashboard-actions{grid-column:1/-1}.student-dashboard-messages-container{grid-template-columns:1fr}.announcements-rail{order:-1}.filter-bar-horizontal{top:0;position:sticky}.attendance-layout,.course---group-detail-observations-layout,.export-layout,.grades-layout,.independent-study-layout,.reports-layout,.students-layout{grid-template-columns:1fr}.detail-panel,.detail-reader,.export-sidebar,.grades-tools,.reports-rail,.session-fiche,.study-detail-rail{position:static}.reports-kpis,.rubric-grid{grid-template-columns:repeat(2,1fr)}.control-grid,.kpi-grid,.user-management-hero-container{grid-template-columns:1fr}.profiles-container,.profiles-rail{flex-direction:column}.profiles-rail{overflow-x:visible}.user-management-profile-card{min-width:auto}.documents-grid{grid-template-columns:repeat(2,1fr)}.enrollment-container,.messaging-container,.status-container{grid-template-columns:1fr}.summary-stack{flex-wrap:wrap;flex-direction:row}.summary-card{flex:1;min-width:200px}.filters-container{flex-direction:column}.filter-rail{flex:1;width:100%}.reports-container{flex-wrap:wrap}.export-column,.schedule-column{flex:1;min-width:280px}.records-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-split{grid-template-columns:1fr}.dashboard-right-column{position:static}.attendance-performance-container,.site-detail-grid{grid-template-columns:1fr}.export-reports-wrapper{grid-template-columns:1fr 1fr}.group-risk-cards,.login-container,.reporting-container,.risk-top-bar,.risk-two-column{grid-template-columns:1fr}.brand-panel{min-height:50vh}.brand-panel,.form-panel{padding:var(--spacing-2xl) var(--spacing-lg)}.brand-header{align-items:center;flex-direction:column}.brand-header,.welcome-section{text-align:center}.hero-image{height:200px}.edushield-hero{height:300px}.edushield-modules-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.register-container{grid-template-columns:1fr}.register-visual-panel{display:none}.untitled-form-container{max-width:100%}.success-hero{padding:var(--spacing-3xl) var(--spacing-lg);min-height:auto}.decoration-circle-1,.decoration-circle-2{width:12rem;height:12rem}.features-content{gap:var(--spacing-3xl)}.features-content,.support-grid{grid-template-columns:1fr}.success-icon-bg{width:8rem;height:8rem}.success-icon{width:6rem;height:6rem}.features-visual{height:28rem}.hero-content-wrapper{gap:var(--spacing-3xl);grid-template-columns:1fr}.hero-content{text-align:center}.hero-image-section{height:400px;margin:0 auto;max-width:500px}.info-content{gap:var(--spacing-3xl)}.info-content,.roles-grid{grid-template-columns:1fr}.logo-shield-wrapper{margin:0 auto var(--spacing-xl)}.untitled1-hero-actions{justify-content:center}.card-1{width:240px;height:280px}.card-2{right:20px;width:200px;height:240px}.card-3{left:140px;width:180px;height:220px}.info-stats-card{right:0;position:relative;margin-top:var(--spacing-lg)}.hero-stats{position:static;animation:none;transform:none;margin-top:var(--spacing-3xl);flex-direction:column}.analytics-charts,.deadlines-layout{grid-template-columns:1fr}.deadlines-sidebar{order:-1}.plan-de-planeamiento-central-hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.plan-de-planeamiento-central-metrics-grid{grid-template-columns:1fr}.plan-de-planeamiento-central-table-controls{align-items:stretch;flex-direction:column}.planning-table-wrapper{overflow-x:auto}.metric-large{grid-row:auto}.search-filter-group{flex-direction:column}.planning-table{min-width:1000px}.grid-container{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.staff---roles-center-hero-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.staff---roles-center-hero-title{font-size:var(--font-size-xl)}.untitled-hero-content-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-visual{min-height:350px}.management-layout{grid-template-columns:1fr}.untitled-visual-card{transform:none}.untitled-filters-panel{position:static}.main-nav__container{gap:var(--spacing-lg);height:72px;padding:0 var(--spacing-lg)}.main-nav__menu{gap:0;top:72px;left:0;right:0;bottom:0;opacity:0;padding:var(--spacing-lg);z-index:999;position:fixed;transform:translateX(-100%);background:var(--color-surface);box-shadow:var(--shadow-level-3);overflow-y:auto;visibility:hidden;align-items:stretch;flex-direction:column;justify-content:flex-start}.main-nav__logo{width:40px;height:40px}.main-nav__brand-text{font-size:var(--font-size-lg)}.main-nav__item{width:100%;border-bottom:1px solid var(--color-border)}.main-nav__auth-buttons{display:none}.main-nav__mobile-toggle{display:flex}.main-nav__link{padding:var(--spacing-lg);font-size:var(--font-size-lg);border-radius:0}.internal-communications-hero-container{gap:var(--spacing-2xl);grid-template-columns:1fr}.interface-container{gap:var(--spacing-lg);grid-template-columns:1fr}.comm-sidebar{position:static}.message-detail{display:none}.announcements-grid{grid-template-columns:1fr}.internal-communications-actions-grid{grid-template-columns:repeat(2,1fr)}.role-container{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-hero-title1{font-size:var(--font-size-xxl)}.untitled-hero-subtitle1{font-size:var(--font-size-lg)}.role-visual{order:-1}.integration-diagram{height:500px}.integration-node{padding:var(--spacing-md);min-width:120px}.node-icon{width:48px;height:48px}.what-we-do-content{gap:var(--spacing-2xl)}.choose-layout,.help-roles,.what-we-do-content{grid-template-columns:1fr}.choose-layout{gap:var(--spacing-2xl)}.mission-card,.vision-card{grid-template-columns:1fr}.vision-card{grid-template-areas:"content" "image"}.vision-content{grid-area:content}.vision-image-wrapper{grid-area:image}.visual-grid{height:500px}.header-content-wrapper{flex-direction:column}.header-right{flex:1;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.tab-container{align-items:stretch;flex-direction:column}.tab-nav{overflow-x:auto}.tab-actions{width:100%;justify-content:space-between}.students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grades-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tasks-grid{grid-template-columns:1fr}.untitled-summary-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid,.grades-components,.overview-grid{grid-template-columns:1fr}.profile-card-main{text-align:center;flex-direction:column}.info-grid,.restricted-grid{grid-template-columns:1fr}.untitled-activity-item2{flex-direction:column}.untitled-profile-meta{justify-content:center}.untitled-activity-header{gap:var(--spacing-xs);align-items:flex-start;flex-direction:column}.about-layout,.reviews-layout,.teacher-profile-card{grid-template-columns:1fr}.teacher-profile-card{text-align:center;justify-items:center}.about-sidebar{order:-1}.reviews-summary{position:static}.teacher-header-info{align-items:center}.teacher-quick-actions{width:100%}.teacher-name-group{align-items:center;flex-direction:column}.profiles-grid,.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.cta-card{grid-template-columns:1fr}.cta-visual{min-height:320px}.profile-header-main{text-align:center;align-items:center;flex-direction:column}.profile-header-actions{justify-content:center}.section-header-inline{align-items:flex-start;flex-direction:column}.groups-grid,.metrics-row,.observaciones-grid,.profile-meta-grid{grid-template-columns:1fr}.profile-meta-item{justify-content:center}.dashboard-header-content{align-items:flex-start;flex-direction:column}.quick-contact-card,.untitled-profiles-grid{grid-template-columns:1fr}.quick-contact-image{min-height:300px}.untitled-profile-header1{text-align:center;align-items:center;padding-top:140px;flex-direction:column}.profile-actions{flex-direction:column}.profile-avatar-large{width:140px;height:140px}.untitled-profile-meta1{gap:var(--spacing-sm);flex-direction:column}.analytics-grid,.profile-header-card,.two-column-layout{grid-template-columns:1fr}.profile-header-visual{min-height:200px}.untitled-profile-image-wrapper{width:150px;height:150px;margin:var(--spacing-lg) auto}.untitled-profile-header-content1{grid-template-columns:1fr}.untitled-profile-avatar-container{margin-top:0}.untitled-profile-actions,.untitled-profile-header-info1{padding-top:0}.untitled-analytics-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.progress-chart{flex-direction:column}.profile-hero-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.untitled-metrics-grid3{grid-template-columns:repeat(2,1fr)}.activity-grid,.notes-layout,.statistics-layout,.training-grid{grid-template-columns:1fr}.action-panel-content{text-align:center;align-items:stretch;flex-direction:column}.action-panel-buttons{flex-direction:column}.untitled-profile-header-content2{align-items:flex-start;flex-direction:column}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-layout{grid-template-columns:1fr}.untitled-profile-header-actions{width:100%;flex-direction:column}.profile-sidebar{order:2}.profile-content-main{order:1}.grades-grid,.support-content-grid{grid-template-columns:1fr}.support-sidebar{position:static}.untitled-profile-header-main{text-align:center;grid-template-columns:1fr}.untitled-profile-avatar-section{margin:0 auto}.account-details-grid{grid-template-columns:1fr}.untitled-profile-title-group{justify-content:center}.device-card-details,.profile-header-grid,.untitled-profile-main-card,.untitled-support-content-grid{grid-template-columns:1fr}.profile-avatar-area{flex-direction:row;justify-content:flex-start}.compliance-grid,.notes-alerts-grid,.profile-contact-grid,.profile-grid,.technical-grid,.untitled-groups-grid2{grid-template-columns:1fr}.untitled-profile-header-content4{align-items:flex-start;flex-direction:column}.untitled-profile-header-actions1{width:100%;flex-wrap:wrap}.untitled-stats-grid1{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-edit-content{padding:var(--spacing-2xl) var(--spacing-lg);grid-template-columns:1fr}.untitled-profile-sidebar{position:static}.profile-nav{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.profile-stats-card{display:none}.untitled-form-footer1{align-items:stretch;flex-direction:column}.profile-content-grid{grid-template-columns:1fr}.untitled-profile-sidebar1{position:static}.untitled-profile-edit-container{gap:var(--spacing-xl);grid-template-columns:1fr}.profile-edit-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-header-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}.profile-content-container{padding:0 var(--spacing-lg)}.profile-forms-grid{grid-template-columns:1fr}.untitled-avatar-upload-card{gap:var(--spacing-2xl);padding:var(--spacing-2xl)}.profile-form-card{padding:var(--spacing-2xl)}.profile-form-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-profile-sidebar2{gap:var(--spacing-lg);display:grid;position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preview-sidebar{top:0;order:-1;position:relative}.untitled-hero-content-wrapper2{grid-template-columns:1fr}.untitled-hero-visual{display:none}.untitled-form-grid1{grid-template-columns:1fr}.untitled-checkbox-group{grid-template-columns:repeat(2,1fr)}.untitled-success-hero{padding:clamp(3rem,6vw,5rem) var(--spacing-md) clamp(2rem,4vw,4rem)}.untitled-actions-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.course-details-card__header{text-align:center;align-items:center;flex-direction:column}.course-details-grid{grid-template-columns:repeat(2,1fr)}.instructions-grid,.security-points{grid-template-columns:1fr}.course-title-info{text-align:center}.untitled-form-container2{grid-template-columns:1fr}.form-visual-column{position:static}.help-cards-grid{grid-template-columns:1fr}.error-hero-section{padding:var(--spacing-3xl) var(--spacing-lg);min-height:auto}.return-container{text-align:center;grid-template-columns:1fr}.untitled-help-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-info-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.return-decoration{order:-1}.return-shield-icon{width:80px;height:80px}.welcome-grid{gap:var(--spacing-3xl);grid-template-columns:1fr}.welcome-text-area{padding-right:0}.visual-card-stack{height:400px}.untitled-course-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-timeline-item3{gap:var(--spacing-lg);grid-template-columns:60px 1fr}.marker-number{width:48px;height:48px;font-size:var(--font-size-lg)}.untitled-cta-card{padding:var(--spacing-3xl) var(--spacing-xl)}.auth-split-layout,.cta-features-list{grid-template-columns:1fr}.auth-brand-panel{min-height:40vh}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-3xl) var(--spacing-xl)}.auth-brand-content{max-width:100%}.course-header-visual{width:100%;padding:var(--spacing-lg);position:static;margin-bottom:var(--spacing-xl);justify-content:center}.course-header-content{max-width:100%}.modules-grid{grid-template-columns:1fr}.assignments-table-wrapper{overflow-x:auto}.course-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.assignments-table{min-width:900px}.course-hero-wrapper{grid-template-columns:1fr}.course-quick-stats{gap:var(--spacing-lg);flex-direction:row}.untitled-stat-card3{flex:1}.assignments-grid,.untitled-overview-grid{grid-template-columns:1fr}.grades-overview-grid{grid-template-columns:repeat(2,1fr)}.materials-grid{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.untitled-hero-header{gap:var(--spacing-lg);flex-direction:column}.untitled-reports-grid{grid-template-columns:1fr}.untitled-stats-grid2{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-hero-badge3{align-self:flex-start}.untitled-form-grid2{grid-template-columns:1fr}.controls-container{align-items:stretch;flex-direction:column}.groups-container{grid-template-columns:1fr}.untitled-hero-content5{gap:var(--spacing-xl)}.sort-section{justify-content:stretch}.sort-section .btn{width:100%}.untitled-quick-stats{grid-template-columns:1fr}.untitled-stats-container{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.untitled-filter-section{align-items:stretch;flex-direction:column}.untitled-hero-title11{font-size:clamp(2rem,6vw,3rem)}.untitled-hero-subtitle12{font-size:var(--font-size-base)}.untitled-filter-group4{min-width:100%}.untitled-filter-btn6{width:100%;justify-content:center}.untitled-assignment-header{align-items:flex-start;flex-direction:column}.untitled-assignment-actions{width:100%}.submission-item{gap:var(--spacing-md);grid-template-columns:1fr}.untitled-submission-actions{width:100%}.untitled-submission-actions .btn{flex:1}.maintenance-hero{padding:var(--spacing-3xl) var(--spacing-lg)}.maintenance-info__grid{grid-template-columns:1fr}.maintenance-progress__stages{align-items:stretch;flex-direction:column}.untitled-hero-title12{font-size:clamp(2rem,8vw,3rem)}.untitled-hero-subtitle13{font-size:var(--font-size-lg)}.maintenance-timer__card{padding:var(--spacing-lg) var(--spacing-xl);min-width:6rem}.maintenance-progress__stage{flex-direction:row;justify-content:flex-start}.maintenance-progress__stage-label{text-align:left}.error-details__content{gap:var(--spacing-2xl);grid-template-columns:1fr}.error-details__visual{order:-1}.error-visual{max-width:20rem}.error-404-page{padding:var(--spacing-lg) var(--spacing-md)}.error-content{gap:var(--spacing-xl)}.search-modal{padding:var(--spacing-2xl) var(--spacing-md)}.links-grid{gap:var(--spacing-md);grid-template-columns:1fr}.code-digit{font-size:clamp(4rem,12vw,8rem)}.code-image-wrapper{width:clamp(100px,18vw,160px);height:clamp(130px,22vw,200px)}.untitled-hero-content-wrapper5{grid-template-columns:1fr}.hero-form-section{justify-content:center}.support-form-card{max-width:100%}.contact-cards-grid,.faq-grid,.team-content-wrapper{grid-template-columns:1fr}.team-image-section{order:-1}}@media(max-width:767px){.thq-section-padding{padding:var(--dl-layout-space-threeunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-oneandhalfunits)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr 1fr}.thq-card{padding:var(--dl-layout-space-oneandhalfunits)}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr}.thq-grid-4{flex-direction:row}.thq-grid-2{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr}.thq-img-scale{width:100%}.navigation__container{gap:var(--spacing-md);height:60px}.navigation__logo{gap:var(--spacing-xs);font-size:var(--font-size-base)}.navigation__menu{top:60px;padding:var(--spacing-sm)}.navigation__logo-icon{width:32px;height:32px}.navigation__mobile-toggle,.navigation__theme-toggle{width:40px;height:40px}.footer-container{padding:0 var(--spacing-lg)}.footer-trust-section{gap:var(--spacing-md);grid-template-columns:1fr}.footer-nav-columns{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-trust-item{padding:var(--spacing-lg)}.footer-bottom-content{text-align:center;flex-direction:column}.footer-brand-tagline{max-width:100%}.footer-legal-links{justify-content:center}.hero{padding:var(--spacing-2xl) var(--spacing-lg)}.announcements,.docs-grid,.docs-resources,.highlights,.metric-grid,.quick-access,.stats-quick-access{grid-template-columns:1fr}.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-banner{gap:var(--spacing-md);padding:var(--spacing-md);align-items:flex-start;flex-direction:column}.hero-urgency{width:100%}.teacher-dashboard-hero-title{font-size:var(--font-size-xxl)}.teacher-dashboard-hero-subtitle{font-size:var(--font-size-lg)}.class-card{align-items:flex-start;flex-direction:column}.class-card-actions{width:100%;flex-direction:column}.submissions-layout{grid-template-columns:1fr}.tools{order:-1}.observation-card{grid-template-columns:1fr}.observation-thumbnail{width:100%}.utilities-grid{grid-template-columns:1fr}.bar-chart{height:150px}.student-dashboard-hero-section{padding:var(--spacing-2xl) var(--spacing-lg)}.hero-container{gap:var(--spacing-lg)}.profile-avatar{width:72px;height:72px}.student-dashboard-hero-title,.student-dashboard-section-title{font-size:var(--font-size-xl)}.class-metadata{gap:var(--spacing-sm);flex-direction:column}.class-descriptor{font-size:var(--font-size-lg)}.task-card{grid-template-columns:auto 1fr}.task-actions{min-width:auto;grid-column:1/-1;flex-direction:row;justify-content:flex-end}.task-actions .btn{flex:1}.attendance-panel{padding:var(--spacing-md)}.attendance-percentage{font-size:var(--font-size-xxl)}.cards{gap:var(--spacing-md);grid-template-columns:1fr}.quick-actions-footer{flex-direction:column}.grade-section{padding:var(--spacing-lg)}.grade-container,.student-dashboard-message-card{grid-template-columns:1fr}.message-action{width:100%;grid-column:1}.header-content{align-items:flex-start;flex-direction:column}.executive-summary{width:100%;justify-content:space-between}.rubric-grid{grid-template-columns:1fr}.student-metrics{gap:var(--spacing-sm);align-items:flex-start}.export-actions,.student-metrics{flex-direction:column}.export-actions .btn{width:100%}.panel-content{grid-template-columns:1fr}.user-management-hero-section{padding:var(--spacing-2xl) var(--spacing-md);min-height:auto}.user-management-hero-title{font-size:var(--font-size-xxl)}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.kpi-grid{gap:var(--spacing-sm);display:flex;overflow-x:auto;padding-bottom:var(--spacing-sm)}.user-management-kpi-card{flex:0 0 auto;min-width:200px}.documents-grid,.user-management-summary-grid{grid-template-columns:1fr}.summary-stack{flex-direction:column}.table-header{gap:var(--spacing-xs);display:none}.records-grid,.table-header{grid-template-columns:1fr}.analytics-dashboard-wrapper{padding:0 var(--spacing-md)}.dashboard-top-bar{align-items:stretch;flex-direction:column}.top-bar-actions{justify-content:stretch}.kpi-cards-row{flex-direction:column}.distribution-cards-stack{grid-template-columns:1fr}.analytics---reports-kpi-card{min-width:100%}.attendance-performance-container{padding:0 var(--spacing-md)}.charts-grid{grid-template-columns:1fr}.site-comparisons-container{padding:0 var(--spacing-md)}.executive-summary-row{flex-direction:column}.summary-kpis{justify-content:space-between}.export-reports-wrapper,.site-cards-grid{grid-template-columns:1fr}.export-reports-wrapper{padding:0 var(--spacing-md)}.export-controls-column{top:var(--spacing-sm);position:sticky}.risk-insights-container{padding:0 var(--spacing-md)}.risk-severity-breakdown{grid-template-columns:1fr}.alert-actions{align-self:flex-start;grid-column:2;flex-direction:row}.reporting-container{padding:0 var(--spacing-md)}.template-tabs{flex-direction:column}.alert-list-items .critical-alert-item{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.brand-panel{min-height:40vh}.brand-panel,.form-panel{padding:var(--spacing-xl) var(--spacing-md)}.trust-features{gap:var(--spacing-md)}.hero-image{display:none}.feature-item{padding:var(--spacing-md)}.role-buttons{gap:var(--spacing-sm);grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column}.untitled-role-btn{padding:var(--spacing-md);flex-direction:row;justify-content:flex-start}.edushield-hero{height:250px}.edushield-dashboard-container,.edushield-footer-container,.edushield-header-container{padding:0 var(--spacing-lg)}.edushield-header-actions{gap:var(--spacing-sm)}.home-hero-title{font-size:var(--font-size-xxl)}.home-hero-subtitle{font-size:var(--font-size-sm)}.edushield-modules-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.edushield-brand-name{font-size:var(--font-size-lg)}.edushield-module-card{padding:var(--spacing-xl)}.register-form-panel{padding:var(--spacing-xl) var(--spacing-lg)}.benefits-showcase{margin-bottom:var(--spacing-xl)}.trust-indicators{gap:var(--spacing-md);grid-template-columns:1fr}.untitled-form-title{font-size:var(--font-size-xl)}.form-row,.untitled-role-selector{grid-template-columns:1fr}.success-hero{padding:var(--spacing-2xl) var(--spacing-md)}.verification-card{padding:var(--spacing-lg);text-align:center;align-items:center;flex-direction:column}.success-actions{width:100%;flex-direction:column}.success-actions .btn{width:100%}.steps-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.features-visual{height:24rem}.visual-card-1{width:75%;height:60%}.visual-card-2{width:65%;height:50%}.hero-restricted{padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.cta-access{padding:clamp(3rem,6vw,5rem) var(--spacing-md)}.hero-image-section{height:350px}.features-grid{grid-template-columns:1fr}.logo-shield-wrapper{width:140px;height:140px}.untitled1-hero-actions{width:100%;flex-direction:column}.card-1{width:200px;height:240px}.card-2{width:160px;height:200px}.card-3{left:100px;width:140px;height:180px}.shield-icon-large{width:140px;height:140px}.info-image-stack{height:400px}.info-stats-card{gap:var(--spacing-md);left:0;right:0;width:calc(100% - var(--spacing-2xl));margin:var(--spacing-lg) auto 0;flex-direction:column}.lock-icon-overlay svg{width:40px;height:40px}.planeamientos-hero{min-height:70vh}.planeamientos-hero-title{font-size:2rem}.planeamientos-hero-actions{width:100%;flex-direction:column}.quick-actions-grid{grid-template-columns:1fr}.overview-controls,.overview-header{flex-direction:column}.overview-controls,.planeamientos-filter-btn,.planeamientos-search-box{width:100%}.planeamientos-table-wrapper{overflow-x:auto}.planeamientos-table{min-width:800px}.planeamientos-table-row{gap:var(--spacing-xs);padding:var(--spacing-md);grid-template-columns:1fr}.plan-de-planeamiento-central-section-header{align-items:stretch;flex-direction:column}.alert-grid,.hero-stats-grid{grid-template-columns:1fr}.period-selector{width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center}.plan-de-planeamiento-central-timeline-item{padding-left:56px}.plan-de-planeamiento-central-hero-title{font-size:var(--font-size-xxl)}.plan-de-planeamiento-central-hero-subtitle{font-size:var(--font-size-base)}.period-btn{flex:1}.plan-de-planeamiento-central-timeline-marker{left:5px}.level-grid{grid-template-columns:1fr}.staff-hero{padding:var(--spacing-xl) var(--spacing-md)}.staff-filters{padding:var(--spacing-lg) var(--spacing-md)}.quick-actions-panel,.staff-grid{padding:var(--spacing-xl) var(--spacing-md)}.grid-container{grid-template-columns:1fr}.hero-header{align-items:flex-start;flex-direction:column}.staff---roles-center-hero-stats{grid-template-columns:1fr}.filter-controls{align-items:stretch;flex-direction:column}.actions-grid{grid-template-columns:1fr}.staff---roles-center-hero-actions{width:100%;flex-direction:column}.staff---roles-center-hero-actions .btn{width:100%;justify-content:center}.staff---roles-center-filter-group{width:100%;justify-content:space-between}.advanced-filters,.advanced-filters .btn{width:100%}.staff---roles-center-hero-title{font-size:var(--font-size-lg)}.modal-container{max-height:95vh}.untitled-quick-actions-grid{grid-template-columns:1fr}.activity-timeline{padding-left:var(--spacing-md)}.untitled-hero-subtitle{max-width:100%}.untitled-hero-stats{gap:var(--spacing-lg);flex-wrap:wrap}.stat-divider{display:none}.content-toolbar{flex-direction:column}.users-table-wrapper{overflow-x:auto}.pagination-wrapper{align-items:flex-start;flex-direction:column}.role-options{grid-template-columns:1fr}.activity-icon{width:32px;height:32px}.activity-icon svg{width:16px;height:16px}.untitled-search-wrapper{width:100%;min-width:auto}.toolbar-actions{width:100%;justify-content:space-between}.users-table{min-width:800px}.signup-page{padding:var(--spacing-lg) var(--spacing-md)}.signup-card{padding:var(--spacing-2xl) var(--spacing-xl)}.signup-footer-links,.signup-logo-container{gap:var(--spacing-sm);flex-direction:column}.signup-logo-text{text-align:center}.signup-card-title{font-size:var(--font-size-xl)}.signup-footer-divider{display:none}.signup-brand-name{font-size:var(--font-size-xl)}.signup-role-label{padding:var(--spacing-lg) var(--spacing-md);text-align:center;flex-direction:column}.signup-role-check{top:var(--spacing-md);right:var(--spacing-md);position:absolute}.main-nav__container{gap:var(--spacing-md);height:64px;padding:0 var(--spacing-md)}.main-nav__brand{gap:var(--spacing-sm);font-size:var(--font-size-lg)}.main-nav__menu{top:64px;padding:var(--spacing-md)}.navigation-navigation__actions{gap:var(--spacing-sm)}.main-nav__logo{width:36px;height:36px}.main-nav__mobile-toggle,.main-nav__theme-toggle{width:40px;height:40px}.internal-communications-section-header{align-items:stretch;flex-direction:column}.internal-communications-actions-grid{grid-template-columns:1fr}.internal-communications-hero-actions{width:100%;flex-direction:column}.internal-communications-hero-actions .btn{width:100%}.message-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr}.message-checkbox{display:none}.message-avatar{width:40px;height:40px}.untitled-hero-stats1{gap:var(--spacing-lg)}.comparison-table-wrapper{border-radius:var(--border-radius-md)}.integration-diagram{height:700px}.intro-grid{grid-template-columns:1fr}.role-header{align-items:flex-start;flex-direction:column}.integration-node{font-size:var(--font-size-xs);min-width:100px}.node-student{top:2%;left:50%}.node-teacher{top:20%;right:2%}.node-coordinator{right:2%;bottom:20%}.node-admin{left:50%;bottom:2%}.node-support{left:2%;bottom:20%}.cta-buttons{align-items:stretch;flex-direction:column}.cta-features{gap:var(--spacing-md);flex-direction:column}.untitled-stat-number{font-size:var(--font-size-xl)}.untitled-hero-title2{font-size:var(--font-size-xxl)}.untitled-hero-subtitle2{font-size:var(--font-size-base)}.untitled-hero-stats2{gap:var(--spacing-lg)}.values-grid,.why-stats{grid-template-columns:1fr}.untitled-cta-buttons{flex-direction:column}.untitled-cta-buttons .btn{width:100%}.untitled-stat-number1{font-size:var(--font-size-xl)}.visual-grid{height:400px;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.visual-main{grid-row:1/2;grid-column:1}.visual-secondary{grid-row:2/3;grid-column:1}.visual-accent{grid-row:3/4;grid-column:1}.course-header-section{padding:var(--spacing-xl) 0}.course-group-detailed-view-course-title{font-size:var(--font-size-xl)}.course-meta-info{gap:var(--spacing-sm);flex-direction:column}.stats-grid{grid-template-columns:1fr}.course-group-detailed-view-tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.students-grid{grid-template-columns:1fr}.attendance-table-wrapper{overflow-x:auto}.course-group-detailed-view-attendance-table{min-width:800px}.grades-summary-cards{grid-template-columns:1fr}.course-group-detailed-view-grades-table-wrapper{overflow-x:auto}.course-group-detailed-view-grades-table{min-width:900px}.observation-stats{width:100%;justify-content:space-around}.breadcrumb{padding:0 var(--spacing-md);font-size:var(--font-size-xs)}.profile-header-content{flex-direction:column}.untitled-summary-grid{grid-template-columns:1fr}.profile-header-left{text-align:center;flex-direction:column}.tabs-nav{flex-wrap:wrap}.tabs-content{padding:var(--spacing-lg)}.untitled-action-buttons{width:100%;flex-direction:column}.tab-btn{flex:1 1 auto;min-width:150px}.untitled-profile-avatar{width:100px;height:100px}.attendance-header{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.attendance-stats{grid-template-columns:repeat(2,1fr)}.untitled-tasks-header{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.attendance-filters{flex-direction:column}.grades-summary-banner{align-items:stretch;flex-direction:column}.tasks-filter-group{flex-wrap:wrap}.untitled-task-card{flex-direction:column}.observation-entry{gap:var(--spacing-md)}.summary-divider{width:100%;height:1px}.untitled-task-actions{align-items:stretch;flex-direction:column}.dashboard-header{padding:var(--spacing-md)}.profile-hero{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);min-height:380px}.dashboard-content{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-header-content{align-items:flex-start;flex-direction:column}.restricted-section{padding:var(--spacing-2xl) var(--spacing-lg)}.privacy-notice{padding:var(--spacing-lg);flex-direction:column}.profile-card-main{gap:var(--spacing-lg);padding:var(--spacing-lg)}.untitled-section-title3{font-size:var(--font-size-xl)}.profile-image{width:100px;height:100px}.hero-profile-content{padding:var(--spacing-2xl) var(--spacing-md)}.classes-grid,.untitled-stats-grid{grid-template-columns:1fr}.teacher-profile-card{padding:var(--spacing-2xl)}.teacher-avatar-border{width:120px;height:120px}.expertise-grid{grid-template-columns:1fr}.untitled-hero-content2{padding:var(--spacing-2xl) var(--spacing-lg)}.untitled-hero-title3{font-size:var(--font-size-xxl)}.untitled-hero-subtitle4{font-size:var(--font-size-base)}.profiles-grid,.teachers-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.cta-card{gap:var(--spacing-xl);padding:var(--spacing-xl)}.untitled-section-header-content1{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.cta-visual{min-height:280px}.profile-card-header,.teacher-card-visual{height:240px}.untitled-action-buttons1{flex-direction:column}.teacher-quick-stats{gap:var(--spacing-sm);padding:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.untitled-profile-header{padding:var(--spacing-2xl) var(--spacing-md)}.performance-summary-grid{grid-template-columns:1fr}.performance-summary-grid,.profile-tabs-container{padding:0 var(--spacing-md)}.profile-tabs-header{gap:0}.profile-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.untitled-profile-avatar2{width:120px;height:120px}.untitled-rubric-item{gap:var(--spacing-xs);grid-template-columns:1fr}.untitled-rubric-score{text-align:left}.bar-chart-item{grid-template-columns:60px 1fr}.page-intro{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-profiles-section1{padding:var(--spacing-xl) var(--spacing-md)}.quick-contact-section{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-support-grid{padding:0 var(--spacing-md);grid-template-columns:1fr}.logo-container{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.breadcrumb-nav{flex-wrap:wrap}.profile-card-content,.quick-contact-content{padding:var(--spacing-lg)}.untitled-profile-header1{padding-top:100px}.stats-compact{grid-template-columns:1fr}.profile-avatar-large{width:120px;height:120px}.untitled-profile-name1{font-size:var(--font-size-xl)}.responsibilities-grid{grid-template-columns:1fr}.untitled-section-container2{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-dashboard-header-content,.untitled-section-header4{align-items:flex-start;flex-direction:column}.planeamientos-grid,.untitled-groups-grid,.untitled-metrics-grid1{grid-template-columns:1fr}.untitled-observation-card2{flex-direction:column}.profile-quick-stats{grid-template-columns:1fr}.untitled-chart-visual1{min-height:200px}.untitled-bar-chart2{height:200px}.untitled-profile-header-content1{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.untitled-profile-actions{flex-direction:column}.untitled-profile-avatar-large{width:120px;height:120px}.untitled-metrics-grid2,.untitled-profile-meta-grid{grid-template-columns:1fr}.untitled-tabs-nav{flex-wrap:nowrap}.tab-content{padding:var(--spacing-lg)}.tab-content-header{flex-direction:column}.observations-grid,.untitled-groups-grid1{grid-template-columns:1fr}.untitled-data-table{font-size:var(--font-size-xs)}.chart-data-points{position:static;margin-top:var(--spacing-md);justify-content:center}.untitled-teacher-avatar1{width:36px;height:36px}.untitled-profile-hero{padding:var(--spacing-2xl) 0}.untitled-breadcrumb-nav{flex-wrap:wrap}.untitled-metrics-grid3{grid-template-columns:1fr}.profile-main-card{padding:var(--spacing-xl)}.action-panel-buttons{width:100%}.action-panel-buttons .btn{width:100%;justify-content:center}.permissions-grid,.status-grid{grid-template-columns:1fr}.untitled-profile-header-left{text-align:center;align-items:center;flex-direction:column}.untitled-profile-avatar3{width:100px;height:100px}.untitled-profile-meta2{gap:var(--spacing-sm);align-items:center;flex-direction:column}.untitled-attendance-summary{gap:var(--spacing-md);flex-direction:column}.untitled-chart-visual4{height:200px}.course-info-grid{grid-template-columns:1fr}.untitled-status-overview{padding:var(--spacing-md)}.support-content-grid{padding:0 var(--spacing-md) var(--spacing-2xl)}.untitled-profile-header-content3{padding:var(--spacing-md)}.untitled-status-grid{grid-template-columns:1fr}.profile-header-top{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.untitled-support-section{padding:var(--spacing-md)}.untitled-profile-actions1{flex-direction:column}.support-section-header{gap:var(--spacing-sm);align-items:stretch;flex-direction:column}.account-actions{flex-direction:column}.profile-avatar-wrapper-large{width:100px;height:100px}.untitled-profile-meta-grid1{grid-template-columns:1fr}.profile-main-title{font-size:var(--font-size-xl)}.untitled-profile-header-section,.untitled-support-content-grid{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.support-banner-content{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-avatar-area{flex-direction:column}.system-actions-bar{padding:var(--spacing-md)}.support-header{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.untitled-profile-header-section1{text-align:center;align-items:center;flex-direction:column}.contact-grid{grid-template-columns:1fr}.group-header{flex-direction:column}.untitled-observation-header4{align-items:flex-start;flex-direction:column}.untitled-section-content2{padding:0 var(--spacing-md)}.untitled-profile-avatar-section1{align-items:flex-start;flex-direction:column}.untitled-action-list,.untitled-permissions-grid,.untitled-stats-grid1{grid-template-columns:1fr}.untitled-profile-avatar6{width:100px;height:100px}.untitled-hero-title4{font-size:var(--font-size-xl)}.untitled-profile-meta4{gap:var(--spacing-sm);flex-direction:column}.untitled-profile-header-info6{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-nav{grid-template-columns:1fr}.untitled-profile-avatar-section2{width:100%;text-align:center;align-items:center;flex-direction:column}.untitled-profile-header-actions2{width:100%;padding-bottom:0}.untitled-profile-header-actions2 .btn{flex:1}.profile-nav-item span{display:block}.untitled-profile-actions2{flex-direction:column-reverse}.untitled-profile-actions2 .btn{width:100%}.profile-edit-sidebar{grid-template-columns:1fr}.profile-edit-main{padding:var(--spacing-xl)}.form-actions{align-items:stretch;flex-direction:column-reverse}.untitled-profile-header-content5{align-items:stretch;flex-direction:column}.untitled-profile-header-actions3{width:100%;justify-content:stretch}.untitled-avatar-upload-card{padding:var(--spacing-xl);align-items:center}.save-changes-content,.untitled-avatar-upload-card{text-align:center;flex-direction:column}.save-changes-actions{width:100%;justify-content:stretch}.save-changes-actions .btn{flex:1}.untitled-form-grid{grid-template-columns:1fr}.preference-toggle-item{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-form-wrapper,.untitled-profile-header-content6{padding:0 var(--spacing-lg)}.profile-section-card{padding:var(--spacing-lg)}.untitled-profile-actions3{flex-direction:column}.untitled-profile-actions3 .btn{width:100%}.toast-notification{left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg)}.untitled-form-actions{flex-direction:column-reverse}.teacher-info-card{text-align:center;flex-direction:column}.untitled-checkbox-group{grid-template-columns:1fr}.untitled-teacher-avatar2{margin:0 auto}.teacher-stats{justify-content:center}.recipient-tabs,.untitled-cta-buttons1{flex-direction:column}.untitled-cta-buttons1 .btn{width:100%}.recipient-tab{justify-content:center}.course-details-grid{grid-template-columns:1fr}.code-display{text-align:center;flex-direction:column}.code-value{font-size:var(--font-size-lg)}.btn-copy{width:100%;justify-content:center}.untitled-hero-title6{font-size:var(--font-size-xxl)}.untitled-hero-subtitle7{font-size:var(--font-size-base)}.help-card{padding:var(--spacing-xl)}.untitled-form-actions1{flex-direction:column}.error-action-buttons{width:100%;flex-direction:column}.error-action-buttons .btn{width:100%}.untitled-help-cards-grid{grid-template-columns:1fr}.contact-emergency-notice{text-align:center;flex-direction:column}.error-shield-wrapper{width:120px;height:120px}.untitled-contact-info-card{text-align:center;align-items:center;flex-direction:column}.error-shield-icon{width:60px;height:60px}.error-alert-icon{width:36px;height:36px}.faq-question-text{font-size:var(--font-size-base)}.success-hero-wrapper{min-height:70vh}.success-icon-container{width:140px;height:140px}.success-title{font-size:clamp(2rem,8vw,3rem)}.success-course-badge{padding:var(--spacing-sm) var(--spacing-lg)}.success-icon-circle{width:110px;height:110px}.badge-text{font-size:var(--font-size-base)}.untitled-success-icon{width:48px;height:48px}.welcome-features{gap:var(--spacing-md)}.welcome-feature-item{padding:var(--spacing-md)}.untitled-visual-card3{height:200px}.untitled-course-details-grid{grid-template-columns:1fr}.untitled-timeline-item3{gap:var(--spacing-md);grid-template-columns:50px 1fr}.untitled-timeline-content3{padding:var(--spacing-lg)}.marker-number{width:40px;height:40px;font-size:var(--font-size-base)}.marker-line{top:40px}.untitled-cta-card{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-action-area{flex-direction:column}.cta-action-area .btn{width:100%}.auth-brand-panel{min-height:35vh}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-2xl) var(--spacing-lg)}.auth-logo-icon{width:48px;height:48px}.auth-brand-title{font-size:var(--font-size-xl)}.auth-features-list{gap:var(--spacing-md)}.untitled-security-info-card1{padding:var(--spacing-lg)}.untitled-section-header6{align-items:flex-start;flex-direction:column}.untitled-section-header6 .btn{width:100%}.assignments-filters{flex-direction:column}.course-meta-grid{grid-template-columns:1fr}.course-header-actions{width:100%;flex-direction:column}.untitled-filter-btn3{width:100%;text-align:center}.course-quick-stats{flex-direction:column}.untitled-course-meta-grid{grid-template-columns:1fr}.tabs-navigation{flex-wrap:wrap}.untitled-tab-button1{padding:var(--spacing-md)}.untitled-tab-button1 span{display:none}.modules-header{align-items:flex-start;flex-direction:column}.grades-overview-grid{grid-template-columns:1fr}.untitled-progress-bar-wrapper{width:100%}.assignment-actions{flex-direction:column}.untitled-announcement-badge{top:var(--spacing-md);right:var(--spacing-md)}.untitled-announcement-meta{align-items:flex-start;flex-direction:column}.untitled-hero-section2{padding:clamp(2rem,5vw,3rem) 0 clamp(1.5rem,3vw,2rem)}.download-toast{left:1rem;right:1rem;min-width:auto}.reports-grid,.untitled-summary-grid1{grid-template-columns:1fr}.filters-actions,.report-actions{flex-direction:column}.reports-hero{padding:clamp(2rem,5vw,3rem) var(--spacing-md)}.reports-list,.reports-stats,.untitled-reports-filters{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.untitled-filter-card{padding:var(--spacing-lg)}.untitled-stats-grid2{grid-template-columns:1fr}.filter-summary{gap:var(--spacing-md);flex-direction:column}.untitled-report-card{padding:var(--spacing-lg)}.untitled-hero-title9{font-size:var(--font-size-xxl)}.untitled-hero-subtitle10{font-size:var(--font-size-base)}.untitled-report-actions{flex-direction:column}.untitled-hero-content-wrapper4{padding:var(--spacing-xl) var(--spacing-md)}.untitled-actions-grid1{grid-template-columns:1fr}.untitled-filter-buttons{justify-content:center}.untitled-profile-header6{text-align:center;flex-direction:column}.card-actions{flex-direction:column}.card-actions .btn{width:100%}.untitled-hero-title10{font-size:var(--font-size-xxl)}.untitled-hero-subtitle11{font-size:var(--font-size-lg)}.assignments-controls,.assignments-list,.assignments-stats{padding:0 var(--spacing-md)}.untitled-modal-overlay{padding:var(--spacing-md)}.untitled-hero-content6{padding:0 var(--spacing-md)}.untitled-stats-container{grid-template-columns:1fr}.untitled-hero-actions{width:100%;flex-direction:column}.modal-content,.untitled-modal-header{padding:var(--spacing-lg)}.untitled-form-grid3{grid-template-columns:1fr}.untitled-card-title3{font-size:var(--font-size-lg)}.assignment-meta{gap:var(--spacing-xs);align-items:flex-start;flex-direction:column}.maintenance-hero{padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.maintenance-info,.maintenance-progress{padding:var(--spacing-2xl) var(--spacing-md)}.maintenance-footer__container{text-align:center;flex-direction:column}.maintenance-timer{gap:var(--spacing-md)}.maintenance-hero__return-info{padding:var(--spacing-lg);text-align:center;flex-direction:column}.maintenance-footer__copyright{text-align:center}.maintenance-hero__brand{font-size:var(--font-size-xxl)}.maintenance-timer__card{padding:var(--spacing-md) var(--spacing-lg);min-width:5rem}.maintenance-hero__return-text{text-align:center}.maintenance-info__card{padding:var(--spacing-xl)}.maintenance-timer__value{font-size:clamp(2rem,8vw,3rem)}.error-hero{padding:clamp(2rem,6vw,3rem) var(--spacing-md);min-height:85vh}.error-hero__actions{width:100%;flex-direction:column}.error-hero__actions .btn{width:100%;justify-content:center}.help-cards{grid-template-columns:1fr}.error-hero__icon-circle,.error-hero__pulse{width:7rem;height:7rem}.error-hero__subtitle{font-size:var(--font-size-lg)}.error-hero__description{font-size:var(--font-size-sm)}.support-contact__methods{grid-template-columns:1fr}.error-hero__icon{width:3rem;height:3rem}.error-visual__code{font-size:4rem}.error-actions{width:100%;flex-direction:column}.error-actions .btn{width:100%;justify-content:center}.shape{opacity:.05}.error-code{gap:var(--spacing-sm)}.untitled-hero-title13{font-size:2rem}.untitled-hero-subtitle14{max-width:100%}.untitled-support-stats{gap:var(--spacing-md);flex-direction:column}.support-form-card{padding:var(--spacing-xl)}.untitled-stat-divider{display:none}.team-image-grid,.team-stats-wrapper,.untitled-form-grid4{grid-template-columns:1fr}.team-floating-badge{position:static;margin-top:var(--spacing-lg)}.team-image-large,.team-image-small{height:200px}}@media(max-width:479px){.thq-section-padding{padding:var(--dl-layout-space-oneandhalfunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-unit)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-unit);grid-template-columns:1fr 1fr}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-unit);align-items:center;grid-template-columns:1fr}.thq-grid-4{flex-direction:column}.thq-grid-2{grid-gap:var(--dl-layout-space-unit)}.thq-grid-auto-300{grid-template-columns:1fr}.navigation__container{padding:0 var(--spacing-sm)}.navigation__actions{gap:var(--spacing-xs)}.navigation__logo-text{display:none}.footer-container{padding:0 var(--spacing-md)}.footer-content{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.footer-trust-item{text-align:center;align-items:center;flex-direction:column}.footer-brand{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.footer-social-links{width:100%;justify-content:flex-start}.footer-trust-icon{width:52px;height:52px}.footer-legal-links{gap:var(--spacing-sm);flex-direction:column}.footer-legal-separator{display:none}.hero__roles{flex-direction:column}.role-btn{width:100%;justify-content:center}.quick-access-tile{padding:var(--spacing-md)}.docs-resources,.onboarding,.performance,.system-updates{padding:var(--spacing-2xl) var(--spacing-md)}.teacher-dashboard-hero-title{font-size:var(--font-size-xl)}.teacher-dashboard-hero-subtitle{font-size:var(--font-size-base)}.action-card,.side-card{padding:var(--spacing-sm)}.submission-actions{flex-direction:column}.submission-actions .btn{width:100%}.attendance-container{padding:var(--spacing-md)}.bottom,.info-banner{align-items:flex-start;flex-direction:column}.class-card-actions .btn{width:100%}.profile-card{padding:var(--spacing-lg);text-align:center}.action-chips-row,.profile-card{flex-direction:column}.student-dashboard-hero-title{font-size:var(--font-size-lg)}.action-chip{width:100%;justify-content:center}.primary-card{padding:var(--spacing-md)}.student-dashboard-section-title{font-size:var(--font-size-lg)}.attachments-list{flex-direction:column}.attachment-item{width:100%}.task-card{padding:var(--spacing-sm)}.task-actions{flex-direction:column}.attendance-panel{padding:var(--spacing-sm)}.featured-header{padding:var(--spacing-md)}.course-card{padding:var(--spacing-sm)}.overall-card{padding:var(--spacing-md)}.average-value,.grade-headline{font-size:var(--font-size-xl)}.student-dashboard-message-card,.student-dashboard-messages-section{padding:var(--spacing-sm)}.students-section{padding:0 var(--spacing-sm)}.students-tabs{gap:var(--spacing-sm)}.tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.detail-reader{padding:var(--spacing-lg)}.group-title{font-size:var(--font-size-xl)}.course---group-detail-summary-stat{gap:var(--spacing-sm);flex-direction:row}.session-carousel{flex-direction:column}.reports-kpis{grid-template-columns:1fr}.course---group-detail-stat-value{font-size:var(--font-size-lg)}.student-row{align-items:flex-start;flex-direction:column}.carousel-card{min-width:100%}.summary-grid{grid-template-columns:1fr}.attendance-table,.grades-table{font-size:var(--font-size-sm)}.student-metrics{width:100%;flex-direction:row;justify-content:space-between}.format-grid{grid-template-columns:1fr}.user-management-hero-section{padding:var(--spacing-xl) var(--spacing-sm)}.hero-panel{padding:var(--spacing-md)}.user-management-hero-title{font-size:var(--font-size-xl)}.hero-lead{font-size:var(--font-size-base)}.profiles-section{padding:var(--spacing-xl) var(--spacing-sm)}.profiles-canvas{padding:var(--spacing-md)}.enrollment-section{padding:var(--spacing-xl) var(--spacing-sm)}.enrollment-center,.rail-left,.rail-right{padding:var(--spacing-md)}.user-management-section-title{font-size:var(--font-size-lg)}.messaging-section,.status-section{padding:var(--spacing-xl) var(--spacing-sm)}.status-main{padding:var(--spacing-md)}.filters-section{padding:var(--spacing-xl) var(--spacing-sm)}.filter-rail{padding:var(--spacing-md)}.reports-section{padding:var(--spacing-xl) var(--spacing-sm)}.analytics-dashboard-section{padding:var(--spacing-2xl) 0}.analytics-dashboard-wrapper{padding:0 var(--spacing-sm)}.analytics---reports-kpi-value{font-size:var(--font-size-xl)}.attendance-performance-section{padding:var(--spacing-2xl) 0}.attendance-performance-container{padding:0 var(--spacing-sm)}.metric-breakdown{grid-template-columns:1fr}.mega-metric-value{font-size:var(--font-size-xl)}.site-comparisons-section{padding:var(--spacing-2xl) 0}.site-comparisons-container{padding:0 var(--spacing-sm)}.summary-kpis{flex-direction:column}.summary-kpi-token{width:100%}.export-reports-section{padding:var(--spacing-2xl) 0}.export-reports-wrapper{padding:0 var(--spacing-sm)}.export-actions-row{gap:var(--spacing-md);flex-direction:column}.export-actions-left,.export-actions-right{width:100%;flex-direction:column}.risk-insights-section{padding:var(--spacing-2xl) 0}.risk-insights-container{padding:0 var(--spacing-sm)}.risk-filter-bar{flex-direction:column}.reporting-templates-section{padding:var(--spacing-2xl) 0}.reporting-container{padding:0 var(--spacing-sm)}.template-card-footer{flex-direction:column}.brand-panel,.form-panel{padding:var(--spacing-lg) var(--spacing-md)}.logo-wrapper{width:56px;height:56px}.form-title{font-size:1.5rem}.logo-icon{width:36px;height:36px}.brand-name{font-size:1.75rem}.module-card-icon{width:56px;height:56px}.module-card-title{font-size:var(--font-size-lg)}.edushield-header-actions .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.register-form-panel{padding:var(--spacing-lg) var(--spacing-md)}.untitled-form-header{margin-bottom:var(--spacing-xl)}.registration-form{gap:var(--spacing-lg)}.benefits-title{font-size:var(--font-size-base)}.form-section{gap:var(--spacing-sm)}.untitled-brand-name{font-size:var(--font-size-lg)}.benefit-item{padding:var(--spacing-sm)}.benefit-icon{width:36px;height:36px;min-width:36px}.success-icon-bg{width:7rem;height:7rem}.success-icon{width:5.5rem;height:5.5rem}.features-visual{height:20rem}.step-number{width:2rem;height:2rem;font-size:var(--font-size-base)}.step-icon{width:3.5rem;height:3.5rem}.step-icon svg{width:1.75rem;height:1.75rem}.hero-image-section{height:300px}.untitled1-hero-title{font-size:clamp(2rem,8vw,2.5rem)}.untitled1-hero-subtitle{font-size:var(--font-size-lg)}.card-1{width:160px;height:200px}.card-2{right:10px;width:130px;height:160px}.card-3{left:80px;width:120px;height:150px}.untitled1-section-title{font-size:var(--font-size-xl)}.untitled1-section-subtitle{font-size:var(--font-size-base)}.feature-card,.role-card-body,.role-card-header{padding:var(--spacing-lg)}.planeamientos-hero-content{padding:0 var(--spacing-md)}.planeamientos-stat-card{text-align:center;flex-direction:column}.section-container{padding:0 var(--spacing-md)}.chart-bars{height:180px}.planeamientos-timeline-item{padding-left:var(--spacing-xl)}.plan-de-planeamiento-central-alert-card,.plan-de-planeamiento-central-hero-actions{flex-direction:column}.plan-de-planeamiento-central-hero-actions button{width:100%}.plan-de-planeamiento-central-stat-card{align-items:flex-start;flex-direction:column}.filter-buttons{width:100%;flex-direction:column}.plan-de-planeamiento-central-timeline-content{padding:var(--spacing-lg)}.plan-de-planeamiento-central-filter-btn{width:100%}.docente-info,.hero-brand,.plan-de-planeamiento-central-timeline-header{align-items:flex-start;flex-direction:column}.hero-brand{gap:var(--spacing-sm)}.staff---roles-center-stat-card{flex-direction:column}.card-footer{flex-wrap:wrap}.staff---roles-center-stat-icon{width:40px;height:40px}.staff---roles-center-filter-btn{flex:1;justify-content:center}.staff---roles-center-action-btn{flex:1}.untitled-hero-section{padding:var(--spacing-2xl) var(--spacing-md)}.recent-activity-section,.role-management-interface,.untitled-quick-actions-section{padding:var(--spacing-xl) var(--spacing-md)}.untitled-hero-title{font-size:clamp(1.75rem,8vw,var(--font-size-hero))}.untitled-action-card{padding:var(--spacing-lg)}.signup-card{padding:var(--spacing-xl)}.signup-input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);padding-left:40px}.signup-role-icon{width:40px;height:40px}.main-nav__container{padding:0 var(--spacing-sm)}.navigation-navigation__actions{gap:var(--spacing-xs)}.main-nav__brand-text{display:none}.internal-communications-hero-title{font-size:2rem}.list-footer{gap:var(--spacing-md);text-align:center;flex-direction:column}.announcement-card,.internal-communications-action-card,.internal-communications-stat-card{padding:var(--spacing-lg)}.message-item{padding:var(--spacing-md)}.untitled-hero-badge1{padding:6px var(--spacing-md);font-size:var(--font-size-xs)}.untitled-hero-title1{font-size:var(--font-size-xl)}.untitled-hero-subtitle1{font-size:var(--font-size-base)}.untitled-cta-title{font-size:var(--font-size-xl)}.untitled-role-icon{width:56px;height:56px}.untitled-role-title{font-size:var(--font-size-xl)}.feature-column{min-width:200px}.capability-level{padding:4px 8px;font-size:10px}.untitled-hero-content{padding:var(--spacing-xl) var(--spacing-md)}.mission-card,.vision-card{padding:var(--spacing-lg)}.advantages-list{gap:var(--spacing-lg)}.course-badge-group{align-items:flex-start;flex-direction:column}.teacher-info{text-align:center;flex-direction:column}.course-group-detailed-view-action-buttons{width:100%;flex-direction:column}.course-group-detailed-view-action-buttons .btn{width:100%}.tab-actions{flex-direction:column}.course-group-detailed-view-search-wrapper{width:100%}.attendance-controls,.breakdown-header{align-items:stretch;flex-direction:column}.breakdown-header{gap:var(--spacing-md)}.tasks-header{align-items:stretch;flex-direction:column}.observation-header{align-items:flex-start}.course-group-detailed-view-observation-actions,.observation-header{flex-direction:column}.course-group-detailed-view-observation-actions .btn{width:100%}.profile-contact,.profile-meta{gap:4px;flex-direction:column}.meta-divider{display:none}.attendance-stats{grid-template-columns:1fr}.untitled-bar-label{font-size:var(--font-size-xs);min-width:100px}.untitled-breadcrumb{display:none}.profile-image{width:80px;height:80px}.card-icon-wrapper{width:48px;height:48px}.schedule-item{gap:var(--spacing-xs)}.schedule-item,.section-header-with-action{align-items:flex-start;flex-direction:column}.teacher-avatar-border{width:100px;height:100px}.untitled-hero-content2{padding:var(--spacing-xl) var(--spacing-md)}.untitled-profile-info1,.untitled-teacher-info{padding:var(--spacing-lg)}.profile-stats,.untitled-cta-features{gap:var(--spacing-md)}.profile-stats{flex-direction:column}.untitled-cta-feature{text-align:left;align-items:flex-start;flex-direction:column}.profile-header-actions{width:100%;flex-direction:column}.untitled-filter-group1{width:100%}.planeamiento-summary-stats{grid-template-columns:1fr}.untitled-filter-btn{flex:1}.observation-footer,.student-risk-item{align-items:flex-start;flex-direction:column}.profile-card-featured{margin-bottom:var(--spacing-2xl)}.detail-section{padding:var(--spacing-md)}.contact-method{align-items:flex-start;flex-direction:column}.profile-avatar-large{width:100px;height:100px}.untitled-profile-name1{font-size:var(--font-size-lg)}.untitled-action-buttons2{width:100%;flex-direction:column}.untitled-action-buttons2 .btn{width:100%;justify-content:center}.untitled-profile-header-info{padding:var(--spacing-lg)}.untitled-observation-meta1{gap:var(--spacing-xs);flex-direction:column}.observation-scores{grid-template-columns:1fr}.profile-title-group{align-items:flex-start;flex-direction:column}.untitled-filter-group3{width:100%}.untitled-filter-btn2{flex:1}.group-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.untitled-chart-legend{gap:var(--spacing-sm);flex-direction:column}.action-panel-content{padding:var(--spacing-xl)}.notes-card,.untitled-activity-card,.untitled-chart-card3,.untitled-info-card,.untitled-sidebar-card1,.untitled-summary-card1{padding:var(--spacing-lg)}.untitled-profile-header3{padding:var(--spacing-lg) 0}.content-section,.untitled-sidebar-card2{padding:var(--spacing-lg)}.untitled-task-meta,.untitled-timeline-header1{gap:var(--spacing-xs);flex-direction:column}.untitled-timeline-header1{align-items:flex-start}.timeline-stats{gap:var(--spacing-xs);flex-direction:column}.profile-avatar-wrapper-large{width:80px;height:80px}.untitled-profile-actions1 .btn span{display:none}.untitled-profile-actions1 .btn svg{margin:0}.support-mode-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.untitled-profile-main-card{padding:var(--spacing-lg)}.untitled-profile-header-content4{padding:var(--spacing-lg) var(--spacing-md)}.untitled-card-header-with-action{gap:var(--spacing-sm)}.untitled-activity-header2,.untitled-card-header-with-action,.untitled-note-header1{align-items:flex-start;flex-direction:column}.profile-edit-content{padding:var(--spacing-xl) var(--spacing-md)}.banner-content{padding:0 var(--spacing-md)}.untitled-profile-header-actions2{flex-direction:column}.profile-edit-main,.untitled-profile-card2{padding:var(--spacing-lg)}.profile-header-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.profile-content-container{padding:0 var(--spacing-md)}.untitled-avatar-upload-card{padding:var(--spacing-lg)}.profile-form-card{padding:var(--spacing-xl)}.avatar-image-wrapper{width:120px;height:120px}.avatar-upload-button,.form-card-icon{width:40px;height:40px}.profile-form-wrapper,.untitled-profile-header-content6{padding:0 var(--spacing-md)}.untitled-profile-sidebar2{grid-template-columns:1fr}.untitled-sidebar-card5{padding:var(--spacing-lg)}.untitled-profile-avatar8{width:100px;height:100px}.untitled-profile-avatar-large2{width:120px;height:120px}.permission-notice{text-align:center;flex-direction:column}.permission-icon{margin:0 auto}.security-notice-card{padding:var(--spacing-xl)}.untitled-success-icon-wrapper{width:5rem;height:5rem}.course-details-card{padding:var(--spacing-lg)}.success-icon-check{width:5rem;height:5rem}.example-message-card{padding:var(--spacing-lg)}.hero-icon-shield{width:64px;height:64px}.form-body{padding:var(--spacing-lg)}.error-code-display{gap:var(--spacing-xs);flex-direction:column}.error-code-value{font-size:var(--font-size-lg)}.untitled-help-card{padding:var(--spacing-xl)}.untitled-help-card-icon{width:56px;height:56px}.untitled-help-card-icon svg{width:32px;height:32px}.success-hero-content{padding:var(--spacing-3xl) var(--spacing-md)}.success-icon-container{width:120px;height:120px;margin-bottom:var(--spacing-2xl)}.success-icon-circle{width:90px;height:90px}.untitled-success-icon{width:40px;height:40px}.detail-icon{width:48px;height:48px}.detail-icon svg{width:24px;height:24px}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-xl) var(--spacing-md)}.auth-logo-wrapper{gap:var(--spacing-sm)}.untitled-success-icon-wrapper1{width:80px;height:80px}.auth-logo-icon{width:40px;height:40px}.auth-brand-title{font-size:var(--font-size-lg)}.untitled-form-input4{font-size:var(--font-size-sm)}.untitled-course-header-section{padding:var(--spacing-2xl) 0}.module-stats{gap:var(--spacing-md);flex-direction:column}.untitled-stat-item6{width:100%;flex-direction:row;justify-content:space-between}.untitled-hero-title7{font-size:var(--font-size-xl)}.panel-content-wrapper{padding:var(--spacing-lg)}.untitled-section-title8{font-size:var(--font-size-xl)}.filters-card{padding:var(--spacing-lg)}.untitled-hero-title8{font-size:1.75rem}.untitled-summary-card2{padding:var(--spacing-lg)}.untitled-section-title9{font-size:1.5rem}.report-card{padding:var(--spacing-lg)}.untitled-section-title10{font-size:var(--font-size-xl)}.untitled-stat-card4{gap:var(--spacing-md);padding:var(--spacing-md)}.untitled-hero-title9{font-size:var(--font-size-xl)}.untitled-stat-icon3{width:48px;height:48px}.untitled-stat-value16{font-size:var(--font-size-xl)}.groups-hero{min-height:clamp(350px,45vh,500px)}.controls-container,.groups-container,.untitled-actions-container{padding:0 var(--spacing-md)}.untitled-profile-avatar9{width:80px;height:80px}.untitled-hero-title10{font-size:var(--font-size-xl)}.assignment-content,.untitled-assignment-header,.untitled-filter-section,.untitled-stat-card6{padding:var(--spacing-lg)}.maintenance-hero__logo{gap:var(--spacing-sm);flex-direction:column}.maintenance-progress__header{align-items:flex-start;flex-direction:column}.maintenance-timer__separator{display:none}.error-details,.untitled-help-section,.untitled-support-contact{padding:clamp(2rem,5vw,3rem) var(--spacing-sm)}.support-contact__card{padding:var(--spacing-xl)}.untitled-contact-method,.untitled-help-card1{padding:var(--spacing-lg)}.untitled-error-title{font-size:clamp(1.75rem,8vw,2.5rem)}.error-description{font-size:var(--font-size-base)}.link-card{padding:var(--spacing-md)}.search-body{padding:var(--spacing-lg)}.untitled-hero-badge4{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.support-form-card,.untitled-contact-info-card1{padding:var(--spacing-lg)}.faq-card{padding:var(--spacing-md)}}:root{--spacing-lg:1rem;--spacing-md:0.75rem;--spacing-sm:0.5rem;--spacing-xl:1.5rem;--spacing-xs:0.25rem;--color-scrim:var(--color-scrim-light);--section-gap:clamp(2rem,4vw,5rem);--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--color-accent:var(--color-accent-light);--color-border:var(--color-border-light);--font-size-lg:1.125rem;--font-size-sm:0.9375rem;--font-size-xl:1.25rem;--font-size-xs:0.8125rem;--color-neutral:var(--color-neutral-light);--color-outline:var(--color-outline-light);--color-overlay:var(--color-overlay-light);--color-primary:var(--color-primary-light);--color-surface:var(--color-surface-light);--font-size-xxl:1.75rem;--font-size-base:1rem;--font-size-hero:2.5rem;--shadow-level-1:0 1px 2px rgba(0,0,0,.06);--shadow-level-2:0 4px 12px rgba(0,0,0,.1);--shadow-level-3:0 12px 32px rgba(0,0,0,.18);--color-backplate:var(--color-backplate-light);--color-on-accent:var(--color-on-accent-light);--color-secondary:var(--color-secondary-light);--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px;--border-radius-xl:16px;--color-on-primary:var(--color-on-primary-light);--color-on-surface:var(--color-on-surface-light);--color-scrim-dark:color-mix(in oklab,var(--color-neutral-dark) 50%,transparent);--font-family-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--font-weight-bold:700;--line-height-base:1.5;--color-accent-dark:#39e0d8;--color-border-dark:color-mix(in oklab,var(--color-surface-dark) 85%,#fff);--color-scrim-light:color-mix(in oklab,var(--color-neutral-light) 60%,transparent);--content-max-width:76rem;--line-height-tight:1.2;--border-radius-full:9999px;--border-radius-none:0px;--color-accent-light:#0ea5a0;--color-border-light:color-mix(in oklab,var(--color-surface-light) 85%,#000);--color-neutral-dark:#9ca3af;--color-on-secondary:var(--color-on-secondary-light);--color-outline-dark:color-mix(in oklab,var(--color-surface-dark) 70%,#fff);--color-overlay-dark:color-mix(in oklab,var(--color-neutral-dark) 35%,transparent);--color-primary-dark:#4890ff;--color-surface-dark:#0b1220;--font-weight-medium:500;--color-neutral-light:#6b7280;--color-outline-light:color-mix(in oklab,var(--color-surface-light) 70%,#000);--color-overlay-light:color-mix(in oklab,var(--color-neutral-light) 45%,transparent);--color-primary-light:#1e56b7;--color-surface-light:#fff;--font-family-heading:"Red Hat Display",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--font-weight-regular:400;--line-height-heading:1.15;--color-backplate-dark:color-mix(in oklab,var(--color-neutral-dark) 40%,transparent);--color-on-accent-dark:#081025;--color-secondary-dark:#ff7a66;--dl-layout-size-large:144px;--dl-layout-size-small:48px;--dl-layout-space-unit:16px;--font-weight-semibold:600;--color-backplate-light:color-mix(in oklab,var(--color-neutral-light) 50%,transparent);--color-on-accent-light:#fff;--color-on-primary-dark:#081025;--color-on-surface-dark:#e6eef8;--color-secondary-light:#d64535;--dl-layout-size-medium:96px;--dl-layout-size-xlarge:192px;--dl-layout-size-xsmall:16px;--letter-spacing-normal:0.01em;--color-on-primary-light:#fff;--color-on-surface-light:#0f1724;--color-surface-elevated:var(--color-surface-elevated-light);--dl-color-theme-accent1:#fff;--dl-color-theme-accent2:#f5d1b0;--dl-layout-radius-round:50%;--dl-layout-size-xxlarge:288px;--letter-spacing-heading:0.005em;--animation-curve-primary:cubic-bezier(0.2,0.8,0.2,1);--animation-duration-fast:120ms;--animation-duration-slow:280ms;--color-on-secondary-dark:#081025;--dl-color-theme-primary1:#bf4408;--dl-color-theme-primary2:#e65103;--dl-layout-size-maxwidth:1400px;--color-on-secondary-light:#fff;--dl-layout-radius-radius2:2px;--dl-layout-radius-radius4:4px;--dl-layout-radius-radius8:8px;--dl-layout-space-halfunit:8px;--dl-layout-space-sixunits:96px;--dl-layout-space-twounits:32px;--dl-color-theme-secondary1:#fff;--dl-color-theme-secondary2:#fbf1eb;--dl-layout-space-fiveunits:80px;--dl-layout-space-fourunits:64px;--color-on-surface-secondary:var(--color-on-surface-secondary-light);--dl-layout-space-threeunits:48px;--animation-duration-standard:200ms;--color-surface-elevated-dark:color-mix(in oklab,var(--color-surface-dark) 96%,var(--color-primary-dark));--dl-color-theme-neutral-dark:#191818;--dl-layout-radius-cardradius:8px;--color-surface-elevated-light:color-mix(in oklab,var(--color-surface-light) 96%,var(--color-primary-light));--dl-color-theme-neutral-light:#fbfaf9;--dl-layout-radius-imageradius:8px;--dl-layout-radius-inputradius:24px;--dl-layout-radius-buttonradius:24px;--color-on-surface-secondary-dark:#b6c0cc;--dl-layout-space-oneandhalfunits:24px;--color-on-surface-secondary-light:#374151}.button{display:inline-block}.button,.input{color:var(--dl-color-theme-neutral-dark);padding:.5rem 1rem;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:4px;background-color:var(--dl-color-theme-neutral-light)}.input,.textarea{cursor:auto}.textarea{color:var(--dl-color-theme-neutral-dark);padding:.5rem;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:4px;background-color:var(--dl-color-theme-neutral-light)}.list{width:100%;margin:1em 0;display:block;padding:0 0 0 1.5rem;list-style-type:none;list-style-position:outside}.list-item{display:list-item}.teleport-show{display:flex!important;transform:none!important}.thq-input{color:var(--dl-color-theme-neutral-dark);cursor:auto;outline:none;padding:.5rem 1rem;align-self:stretch;text-align:center;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:var(--dl-layout-radius-inputradius);background-color:var(--dl-color-theme-neutral-light)}.thq-input:focus{outline:1px solid var(--dl-color-theme-primary1)}.thq-button-filled{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-secondary1);color:var(--dl-color-theme-secondary1);cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:var(--dl-color-theme-primary1);border-width:1px;border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center;background-color:var(--dl-color-theme-primary1)}.thq-button-filled:hover{fill:var(--dl-color-theme-secondary2);color:var(--dl-color-theme-secondary2);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-button-outline{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-primary1);color:var(--dl-color-theme-primary1);border:1px solid;cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:var(--dl-color-theme-primary1);border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center}.thq-button-outline:hover{fill:var(--dl-color-theme-secondary2);color:var(--dl-color-theme-secondary2);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-button-flat{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-primary1);color:var(--dl-color-theme-primary1);cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:transparent;border-width:1px;border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center}.thq-button-flat:hover{fill:var(--dl-color-theme-secondary1);color:var(--dl-color-theme-secondary1);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-heading-1{font-size:48px;font-family:STIX Two Text;font-weight:700;line-height:1.5}.thq-heading-2{font-size:35px}.thq-heading-2,.thq-heading-3{font-family:STIX Two Text;font-weight:600;line-height:1.5}.thq-heading-3{font-size:26px}.thq-body-large{font-size:18px}.thq-body-large,.thq-body-small{font-family:Noto Sans;line-height:1.5}.thq-body-small{font-size:16px}.thq-team-image-round{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.thq-section-padding{width:100%;display:flex;padding:var(--dl-layout-space-fiveunits);position:relative;align-items:center;flex-direction:column}.thq-section-max-width{width:100%;max-width:var(--dl-layout-size-maxwidth)}.thq-img-ratio-1-1{aspect-ratio:1/1}.thq-img-ratio-1-1,.thq-img-ratio-16-9{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dl-layout-radius-imageradius)}.thq-img-ratio-16-9{aspect-ratio:16/9}.thq-img-ratio-4-3{aspect-ratio:4/3}.thq-img-ratio-4-3,.thq-img-ratio-4-6{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dl-layout-radius-imageradius)}.thq-img-ratio-4-6{aspect-ratio:4/6}.thq-img-round{width:100%;border-radius:var(--dl-layout-radius-round)}.thq-flex-column{flex-direction:column}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-twounits);display:flex;overflow:hidden;position:relative;align-items:center}.thq-grid-6{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.thq-grid-5{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr 1fr}.thq-card{gap:var(--dl-layout-space-oneandhalfunits);display:flex;padding:var(--dl-layout-space-twounits);align-items:stretch;border-radius:var(--dl-layout-radius-cardradius);flex-direction:column}.thq-box-shadow{box-shadow:0 0 5px -2px var(--dl-color-theme-neutral-dark)}.thq-grid-3{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr}.thq-grid-4{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr}.thq-grid-2{width:100%;display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr}.thq-checkbox{width:var(--dl-layout-size-xsmall);height:var(--dl-layout-size-xsmall)}.thq-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--dl-layout-radius-inputradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-twounits) var(--dl-layout-space-halfunit) var(--dl-layout-space-unit);background-color:var(--dl-color-theme-neutral-light);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20 20%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M4.293 7.293a1 1 0 011.414 0L10 11.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.thq-divider-horizontal{width:100%;height:1px;background-color:var(--dl-color-theme-neutral-dark)}.thq-icon-small{width:24px;height:24px}.thq-button-icon{fill:var(--dl-color-theme-secondary1);padding:3px;transition:.3s;border-radius:var(--dl-layout-radius-round)}.thq-button-icon:hover{fill:var(--dl-color-theme-secondary2)}.thq-icon-medium{width:var(--dl-layout-size-small);height:var(--dl-layout-size-small)}.thq-icon-x-small{width:var(--dl-layout-size-xsmall);height:var(--dl-layout-size-xsmall)}.thq-link{cursor:pointer;display:inline-block;overflow:hidden;background:linear-gradient(to right,var(--dl-color-theme-primary1) 50%,var(--dl-color-theme-neutral-dark) 50%);transition:background-position .3s ease;font-weight:600;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;background-position:100%;-webkit-text-fill-color:transparent}.thq-link:hover{background-position:0 100%}.thq-grid-auto-300{display:grid;grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.thq-animated-group-vertical-reverse{gap:var(--dl-layout-space-unit);width:100%;display:flex;animation:scroll-y 20s linear infinite;align-items:flex-start;flex-direction:column;justify-content:space-around;animation-direction:reverse}.thq-animated-group-horizontal-reverse{animation:scroll-x 20s linear infinite;min-width:100%;align-items:center;flex-shrink:0;animation-direction:reverse}.thq-animated-group-horizontal-reverse,.thq-animated-group-vertical{gap:var(--dl-layout-space-unit);display:flex;justify-content:space-around}.thq-animated-group-vertical{width:100%;animation:scroll-y 20s linear infinite;align-items:flex-start;flex-direction:column}.thq-animated-group-horizontal{gap:var(--dl-layout-space-unit);display:flex;animation:scroll-x 20s linear infinite;min-width:100%;align-items:center;flex-shrink:0;justify-content:space-around}.thq-animated-group-container-vertical{flex-direction:column}.thq-animated-group-container-horizontal,.thq-animated-group-container-vertical{gap:var(--dl-layout-space-unit);display:flex;overflow:hidden}.thq-mask-image-vertical{-webkit-mask-image:linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent);mask-image:linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent)}.thq-mask-image-horizontal{-webkit-mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent);mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}.thq-img-scale{transition:.3s}.thq-img-scale:hover{scale:1.05}.thq-animated-card-bg-1{width:100%;height:100%;background-color:var(--dl-color-theme-accent1)}.thq-animated-card-bg-1,.thq-animated-card-bg-2{transition:transform .3s;border-radius:var(--dl-layout-radius-cardradius)}.thq-animated-card-bg-2{background-color:var(--dl-color-theme-accent2)}.thq-button-animated{outline:none;z-index:1;overflow:hidden;position:relative;border-width:2px}.thq-input::-moz-placeholder{text-align:center;vertical-align:middle}.thq-input::placeholder{text-align:center;vertical-align:middle}.thq-animated-group-container-horizontal:hover div,.thq-animated-group-container-vertical:hover div{animation-play-state:paused}.thq-animated-card-bg-2:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(3deg) skew(0deg,0deg)}.thq-animated-card-bg-1:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(-6deg) skew(0deg,0deg)}.thq-button-animated:before{top:0;left:-20%;color:var(--dl-color-theme-neutral-light);width:200%;height:101%;content:"";z-index:1;position:absolute;transform:scaleX(0);transition:transform .5s;border-radius:var(--dl-layout-radius-buttonradius);background-color:var(--dl-color-theme-neutral-dark);transform-origin:0 0;transition-timing-function:cubic-bezier(.5,1.6,.4,.7)}.thq-button-animated:hover:before{color:var(--dl-color-theme-neutral-light);z-index:-1;transform:scaleX(1)}.btn{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid transparent;cursor:pointer;display:inline-flex;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);transition:background-color var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary),color var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-normal);justify-content:center;text-decoration:none;background-color:transparent}.btn-primary{color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-primary,.btn-secondary{box-shadow:var(--shadow-level-1)}.btn-secondary{color:var(--color-on-secondary);border-color:var(--color-secondary);background-color:var(--color-secondary)}.btn-accent{color:var(--color-on-accent);box-shadow:var(--shadow-level-1);border-color:var(--color-accent);background-color:var(--color-accent)}.btn-outline{border:1px solid var(--color-primary);background-color:transparent}.btn-link,.btn-outline{color:var(--color-primary);box-shadow:none}.btn-link{gap:.25rem;border:0;padding:0;background:transparent}.btn-sm{padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl)}.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl)}.section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.section-subtitle,.section-title{font-family:var(--font-family-heading);letter-spacing:var(--letter-spacing-heading)}.section-subtitle{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.section-content{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.hero-title,.section-content{color:var(--color-on-surface)}.hero-title{font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.hero-subtitle,.hero-title{margin:0 0 var(--spacing-lg) 0}.hero-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-primary) 90%,#000);background-color:color-mix(in oklab,var(--color-primary) 90%,#000)}.btn-secondary:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-secondary) 90%,#000);background-color:color-mix(in oklab,var(--color-secondary) 90%,#000)}.btn-accent:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-accent) 90%,#000);background-color:color-mix(in oklab,var(--color-accent) 90%,#000)}.btn-outline:hover:not(:disabled){color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-link:hover:not(:disabled){color:color-mix(in oklab,var(--color-primary) 85%,#000);text-decoration:underline}.navigation{top:0;left:0;right:0;z-index:1000;position:fixed;background:var(--color-surface);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);transition-property:background-color,border-color,color,transform,box-shadow}.navigation__container{gap:var(--spacing-xl);height:72px;margin:0 auto;display:flex;padding:0 var(--spacing-lg);z-index:2;position:relative;max-width:var(--content-max-width);align-items:center;justify-content:space-between}.navigation__overlay{top:0;left:0;right:0;bottom:0;opacity:0;z-index:998;position:fixed;background:color-mix(in srgb,var(--color-scrim) 60%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;backdrop-filter:blur(4px)}.navigation__logo{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;position:relative;font-size:var(--font-size-lg);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-decoration:none;transition-property:background-color,border-color,color,transform,box-shadow}.navigation__menu{gap:var(--spacing-xs);flex:1;margin:0;display:flex;padding:0;list-style:none;align-items:center;justify-content:center}.navigation__actions{gap:var(--spacing-sm);display:flex;align-items:center}.navigation__logo-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center;transition-property:background-color,border-color,color,transform,box-shadow}.navigation__logo-text{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navigation__menu-item{margin:0;padding:0}.navigation__theme-toggle{display:flex;background:color-mix(in srgb,var(--color-on-surface) 6%,transparent)}.navigation__mobile-toggle,.navigation__theme-toggle{color:var(--color-on-surface);width:44px;border:1px solid var(--color-border);cursor:pointer;height:44px;padding:0;overflow:hidden;position:relative;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center;transition-property:background-color,border-color,color,transform,box-shadow}.navigation__mobile-toggle{display:none;background:transparent}.navigation__link{color:var(--color-on-surface);display:block;padding:var(--spacing-sm) var(--spacing-md);position:relative;font-size:var(--font-size-base);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-normal);text-decoration:none;transition-property:background-color,border-color,color,transform,box-shadow}.navigation__theme-icon{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.navigation__theme-icon--sun{opacity:1;transform:rotate(0deg) scale(1)}.navigation__theme-icon--moon{opacity:0;transform:rotate(90deg) scale(.5)}.navigation__toggle-icon{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.navigation__toggle-icon--menu{opacity:1;transform:rotate(0deg) scale(1)}.navigation__toggle-icon--close{opacity:0;transform:rotate(90deg) scale(.5)}.navigation__mobile-toggle\[aria-expanded\=\"true\"\]\
\ \ \ \ \.navigation__toggle-icon--menu{opacity:0;transform:rotate(-90deg) scale(.5)}.navigation__mobile-toggle\[aria-expanded\=\"true\"\]\
\ \ \ \ \.navigation__toggle-icon--close{opacity:1;transform:rotate(0deg) scale(1)}.navigation:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:color-mix(in srgb,var(--color-surface) 95%,transparent)}.navigation a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__logo:after{left:0;width:0;bottom:-4px;height:2px;content:"";position:absolute;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary)}.navigation__logo:hover:after{width:100%}.navigation__logo:focus-visible:after{width:100%}.navigation__logo:focus-visible{outline:2px solid var(--color-primary);border-radius:var(--border-radius-sm);outline-offset:4px}.navigation__logo:hover .navigation__logo-icon{color:var(--color-on-primary);transform:translateY(-2px);background:var(--color-primary);box-shadow:var(--shadow-level-2)}.navigation__link:before{left:50%;width:calc(100% - var(--spacing-md));bottom:6px;height:2px;content:"";position:absolute;transform:translateX(-50%) scaleX(0);background:var(--color-primary);transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.navigation__link:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.navigation__link:focus-visible{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.navigation__link:hover:before{transform:translateX(-50%) scaleX(1)}.navigation__link:focus-visible:before{transform:translateX(-50%) scaleX(1)}.navigation__theme-toggle:hover{color:var(--color-primary);transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 12%,transparent);box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.navigation__theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__theme-toggle:active{transform:translateY(0)}.navigation__mobile-toggle:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.navigation__mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__overlay[aria-hidden=false]{opacity:1;visibility:visible}.footer-main{color:var(--color-on-surface);overflow:hidden;position:relative;background:var(--color-surface-elevated);margin-top:var(--section-gap)}.footer-top-border{top:0;left:0;right:0;height:4px;z-index:2;position:absolute;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 50%,var(--color-accent) 100%)}.footer-container{margin:0 auto;padding:0 var(--spacing-xl);z-index:2;position:relative;max-width:var(--content-max-width)}.footer-bg-pattern{top:0;left:0;right:0;bottom:0;opacity:.03;z-index:1;position:absolute;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,var(--color-primary) 0,transparent 50%),radial-gradient(circle at 80% 70%,var(--color-secondary) 0,transparent 50%)}.footer-content{gap:var(--spacing-4xl);padding-top:clamp(3rem,5vw,4rem);padding-bottom:clamp(2.5rem,4vw,3.5rem);grid-template-columns:1.2fr 2fr}.footer-content,.footer-trust-section{display:grid;border-bottom:1px solid var(--color-border)}.footer-trust-section{gap:var(--spacing-xl);padding:clamp(2rem,3vw,2.5rem) 0;grid-template-columns:repeat(4,1fr)}.footer-bottom{padding:var(--spacing-xl) 0}.footer-brand-column{gap:var(--spacing-lg);display:flex;flex-direction:column}.footer-nav-columns{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(4,1fr)}.footer-trust-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.footer-bottom-content{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer-brand{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.footer-brand-tagline{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);max-width:320px;line-height:var(--line-height-base)}.footer-social-links{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-md)}.footer-nav-column{display:flex;flex-direction:column}.footer-trust-icon{color:var(--color-primary);width:44px;height:44px;display:flex;background:color-mix(in srgb,var(--color-primary) 12%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.footer-trust-content{gap:2px;display:flex;flex-direction:column}.footer-copyright{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.footer-legal-links{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.footer-brand-icon{color:var(--color-on-primary);width:48px;height:48px;display:flex;background:var(--color-primary);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.footer-brand-name{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.footer-social-link{color:var(--color-on-surface-secondary);width:40px;border:1px solid var(--color-border);height:40px;display:flex;background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center;text-decoration:none}.footer-nav-title{color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.footer-nav-list{gap:var(--spacing-sm)}.footer-contact-list,.footer-nav-list{margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.footer-contact-list{gap:var(--spacing-lg)}.footer-trust-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3}.footer-trust-desc{line-height:1.4}.footer-legal-link,.footer-trust-desc{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.footer-legal-link{transition:color var(--animation-duration-fast) var(--animation-curve-primary);text-decoration:none}.footer-legal-separator{color:var(--color-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.footer-nav-item{margin:0}.footer-contact-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.footer-nav-link{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;padding:var(--spacing-xs) 0;font-size:var(--font-size-base);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;line-height:var(--line-height-base);text-decoration:none}.footer-contact-icon{color:var(--color-primary);width:36px;height:36px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.footer-contact-text{gap:4px;display:flex;flex-direction:column}.footer-contact-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.footer-contact-value{color:var(--color-on-surface);font-size:var(--font-size-base);transition:color var(--animation-duration-fast) var(--animation-curve-primary);text-decoration:none}.footer-brand:hover .footer-brand-icon{transform:translateY(-2px)}.footer-social-link:hover{color:var(--color-on-primary);transform:translateY(-3px);background:var(--color-primary);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.footer-nav-link:hover{color:var(--color-primary);transform:translateX(4px)}.footer-nav-link svg{opacity:.7;transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);flex-shrink:0}.footer-nav-link:hover svg{opacity:1}.footer-trust-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.footer-copyright p{margin:0}.footer-legal-link:hover{color:var(--color-primary)}.hero{gap:var(--section-gap);margin:0 auto;display:grid;padding:var(--spacing-4xl);max-width:var(--content-max-width);min-height:100vh;align-items:center;grid-template-columns:2fr 1fr}.hero__content{gap:var(--spacing-lg);display:flex;max-width:60ch;flex-direction:column}.hero__metrics{padding:var(--spacing-lg);position:relative;border-radius:var(--border-radius-lg)}.hero__headline{color:var(--color-on-surface);margin:0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.hero__subhead{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.hero__body,.hero__subhead{font-family:var(--font-family-body);line-height:var(--line-height-base)}.hero__body{color:var(--color-on-surface);font-size:var(--font-size-base);margin-top:var(--spacing-sm);font-weight:var(--font-weight-regular)}.hero__roles{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;margin-top:var(--spacing-md)}.hero__backplate{inset:0;opacity:.08;z-index:1;position:absolute;border-radius:var(--border-radius-lg);background-size:cover;background-color:var(--color-backplate);background-image:url(https://images.pexels.com/photos/8472795/pexels-photo-8472795.jpeg?auto=compress&cs=tinysrgb&h=650&w=940);background-position:50%}.metrics-grid{gap:var(--spacing-md);display:grid;z-index:3;position:relative;animation:fadeIn var(--animation-duration-standard) var(--animation-curve-primary);grid-template-columns:repeat(1,1fr)}.role-btn{gap:var(--spacing-xs);color:var(--color-on-primary);border:1px solid transparent;cursor:pointer;display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-primary);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-normal)}.metric,.role-btn{align-items:center}.metric{border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);justify-content:space-between}.metric,.metric__number{color:var(--color-on-surface)}.metric__number{font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.metric__label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);font-weight:var(--font-weight-medium)}.stats-quick-access{gap:var(--section-gap);margin:0 auto;display:grid;padding:var(--spacing-3xl) var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);grid-template-columns:1fr 1.25fr .8fr}.stats{gap:var(--spacing-md);display:flex;flex-direction:column}.carousel{overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);min-height:400px;border-radius:var(--border-radius-lg)}.quick-access{gap:var(--spacing-sm);display:grid;align-content:flex-start;grid-template-columns:repeat(2,1fr)}.stat-card{border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-md);flex-direction:column}.carousel__slide{inset:0;opacity:0;position:absolute;transition:opacity var(--animation-duration-standard) var(--animation-curve-primary)}.quick-access-tile{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-outline);cursor:pointer;display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);background:transparent;min-height:var(--spacing-4xl);text-align:center;transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);flex-direction:column}.stat-card__number{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.stat-card__label{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.stat-card__label,.stat-card__meta{color:var(--color-on-surface-secondary)}.stat-card__meta{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.carousel__content{left:0;right:0;bottom:0;padding:var(--spacing-lg);z-index:3;position:absolute;background:linear-gradient(transparent,var(--color-scrim))}.carousel__title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.carousel__desc{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body)}.announcements{gap:var(--spacing-lg);margin:0 auto;display:grid;padding:var(--section-gap);max-width:var(--content-max-width);grid-template-columns:1fr 320px}.announcements-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.announcements-side{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.card{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-md);grid-template-columns:auto 1fr}.card--alert{background:linear-gradient(90deg,var(--color-scrim) 0,var(--color-surface-elevated) 20%);border-left:4px solid var(--color-accent)}.sidebar-section{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.card__icon{display:flex;padding:var(--spacing-xs);align-items:center;justify-content:center}.sidebar-section__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.sidebar-btn{gap:var(--spacing-xs);width:100%;display:flex;align-items:center;margin-bottom:var(--spacing-xs);justify-content:center}.sidebar-select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:var(--font-size-base);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.sidebar-stat{display:flex;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);justify-content:space-between}.card__headline{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.card__lead{font-size:var(--font-size-base);margin-top:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.card__lead,.card__meta{color:var(--color-on-surface-secondary)}.card__meta{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);align-items:center}.sidebar-stat__label{color:var(--color-on-surface-secondary)}.sidebar-stat__value{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.card__status{color:var(--color-on-accent);padding:2px var(--spacing-xs);background:var(--color-accent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.system-updates{margin:0 auto;padding:var(--spacing-3xl) var(--spacing-2xl);max-width:var(--content-max-width)}.feature{text-align:center;margin-bottom:var(--section-gap)}.bento{gap:var(--section-gap);display:grid;grid-template-columns:1fr 2fr}.feature__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.feature__subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-xl);max-width:60ch;font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.highlights{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(1,1fr)}.guidance{gap:var(--spacing-lg);display:flex;flex-direction:column}.highlight-card{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.guidance-links,.guidance-section,.highlight-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.highlight-card__icon{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.highlight-card__title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.highlight-card__desc{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.guidance-section__title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.accordion{margin-bottom:var(--spacing-sm)}.guidance-section__text{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.accordion__trigger{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;display:flex;background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);justify-content:space-between}.accordion__panel,.accordion__trigger{padding:var(--spacing-sm);font-size:var(--font-size-base);font-family:var(--font-family-body)}.accordion__panel{color:var(--color-on-surface-secondary);transition:opacity var(--animation-duration-fast) var(--animation-curve-primary),transform var(--animation-duration-fast) var(--animation-curve-primary);line-height:var(--line-height-base)}.onboarding{margin:0 auto;padding:var(--spacing-3xl) var(--spacing-2xl);max-width:var(--content-max-width)}.onboarding-feature{text-align:center;margin-bottom:var(--section-gap)}.onboarding-grid{gap:var(--section-gap);display:grid;grid-template-columns:60% 40%}.onboarding-feature__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.onboarding-feature__subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-xl);max-width:60ch;font-family:var(--font-family-body)}.onboarding-main{gap:var(--spacing-lg);display:flex;flex-direction:column}.onboarding-aside{gap:var(--spacing-md);display:flex;flex-direction:column}.checklist-panel,.onboarding-panel,.quick-start-panel{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.onboarding-panel__header{gap:var(--spacing-sm);color:var(--color-primary);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.onboarding-list{margin:0;padding:0;counter-reset:onboarding-counter;list-style-position:inside}.quick-start-panel__title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.quick-start-actions{gap:var(--spacing-xs);display:grid;grid-template-columns:1fr}.checklist-panel__title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.checklist-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center;font-family:var(--font-family-body);margin-bottom:var(--spacing-sm)}.onboarding-panel__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.quick-action-btn{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);text-align:left;transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.docs-resources{gap:var(--spacing-3xl);margin:0 auto;display:grid;padding:var(--spacing-3xl) var(--spacing-2xl);max-width:var(--content-max-width);grid-template-columns:2fr 1fr}.docs-secondary{gap:var(--spacing-lg);display:flex;flex-direction:column}.docs-header{margin-bottom:var(--spacing-lg)}.docs-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.docs-section{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.tabs{margin-top:var(--spacing-md)}.doc-card,.tabs{gap:var(--spacing-sm);display:flex}.doc-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);flex-direction:column}.docs-section__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.docs-links-list{margin:0;padding:0;list-style:none}.faq-accordion{margin-bottom:var(--spacing-xs)}.update-item{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.tab{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.doc-card__icon{color:var(--color-primary)}.doc-card__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.doc-card__desc{color:var(--color-on-surface-secondary);margin:0;flex-grow:1;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.faq-trigger{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;display:flex;background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);border-radius:var(--border-radius-sm);justify-content:space-between}.faq-panel,.faq-trigger{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.faq-panel{line-height:var(--line-height-base)}.faq-panel,.update-date{color:var(--color-on-surface-secondary)}.update-date{display:block;font-size:var(--font-size-xs);margin-bottom:4px}.update-text{margin:0;font-size:var(--font-size-sm)}.docs-link,.update-text{color:var(--color-on-surface)}.docs-link{display:block;padding:var(--spacing-xs);font-size:var(--font-size-base);transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm);text-decoration:none}.performance{margin:0 auto;padding:var(--spacing-3xl) var(--spacing-2xl);max-width:var(--content-max-width)}.performance-hero{align-items:flex-start;margin-bottom:var(--spacing-xl);grid-template-columns:1fr 320px}.metric-grid,.performance-hero{gap:var(--spacing-lg);display:grid}.metric-grid{grid-template-columns:1fr 1fr}.performance-hero__content{position:relative}.performance-controls{gap:var(--spacing-sm);display:flex;flex-direction:column}.metric-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.video-card{overflow:hidden;position:relative;box-shadow:var(--shadow-level-2);min-height:400px;border-radius:var(--border-radius-lg)}.control-select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:var(--font-size-base);background:var(--color-surface-elevated);min-height:var(--spacing-3xl);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.control-actions{gap:var(--spacing-xs);display:flex}.metric-card__header{display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.metric-card__chart{overflow:hidden;position:relative;min-height:200px;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.metric-card__expand{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.metric-card__detail{transition:opacity var(--animation-duration-standard) var(--animation-curve-primary),transform var(--animation-duration-standard) var(--animation-curve-primary)}.metric-card__list{gap:var(--spacing-sm);display:flex;margin-bottom:var(--spacing-md);flex-direction:column}.video-card__video{width:100%;height:100%;z-index:1;position:absolute;-o-object-fit:cover;object-fit:cover}.video-card__overlay{inset:0;display:flex;padding:var(--spacing-lg);z-index:2;position:absolute;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.7));flex-direction:column;justify-content:flex-end}.metric-card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.metric-card__title,.metric-card__value{color:var(--color-on-surface);font-family:var(--font-family-heading)}.metric-card__value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.metric-card__overlay{inset:0;display:flex;padding:var(--spacing-md);z-index:2;position:absolute;background:linear-gradient(transparent,var(--color-scrim));align-items:flex-end}.metric-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.metric-list{margin:0;padding:0;list-style:none}.risk-item{display:flex;padding:var(--spacing-sm);background:var(--color-surface);align-items:center;border-left:3px solid var(--color-accent);border-radius:var(--border-radius-sm);justify-content:space-between}.performance-hero__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.performance-hero__subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.risk-item__name{color:var(--color-on-surface);font-size:var(--font-size-sm)}.risk-item__status{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.role-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-level-2)}.role-btn:focus-visible{outline:3px solid var(--color-outline);outline-offset:2px}.metric:hover{transform:translateY(-2px)}.metric svg{color:var(--color-on-surface);opacity:.6}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.carousel__slide.active{opacity:1;z-index:2}.carousel__slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.quick-access-tile:hover{transform:scale(1.02);box-shadow:var(--shadow-level-1)}.quick-access-tile:focus-visible{transform:scale(1.02);box-shadow:var(--shadow-level-1)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.card__icon svg{color:var(--color-on-surface)}.sidebar-section:last-child{border-bottom:none}.highlight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.accordion__trigger:hover{background:var(--color-surface-elevated)}.accordion__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.accordion__panel[hidden]{display:none}.onboarding-list li{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base);padding-left:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.quick-action-btn:hover{transform:translateX(4px);background:var(--color-surface-elevated)}.checklist-item svg{color:var(--color-primary);flex-shrink:0}.tab.active,.tab:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.docs-links-list li{margin-bottom:var(--spacing-xs)}.docs-link:hover{color:var(--color-primary);background:var(--color-surface)}.faq-trigger:hover{background:var(--color-surface-elevated)}.faq-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.update-item:last-child{border-bottom:none}.control-actions .btn{gap:var(--spacing-xs);flex:1;display:flex;align-items:center;justify-content:center}.metric-card__chart img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.metric-card__overlay p{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm)}.metric-card__expand:hover{background:var(--color-surface-elevated)}.metric-card__detail[hidden]{display:none}.metric-table td,.metric-table th{color:var(--color-on-surface);padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border)}.metric-list li{color:var(--color-on-surface);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.hero-section{display:grid;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--color-surface);min-height:100vh;align-items:center}.teacher-dashboard-hero{gap:var(--section-gap);width:100%;margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:center;justify-items:center;grid-template-rows:auto 1fr}.hero-banner{width:100%;display:flex;opacity:0;padding:var(--spacing-lg);animation:fadeSlideIn var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateY(8px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-md);flex-direction:row;justify-content:space-between}.hero-body{gap:var(--spacing-lg);width:100%;display:grid;grid-template-columns:2fr 1fr}.hero-greeting{flex:1}.hero-urgency{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.actions{display:grid;grid-template-columns:repeat(2,1fr)}.actions,.side{gap:var(--spacing-md)}.side{display:flex;flex-direction:column}.teacher-dashboard-hero-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.teacher-dashboard-hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-base)}.teacher-dashboard-hero-subtitle,.urgency-pill{font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.urgency-pill{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-full)}.urgency-high{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.action-card{gap:var(--spacing-sm);display:flex;animation:fadeSlideIn var(--animation-duration-standard) var(--animation-curve-primary) forwards;transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);flex-direction:column;animation-delay:calc(var(--animation-duration-fast) * var(--delay, 1))}.action-card,.side-card{border:1px solid var(--color-border);opacity:0;padding:var(--spacing-md);transform:translateY(8px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.side-card{animation:fadeSlideIn var(--animation-duration-standard) var(--animation-curve-primary) forwards;animation-delay:calc(var(--animation-duration-fast) * 5)}.schedule-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.schedule-container{margin:0 auto;max-width:var(--content-max-width)}.schedule-header{margin-bottom:var(--spacing-xl)}.schedule-layout{gap:var(--section-gap);display:grid;grid-template-columns:1fr 320px}.schedule-main{gap:var(--spacing-lg)}.schedule-main,.schedule-toolbar{display:flex;flex-direction:column}.schedule-toolbar{gap:var(--spacing-md)}.class-card{gap:var(--spacing-md);display:flex;box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.class-card,.toolbar-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.toolbar-card{box-shadow:var(--shadow-level-1)}.class-card-level{flex-shrink:0}.class-card-content{flex:1;min-width:0}.class-card-actions{gap:var(--spacing-sm);display:flex;flex-shrink:0}.filter-btn{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;display:block;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.level-badge{color:var(--color-on-primary);display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);background:var(--color-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-heading)}.class-card-meta{gap:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.level-b1{color:var(--color-on-secondary);background:var(--color-secondary)}.level-c1{color:var(--color-on-accent);background:var(--color-accent)}.submissions-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.submissions-container{margin:0 auto;max-width:var(--content-max-width)}.submissions-header{margin-bottom:var(--spacing-xl)}.submissions-layout{gap:var(--section-gap);display:grid;grid-template-columns:320px 1fr 320px}.priority-list,.stack{gap:var(--spacing-md);display:flex;flex-direction:column}.stack{overflow:auto;max-height:800px;scroll-behavior:smooth}.tools{gap:var(--spacing-md);display:flex;flex-direction:column}.filter-card{box-shadow:var(--shadow-level-1)}.filter-card,.submission-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.submission-card{color:var(--color-on-surface);opacity:0;animation:fadeSlideIn var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateY(6px);box-shadow:var(--shadow-level-2);transition:box-shadow var(--animation-duration-fast) var(--animation-curve-primary)}.tools-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.filter-group{margin-bottom:var(--spacing-md)}.submission-header{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);justify-content:space-between}.submission-body{margin-bottom:var(--spacing-md)}.submission-actions{gap:var(--spacing-sm);display:flex}.filter-select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.filter-select,.status-badge{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.status-badge{color:var(--color-on-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-secondary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.submission-meta{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);margin:var(--spacing-xs) 0;display:flex;font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body)}.submission-files{gap:var(--spacing-xs);display:flex;margin-top:var(--spacing-sm)}.submission-course{color:var(--color-on-surface-secondary)}.file-badge,.submission-course{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.file-badge{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm)}.attendance-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.attendance-container{margin:0 auto;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.attendance-grid{gap:var(--section-gap);display:grid;grid-template-columns:1fr 1fr}.attendance-card{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:box-shadow var(--animation-duration-fast) var(--animation-curve-primary),opacity var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.priority-card{grid-column:1/-1}.attendance-list{margin:var(--spacing-md) 0 0 0;padding:0;list-style:none}.legal-notice{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-md);font-family:var(--font-family-body);padding-top:var(--spacing-sm)}.file-upload-btn{color:var(--color-on-primary);width:100%;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-primary);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);justify-content:center}.badge-group,.file-upload-btn{gap:var(--spacing-xs);display:flex}.badge-group{margin-top:var(--spacing-md);flex-direction:column}.attendance-item{gap:var(--spacing-sm);display:grid;padding:var(--spacing-sm);align-items:center;border-bottom:1px solid var(--color-border);grid-template-columns:auto 1fr auto}.info-badge{color:var(--color-on-surface);border:1px solid var(--color-border);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:var(--font-family-body);border-radius:var(--border-radius-full)}.attendance-group{gap:var(--spacing-xs);display:flex;flex-direction:column}.attendance-meta{gap:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm)}.attendance-level,.attendance-meta{font-family:var(--font-family-body)}.attendance-level{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.attendance-time{color:var(--color-on-surface-secondary);font-family:var(--font-family-body)}.attendance-time,.risk-badge{font-size:var(--font-size-sm)}.risk-badge{gap:var(--spacing-xs);color:var(--color-on-accent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.observations-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.observations-container{border:1px solid var(--color-border);margin:0 auto;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.observations-header{margin-bottom:var(--spacing-xl)}.observations-layout{gap:var(--section-gap);display:grid;align-items:flex-start;grid-template-columns:1fr 320px}.observations-feed{gap:var(--spacing-lg);display:grid}.observations-side{gap:var(--spacing-md);display:flex;flex-direction:column}.observation-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);grid-template-columns:200px 1fr auto}.priority-today{box-shadow:var(--shadow-level-2)}.observation-thumbnail{overflow:hidden;position:relative;aspect-ratio:16/9;border-radius:var(--border-radius-sm)}.observation-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.observation-actions{gap:var(--spacing-xs);display:flex;align-self:center;flex-direction:column}.indicators-list{margin:0;padding:0;list-style:none}.observation-badge{top:var(--spacing-xs);left:var(--spacing-xs);color:var(--color-on-accent);padding:var(--spacing-xs) var(--spacing-sm);z-index:2;position:absolute;background:var(--color-accent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.observation-badge,.observation-time{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.observation-time{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;align-items:center}.observation-rubric{flex-wrap:wrap}.observation-rubric,.observation-status{gap:var(--spacing-xs);display:flex}.rubric-item{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.status-process{color:var(--color-on-secondary);background:var(--color-secondary)}.indicator-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.indicator-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.quick-actions-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.quick-actions-container{border:1px solid var(--color-border);margin:0 auto;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.quick-actions-header{margin-bottom:var(--spacing-xl)}.top-row{grid-template-columns:repeat(3,1fr)}.middle,.top-row{gap:var(--spacing-md);display:grid;margin-bottom:var(--spacing-xl)}.middle{grid-template-columns:2fr 1fr}.bottom{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-lg);justify-content:space-between}.action-priority-card{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);flex-direction:column}.utilities-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.quick-utilities{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.info-banner{flex:1;color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.info-banner,.utility-card{gap:var(--spacing-sm);display:flex;align-items:center}.utility-card{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.performance-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.performance-container{border:1px solid var(--color-border);margin:0 auto;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.performance-header{margin-bottom:var(--spacing-xl)}.performance-layout{gap:var(--section-gap);display:grid;align-items:flex-start;grid-template-columns:1fr 2fr .9fr}.performance-metrics{gap:var(--spacing-sm);display:grid}.performance-main,.performance-side{gap:var(--spacing-md);display:flex;flex-direction:column}.teacher-dashboard-metric-card{gap:var(--spacing-sm);display:flex;flex-direction:column}.chart-card,.teacher-dashboard-metric-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-md)}.risk-card,.trend-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.metric-icon{color:var(--color-primary)}.metric-value{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.metric-context{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.chart-header{display:flex;align-items:center;justify-content:space-between}.chart-header,.chart-visual{margin-bottom:var(--spacing-md)}.chart-insights{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.trend-stats{gap:var(--spacing-sm);display:flex;margin-bottom:var(--spacing-md);flex-direction:column}.trend-recommendation{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.risk-count,.trend-recommendation{font-family:var(--font-family-body)}.risk-count{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center}.risk-count,.risk-list{margin:0 0 var(--spacing-md) 0}.risk-list{padding:0;list-style:none}.bar-chart{gap:var(--spacing-md);height:200px;display:flex;padding:var(--spacing-md);align-items:flex-end;justify-content:space-around}.trend-item{gap:var(--spacing-sm);font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.bar-group,.trend-item{display:flex;align-items:center}.bar-group{gap:var(--spacing-xs);flex:1}.bar,.bar-group{flex-direction:column}.bar{width:100%;display:flex;padding:var(--spacing-sm);background:var(--color-primary);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;justify-content:flex-end}.bar-label{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.bar-label,.bar-value{color:var(--color-on-primary);font-size:var(--font-size-sm)}.bar-value{font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.messages-section{padding:clamp(2rem,4vw,5rem) var(--spacing-lg);background:var(--color-surface)}.messages-container{gap:var(--section-gap);color:var(--color-on-surface);margin:0 auto;display:grid;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);grid-template-columns:40% 60%}.messages-header{grid-column:1/-1;margin-bottom:var(--spacing-md)}.messages-column{gap:var(--spacing-md);display:flex;flex-direction:column}.timeline{padding-left:var(--spacing-md)}.message-card{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;opacity:0;padding:var(--spacing-lg);animation:fadeSlideIn var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateY(6px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);flex-direction:column}.timeline-item{position:relative;border-left:2px solid var(--color-border);padding-left:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.message-header{display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.message-actions{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-sm)}.timeline-marker{top:0;left:-6px;width:10px;border:2px solid var(--color-surface);height:10px;position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.timeline-content{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.message-badge{color:var(--color-on-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-secondary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.urgency-pill svg{flex-shrink:0}.action-card:first-child{-delay:1}.action-card:nth-child(2){-delay:2}.action-card:nth-child(3){-delay:3}.action-card:nth-child(4){-delay:4}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.action-card svg{color:var(--color-primary);flex-shrink:0}.action-card h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.action-card p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.action-card .btn{margin-top:auto}.side-card h4{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.side-card ul{margin:0;padding:0;list-style:none;flex-direction:column}.side-card li,.side-card ul{gap:var(--spacing-xs);display:flex}.side-card li{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body)}.side-card svg{flex-shrink:0}.side-card .btn{width:100%;margin-top:var(--spacing-xs)}.class-card:hover{transform:scale(1.01);box-shadow:var(--shadow-level-3)}.class-card-content h3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.class-card-meta span{gap:var(--spacing-xs);display:flex;align-items:center}.toolbar-card h4{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.toolbar-card .btn{width:100%;margin-bottom:var(--spacing-xs)}.filter-btn:hover{background:var(--color-surface)}.filter-btn.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.filter-card h4{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.filter-group label{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.submission-card:hover{box-shadow:var(--shadow-level-3)}.submission-student h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.priority-high .status-badge,.status-badge.priority-high{color:var(--color-on-accent);background:var(--color-accent)}.submission-body h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.submission-body h4,.tools-card h4{color:var(--color-on-surface);font-family:var(--font-family-heading)}.tools-card h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.tools-card .btn{width:100%;margin-bottom:var(--spacing-xs);justify-content:flex-start}.tip-card p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base)}.attendance-item.low-attendance{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md)}.attendance-meta span{gap:var(--spacing-xs);display:flex;align-items:center}.shortcuts-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.shortcuts-card .btn{width:100%;margin-bottom:var(--spacing-sm)}.bulk-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.bulk-card .btn{width:100%;margin-bottom:var(--spacing-sm)}.history-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.file-upload-btn:hover{transform:scale(1.02)}.file-upload-btn input[type=file]{display:none}.observation-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-level-3)}.observation-card:focus-within{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-level-3)}.observation-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.observation-content h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.observation-content p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.actions-card h4,.indicators-card h4{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.actions-card .btn{width:100%;margin-bottom:var(--spacing-xs)}.indicators-list li{display:flex;padding:var(--spacing-sm) 0;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.action-priority-card:hover{transform:scale(1.02)}.action-priority-card svg{color:var(--color-primary)}.action-priority-card h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.action-priority-card p{flex:1;color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.utility-card:hover{transform:scale(1.02);box-shadow:var(--shadow-level-2)}.utility-card svg{color:var(--color-primary);flex-shrink:0}.utility-card span{font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.quick-utilities h4,.utility-card span{color:var(--color-on-surface);font-size:var(--font-size-base)}.quick-utilities h4{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.quick-utilities .btn{width:100%;margin-bottom:var(--spacing-xs);justify-content:flex-start}.info-banner svg{color:var(--color-primary);flex-shrink:0}.teacher-dashboard-metric-card h4{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.chart-header h3,.teacher-dashboard-metric-card h4{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading)}.chart-header h3{font-weight:var(--font-weight-semibold)}.bar:hover{transform:scale(1.05)}.chart-insights p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.trend-card h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.trend-card h4,.trend-item.positive{color:var(--color-on-surface)}.trend-item.positive svg{color:var(--color-primary)}.trend-item.negative{color:var(--color-on-surface)}.trend-item.negative svg{color:var(--color-accent)}.risk-card h4{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.risk-count svg{color:var(--color-accent);flex-shrink:0}.risk-list li{color:var(--color-on-surface-secondary);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.risk-list li:before{color:var(--color-accent);content:"• ";font-weight:var(--font-weight-bold);margin-right:var(--spacing-xs)}.message-card:hover{box-shadow:var(--shadow-level-3)}.message-card h3{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.message-card h3,.message-card p{color:var(--color-on-surface);margin:0}.message-card p{font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.message-badge.priority{color:var(--color-on-accent);background:var(--color-accent)}.message-badge.operational{color:var(--color-on-primary);background:var(--color-primary)}.message-badge.feedback{color:var(--color-on-secondary);background:var(--color-secondary)}.message-badge.request{color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface)}.message-header time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.timeline h3{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.timeline-item:last-child{border-left-color:transparent}.timeline-content time{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-sm);font-family:var(--font-family-body);margin-bottom:var(--spacing-xs)}.timeline-content h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.timeline-content p{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.btn:active{transform:scale(.98)}.student-dashboard-hero-section{display:flex;padding:var(--spacing-4xl) var(--spacing-3xl);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;align-items:center;justify-content:center}.hero-container{gap:var(--section-gap);margin:0 auto;display:grid;z-index:2;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:2fr 1fr}.profile-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-3xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.hero-right-column{gap:var(--spacing-md);display:flex;opacity:0;animation:slideInRight var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateX(8px);flex-direction:column;animation-delay:.2s}.profile-avatar{width:96px;height:96px;overflow:hidden;background:var(--color-backplate);box-shadow:var(--shadow-level-1);flex-shrink:0;border-radius:var(--border-radius-full)}.profile-content{gap:var(--spacing-sm);flex:1;display:flex;flex-direction:column}.next-class-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.action-chips-row{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.student-dashboard-hero-title{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.profile-program,.student-dashboard-hero-title{margin:0;font-family:var(--font-family-heading)}.profile-program{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.profile-description,.profile-program{color:var(--color-on-surface-secondary)}.profile-description{margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.progress-metric{border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);margin-top:var(--spacing-md);border-radius:var(--border-radius-md)}.attendance-summary{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-md);align-items:center}.card-headline{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.class-details{gap:var(--spacing-xs);display:flex;flex-direction:column}.action-chip{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.metric-header{display:flex;align-items:baseline;margin-bottom:var(--spacing-sm);justify-content:space-between}.progress-bar-container{height:8px;overflow:hidden;background:var(--color-overlay);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-sm)}.progress-status{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular)}.summary-item{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.detail-item,.summary-item{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body)}.detail-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);justify-content:space-between}.detail-item,.metric-label{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-regular)}.metric-label{font-size:var(--font-size-sm);font-family:var(--font-family-body);letter-spacing:.05em;text-transform:uppercase}.metric-number{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.progress-bar-fill{height:100%;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.student-dashboard-status-badge{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.status-success{color:var(--color-on-accent);background:var(--color-accent)}.next-class-section{padding:var(--spacing-lg);background:var(--color-surface)}.next-class-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:1fr 320px}.primary-card{opacity:0;padding:var(--spacing-xl);animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateY(8px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.actions-rail{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.student-dashboard-section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.class-header,.class-metadata{margin-bottom:var(--spacing-lg)}.class-metadata{gap:var(--spacing-lg);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.materials-section,.prep-section{margin-bottom:var(--spacing-lg)}.punctuality-note{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-left:3px solid var(--color-accent);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.rail-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.actions-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.class-descriptor{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.class-datetime{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.class-datetime,.meta-item{font-family:var(--font-family-body)}.meta-item{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-base)}.meta-item,.prep-title{color:var(--color-on-surface)}.prep-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.prep-list{margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.materials-title,.prep-list{color:var(--color-on-surface)}.materials-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.attachments-list{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.action-button{width:100%;text-align:center}.meta-label{font-weight:var(--font-weight-medium)}.meta-value{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-regular)}.attachment-item{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-backplate);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.pending-tasks-section{padding:var(--spacing-lg);background:var(--color-surface)}.tasks-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:2fr 1fr}.tasks-main{gap:var(--spacing-lg)}.tasks-main,.tasks-sidebar{display:flex;flex-direction:column}.tasks-sidebar{gap:var(--spacing-md)}.filter-bar,.section-header{margin-bottom:var(--spacing-md)}.filter-bar{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.tasks-group{gap:var(--spacing-md);display:flex;flex-direction:column}.sidebar-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.student-dashboard-section-subtitle{color:var(--color-on-surface-secondary);margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.student-dashboard-filter-btn{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.group-label{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.task-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-md);grid-template-columns:auto 1fr auto}.sidebar-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.sidebar-text,.sidebar-title{margin:0 0 var(--spacing-sm) 0}.sidebar-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.progress-summary{gap:var(--spacing-sm);display:flex;flex-direction:column}.task-icon{width:40px;height:40px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.task-content{flex:1;min-width:0}.task-actions{gap:var(--spacing-xs);display:flex;min-width:140px;flex-direction:column}.summary-stat{display:flex;padding:var(--spacing-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm);justify-content:space-between}.task-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.task-meta{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xs)}.task-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.stat-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.task-date,.task-type{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular)}.task-status{padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.status-overdue{color:var(--color-on-accent);background:var(--color-accent)}.status-pending{color:var(--color-on-primary);background:var(--color-primary)}.status-graded{color:var(--color-on-secondary);background:var(--color-secondary)}.student-dashboard-attendance-section{padding:var(--spacing-lg);background:var(--color-surface)}.attendance-panel{gap:var(--spacing-xl);border:1px solid var(--color-border);margin:0 auto;display:grid;opacity:0;padding:var(--spacing-xl);animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary) forwards;max-width:var(--content-max-width);transform:translateY(8px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);align-items:flex-start;border-radius:var(--border-radius-lg);animation-delay:.1s;grid-template-columns:2fr 1fr}.attendance-main{gap:var(--spacing-md);display:flex;flex-direction:column}.attendance-side{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.attendance-headline{color:var(--color-on-surface-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.attendance-headline,.attendance-percentage{margin:0;font-family:var(--font-family-heading)}.attendance-percentage{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.status-chip{gap:var(--spacing-sm);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.status-approved{color:var(--color-on-accent);background:var(--color-accent)}.attendance-trend{gap:var(--spacing-sm);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.side-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.detail-list,.side-title{margin:0 0 var(--spacing-md) 0}.detail-list{padding:0;list-style:none}.recommendation{padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:var(--border-radius-sm)}.rec-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.rec-text{margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base)}.detail-label,.rec-text{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-regular)}.detail-value{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.progress-section{padding:var(--spacing-lg);background:var(--color-surface)}.progress-container{gap:var(--section-gap);margin:0 auto;display:flex;max-width:var(--content-max-width);flex-direction:column}.featured-header{padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg)}.cards{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr)}.quick-actions-footer{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center}.course-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);flex-direction:column}.card-header,.course-card{gap:var(--spacing-sm);display:flex}.card-header{align-items:flex-start}.card-header,.card-metrics{margin-bottom:var(--spacing-sm);justify-content:space-between}.card-metrics{gap:var(--spacing-md);display:flex}.progress-bar-wrapper{margin-bottom:var(--spacing-sm)}.expand-btn{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);justify-content:center}.course-details{opacity:0;overflow:hidden;transform:translateY(var(--spacing-sm));max-height:0;transition:max-height var(--animation-duration-standard) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary),transform var(--animation-duration-standard) var(--animation-curve-primary)}.at-risk-badge{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.at-risk-badge,.excellence-badge{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.excellence-badge{background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.course-title{flex:1;color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.status-progress{color:var(--color-on-primary);background:var(--color-primary)}.metric-item{gap:4px;display:flex;flex-direction:column}.progress-bar-track{border:1px solid var(--color-border);height:6px;overflow:hidden;background:var(--color-surface);border-radius:var(--border-radius-full)}.component-breakdown{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-sm);flex-direction:column}.status-warning{color:var(--color-on-accent);background:var(--color-accent)}.suggestion{color:var(--color-on-surface);margin:0;padding:var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);border-left:3px solid var(--color-accent);font-family:var(--font-family-body);line-height:var(--line-height-base);border-radius:var(--border-radius-sm)}.status-excellent{color:var(--color-on-secondary);background:var(--color-secondary)}.student-dashboard-metric-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.progress-bar-progress{height:100%;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.component-item{color:var(--color-on-surface);display:flex;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body);justify-content:space-between}.component-grade{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.grade-section{padding:var(--spacing-3xl);background:var(--color-surface)}.grade-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:1.2fr 1fr .8fr}.overall-card{gap:var(--spacing-md);border:1px solid var(--color-border);opacity:0;padding:var(--spacing-2xl);animation:fadeInDown var(--animation-duration-standard) var(--animation-curve-primary) forwards;transform:translateY(-6px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg);animation-delay:.1s}.breakdown,.overall-card{display:flex;flex-direction:column}.breakdown{gap:var(--spacing-sm)}.student-dashboard-actions{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-md);flex-direction:column}.grade-headline{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.grade-status{gap:var(--spacing-xs);display:flex;flex-direction:column}.grade-average{display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 8%,transparent);align-items:baseline;border-radius:var(--border-radius-md);justify-content:space-between}.grade-summary{color:var(--color-on-surface-secondary);margin:0;font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.grade-summary,.risk-indicator{font-size:var(--font-size-base);font-family:var(--font-family-body)}.risk-indicator{gap:var(--spacing-sm);display:flex;padding:var(--spacing-sm) var(--spacing-md);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.breakdown-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.component-card{display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.actions-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.action-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.status-label{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.status-desc{font-weight:var(--font-weight-regular)}.average-label,.status-desc{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-family:var(--font-family-body)}.average-label{font-weight:var(--font-weight-medium)}.average-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.component-name{color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.component-right{gap:var(--spacing-sm);display:flex;align-items:center}.component-score{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.component-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.student-dashboard-messages-section{padding:var(--spacing-lg);background:var(--color-surface)}.student-dashboard-messages-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:2fr 1fr}.announcements-rail,.inbox-column{gap:var(--spacing-md);display:flex;flex-direction:column}.filter-bar-horizontal{gap:var(--spacing-sm);top:0;display:flex;padding:var(--spacing-sm);z-index:10;position:sticky;flex-wrap:wrap;background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.messages-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.rail-card{border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.filter-chip,.rail-card{background:var(--color-surface)}.filter-chip{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.student-dashboard-message-card{gap:var(--spacing-sm);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md);grid-template-columns:1fr auto}.announcement-item{gap:var(--spacing-sm);display:flex;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.message-count,.quick-actions-list{gap:var(--spacing-xs);display:flex;flex-direction:column}.message-count{border:2px solid var(--color-primary);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md)}.message-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.message-action{color:var(--color-on-surface-secondary);width:32px;border:1px solid var(--color-border);cursor:pointer;height:32px;background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.announcement-icon,.message-action{display:flex;align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.announcement-icon{color:var(--color-primary);width:36px;height:36px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);flex-shrink:0}.announcement-content{gap:4px;flex:1;display:flex;flex-direction:column}.student-dashboard-quick-action-btn{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.count-number{color:var(--color-on-surface);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.count-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);text-align:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.student-dashboard-message-header{gap:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.message-subject{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.message-excerpt,.message-subject{color:var(--color-on-surface);margin:0}.message-excerpt{display:-webkit-box;overflow:hidden;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);-webkit-box-orient:vertical;-webkit-line-clamp:2}.priority-badge{color:var(--color-on-accent);padding:2px var(--spacing-xs);background:var(--color-accent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);text-transform:uppercase}.attachment-indicator,.priority-badge{display:inline-flex;font-size:var(--font-size-xs);align-items:center}.attachment-indicator{gap:var(--spacing-xs);color:var(--color-on-surface-secondary)}.announcement-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.announcement-date{font-size:var(--font-size-xs)}.announcement-date,.message-sender{color:var(--color-on-surface-secondary);font-family:var(--font-family-body)}.message-sender{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-regular)}.student-dashboard-hero-section:before{top:0;right:0;width:50%;height:100%;content:"";opacity:.4;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-accent) 3%,transparent));pointer-events:none}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.summary-item svg{flex-shrink:0}.detail-item svg{color:var(--color-primary);flex-shrink:0}.detail-item:last-child{border-bottom:none}.action-chip:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.action-chip:active{transform:scale(.995)}.action-chip svg{width:16px;height:16px}.prep-list li{margin-bottom:var(--spacing-xs)}.attachment-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.attachment-item svg{color:var(--color-primary)}.punctuality-note svg{color:var(--color-accent);flex-shrink:0}.punctuality-note p{margin:0;line-height:var(--line-height-base)}.student-dashboard-filter-btn:hover{transform:translateY(-1px);background:var(--color-surface-elevated)}.student-dashboard-filter-btn.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.student-dashboard-filter-btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.group-label.urgente{color:var(--color-accent);border-color:var(--color-accent)}.group-label.proxima{color:var(--color-primary);border-color:var(--color-primary)}.group-label.bajo{color:var(--color-on-surface-secondary)}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.task-icon.overdue{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.task-icon.pending{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.task-icon.completed{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.attendance-trend svg{color:var(--color-primary);flex-shrink:0}.attendance-trend p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.course-card.at-risk{border-color:var(--color-accent);border-width:2px}.course-card.excellent{border-color:var(--color-secondary);border-width:2px}.progress-bar-progress.warning{background:var(--color-accent)}.progress-bar-progress.excellent{background:var(--color-secondary)}.expand-btn:hover{transform:translateY(-1px);background:var(--color-surface-elevated)}.expand-btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.course-details[aria-expanded=true]{opacity:1;transform:translateY(0);margin-top:var(--spacing-sm);max-height:400px}.risk-indicator.low{color:var(--color-on-accent);background:var(--color-accent)}.component-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.component-chip.good{color:var(--color-on-accent);background:var(--color-accent)}.component-chip.moderate{color:var(--color-on-secondary);background:var(--color-secondary)}.filter-chip:hover{background:var(--color-surface-elevated)}.filter-chip.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.student-dashboard-message-card:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.student-dashboard-message-card.unread{background:var(--color-surface-elevated);border-left:4px solid var(--color-primary)}.student-dashboard-message-card.unread .message-subject{font-weight:var(--font-weight-bold)}.priority-badge.high{color:var(--color-on-accent);background:var(--color-accent)}.message-action:hover{color:var(--color-primary);background:var(--color-surface-elevated);border-color:var(--color-primary)}.message-action:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.rail-card.pinned{background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.announcement-item:last-child{border-bottom:none}.student-dashboard-quick-action-btn:hover{transform:translateX(2px);background:var(--color-surface-elevated)}.student-dashboard-quick-action-btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.student-dashboard-quick-action-btn svg{color:var(--color-primary);flex-shrink:0}.students-section{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.students-container{gap:var(--spacing-lg);display:flex;flex-direction:column}.students-header{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.students-tabs{gap:var(--spacing-md);display:flex;padding:var(--spacing-sm) 0;overflow-x:auto;border-bottom:2px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none}.tab-panel{display:none;animation:fadeIn var(--animation-duration-standard) var(--animation-curve-primary)}.header-content{gap:var(--spacing-lg);padding:var(--spacing-lg);justify-content:space-between}.header-content,.tab-button{display:flex;align-items:center}.tab-button{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);position:relative;font-size:var(--font-size-base);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-sm)}.students-layout{gap:var(--spacing-lg);display:grid;align-items:flex-start;grid-template-columns:1fr 420px}.attendance-layout{gap:var(--section-gap);display:grid;grid-template-columns:320px 1fr}.grades-layout{gap:var(--spacing-lg);display:grid;grid-template-columns:2fr 1fr}.independent-study-layout{gap:var(--spacing-lg);display:grid;grid-template-columns:280px 1fr 360px}.course---group-detail-observations-layout{gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 2fr}.reports-layout{grid-template-columns:1fr 320px}.export-layout,.reports-layout{gap:var(--section-gap);display:grid}.export-layout{grid-template-columns:2fr 1fr}.group-info{flex:1}.executive-summary{gap:var(--spacing-lg);display:flex}.roster-column{gap:var(--spacing-md);display:flex;flex-direction:column}.detail-panel{top:var(--spacing-lg);position:sticky}.session-column,.session-fiche{gap:var(--spacing-md);display:flex;flex-direction:column}.session-fiche{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg)}.grades-primary{gap:var(--spacing-lg);display:flex;flex-direction:column}.grades-tools,.study-sidebar{gap:var(--spacing-md);display:flex;flex-direction:column}.study-main{gap:var(--spacing-lg)}.study-detail-rail,.study-main{display:flex;flex-direction:column}.study-detail-rail{gap:var(--spacing-md)}.timeline-column{gap:var(--spacing-sm);display:flex;flex-direction:column}.detail-reader{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);max-height:80vh;overflow-y:auto;border-radius:var(--border-radius-xl)}.reports-primary{gap:var(--spacing-lg);display:flex;flex-direction:column}.reports-rail{top:var(--spacing-lg);position:sticky}.export-sidebar,.reports-rail{gap:var(--spacing-md);display:flex;flex-direction:column}.group-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.group-meta{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body)}.course---group-detail-summary-stat{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.roster-controls{top:var(--spacing-md);padding:var(--spacing-md) 0;z-index:10;position:sticky;background:var(--color-surface)}.roster-list{gap:var(--spacing-md);display:flex;flex-direction:column}.detail-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);min-height:400px;border-radius:var(--border-radius-lg)}.session-carousel{gap:var(--spacing-sm);display:flex;overflow-x:auto;padding-bottom:var(--spacing-sm);scrollbar-width:none}.session-summary{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.fiche-header{align-items:center;padding-bottom:var(--spacing-md);justify-content:space-between}.fiche-header,.fiche-tabs{display:flex;border-bottom:1px solid var(--color-border)}.fiche-tabs{gap:var(--spacing-sm)}.fiche-content{overflow-x:auto}.grades-summary{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.components-header{padding:var(--spacing-md)}.components-header,.grades-table-wrapper{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.grades-table-wrapper{box-shadow:var(--shadow-level-1);overflow-x:auto}.tool-card{box-shadow:var(--shadow-level-1)}.course---group-detail-task-card,.tool-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.course---group-detail-task-card{box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.detail-rail-card{box-shadow:var(--shadow-level-1)}.detail-rail-card,.timeline-header{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.timeline-header{margin-bottom:var(--spacing-md)}.timeline-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.reader-actions,.reader-observations,.reader-rubrics,.reader-summary{margin-bottom:var(--spacing-2xl)}.reader-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.reader-footer,.reports-header{gap:var(--spacing-md);display:flex}.reports-header{flex-wrap:wrap;align-items:center;justify-content:space-between}.reports-kpis{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.accordion-list{gap:var(--spacing-md);display:flex;flex-direction:column}.course---group-detail-rail-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-md)}.export-subtitle{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.export-tabs{gap:var(--spacing-sm);display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.export-tab-panels{display:flex;flex-direction:column}.course---group-detail-stat-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.course---group-detail-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);text-align:center;font-family:var(--font-family-body)}.search-filter-bar{gap:var(--spacing-sm);display:flex}.subcohort-header{top:80px;padding:var(--spacing-sm) var(--spacing-md);z-index:5;position:sticky;background:var(--color-surface);border-bottom:2px solid var(--color-border);justify-content:space-between}.student-row,.subcohort-header{display:flex;align-items:center}.student-row{gap:var(--spacing-md);width:100%;border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.detail-header{margin-bottom:var(--spacing-lg)}.detail-header,.detail-placeholder{gap:var(--spacing-md);display:flex;align-items:center;flex-direction:column}.detail-placeholder{color:var(--color-on-surface-secondary);padding:var(--spacing-2xl);text-align:center;justify-content:center}.carousel-card{border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-md);min-width:240px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.summary-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.fiche-tab{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);position:relative;font-size:var(--font-size-base);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.attendance-table{width:100%;border-collapse:collapse}.summary-indicators{gap:var(--spacing-lg);display:flex}.component-list{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.grades-table{width:100%;border-collapse:collapse}.audit-entry,.metric-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.metric-row{align-items:center}.metric-row,.task-header{display:flex;justify-content:space-between}.task-header{gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-md)}.course---group-detail-task-description{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.course---group-detail-task-actions{gap:var(--spacing-sm);display:flex}.placeholder-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base)}.activity-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.timeline-search{position:relative}.timeline-card{gap:var(--spacing-sm);border:1px solid var(--color-border);cursor:pointer;display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);grid-template-columns:auto 1fr}.reader-meta{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);font-family:var(--font-family-body);margin-bottom:var(--spacing-2xl)}.rubric-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(3,1fr)}.observation-item{margin-bottom:var(--spacing-lg)}.action-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-backplate);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.reports-filters{gap:var(--spacing-sm);display:flex}.kpi-card{padding:var(--spacing-md);text-align:center}.accordion-card,.kpi-card{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.accordion-card{overflow:hidden}.compliance-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-sm) 0;align-items:center;border-bottom:1px solid var(--color-border)}.export-tab{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);position:relative;font-size:var(--font-size-base);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.export-tab-panel{display:none;animation:fadeIn var(--animation-duration-standard) var(--animation-curve-primary)}.export-history-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.help-text,.permissions-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.search-box{flex:1;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-sm)}.filter-button,.search-box{gap:var(--spacing-sm);display:flex;align-items:center}.student-avatar{width:48px;height:48px;overflow:hidden;background:var(--color-backplate);flex-shrink:0;border-radius:var(--border-radius-md)}.student-info{flex:1;min-width:0}.student-metrics{gap:var(--spacing-md);display:flex;align-items:center}.student-avatar-large{width:96px;height:96px;overflow:hidden;background:var(--color-backplate);border-radius:var(--border-radius-md)}.session-date{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.session-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);margin-bottom:var(--spacing-sm)}.session-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);text-transform:uppercase}.status-complete{color:var(--color-on-primary);background:var(--color-primary)}.course---group-detail-status-pending{color:var(--color-on-accent);background:var(--color-accent)}.status-scheduled{color:var(--color-on-surface);background:var(--color-backplate)}.course---group-detail-summary-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.indicator{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-base);align-items:center}.course---group-detail-component-chip,.indicator{color:var(--color-on-surface);font-family:var(--font-family-body)}.course---group-detail-component-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-backplate);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.course---group-detail-action-button{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.audit-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.audit-action,.audit-date{font-family:var(--font-family-body)}.audit-action{color:var(--color-on-surface);font-size:var(--font-size-sm)}.course---group-detail-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);letter-spacing:.5px;text-transform:uppercase}.badge-warning{color:var(--color-on-accent);background:var(--color-accent)}.badge-success{color:var(--color-on-primary);background:var(--color-primary)}.badge-info{color:var(--color-on-surface);background:var(--color-backplate);font-weight:var(--font-weight-semibold)}.activity-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-body);margin-bottom:var(--spacing-xs)}.activity-text{color:var(--color-on-surface)}.activity-text,.timeline-date{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.timeline-date{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;align-items:center}.timeline-date,.timeline-title{font-weight:var(--font-weight-semibold);grid-column:1/-1}.timeline-title{color:var(--color-on-surface);margin:var(--spacing-xs) 0;font-size:var(--font-size-base);font-family:var(--font-family-body)}.timeline-status{display:flex;margin-top:var(--spacing-sm);align-items:center;grid-column:1/-1;justify-content:space-between}.reader-score{color:var(--color-primary);font-weight:var(--font-weight-bold)}.course---group-detail-rubric-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.kpi-value{color:var(--color-primary);display:block;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.kpi-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.accordion-header{width:100%;border:none;cursor:pointer;display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;justify-content:space-between}.accordion-panel{overflow:hidden;max-height:0;transition:max-height var(--animation-duration-standard) var(--animation-curve-primary)}.compliance-status{width:32px;height:32px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.export-controls{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-2xl)}.export-actions{gap:var(--spacing-md);display:flex}.config-content,.scheduling-content{padding:var(--spacing-lg)}.export-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.export-date,.export-name{font-family:var(--font-family-body);margin-bottom:var(--spacing-xs)}.export-name{font-size:var(--font-size-sm)}.export-name,.student-name{color:var(--color-on-surface)}.student-name{margin:0 0 var(--spacing-xs) 0;overflow:hidden;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.student-id,.student-name{font-family:var(--font-family-body)}.student-id{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.course---group-detail-metric-item{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.badge-danger{color:var(--color-on-secondary);background:var(--color-secondary)}.summary-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.summary-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.course---group-detail-task-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.timeline-score{color:var(--color-primary);font-weight:var(--font-weight-bold)}.rubric-label,.timeline-score{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.rubric-label{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.rubric-score{color:var(--color-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.rubric-bar{height:6px;overflow:hidden;background:var(--color-border);border-radius:var(--border-radius-full)}.accordion-title{flex:1}.accordion-icon{transition:transform var(--animation-duration-fast) var(--animation-curve-primary);flex-shrink:0}.panel-content{gap:var(--spacing-lg);display:grid;padding:var(--spacing-lg);background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-columns:1fr 320px}.control-grid{gap:var(--spacing-md);display:grid;margin-top:var(--spacing-md)}.control-grid,.format-grid{grid-template-columns:repeat(2,1fr)}.config-options,.schedule-form{gap:var(--spacing-md);display:flex;flex-direction:column}.course---group-detail-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-body)}.course---group-detail-metric-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.grade-final{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.course---group-detail-task-type{color:var(--color-on-surface);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-backplate);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.task-due{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.rubric-fill{height:100%;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary)}.accordion-meta{gap:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;font-family:var(--font-family-body)}.checkbox-card,.radio-card{cursor:pointer;position:relative}.config-checkbox{color:var(--color-on-surface);cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family-body)}.config-checkbox,.table-student{gap:var(--spacing-sm);display:flex;align-items:center}.course---group-detail-status-chip{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);text-transform:uppercase}.chip-present{color:var(--color-on-primary);background:var(--color-primary)}.chip-absent{color:var(--color-on-secondary);background:var(--color-secondary)}.document-item{gap:var(--spacing-sm);display:flex;padding:var(--spacing-sm);background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.rubric-scores-compact{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-md);flex-direction:column}.date-inputs{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.date-inputs,.score-item{display:flex;align-items:center}.score-item{padding:var(--spacing-sm);background:var(--color-backplate);border-radius:var(--border-radius-sm);justify-content:space-between}.course---group-detail-stat-value.stat-warning{color:var(--color-accent)}.course---group-detail-stat-value.stat-success{color:var(--color-primary)}.students-tabs::-webkit-scrollbar{display:none}.tab-button svg{width:20px;height:20px;opacity:.7}.tab-button:hover{color:var(--color-on-surface);background:var(--color-surface-elevated)}.tab-button.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tab-button.active svg{opacity:1}.tab-button.active:after{left:0;right:0;bottom:-10px;height:2px;content:"";position:absolute;background:var(--color-primary)}.tab-button:focus-visible{outline:2px solid var(--color-outline);outline-offset:var(--spacing-xs)}.tab-panel.active{display:block}.search-box svg{color:var(--color-on-surface-secondary);width:20px;height:20px}.search-box input{flex:1;color:var(--color-on-surface);border:none;font-size:var(--font-size-base);background:transparent;font-family:var(--font-family-body)}.search-box input:focus{outline:none}.filter-button svg{width:18px;height:18px}.subcohort-header h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.subcohort-header .count{color:var(--color-on-surface-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface-elevated);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.student-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.student-row:focus-visible{outline:2px solid var(--color-outline);outline-offset:var(--spacing-xs)}.student-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course---group-detail-metric-value.status-success{color:var(--color-primary)}.course---group-detail-metric-value.status-warning{color:var(--color-accent)}.course---group-detail-metric-value.status-danger{color:var(--color-secondary)}.student-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-title h2{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);text-align:center;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.detail-title p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);text-align:center;font-family:var(--font-family-body)}.detail-placeholder svg{opacity:.3}.session-carousel::-webkit-scrollbar{display:none}.carousel-card.active,.carousel-card:hover{transform:scale(1.02);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.session-summary h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.fiche-header h2,.session-summary h3{color:var(--color-on-surface);font-family:var(--font-family-heading)}.fiche-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.fiche-tab.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.fiche-tab.active:after{left:0;right:0;bottom:-1px;height:2px;content:"";position:absolute;background:var(--color-primary)}.attendance-table th{font-size:var(--font-size-sm);text-align:left;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.attendance-table td,.attendance-table th{color:var(--color-on-surface);padding:var(--spacing-sm)}.attendance-table td{font-size:var(--font-size-base);font-family:var(--font-family-body);border-bottom:1px solid var(--color-border)}.attendance-table tbody tr:hover{background:var(--color-backplate)}.table-student img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-sm)}.grades-summary h2{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.grades-summary .highlight,.indicator svg{color:var(--color-primary)}.indicator svg{width:20px;height:20px}.indicator.warning svg{color:var(--color-accent)}.components-header h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.components-header h3,.grades-table th{color:var(--color-on-surface);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.grades-table th{top:0;z-index:1;position:sticky;background:var(--color-surface);text-align:left;border-bottom:2px solid var(--color-border)}.grades-table td,.grades-table th{padding:var(--spacing-md);font-size:var(--font-size-base)}.grades-table td{color:var(--color-on-surface);font-family:var(--font-family-body);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.grades-table tbody tr:nth-child(2n){background:var(--color-surface-elevated)}.grades-table tbody tr:nth-child(odd){background:var(--color-surface)}.grades-table tbody tr:hover{background:var(--color-backplate)}.grade-final.warning{color:var(--color-accent)}.tool-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.tool-card p{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-family:var(--font-family-body)}.course---group-detail-action-button:hover{background:var(--color-backplate);border-color:var(--color-primary)}.course---group-detail-action-button svg{width:18px;height:18px}.audit-entry:last-child{border-bottom:none}.sidebar-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.sidebar-card .btn{width:100%;margin-bottom:var(--spacing-sm)}.filter-group:last-child,.sidebar-card .btn:last-child{margin-bottom:0}.filter-group select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.metric-row:last-child{border-bottom:none}.metric-row span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.metric-row strong{font-size:var(--font-size-base);font-family:var(--font-family-body)}.metric-row strong,.study-main h2{color:var(--color-on-surface);font-weight:var(--font-weight-bold)}.study-main h2{margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading)}.course---group-detail-task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.task-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg)}.detail-rail-card h3,.task-info h3{color:var(--color-on-surface);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.detail-rail-card h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.activity-item:last-child{border-bottom:none}.timeline-header h2{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.timeline-search input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-outline);padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.timeline-card.active,.timeline-card:hover{transform:scale(1.01);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.timeline-date svg{width:16px;height:16px}.reader-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.reader-header h1,.reader-summary h2{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-heading)}.reader-summary h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.reader-summary p{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.reader-observations h2,.reader-rubrics h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.observation-item h3,.reader-observations h2,.reader-rubrics h2{color:var(--color-on-surface);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.observation-item h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base)}.observation-item ul{margin:0;padding-left:var(--spacing-lg)}.observation-item li{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}.reader-actions h2{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.action-item svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0}.action-item strong{color:var(--color-on-surface);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.action-item p,.action-item strong{font-family:var(--font-family-body)}.action-item p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.reports-header h1{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.reports-filters select{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.accordion-header:hover{background:var(--color-backplate)}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-title h3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.accordion-panel[aria-hidden=false]{max-height:2000px}.panel-narrative h4{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.panel-narrative p,.panel-narrative ul{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.panel-narrative p,.panel-narrative ul,.score-item span{color:var(--color-on-surface);font-family:var(--font-family-body)}.score-item span{font-size:var(--font-size-sm)}.score-item strong{color:var(--color-primary);font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-bold)}.panel-documents h4{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.document-item svg{color:var(--color-on-surface-secondary);width:20px;height:20px;flex-shrink:0}.document-item span{flex:1;color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.course---group-detail-rail-card h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.course---group-detail-rail-card .btn{width:100%;margin-bottom:var(--spacing-sm)}.course---group-detail-rail-card .btn:last-child{margin-bottom:0}.compliance-item:last-child{border-bottom:none}.compliance-status.status-success{color:var(--color-on-primary);background:var(--color-primary)}.compliance-status.status-warning{color:var(--color-on-accent);background:var(--color-accent)}.compliance-status svg{width:18px;height:18px}.compliance-text strong{color:var(--color-on-surface);display:block;font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.compliance-text span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.export-primary h1{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading)}.export-primary h1,.export-tab.active{font-weight:var(--font-weight-semibold)}.export-tab.active{color:var(--color-primary)}.export-tab.active:after{left:0;right:0;bottom:-2px;height:2px;content:"";position:absolute;background:var(--color-primary)}.export-tab-panel.active{display:block}.export-controls legend{color:var(--color-on-surface);padding:0 var(--spacing-sm);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.control-item label{gap:var(--spacing-sm);cursor:pointer;display:flex;font-size:var(--font-size-base);align-items:center}.control-item label,.date-inputs input{color:var(--color-on-surface);font-family:var(--font-family-body)}.date-inputs input{border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.checkbox-card input{opacity:0;position:absolute}.checkbox-card .card-content{gap:var(--spacing-sm);border:2px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);text-align:center;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.checkbox-card input:checked+.card-content{background:var(--color-backplate);border-color:var(--color-primary)}.checkbox-card svg{color:var(--color-on-surface-secondary);width:24px;height:24px}.checkbox-card strong{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.checkbox-card span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.radio-card input{opacity:0;position:absolute}.radio-card .card-content{gap:var(--spacing-sm);border:2px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);text-align:center;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.radio-card input:checked+.card-content{background:var(--color-backplate);border-color:var(--color-primary)}.radio-card svg{color:var(--color-on-surface-secondary);width:24px;height:24px}.radio-card strong{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.radio-card span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.config-content h3{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.config-content p{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);font-family:var(--font-family-body)}.scheduling-content h3{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.scheduling-content p{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);font-family:var(--font-family-body)}.schedule-form label{font-weight:var(--font-weight-medium)}.schedule-form label,.schedule-form select{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body)}.schedule-form input,.schedule-form select{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--border-radius-sm)}.schedule-form input{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body)}.export-history-item:last-child{border-bottom:none}.user-management-hero-section{display:flex;padding:var(--spacing-3xl) var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;align-items:center}.user-management-hero-container{gap:var(--section-gap);width:100%;margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:center;grid-template-columns:2fr 1fr}.hero-editorial{gap:var(--spacing-lg);max-width:56ch}.hero-editorial,.hero-panel{display:flex;flex-direction:column}.hero-panel{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg)}.user-management-hero-title{color:var(--color-on-surface);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.hero-lead{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.hero-search{width:100%}.hero-actions{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.panel-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.kpi-grid{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.activity-feed{margin-top:var(--spacing-md)}.search-wrapper{display:flex;position:relative;align-items:center}.cta-primary{color:var(--color-on-primary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-primary);box-shadow:var(--shadow-level-1);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.cta-primary,.user-management-kpi-card{transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary)}.user-management-kpi-card{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-md)}.feed-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.feed-list{gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.feed-list,.kpi-content{display:flex;flex-direction:column}.kpi-content{gap:2px}.feed-item{gap:4px;display:flex;padding:var(--spacing-sm);background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm);flex-direction:column}.user-management-kpi-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.user-management-kpi-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.2}.feed-time{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.feed-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.profiles-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.profiles-container{gap:var(--section-gap);margin:0 auto;display:flex;max-width:var(--content-max-width)}.profiles-rail{gap:var(--spacing-sm);display:flex;overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory}.profiles-canvas{gap:var(--spacing-lg);flex:1;border:1px solid var(--color-border);padding:var(--spacing-lg);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);flex-direction:column}.profiles-canvas,.user-management-profile-card{display:flex;background:var(--color-surface-elevated)}.user-management-profile-card{gap:var(--spacing-sm);flex:0 0 auto;border:2px solid transparent;cursor:pointer;padding:var(--spacing-md);min-width:240px;box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary),opacity var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column;scroll-snap-align:start}.canvas-header{align-items:center;padding-bottom:var(--spacing-md);justify-content:space-between}.canvas-header,.profile-tabs{display:flex;border-bottom:1px solid var(--color-border)}.profile-tabs{gap:var(--spacing-xs);overflow-x:auto}.user-management-tab-panel{display:none;animation:fade var(--animation-duration-standard) var(--animation-curve-primary)}.user-management-profile-avatar{width:var(--spacing-4xl);border:3px solid var(--color-border);height:var(--spacing-4xl);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.profile-info{gap:4px;display:flex;text-align:center;align-items:center;flex-direction:column}.canvas-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.user-management-tab-button{color:var(--color-on-surface-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:transparent;transition:color var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border:none;border-bottom:2px solid transparent}.profile-summary{gap:var(--spacing-lg);display:flex;flex-direction:column}.documents-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(3,1fr)}.profile-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.profile-role{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.profile-status{padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.status-active{color:var(--color-on-primary);background:var(--color-primary)}.status-verified{color:var(--color-on-accent);background:var(--color-accent)}.user-management-summary-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.quick-stats{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.document-card{gap:var(--spacing-sm);text-align:center;transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.document-card,.user-management-summary-item{border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.user-management-summary-item{gap:var(--spacing-xs)}.stats-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.stats-row{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.document-preview{width:80px;height:80px;display:flex;background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.document-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.document-meta,.user-management-summary-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.user-management-summary-label{font-weight:var(--font-weight-regular)}.user-management-summary-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.metric-positive{color:var(--color-primary)}.stat-badge{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-full)}.enrollment-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.enrollment-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:320px minmax(0,1fr) 300px}.rail-left{gap:var(--spacing-md);padding:var(--spacing-md)}.enrollment-center,.rail-left{border:1px solid var(--color-border);display:flex;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md);flex-direction:column}.enrollment-center{gap:var(--spacing-lg);padding:var(--spacing-lg)}.rail-right{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md);flex-direction:column}.user-management-rail-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.btn-create{gap:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.filters-group{gap:var(--spacing-sm)}.codes-list,.filters-group{display:flex;flex-direction:column}.codes-list{gap:var(--spacing-md)}.activity-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.btn-export{gap:var(--spacing-xs);display:flex;margin-top:auto;align-items:center;justify-content:center}.filter-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:4px}.user-management-filter-select{color:var(--color-on-surface);padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:var(--font-family-body)}.code-card,.user-management-filter-select{border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.code-card{gap:var(--spacing-sm);display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);grid-template-columns:1fr 160px 120px}.user-management-activity-item{padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.code-main,.user-management-activity-item{gap:4px;display:flex;flex-direction:column}.code-status{justify-content:center}.code-actions,.code-status{display:flex;align-items:center}.code-actions{gap:var(--spacing-xs);justify-content:flex-end}.user-management-activity-time{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.user-management-activity-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.code-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.code-meta,.code-usage{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.user-management-status-badge{padding:4px var(--spacing-sm);font-size:var(--font-size-xs);text-align:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.badge-active{color:var(--color-on-primary);background:var(--color-primary)}.btn-small{color:var(--color-primary);border:1px solid var(--color-outline);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.badge-full{color:var(--color-on-surface)}.badge-expired,.badge-full{background:var(--color-backplate)}.badge-expired{color:var(--color-on-surface-secondary)}.messaging-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.messaging-container{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr}.announcements-panel,.inbox-panel,.shortcuts-panel,.thread-panel{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md);flex-direction:column}.panel-heading{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.announcement-featured{gap:var(--spacing-sm);display:flex;padding:var(--spacing-md);background:var(--color-backplate);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);flex-direction:column}.filter-chips{flex-wrap:wrap}.btn-compose,.filter-chips{gap:var(--spacing-xs);display:flex}.btn-compose{align-items:center;justify-content:center}.message-row{gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.message-row,.thread-empty{display:flex;align-items:center}.thread-empty{gap:var(--spacing-md);color:var(--color-on-surface-secondary);padding:var(--spacing-3xl);text-align:center;flex-direction:column;justify-content:center}.announcement-badge{color:var(--color-on-primary);width:-moz-fit-content;width:fit-content;display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.announcement-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.user-management-announcement-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.announcement-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.user-management-filter-chip{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-full)}.message-indicator{width:8px;height:8px;flex-shrink:0;border-radius:var(--border-radius-full)}.user-management-message-content{gap:4px;flex:1;display:flex;flex-direction:column}.attachment-icon{color:var(--color-on-surface-secondary);flex-shrink:0}.user-management-message-sender{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.user-management-message-subject{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.message-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.status-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.status-container{gap:var(--section-gap);border:1px solid var(--color-border);margin:0 auto;display:grid;padding:var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);grid-template-columns:1fr 2fr}.status-main,.summary-stack{gap:var(--spacing-md);display:flex;flex-direction:column}.summary-card{gap:var(--spacing-xs);border:1px solid var(--color-outline);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.status-toolbar,.summary-card{display:flex;flex-direction:column}.status-toolbar{gap:var(--spacing-sm)}.status-table{display:grid;row-gap:var(--spacing-sm)}.alerts-section{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-md);flex-direction:column}.summary-number{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold)}.summary-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.search-bar{display:flex;position:relative;align-items:center}.toolbar-chips{gap:var(--spacing-xs);display:flex;flex-wrap:wrap}.table-header{gap:var(--spacing-sm);display:grid;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);border-radius:var(--border-radius-sm);grid-template-columns:repeat(6,1fr)}.alerts-title,.table-header{color:var(--color-on-surface);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.alerts-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.alert-card{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-backplate);align-items:center;border-left:4px solid var(--color-border);border-radius:var(--border-radius-md)}.alert-warning{border-left-color:var(--color-primary)}.alert-info{border-left-color:var(--color-accent)}.chip-filter{border:1px solid var(--color-border);cursor:pointer;padding:4px var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.chip-filter,.row-name{color:var(--color-on-surface)}.row-name{font-weight:var(--font-weight-medium)}.row-role{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.row-status{display:flex}.row-activity,.row-compliance{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.row-actions{display:flex;justify-content:flex-end}.alert-content{gap:4px;flex:1;display:flex;flex-direction:column}.action-btn{color:var(--color-primary);border:none;cursor:pointer;padding:var(--spacing-xs);background:transparent;transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.badge-verified{color:var(--color-on-accent);padding:4px var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-accent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.alert-heading{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.alert-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.filters-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.filters-container{gap:var(--spacing-lg);margin:0 auto;display:flex;max-width:var(--content-max-width);align-items:flex-start}.filter-rail{flex:0 0 320px;border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md);flex-direction:column}.filter-rail,.results-column{gap:var(--spacing-md);display:flex}.results-column{flex:1;flex-direction:column}.rail-heading{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.user-management-filter-group{gap:var(--spacing-xs);display:flex;flex-direction:column}.btn-apply{gap:var(--spacing-xs);display:flex;margin-top:var(--spacing-md);align-items:center;justify-content:center}.mass-actions{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.mass-actions,.results-header{gap:var(--spacing-sm);display:flex;flex-direction:column}.results-list{gap:var(--spacing-md);display:flex;flex-direction:column}.filter-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filter-control{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface);min-height:var(--spacing-3xl);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.filter-control,.user-management-actions-title{color:var(--color-on-surface);font-size:var(--font-size-base)}.user-management-actions-title{font-weight:var(--font-weight-semibold)}.btn-mass{width:100%;justify-content:center}.result-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface-elevated);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm);grid-template-columns:1fr auto}.result-main{gap:4px;display:flex;flex-direction:column}.result-actions{gap:var(--spacing-xs);display:flex;align-items:center}.result-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.result-detail,.result-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.quick-action{color:var(--color-primary);border:1px solid var(--color-outline);cursor:pointer;display:flex;padding:var(--spacing-xs);background:transparent;transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.reports-section{padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-surface)}.reports-container{gap:var(--spacing-lg);margin:0 auto;display:flex;max-width:var(--content-max-width);align-items:flex-start}.export-column{flex:0 0 280px;flex-direction:column}.export-column,.schedule-column{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.schedule-column{flex:0 0 220px;flex-direction:column}.records-column{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.export-heading{color:var(--color-on-surface);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.btn-export-main{align-items:center;justify-content:center}.btn-export-main,.quick-exports{gap:var(--spacing-xs);display:flex}.quick-exports{flex-direction:column}.export-preview{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.schedule-heading{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.schedule-options{gap:var(--spacing-sm);display:flex;flex-direction:column}.format-group{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.records-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr)}.exports-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.export-item,.exports-title{color:var(--color-on-surface)}.export-item{gap:var(--spacing-sm);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:transparent;text-align:left;transition:background var(--animation-duration-fast) var(--animation-curve-primary),transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.preview-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.preview-stats{gap:var(--spacing-xs);display:flex;flex-direction:column}.schedule-label{gap:var(--spacing-sm);color:var(--color-on-surface);cursor:pointer;display:flex;font-size:var(--font-size-sm);align-items:center}.format-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.format-chips{gap:var(--spacing-xs);display:flex}.record-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);flex-direction:column}.preview-item{display:flex;justify-content:space-between}.format-chip,.preview-item{font-size:var(--font-size-sm)}.format-chip{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:4px var(--spacing-sm);background:var(--color-surface);transition:background var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.record-icon{width:64px;height:64px;display:flex;background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.record-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.record-description{font-size:var(--font-size-base);line-height:var(--line-height-base)}.record-description,.record-meta{color:var(--color-on-surface-secondary)}.record-meta{display:flex;font-size:var(--font-size-sm);border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-sm);justify-content:space-between}.preview-label{color:var(--color-on-surface-secondary)}.preview-value{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.search-wrapper svg{left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;pointer-events:none}.search-wrapper input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:border-color var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.search-wrapper input:focus{outline:3px solid var(--color-outline);border-color:var(--color-primary);outline-offset:2px}.cta-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-level-2)}.cta-primary:focus{outline:3px solid var(--color-outline);outline-offset:2px}.cta-primary:active{transform:scale(.98)}.user-management-kpi-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-level-1)}.user-management-kpi-card svg{color:var(--color-primary);flex-shrink:0}.user-management-profile-card:hover{transform:translateY(-4px) scale(1.01)}.user-management-profile-card.active{box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.user-management-profile-card:focus{outline:2px solid var(--color-outline);outline-offset:2px}.canvas-header .btn{gap:var(--spacing-xs);display:flex;align-items:center}.user-management-tab-button:hover{color:var(--color-on-surface)}.user-management-tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.user-management-tab-button:focus{outline:2px solid var(--color-outline);outline-offset:2px}.user-management-tab-panel.active{display:block}.stat-badge svg{color:var(--color-primary)}.document-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.document-preview svg{color:var(--color-primary)}.user-management-filter-select:focus{outline:2px solid var(--color-outline);outline-offset:2px}.code-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.btn-small:hover{background:var(--color-backplate)}.btn-small:focus{outline:2px solid var(--color-outline);outline-offset:2px}.user-management-filter-chip:hover{background:var(--color-backplate)}.user-management-filter-chip.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.user-management-filter-chip:focus{outline:2px solid var(--color-outline);outline-offset:2px}.message-row:hover{background:var(--color-backplate)}.message-row:focus{outline:2px solid var(--color-outline);outline-offset:-2px}.message-indicator.unread{background:var(--color-primary)}.thread-empty svg{opacity:.3}.summary-card:hover{transform:translateY(-2px)}.summary-card.highlight{border-color:var(--color-primary)}.search-bar svg{left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute}.search-bar input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-md) * 3);font-size:var(--font-size-sm);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.search-bar input:focus{outline:2px solid var(--color-outline);outline-offset:2px}.chip-filter:hover{background:var(--color-backplate)}.chip-filter.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.action-btn:hover,.planeamientos-table-row:hover{background:var(--color-backplate)}.action-btn:focus{outline:2px solid var(--color-outline);outline-offset:2px}.alert-card svg{color:var(--color-primary);flex-shrink:0}.filter-control:focus{outline:2px solid var(--color-primary);outline-offset:2px}.results-search input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.results-search input:focus{outline:2px solid var(--color-outline);outline-offset:2px}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.quick-action:hover{background:var(--color-backplate)}.quick-action:focus{outline:2px solid var(--color-outline);outline-offset:2px}.export-item:hover{transform:translateX(4px);background:var(--color-backplate)}.export-item:focus{outline:2px solid var(--color-outline);outline-offset:2px}.export-item svg{color:var(--color-primary)}.schedule-label input[type=checkbox]{width:18px;cursor:pointer;height:18px}.format-chip:hover{background:var(--color-backplate)}.format-chip.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.record-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.record-icon svg{color:var(--color-primary)}.analytics-dashboard-section{padding:var(--spacing-3xl) 0;position:relative;background:var(--color-surface)}.analytics-dashboard-wrapper{margin:0 auto;display:grid;padding:0 var(--spacing-lg);row-gap:var(--section-gap);max-width:var(--content-max-width);grid-template-rows:auto 1fr}.dashboard-top-bar{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.dashboard-main-split{gap:var(--spacing-lg);display:grid;align-items:flex-start;grid-template-columns:2fr 1fr}.top-bar-left{flex:1}.top-bar-actions{gap:var(--spacing-sm);display:flex}.dashboard-left-canvas{display:grid;row-gap:var(--spacing-lg);grid-template-rows:repeat(3,auto)}.dashboard-right-column{gap:var(--spacing-md);top:var(--spacing-lg);display:flex;position:sticky;flex-direction:column}.kpi-cards-row{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.dashboard-chart-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.distribution-cards-stack{gap:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr}.analytics---reports-kpi-card,.export-controls-panel,.filters-panel,.recent-observations-panel,.risk-list-panel{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.analytics---reports-kpi-card{gap:var(--spacing-md);flex:1;display:flex;min-width:240px;transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary)}.analytics---reports-chart-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.analytics---reports-chart-visual{width:100%;height:280px;overflow:hidden;position:relative}.analytics---reports-panel-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.export-btn{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.export-btn,.risk-alert-item{gap:var(--spacing-sm);display:flex}.risk-alert-item{padding:var(--spacing-sm);border-top:1px solid var(--color-border)}.observations-list{margin:0;padding:0;list-style:none}.kpi-icon{color:var(--color-on-primary);width:48px;height:48px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.analytics---reports-kpi-content{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.chart-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.chart-controls{gap:var(--spacing-xs);display:flex}.chart-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 40%,transparent) 100%);pointer-events:none}.analytics---reports-filter-label{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.analytics---reports-filter-select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);outline:none;padding:var(--spacing-sm);font-size:var(--font-size-base);background:var(--color-surface);transition:border-color var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.risk-icon{width:32px;height:32px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.risk-content{flex:1}.analytics---reports-observation-item{gap:var(--spacing-xs);display:flex;padding:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column}.analytics---reports-kpi-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.analytics---reports-kpi-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.kpi-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.chart-control-btn,.kpi-trend{font-family:var(--font-family-body)}.chart-control-btn{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.risk-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.risk-description{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.observation-date,.risk-description{color:var(--color-on-surface-secondary);font-family:var(--font-family-body)}.observation-date{font-size:var(--font-size-xs)}.observation-teacher{color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.attendance-performance-section{padding:clamp(2rem,4vw,5rem) 0;position:relative;background:var(--color-surface)}.attendance-performance-container{gap:var(--section-gap);margin:0 auto;display:grid;padding:0 var(--spacing-lg);max-width:var(--content-max-width);grid-template-columns:33% 67%}.detail-column,.kpi-column{gap:var(--spacing-lg);display:flex;flex-direction:column}.featured-kpi-card{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.controls-card,.featured-kpi-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.charts-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr}.risk-students-card,.trends-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.featured-kpi-header{gap:var(--spacing-sm);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.featured-kpi-body{gap:var(--spacing-md);display:flex;flex-direction:column}.featured-kpi-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.controls-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.control-buttons{gap:var(--spacing-xs);display:flex;margin-bottom:var(--spacing-sm)}.metric-chart-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.risk-students-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.risk-students-list{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);flex-direction:column}.risk-students-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.trends-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.trends-visual{width:100%;height:280px;position:relative}.mega-metric{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.metric-breakdown{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(3,1fr)}.control-btn{flex:1;color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.chart-card-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.chart-card-visual{width:100%;height:240px;position:relative}.risk-students-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.analytics---reports-risk-badge{color:var(--color-on-accent);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-accent);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.risk-student-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.trends-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.trends-legend{gap:var(--spacing-md);display:flex}.trends-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 30%,transparent) 100%)}.mega-metric-value{color:var(--color-on-surface);font-size:var(--font-size-hero);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.mega-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.breakdown-item{gap:var(--spacing-xs);display:flex;padding:var(--spacing-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm);flex-direction:column}.chart-card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.chart-action-btn{color:var(--color-on-surface);width:32px;border:1px solid var(--color-border);cursor:pointer;height:32px;display:flex;background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.chart-card-overlay{top:0;z-index:2;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--color-surface) 80%,transparent) 100%)}.chart-card-data,.chart-card-overlay{left:0;right:0;bottom:0;position:absolute}.chart-card-data{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);z-index:3;flex-direction:column}.risk-student-info{flex:1}.legend-item,.risk-student-metrics{gap:var(--spacing-xs);display:flex}.legend-item{font-size:var(--font-size-sm);align-items:center}.breakdown-label,.legend-item{color:var(--color-on-surface-secondary);font-family:var(--font-family-body)}.breakdown-label{font-size:var(--font-size-xs);text-align:center}.breakdown-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.data-point{display:flex;padding:var(--spacing-xs);background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-sm);backdrop-filter:blur(8px);justify-content:space-between}.risk-student-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.risk-student-group{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.risk-metric,.risk-student-group{font-family:var(--font-family-body)}.risk-metric{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.legend-dot{width:12px;height:12px;border-radius:var(--border-radius-full)}.data-label{font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.data-label,.data-value{color:var(--color-on-surface)}.data-value{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.site-comparisons-section{padding:clamp(2rem,4vw,5rem) 0;position:relative;background:var(--color-surface)}.site-comparisons-container{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.executive-summary-row{gap:var(--spacing-2xl);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--section-gap);justify-content:space-between}.site-detail-grid{gap:var(--section-gap);display:grid;grid-template-columns:repeat(2,1fr)}.summary-headline{flex:1}.summary-kpis{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.site-panel{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.site-panel,.summary-kpi-token{border-radius:var(--border-radius-md)}.summary-kpi-token{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);min-width:120px;background:var(--color-surface);align-items:center;flex-direction:column}.site-panel-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.site-cards-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.trend-chart-visual{width:100%;height:300px;overflow:hidden;position:relative;border-radius:var(--border-radius-md)}.compliance-table-wrapper{overflow-x:auto}.observation-map-visual{width:100%;height:300px;overflow:hidden;position:relative;border-radius:var(--border-radius-md)}.kpi-token-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.kpi-token-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);text-align:center;font-family:var(--font-family-body)}.site-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.trend-chart-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--color-surface) 60%,transparent) 100%)}.trend-chart-legend{gap:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);display:flex;padding:var(--spacing-sm);z-index:3;position:absolute;flex-wrap:wrap;background:var(--color-backplate);border-radius:var(--border-radius-sm);backdrop-filter:blur(8px)}.compliance-table{width:100%;border-collapse:collapse}.observation-map-overlay{z-index:2;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--color-surface) 60%,transparent) 100%)}.observation-map-overlay,.observation-pins{top:0;left:0;right:0;bottom:0;position:absolute}.observation-pins{display:flex;padding:var(--spacing-lg);z-index:3;flex-direction:column;justify-content:space-around}.site-card-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);justify-content:space-between}.site-card-metrics{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.observation-pin{gap:var(--spacing-sm);display:flex;padding:var(--spacing-sm) var(--spacing-md);max-width:-moz-fit-content;max-width:fit-content;background:var(--color-backplate);align-items:center;border-radius:var(--border-radius-md);backdrop-filter:blur(8px)}.site-card-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.site-card-actions,.site-metric{gap:var(--spacing-xs);display:flex}.site-metric{flex-direction:column}.legend-marker{width:14px;height:3px;display:inline-block;margin-right:var(--spacing-xs);border-radius:2px}.pin-icon{color:var(--color-on-primary);width:28px;height:28px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.pin-label{font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold)}.pin-label,.site-action-btn{color:var(--color-on-surface)}.site-action-btn{width:28px;border:1px solid var(--color-border);cursor:pointer;height:28px;display:flex;background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.site-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-body);letter-spacing:.05em;text-transform:uppercase}.site-metric-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading)}.compliance-badge,.site-metric-value{font-weight:var(--font-weight-semibold)}.compliance-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.export-reports-section{padding:clamp(2rem,4vw,5rem) 0;position:relative;background:var(--color-surface)}.export-reports-wrapper{gap:var(--section-gap);margin:0 auto;display:grid;max-width:var(--content-max-width);background:var(--color-surface);align-items:flex-start;border-radius:var(--border-radius-lg);grid-template-columns:1fr 2fr}.export-controls-column,.export-reports-wrapper{padding:var(--spacing-lg);box-shadow:var(--shadow-level-1)}.export-controls-column{border:1px solid var(--color-border);background:var(--color-surface-elevated)}.export-content-column,.export-controls-column{gap:var(--spacing-md);display:flex;border-radius:var(--border-radius-md);flex-direction:column}.export-content-column{padding:var(--spacing-lg);background:var(--color-surface)}.audit-trail-panel,.export-filters-panel,.export-header,.export-presets-panel,.scheduled-exports-panel{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.export-header{display:flex;align-items:center;justify-content:space-between}.export-preview-panel,.export-table-view{overflow:hidden;box-shadow:var(--shadow-level-1)}.export-actions-row,.export-preview-panel,.export-table-view{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.export-actions-row{display:flex;padding:var(--spacing-md);align-items:center;justify-content:space-between}.export-success-toast{gap:var(--spacing-sm);color:var(--color-on-primary);display:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.presets-list,.scheduled-list{margin:0;padding:0;list-style:none}.audit-accordion{gap:var(--spacing-xs);display:flex;flex-direction:column}.export-toolbar{gap:var(--spacing-sm);display:flex}.preview-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.preview-visual{width:100%;height:320px;position:relative}.table-controls{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.table-wrapper{overflow-x:auto}.export-actions-left{align-items:center}.export-actions-left,.export-actions-right{gap:var(--spacing-sm);display:flex}.scheduled-item{display:flex;padding:var(--spacing-sm);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.audit-details{overflow:hidden}.audit-details,.toolbar-btn{border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.toolbar-btn{gap:var(--spacing-xs);color:var(--color-on-surface);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.analytics---reports-preview-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.preview-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.preview-scrim{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--color-surface) 80%,transparent) 100%)}.preview-backplate{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);padding:var(--spacing-md);z-index:3;position:absolute;background:var(--color-backplate);border-radius:var(--border-radius-md);backdrop-filter:blur(8px)}.table-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.export-table{width:100%;border-collapse:collapse}.export-info{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.export-info,.preset-btn{display:flex;align-items:center;font-family:var(--font-family-body)}.preset-btn{gap:var(--spacing-sm);color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.scheduled-info{flex:1}.scheduled-edit-btn{width:32px;border:1px solid var(--color-border);height:32px;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm);justify-content:center}.audit-summary,.scheduled-edit-btn{color:var(--color-on-surface);cursor:pointer;display:flex;background:var(--color-surface);align-items:center}.audit-summary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);list-style:none;transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);justify-content:space-between}.audit-content{padding:var(--spacing-md);background:var(--color-surface-elevated)}.preview-summary{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.preview-highlight,.preview-summary{color:var(--color-on-surface);font-family:var(--font-family-body);margin-bottom:var(--spacing-xs)}.preview-highlight{font-size:var(--font-size-lg)}.export-records,.preview-highlight{font-weight:var(--font-weight-semibold)}.export-separator{color:var(--color-border)}.export-size,.scheduled-name{font-weight:var(--font-weight-semibold)}.scheduled-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);margin-bottom:var(--spacing-xs)}.analytics---reports-audit-entry,.scheduled-frequency{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.analytics---reports-audit-entry{margin-bottom:var(--spacing-xs)}.analytics---reports-status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.risk-insights-section{padding:clamp(2rem,4vw,5rem) 0;position:relative;background:var(--color-surface)}.risk-insights-container{border:1px solid var(--color-border);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.risk-top-bar{gap:var(--spacing-md);display:grid;margin-bottom:var(--section-gap);grid-template-columns:2fr 1fr}.risk-two-column{gap:var(--section-gap);display:grid;grid-template-columns:1fr 420px}.risk-filter-bar,.sparkline-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.risk-filter-bar{gap:var(--spacing-sm);display:flex;align-items:center}.risk-left-column{gap:var(--spacing-lg);display:flex;flex-direction:column}.risk-right-column{gap:var(--spacing-md);top:var(--spacing-lg);display:flex;position:sticky;flex-direction:column}.sparkline-visual{width:100%;height:100px;overflow:hidden;position:relative;margin-top:var(--spacing-sm);border-radius:var(--border-radius-sm)}.risk-filter-select{flex:1;color:var(--color-on-surface);border:1px solid var(--color-border);outline:none;padding:var(--spacing-sm);font-size:var(--font-size-base);background:var(--color-surface);transition:border-color var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.executive-risk-card{box-shadow:var(--shadow-level-2)}.critical-alerts-list,.executive-risk-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.critical-alerts-list{box-shadow:var(--shadow-level-1)}.group-risk-cards{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.risk-trends-mini,.student-fiches-accordion{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.sparkline-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-surface) 40%,transparent) 100%)}.executive-risk-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);justify-content:space-between}.executive-risk-body{gap:var(--spacing-md);display:flex;flex-direction:column}.alerts-list-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.alert-list-items{gap:var(--spacing-md);display:flex;flex-direction:column}.group-risk-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.fiches-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.fiches-accordion-wrapper{gap:var(--spacing-xs);display:flex;flex-direction:column}.risk-trends-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.trend-mini-item{display:flex;padding:var(--spacing-sm);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.executive-risk-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.risk-count-badge{color:var(--color-on-accent);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-accent);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.risk-severity-breakdown{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(3,1fr)}.risk-impact-visual{width:100%;height:180px;overflow:hidden;position:relative;border-radius:var(--border-radius-md)}.critical-alert-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md);grid-template-columns:auto 1fr auto}.group-risk-header{align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);justify-content:space-between}.group-risk-header,.group-risk-list{display:flex;margin-bottom:var(--spacing-sm)}.group-risk-list{gap:var(--spacing-xs);flex-direction:column}.fiche-details{border:1px solid var(--color-border);overflow:hidden;border-radius:var(--border-radius-sm)}.trend-mini-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.trend-mini-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.severity-item{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.risk-impact-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--color-surface) 50%,transparent) 100%)}.alert-severity-indicator{width:4px;border-radius:var(--border-radius-sm)}.analytics---reports-alert-content{flex:1}.alert-actions{gap:var(--spacing-xs);display:flex;align-self:center;flex-direction:column}.group-risk-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold)}.group-risk-count{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-body)}.group-risk-mini{padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.fiche-summary,.group-risk-mini{display:flex;background:var(--color-surface);align-items:center;justify-content:space-between}.fiche-summary{color:var(--color-on-surface);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);list-style:none;transition:background var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.analytics---reports-fiche-content{padding:var(--spacing-md);background:var(--color-surface-elevated)}.severity-count{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.severity-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.alert-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.alert-description,.alert-title{font-family:var(--font-family-body);line-height:var(--line-height-base)}.alert-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.alert-description,.alert-metadata{color:var(--color-on-surface-secondary)}.alert-metadata{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-xs)}.alert-metadata,.group-mini-name{font-family:var(--font-family-body)}.group-mini-name{color:var(--color-on-surface);font-size:var(--font-size-sm)}.group-mini-metric{color:var(--color-accent);font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.fiche-name{flex:1}.fiche-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-sm);border-radius:var(--border-radius-sm)}.fiche-detail{color:var(--color-on-surface);margin-bottom:var(--spacing-xs)}.fiche-detail,.fiche-recommendation{font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base)}.fiche-recommendation{color:var(--color-on-surface-secondary);padding:var(--spacing-sm);background:var(--color-surface);margin-top:var(--spacing-sm);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.reporting-templates-section{padding:clamp(2rem,4vw,5rem) 0;position:relative;background:var(--color-surface)}.reporting-container{gap:var(--section-gap);margin:0 auto;display:grid;padding:0 var(--spacing-xl);max-width:var(--content-max-width);grid-template-columns:320px 1fr 360px}.templates-panel{gap:var(--spacing-md)}.templates-list,.templates-panel{display:flex;flex-direction:column}.templates-list{gap:var(--spacing-lg)}.preview-panel{gap:var(--spacing-md);display:flex;flex-direction:column}.template-tabs{gap:var(--spacing-xs);display:flex;padding:var(--spacing-xs);background:var(--color-surface-elevated);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.templates-cards-list{gap:var(--spacing-md);display:flex;flex-direction:column}.template-detail-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.audit-notes-card,.preview-contextual-card,.quick-actions-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.template-tab{flex:1;color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.template-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),opacity var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.template-detail-header{display:flex;padding:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.template-detail-visual{width:100%;height:240px;position:relative}.template-detail-body{padding:var(--spacing-md)}.preview-card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.preview-thumbnail{width:100%;height:180px;overflow:hidden;position:relative;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.preview-metadata{gap:var(--spacing-xs);display:flex;margin-bottom:var(--spacing-md);flex-direction:column}.audit-notes-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.audit-notes-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.quick-actions-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.analytics---reports-quick-action-btn{gap:var(--spacing-sm);color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.template-card-header{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);justify-content:space-between}.template-card-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.template-kpis-row{gap:var(--spacing-xs);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.template-card-footer{gap:var(--spacing-sm);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.template-detail-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.template-detail-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--color-surface) 40%,transparent) 100%)}.template-section-title{color:var(--color-on-surface);font-size:var(--font-size-lg);margin-top:var(--spacing-md);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-sm)}.template-structure-list{margin:0 0 var(--spacing-md) 0;padding:0;list-style:none}.template-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.preview-thumbnail-scrim{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--color-surface) 60%,transparent) 100%)}.preview-meta-item{color:var(--color-on-surface)}.audit-note,.preview-meta-item{font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:var(--line-height-base)}.audit-note{color:var(--color-on-surface-secondary)}.template-card-title{flex:1;color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.template-favorite-btn{width:32px;border:1px solid var(--color-border);cursor:pointer;height:32px;display:flex;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;justify-content:center}.template-favorite-btn,.template-kpi{color:var(--color-on-surface);background:var(--color-surface);border-radius:var(--border-radius-sm)}.template-kpi{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.top-bar-actions .btn{gap:var(--spacing-xs);display:flex;align-items:center}.analytics---reports-kpi-card:hover{transform:scale(1.02);box-shadow:var(--shadow-level-2)}.analytics---reports-kpi-card:hover .kpi-value{transform:scale(1.03)}.kpi-trend.positive{color:var(--color-primary)}.kpi-trend.neutral{color:var(--color-on-surface-secondary)}.chart-control-btn.active,.chart-control-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.analytics---reports-chart-visual.small{height:180px}.analytics---reports-chart-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.analytics---reports-filter-select:focus{outline:2px solid var(--color-outline);outline-offset:2px}.export-btn:last-child{margin-bottom:0}.export-btn:hover{color:var(--color-on-primary);transform:scale(1.02);background:var(--color-primary);border-color:var(--color-primary)}.risk-alert-item:first-child{border-top:none}.risk-icon.critical{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.risk-icon.warning{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.risk-icon.info{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.analytics---reports-observation-item:first-child{border-top:none}.featured-kpi-header svg{color:var(--color-primary);flex-shrink:0}.featured-kpi-card:hover .mega-metric-value{transform:scale(1.03)}.control-buttons:last-child{margin-bottom:0}.control-btn.active,.control-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.chart-action-btn:hover{color:var(--color-on-primary);transform:scale(1.05);background:var(--color-primary)}.chart-card-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.risk-student-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.risk-metric.attendance-low,.risk-metric.grade-low{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.risk-metric.submissions-low{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.legend-dot.current{background:var(--color-primary)}.legend-dot.previous{background:var(--color-secondary)}.trends-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.summary-kpi-token svg{color:var(--color-primary)}.site-card:hover{transform:scale(1.02);box-shadow:var(--shadow-level-2)}.site-action-btn:hover{color:var(--color-on-primary);background:var(--color-primary)}.site-metric-value.high{color:var(--color-primary)}.site-metric-value.medium{color:var(--color-on-surface)}.site-metric-value.low{color:var(--color-accent)}.observation-map-visual img,.trend-chart-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.legend-marker.central{background:var(--color-primary)}.legend-marker.north{background:var(--color-secondary)}.legend-marker.south{background:var(--color-accent)}.legend-marker.east{background:var(--color-on-surface-secondary)}.compliance-table th{font-size:var(--font-size-sm);background:var(--color-surface);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.compliance-table td,.compliance-table th{color:var(--color-on-surface);padding:var(--spacing-md);font-family:var(--font-family-body)}.compliance-table td{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);border-bottom:1px solid var(--color-border)}.compliance-table tbody tr:hover{background:var(--color-surface)}.compliance-badge.high{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.compliance-badge.medium{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.audit-trail-panel:last-child,.export-filters-panel:last-child,.export-presets-panel:last-child,.scheduled-exports-panel:last-child{border-bottom:none;padding-bottom:0}.preset-btn:last-child{margin-bottom:0}.preset-btn:hover,.preset-btn[aria-pressed=true]{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.scheduled-item:last-child{border-bottom:none}.scheduled-edit-btn:hover{color:var(--color-on-primary);background:var(--color-primary)}.audit-summary:hover{background:var(--color-surface-elevated)}.audit-summary svg{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.audit-details[open] .audit-summary svg{transform:rotate(180deg)}.analytics---reports-audit-entry:last-child{margin-bottom:0}.toolbar-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.preview-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.export-table th{font-size:var(--font-size-sm);background:var(--color-surface);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.export-table td,.export-table th{color:var(--color-on-surface);padding:var(--spacing-md);font-family:var(--font-family-body)}.export-table td{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);border-bottom:1px solid var(--color-border)}.export-table tbody tr:hover{background:var(--color-surface)}.analytics---reports-status-badge.high{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.analytics---reports-status-badge.medium{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.analytics---reports-status-badge.low{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.sparkline-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.risk-filter-select:focus{outline:2px solid var(--color-outline);outline-offset:2px}.severity-item:hover{transform:scale(1.05)}.severity-item.critical{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.severity-item.high{background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.severity-item.medium{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.risk-impact-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.critical-alert-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.alert-severity-indicator.critical{background:var(--color-accent)}.alert-severity-indicator.high{background:var(--color-secondary)}.fiche-summary:hover{background:var(--color-surface-elevated)}.fiche-summary svg{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.fiche-badge.critical{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.fiche-badge.high{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.fiche-details[open] .fiche-summary svg{transform:rotate(180deg)}.trend-mini-item:last-child{border-bottom:none}.trend-mini-value.increasing{color:var(--color-accent)}.trend-mini-value.decreasing,.trend-mini-value.positive{color:var(--color-primary)}.template-tab:hover,.template-tab[aria-selected=true]{color:var(--color-on-primary);background:var(--color-primary)}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.template-favorite-btn:hover{color:var(--color-on-primary);background:var(--color-primary)}.template-detail-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.template-structure-list li{color:var(--color-on-surface);padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-lg);position:relative;font-size:var(--font-size-base);font-family:var(--font-family-body);line-height:var(--line-height-base)}.template-structure-list li:before{left:var(--spacing-sm);color:var(--color-primary);content:"•";position:absolute;font-weight:var(--font-weight-bold)}.preview-thumbnail img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.analytics---reports-quick-action-btn:last-child{margin-bottom:0}.analytics---reports-quick-action-btn:hover{color:var(--color-on-primary);transform:scale(1.02);background:var(--color-primary);border-color:var(--color-primary)}.login-container{display:grid;background:var(--color-surface);min-height:100vh;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary);grid-template-columns:1fr 1fr}.brand-panel{overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent) 0,color-mix(in srgb,var(--color-primary) 85%,var(--color-secondary)) 100%)}.brand-panel,.form-panel{display:flex;padding:clamp(2rem,5vw,4rem);position:relative;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.form-panel{background:var(--color-surface-elevated)}.brand-content{max-width:560px}.brand-content,.form-container{width:100%;z-index:2;position:relative}.form-container{max-width:480px}.brand-header{gap:var(--spacing-lg);display:flex;align-items:center;margin-bottom:clamp(2rem,4vw,3rem)}.welcome-section{padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-on-primary) 10%,transparent);border-radius:var(--border-radius-lg);margin-bottom:clamp(2.5rem,5vw,4rem);backdrop-filter:blur(10px)}.trust-features{gap:var(--spacing-lg);display:flex;margin-bottom:clamp(2rem,4vw,3rem);flex-direction:column}.hero-image{width:100%;height:280px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-lg)}.form-header{text-align:center}.form-header,.role-selector{margin-bottom:var(--spacing-2xl)}.login-form{gap:var(--spacing-lg);display:flex;flex-direction:column}.form-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);text-align:center;padding-top:var(--spacing-xl)}.security-badge{gap:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);margin-top:var(--spacing-xl);border-radius:var(--border-radius-md)}.logo-wrapper,.security-badge{display:flex;align-items:center;justify-content:center}.logo-wrapper{width:72px;height:72px;background:var(--color-on-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:var(--border-radius-xl)}.brand-text{flex:1}.welcome-title{color:var(--color-on-primary);margin:0 0 var(--spacing-md) 0;font-size:clamp(1.5rem,3vw,2rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.welcome-description{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.feature-item{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-on-primary) 15%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-on-primary) 8%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-md);backdrop-filter:blur(8px)}.image-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-primary) 60%,transparent) 100%)}.form-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:clamp(1.75rem,3vw,2.25rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.form-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.role-label{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);letter-spacing:.5px;text-transform:uppercase}.role-buttons{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--spacing-sm);display:flex;flex-direction:column}.form-options{gap:var(--spacing-md);display:flex;margin-top:calc(var(--spacing-md) * -1);align-items:center;justify-content:space-between}.login-submit{width:100%;overflow:hidden;position:relative;margin-top:var(--spacing-md)}.footer-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-sm) 0}.footer-text,.support-link{font-size:var(--font-size-sm)}.support-link{transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.logo-icon,.support-link{color:var(--color-primary)}.logo-icon{width:48px;height:48px}.brand-name{color:var(--color-on-primary);margin:0 0 var(--spacing-xs) 0;font-size:clamp(2rem,4vw,2.75rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.brand-tagline{color:color-mix(in srgb,var(--color-on-primary) 85%,transparent);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.feature-icon{width:48px;height:48px;display:flex;background:var(--color-on-primary);box-shadow:var(--shadow-level-2);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.feature-text{flex:1}.untitled-role-btn{gap:var(--spacing-xs);border:2px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);border-radius:var(--border-radius-md);flex-direction:column;justify-content:center}.form-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.input-wrapper{position:relative}.checkbox-label,.input-wrapper{display:flex;align-items:center}.checkbox-label{gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forgot-link{color:var(--color-primary);font-size:var(--font-size-sm);transition:color var(--animation-duration-fast) var(--animation-curve-primary);white-space:nowrap;text-decoration:none}.feature-title,.forgot-link{font-weight:var(--font-weight-semibold)}.feature-title{color:var(--color-on-primary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);line-height:var(--line-height-tight)}.feature-desc{color:color-mix(in srgb,var(--color-on-primary) 80%,transparent);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.role-icon{color:var(--color-on-surface-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.role-icon,.role-text{transition:color var(--animation-duration-fast) var(--animation-curve-primary)}.role-text{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-icon{left:var(--spacing-md);color:var(--color-on-surface-secondary);width:20px;height:20px;z-index:2;position:absolute;transition:color var(--animation-duration-fast) var(--animation-curve-primary);pointer-events:none}.form-input{color:var(--color-on-surface);width:100%;border:2px solid var(--color-border);outline:none;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);background:var(--color-surface);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.form-input,.toggle-password{transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.toggle-password{color:var(--color-on-surface-secondary);right:var(--spacing-md);width:36px;border:none;cursor:pointer;height:36px;display:flex;z-index:2;position:absolute;background:transparent;align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.checkbox-input{width:0;height:0;opacity:0;position:absolute}.checkbox-custom{width:20px;border:2px solid var(--color-border);height:20px;display:flex;position:relative;background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.checkbox-text{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.brand-panel:before{top:-50%;right:-20%;width:80%;filter:blur(80px);height:150%;content:"";z-index:1;position:absolute;animation:float 20s ease-in-out infinite;background:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-radius:50%}.feature-item:hover{transform:translateX(8px);background:color-mix(in srgb,var(--color-on-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-on-primary) 25%,transparent)}.feature-icon svg{color:var(--color-primary);width:24px;height:24px}.hero-image img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.form-panel:before{top:0;left:0;width:100%;height:100%;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-accent) 3%,transparent) 0,transparent 50%);pointer-events:none}.untitled-role-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.untitled-role-btn.active,.untitled-role-btn:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.untitled-role-btn.active{background:var(--color-primary)}.untitled-role-btn.active .role-icon,.untitled-role-btn.active .role-text{color:var(--color-on-primary)}.form-input::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.form-input::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.form-input:focus{background:var(--color-surface-elevated);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.form-input:focus+.input-icon{color:var(--color-primary)}.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.toggle-password:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-on-surface) 5%,transparent)}.toggle-password:focus{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-custom:after{width:10px;height:10px;content:"";opacity:0;position:absolute;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);background:var(--color-on-primary);transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.checkbox-input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-input:focus+.checkbox-custom{outline:2px solid var(--color-primary);outline-offset:2px}.forgot-link:hover{color:var(--color-secondary);text-decoration:underline}.forgot-link:focus{outline:2px solid var(--color-primary);border-radius:var(--border-radius-sm);outline-offset:2px}.login-submit:before{top:50%;left:50%;width:0;height:0;content:"";z-index:1;position:absolute;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--color-on-primary) 15%,transparent);transition:width var(--animation-duration-standard) var(--animation-curve-primary),height var(--animation-duration-standard) var(--animation-curve-primary);border-radius:50%}.login-submit:hover:before{width:300px;height:300px}.login-submit span{z-index:2;position:relative}.support-link:hover{color:var(--color-secondary);text-decoration:underline}.support-link:focus{outline:2px solid var(--color-primary);border-radius:var(--border-radius-sm);outline-offset:2px}.security-badge svg{color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.security-badge span{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.edushield-home{display:flex;background:var(--color-surface);min-height:100vh;flex-direction:column}.edushield-header{top:0;padding:var(--spacing-lg) 0;z-index:100;position:sticky;background:color-mix(in srgb,var(--color-surface) 95%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px)}.edushield-hero{height:400px;display:flex;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface)) 0,color-mix(in srgb,var(--color-accent) 5%,var(--color-surface)) 100%);align-items:center;justify-content:center}.edushield-dashboard{flex:1;padding:var(--section-gap) 0}.edushield-footer{padding:var(--spacing-3xl) 0 var(--spacing-2xl);background:var(--color-surface-elevated);border-top:1px solid var(--color-border);margin-top:auto}.edushield-header-container{margin:0 auto;display:flex;padding:0 var(--spacing-xl);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.edushield-hero-content{padding:0 var(--spacing-xl);z-index:3;position:relative;max-width:800px;text-align:center}.edushield-hero-image{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.edushield-dashboard-container,.edushield-footer-container{margin:0 auto;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.edushield-footer-container{gap:var(--spacing-xl);display:flex;text-align:center;align-items:center;flex-direction:column}.edushield-brand,.edushield-header-actions{gap:var(--spacing-md);display:flex;align-items:center}.edushield-hero-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 60%,transparent) 0,color-mix(in srgb,var(--color-accent) 40%,transparent) 100%)}.edushield-dashboard-header{text-align:center;margin-bottom:var(--spacing-4xl)}.edushield-modules-grid{gap:var(--spacing-2xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.edushield-footer-brand{gap:var(--spacing-md);display:flex;align-items:center}.edushield-footer-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.edushield-logo{color:var(--color-primary);display:flex;align-items:center;justify-content:center}.edushield-brand-name{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.edushield-module-card{gap:var(--spacing-xl);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.edushield-footer-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);max-width:600px;line-height:var(--line-height-base)}.edushield-footer-copyright{color:var(--color-neutral);font-size:var(--font-size-xs)}.module-card-icon{width:64px;height:64px;display:flex;transition:transform var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.teacher-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface))}.module-card-content{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.module-card-action{gap:var(--spacing-sm);color:var(--color-on-primary);width:100%;border:none;cursor:pointer;display:flex;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);background:var(--color-primary);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);justify-content:center}.student-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface))}.admin-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,var(--color-surface))}.courses-icon{color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 15%,var(--color-surface))}.observations-icon{color:#10b981;background:color-mix(in srgb,#10b981 15%,var(--color-surface))}.analytics-icon{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,var(--color-surface))}.module-card-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.module-card-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.module-card-features{gap:var(--spacing-sm);margin:var(--spacing-md) 0 0 0;display:flex;padding:0;list-style:none;flex-direction:column}.edushield-hero-image img{width:100%;height:100%;opacity:.15;-o-object-fit:cover;object-fit:cover}.edushield-module-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.edushield-module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.edushield-module-card:hover:before{transform:scaleX(1)}.edushield-module-card:hover .module-card-icon{transform:scale(1.1) rotate(5deg)}.module-card-features li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-xs);padding-left:var(--spacing-lg)}.module-card-features li:before{top:50%;left:0;width:6px;height:6px;content:"";position:absolute;transform:translateY(-50%);background:var(--color-primary);border-radius:50%}.module-card-action svg{transform:rotate(90deg);transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.module-card-action:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 90%,#000);box-shadow:var(--shadow-level-2)}.module-card-action:hover svg{transform:rotate(90deg) translateX(4px)}.register-page{position:relative;background:var(--color-surface);min-height:100vh;overflow-x:hidden}.register-container{display:grid;position:relative;min-height:100vh;grid-template-columns:1fr 1fr}.register-visual-panel{overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,var(--color-accent) 5%) 0,color-mix(in srgb,var(--color-primary) 85%,var(--color-secondary) 15%) 100%)}.register-form-panel,.register-visual-panel{display:flex;padding:clamp(2rem,5vw,4rem);position:relative;align-items:center;justify-content:center}.register-form-panel{background:var(--color-surface);overflow-y:auto}.visual-content{width:100%;z-index:2;position:relative;max-width:560px}.untitled-form-container{width:100%;animation:fadeIn 1s var(--animation-curve-primary);max-width:540px}.untitled-brand-header{animation:fadeInUp .8s var(--animation-curve-primary);margin-bottom:var(--spacing-2xl)}.hero-image-wrapper{width:100%;overflow:hidden;position:relative;animation:fadeInUp .8s .2s var(--animation-curve-primary) backwards;box-shadow:var(--shadow-level-3);aspect-ratio:16/10;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl)}.benefits-showcase{animation:fadeInUp .8s .4s var(--animation-curve-primary) backwards;margin-bottom:var(--spacing-2xl)}.trust-indicators{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-on-primary) 20%,transparent);display:grid;padding:var(--spacing-lg);animation:fadeInUp .8s .6s var(--animation-curve-primary) backwards;background:color-mix(in srgb,var(--color-on-primary) 10%,transparent);border-radius:var(--border-radius-md);backdrop-filter:blur(8px);grid-template-columns:repeat(3,1fr)}.untitled-form-header{text-align:center;margin-bottom:var(--spacing-2xl)}.registration-form{gap:var(--spacing-xl);display:flex;flex-direction:column}.brand-logo{gap:var(--spacing-sm);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.untitled-brand-tagline{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.02em}.untitled-hero-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--animation-curve-primary)}.untitled-image-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-primary) 30%,transparent) 100%);pointer-events:none}.benefits-title{color:var(--color-on-primary);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading)}.benefit-items{gap:var(--spacing-md)}.benefit-items,.trust-item{display:flex;flex-direction:column}.trust-item{gap:var(--spacing-xs);text-align:center;align-items:center}.untitled-form-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.untitled-form-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-normal)}.form-section{gap:var(--spacing-md);display:flex;flex-direction:column}.submit-button{width:100%;overflow:hidden;position:relative;margin-top:var(--spacing-lg)}.untitled-form-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-lg)}.untitled-brand-name{color:var(--color-on-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.benefit-item{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-on-primary) 15%,transparent);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-on-primary) 8%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-md);backdrop-filter:blur(8px)}.trust-number{color:var(--color-on-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.trust-label{color:color-mix(in srgb,var(--color-on-primary) 80%,transparent)}.trust-label,.untitled-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}.untitled-form-label{color:var(--color-on-surface);display:block;margin-bottom:var(--spacing-xs)}.untitled-role-selector{gap:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr}.untitled-section-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-heading)}.form-row{gap:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr}.untitled-form-group{gap:var(--spacing-xs);display:flex;flex-direction:column}.checkbox-group{gap:var(--spacing-sm);display:flex;align-items:flex-start}.error-message{color:#e53e3e;display:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.error-message,.untitled-footer-text{letter-spacing:var(--letter-spacing-normal)}.untitled-footer-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.benefit-icon{color:var(--color-primary);width:40px;height:40px;display:flex;min-width:40px;background:var(--color-on-primary);box-shadow:var(--shadow-level-1);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.role-input{opacity:0;position:absolute;pointer-events:none}.role-option{gap:var(--spacing-sm);border:2px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);text-align:center;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.helper-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-normal)}.password-strength{gap:var(--spacing-xs);display:flex;margin-top:var(--spacing-xs);flex-direction:column}.untitled-checkbox-input{width:20px;cursor:pointer;height:20px;min-width:20px;margin-top:2px;accent-color:var(--color-primary)}.untitled-checkbox-label{color:var(--color-on-surface);cursor:pointer;font-size:var(--font-size-sm);line-height:var(--line-height-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:var(--letter-spacing-normal)}.link-primary{color:var(--color-primary);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.untitled-input-icon{left:var(--spacing-md);color:var(--color-on-surface-secondary);z-index:2;position:absolute;transition:color var(--animation-duration-standard) var(--animation-curve-primary);pointer-events:none}.untitled-form-input{color:var(--color-on-surface);width:100%;border:2px solid var(--color-border);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-normal)}.untitled-toggle-password{color:var(--color-on-surface-secondary);right:var(--spacing-md);border:none;cursor:pointer;display:flex;padding:var(--spacing-xs);z-index:2;position:absolute;background:none;transition:color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.strength-bar{width:100%;height:4px;overflow:hidden;background:var(--color-border);border-radius:var(--border-radius-full)}.strength-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}.eye-icon{width:20px;height:20px}.strength-fill{width:0;height:100%;background:var(--color-on-surface-secondary);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.register-visual-panel:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-accent) 10%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-secondary) 8%,transparent) 0,transparent 50%);pointer-events:none}.brand-logo svg{color:var(--color-on-primary);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent))}.hero-image-wrapper:hover .hero-image{transform:scale(1.05)}.benefit-item:hover{transform:translateX(8px);background:color-mix(in srgb,var(--color-on-primary) 12%,transparent);box-shadow:var(--shadow-level-2)}.benefit-text h3{color:var(--color-on-primary);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.benefit-text h3,.benefit-text p{letter-spacing:var(--letter-spacing-normal)}.benefit-text p{color:color-mix(in srgb,var(--color-on-primary) 85%,transparent);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.role-option svg{color:var(--color-on-surface-secondary);width:32px;height:32px;transition:color var(--animation-duration-standard) var(--animation-curve-primary)}.role-option span{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}.role-option:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated))}.role-input:checked+.role-option,.role-option:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.role-input:checked+.role-option{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated))}.role-input:checked+.role-option svg{color:var(--color-primary)}.untitled-form-input::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input:focus{outline:none;background:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input:focus+.toggle-password{color:var(--color-primary)}.untitled-form-input.error{border-color:#e53e3e}.untitled-form-input.error:focus{box-shadow:0 0 0 4px color-mix(in srgb,#e53e3e 10%,transparent)}.untitled-toggle-password:hover{color:var(--color-primary)}.error-message.show{display:block}.untitled-checkbox-label a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.untitled-checkbox-label a:hover{text-decoration:underline}.submit-button:before{top:50%;left:50%;width:0;height:0;content:"";z-index:1;position:absolute;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--color-on-primary) 20%,transparent);transition:width .6s,height .6s;border-radius:50%}.submit-button:hover:before{width:300px;height:300px}.link-primary:hover{color:var(--color-secondary);text-decoration:underline}.signup-success-page{color:var(--color-on-surface);width:100%;background:var(--color-surface);min-height:100vh;overflow-x:hidden}.success-hero{display:flex;padding:var(--spacing-2xl) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));min-height:100vh;align-items:center;justify-content:center}.next-steps-section{padding:clamp(4rem,8vw,8rem) var(--spacing-lg);background:var(--color-surface)}.features-highlight-section{background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)))}.features-highlight-section,.support-section{padding:clamp(4rem,8vw,8rem) var(--spacing-lg)}.support-section{background:var(--color-surface)}.success-hero-container{z-index:3;position:relative;animation:fadeInUp .8s var(--animation-curve-primary) forwards;max-width:56rem;text-align:center}.success-bg-decoration{top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;position:absolute;pointer-events:none}.features-highlight-container,.next-steps-container,.support-container{margin:0 auto;max-width:var(--content-max-width)}.success-icon-wrapper{display:inline-block;position:relative;margin-bottom:var(--spacing-xl)}.success-content{margin-bottom:var(--spacing-2xl)}.verification-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg) var(--spacing-xl);animation:fadeInUp .8s var(--animation-curve-primary) .6s backwards;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:left;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.success-actions{gap:var(--spacing-md);display:flex;animation:fadeInUp .8s var(--animation-curve-primary) .7s backwards;flex-wrap:wrap;justify-content:center}.decoration-circle{opacity:.4;position:absolute;border-radius:var(--border-radius-full)}.decoration-circle-1{top:-5rem;right:-5rem;width:20rem;height:20rem;animation:float 8s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 15%,transparent),transparent)}.decoration-circle-2{left:-3rem;width:15rem;bottom:5rem;height:15rem;animation:float 6s ease-in-out infinite reverse;background:radial-gradient(circle,color-mix(in srgb,var(--color-secondary) 15%,transparent),transparent)}.decoration-circle-3{top:50%;right:10%;width:12rem;height:12rem;animation:float 7s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent)}.untitled-section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.steps-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.features-content{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.support-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.success-icon-bg{top:50%;left:50%;width:10rem;height:10rem;position:absolute;animation:pulse 2s ease-in-out infinite;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-full)}.success-icon{width:8rem;height:8rem;z-index:2;position:relative;animation:scaleIn .6s var(--animation-curve-primary) .3s backwards;background:var(--color-primary);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.success-icon,.verification-icon{display:flex;align-items:center;justify-content:center}.verification-icon{color:var(--color-accent);width:3rem;height:3rem;background:color-mix(in srgb,var(--color-accent) 10%,transparent);flex-shrink:0;border-radius:var(--border-radius-md)}.step-card{border:1px solid var(--color-border);padding:var(--spacing-2xl) var(--spacing-xl);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.features-text,.features-visual,.step-card{position:relative}.features-visual{height:36rem}.support-card{border:1px solid var(--color-border);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.support-card-featured{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)),var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}.step-number{top:var(--spacing-lg);right:var(--spacing-lg);width:2.5rem;height:2.5rem;position:absolute;font-size:var(--font-size-lg);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.step-icon,.step-number{color:var(--color-primary);display:flex;align-items:center;justify-content:center}.step-icon{width:4rem;height:4rem;background:color-mix(in srgb,var(--color-primary) 8%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.brand-badge,.step-icon{margin-bottom:var(--spacing-lg)}.brand-badge{gap:var(--spacing-sm);color:var(--color-primary);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.features-list{gap:var(--spacing-md);display:flex;flex-direction:column}.visual-card{overflow:hidden;position:absolute;box-shadow:var(--shadow-level-3);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.visual-card-1{top:0;left:0;width:70%;height:65%;z-index:2;animation:floatSlow 6s ease-in-out infinite}.visual-card-2{right:0;width:60%;bottom:0;height:55%;z-index:1;animation:floatSlow 6s ease-in-out 1s infinite}.support-card-content{padding:var(--spacing-2xl) var(--spacing-xl);z-index:2;position:relative;text-align:center}.untitled-feature-item{gap:var(--spacing-md);display:flex;transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start}.visual-overlay{top:0;left:0;width:100%;height:100%;opacity:0;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));transition:opacity var(--animation-duration-standard) var(--animation-curve-primary)}.support-icon{color:var(--color-primary);width:4rem;height:4rem;margin:0 auto var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.feature-check,.support-icon{display:flex;align-items:center;justify-content:center}.feature-check{color:var(--color-on-primary);width:1.75rem;height:1.75rem;background:var(--color-primary);flex-shrink:0;border-radius:var(--border-radius-sm)}.success-icon svg{color:var(--color-on-primary);width:4rem;height:4rem;animation:drawCheck .6s ease-out .6s backwards;stroke-width:3}.success-content .hero-title{color:var(--color-on-surface);animation:fadeInUp .8s var(--animation-curve-primary) .4s backwards;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.success-content .hero-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;animation:fadeInUp .8s var(--animation-curve-primary) .5s backwards;font-size:var(--font-size-lg);max-width:42rem;line-height:var(--line-height-base)}.verification-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.verification-content h3{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.verification-content p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-section-header .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-section-header .section-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-lg);max-width:48rem;line-height:var(--line-height-base)}.step-card:before{top:0;left:0;width:100%;height:.25rem;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.step-card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.step-card:hover:before{transform:scaleX(1)}.step-card:hover .step-icon{color:var(--color-on-primary);transform:scale(1.1) rotate(5deg);background:var(--color-primary)}.step-card h3{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-normal)}.step-card p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.brand-badge svg{width:1.25rem;height:1.25rem}.features-text .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.features-text .section-content{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base);margin-bottom:var(--spacing-xl)}.untitled-feature-item:hover{transform:translateX(.5rem)}.untitled-feature-item span{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base);padding-top:.125rem}.visual-card img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.visual-card:hover .visual-overlay{opacity:1}.visual-card:hover{z-index:3;transform:scale(1.05)}.support-card:before{top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent);transition:opacity var(--animation-duration-standard) var(--animation-curve-primary)}.support-card:hover:before{opacity:1}.support-card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-level-2);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.support-card:hover .support-icon{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.support-card h3{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.support-card p{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.hero-restricted{display:flex;padding:var(--spacing-4xl) var(--spacing-lg);overflow:hidden;position:relative;min-height:100vh;align-items:center;justify-content:center}.features-access{background:var(--color-surface-elevated)}.features-access,.info-overview{padding:clamp(4rem,8vw,8rem) var(--spacing-lg);position:relative}.info-overview{background:var(--color-surface)}.roles-access{padding:clamp(4rem,8vw,8rem) var(--spacing-lg);position:relative;background:var(--color-surface-elevated)}.cta-access{padding:clamp(5rem,10vw,10rem) var(--spacing-lg);overflow:hidden;position:relative}.hero-background{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute}.hero-content-wrapper{gap:var(--spacing-4xl);width:100%;display:grid;z-index:3;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1fr}.features-container,.info-container,.roles-container{margin:0 auto;max-width:var(--content-max-width)}.cta-background{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute}.cta-container{margin:0 auto;z-index:3;position:relative;max-width:800px;text-align:center}.hero-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent))}.animated-gradient{top:-50%;left:-50%;width:200%;height:200%;z-index:1;position:absolute;animation:rotateGradient 20s linear infinite;background:radial-gradient(circle at center,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 70%)}.hero-content{text-align:left}.hero-image-section{height:500px;position:relative}.untitled1-section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.features-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-content{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.roles-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cta-overlay{z-index:2;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent))}.cta-overlay,.cta-pattern{top:0;left:0;right:0;bottom:0;position:absolute}.cta-pattern{z-index:1;background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-accent) 10%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-secondary) 10%,transparent) 0,transparent 50%)}.cta-content{display:flex;align-items:center;flex-direction:column}.logo-shield-wrapper{width:180px;height:180px;margin:0 0 var(--spacing-xl) 0;display:flex;position:relative;align-items:center;justify-content:center}.untitled1-hero-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:clamp(2.5rem,6vw,4rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled1-hero-subtitle{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.hero-description{margin:0 0 var(--spacing-2xl) 0}.untitled1-hero-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.floating-card{overflow:hidden;position:absolute;box-shadow:var(--shadow-level-3);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.card-1{top:0;left:0;width:280px;height:320px;z-index:3;animation:floatCard1 6s ease-in-out infinite}.card-2{top:80px;right:40px;width:240px;height:280px;z-index:2;animation:floatCard2 7s ease-in-out infinite}.card-3{left:160px;width:200px;bottom:0;height:240px;z-index:1;animation:floatCard3 8s ease-in-out infinite}.untitled1-section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled1-section-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base)}.feature-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.feature-card,.info-visual{position:relative}.role-card{border:1px solid var(--color-border);display:flex;overflow:hidden;background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.cta-icon{width:96px;height:96px;opacity:.9;animation:ctaPulse 3s ease-in-out infinite;margin-bottom:var(--spacing-xl)}.cta-icon,.cta-title{color:var(--color-on-primary)}.cta-title{margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,5vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.cta-subtitle{color:var(--color-on-primary);margin:0 0 var(--spacing-2xl) 0;opacity:.95;font-size:var(--font-size-xl);line-height:var(--line-height-base)}.cta-actions{margin-bottom:var(--spacing-xl)}.cta-help{color:var(--color-on-primary);opacity:.9;font-size:var(--font-size-base)}.shield-icon-large{color:var(--color-primary);width:180px;filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--color-primary) 30%,transparent));height:180px;display:flex;position:absolute;animation:pulseShield 3s ease-in-out infinite;align-items:center;justify-content:center}.lock-icon-overlay{color:var(--color-accent);z-index:2;position:absolute;animation:floatLock 4s ease-in-out infinite}.feature-icon-wrapper{margin-bottom:var(--spacing-lg)}.untitled1-feature-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.feature-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.info-features-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.info-image-stack{height:500px;position:relative}.role-card-header{padding:var(--spacing-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));text-align:center;border-bottom:1px solid var(--color-border)}.role-card-body{padding:var(--spacing-2xl);flex-grow:1}.untitled1-feature-icon{color:var(--color-primary);width:64px;height:64px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));transition:transform .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.info-feature-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.info-image-primary{width:100%;height:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-lg)}.info-stats-card{gap:var(--spacing-xl);right:-20px;border:1px solid var(--color-border);bottom:0;padding:var(--spacing-xl);z-index:3;position:absolute;box-shadow:var(--shadow-level-3)}.info-stats-card,.untitled1-role-icon{display:flex;background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.untitled1-role-icon{color:var(--color-primary);width:80px;height:80px;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-level-2);transition:transform .3s var(--animation-curve-primary);align-items:center;justify-content:center}.role-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.role-features{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.cta-link{transition:opacity .2s var(--animation-curve-primary);font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:3px}.cta-link,.info-feature-icon{color:var(--color-on-primary)}.info-feature-icon{width:32px;height:32px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.info-image-overlay{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent))}.stat-item{text-align:center}.stat-number{color:var(--color-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled1-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.shield-icon-large svg{width:100%;height:100%}.hero-description .section-content{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled1-hero-actions .btn{gap:var(--spacing-sm);display:inline-flex;transition:transform .2s var(--animation-curve-primary);align-items:center}.untitled1-hero-actions .btn:hover{transform:translateY(-2px)}.untitled1-hero-actions .btn svg{flex-shrink:0}.floating-card img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.floating-card:hover{z-index:10;transform:scale(1.05)!important}.feature-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .3s var(--animation-curve-primary);transform-origin:left}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.info-text .section-title{text-align:left;margin-bottom:var(--spacing-lg)}.info-text .section-content{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.info-feature-text h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.info-feature-text p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.info-image-primary img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.role-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.role-card:hover .role-icon{transform:scale(1.1) rotate(-5deg)}.role-features li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-base);line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.role-features li:before{top:8px;left:0;width:6px;height:6px;content:"";position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.cta-actions .btn{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-level-2);transition:all .3s var(--animation-curve-primary);border-color:var(--color-surface)}.cta-actions .btn:hover{transform:translateY(-4px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3)}.cta-link:hover{opacity:.8}.planeamientos-hero{display:flex;overflow:hidden;position:relative;background:var(--color-surface);min-height:85vh;align-items:center;justify-content:center}.hero-bg-video{z-index:1;-o-object-fit:cover;object-fit:cover}.hero-bg-video,.planeamientos-hero-overlay{top:0;left:0;width:100%;height:100%;position:absolute}.planeamientos-hero-overlay{z-index:2;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent) 0,color-mix(in srgb,var(--color-surface) 90%,transparent) 100%)}.planeamientos-hero-content{margin:0 auto;position:relative;text-align:center}.hero-stats,.planeamientos-hero-content{width:100%;padding:0 var(--spacing-xl);z-index:3;max-width:var(--content-max-width)}.hero-stats{gap:var(--spacing-lg);left:50%;bottom:var(--spacing-2xl);display:flex;position:absolute;animation:fadeInUp 1s var(--animation-curve-primary) .8s backwards;transform:translateX(-50%)}.planeamientos-hero-content-wrapper{margin:0 auto;max-width:52rem}.planeamientos-stat-card{gap:var(--spacing-md);flex:1;border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);display:flex;padding:var(--spacing-lg) var(--spacing-xl);background:color-mix(in srgb,var(--color-surface-elevated) 95%,transparent);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(16px)}.hero-badge{gap:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);animation:fadeInDown .6s var(--animation-curve-primary);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface-elevated) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);backdrop-filter:blur(12px)}.hero-badge,.planeamientos-hero-title{color:var(--color-on-surface);margin-bottom:var(--spacing-lg)}.planeamientos-hero-title{animation:fadeInUp .8s var(--animation-curve-primary) .2s backwards;font-size:clamp(2.5rem,6vw,4rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.planeamientos-hero-subtitle{color:var(--color-on-surface-secondary);animation:fadeInUp .8s var(--animation-curve-primary) .4s backwards;font-size:var(--font-size-lg);max-width:42rem;line-height:var(--line-height-base);margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-2xl)}.planeamientos-hero-actions{gap:var(--spacing-md);animation:fadeInUp .8s var(--animation-curve-primary) .6s backwards;flex-wrap:wrap}.planeamientos-hero-actions,.stat-icon{display:flex;align-items:center;justify-content:center}.stat-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:var(--border-radius-md)}.stat-content{flex:1}.planeamientos-stat-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.planeamientos-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:.25rem}.planeamientos-quick-actions-section{padding:var(--section-gap) 0;background:var(--color-surface)}.section-container{margin:0 auto;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.section-header-block{text-align:center;margin-bottom:var(--spacing-3xl)}.quick-actions-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.planeamientos-section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.planeamientos-section-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.planeamientos-action-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.action-card-icon,.planeamientos-action-card{transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.action-card-icon{color:var(--color-primary);width:3.5rem;height:3.5rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:center}.action-card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.action-card-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.status-overview-section{padding:var(--section-gap) 0;background:color-mix(in srgb,var(--color-neutral) 3%,var(--color-surface))}.overview-header{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:var(--spacing-2xl);justify-content:space-between}.status-filters{gap:var(--spacing-sm);display:flex;padding:var(--spacing-md) 0;flex-wrap:wrap}.overview-title-block{flex:1;min-width:280px}.overview-controls{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.status-filter{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.planeamientos-search-box,.status-filter{gap:var(--spacing-sm);display:flex;background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.planeamientos-search-box{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);position:relative;min-width:280px;border-radius:var(--border-radius-md)}.planeamientos-filter-btn{gap:var(--spacing-sm);display:flex;align-items:center}.filter-dot{width:8px;height:8px;background:var(--color-on-surface-secondary);border-radius:50%}.filter-count{height:1.5rem;display:inline-flex;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);min-width:1.5rem;background:color-mix(in srgb,var(--color-surface) 80%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center}.planeamientos-list-section{padding:var(--spacing-2xl) 0 var(--section-gap);background:color-mix(in srgb,var(--color-neutral) 3%,var(--color-surface))}.planeamientos-table-wrapper{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.planeamientos-table{width:100%;border-collapse:collapse}.planeamientos-table-row{gap:var(--spacing-sm);display:grid;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-bottom:1px solid var(--color-border);border-radius:var(--border-radius-sm);grid-template-columns:repeat(6,1fr)}.course-info{gap:var(--spacing-md);display:flex;align-items:center}.planeamientos-level-badge{display:inline-flex;padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);letter-spacing:.05em;text-transform:uppercase}.date-text,.week-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.planeamientos-status-badge{display:inline-flex;padding:.375rem .75rem;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-full)}.action-buttons{gap:var(--spacing-xs);display:flex}.course-thumb{width:3rem;border:1px solid var(--color-border);height:3rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-md)}.planeamientos-course-details{flex:1}.planeamientos-action-btn{color:var(--color-on-surface-secondary);width:2rem;border:1px solid var(--color-border);cursor:pointer;height:2rem;display:flex;background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.course-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:.25rem}.course-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.compliance-metrics-section{padding:var(--section-gap) 0;background:var(--color-surface)}.metrics-header{text-align:center;margin-bottom:var(--spacing-3xl)}.planeamientos-metrics-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-charts{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.planeamientos-metric-card{transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.planeamientos-chart-card,.planeamientos-metric-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.planeamientos-metric-header{margin-bottom:var(--spacing-lg)}.planeamientos-chart-header,.planeamientos-metric-header{display:flex;align-items:center;justify-content:space-between}.planeamientos-chart-header{margin-bottom:var(--spacing-xl)}.planeamientos-chart-visual{min-height:280px}.planeamientos-metric-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.metric-trend{padding:.25rem .5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.planeamientos-metric-value{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm)}.planeamientos-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.metric-progress{width:100%;height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.planeamientos-chart-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.chart-select{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.chart-bars{height:240px;padding:var(--spacing-md) 0;align-items:flex-end;justify-content:space-around}.chart-bars,.status-distribution{gap:var(--spacing-lg);display:flex}.status-distribution{flex-direction:column}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.chart-bar-group{gap:var(--spacing-sm);flex:1;display:flex;align-items:center;flex-direction:column}.distribution-item{gap:var(--spacing-md);display:flex;align-items:center}.chart-bar{width:100%;position:relative;max-width:80px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.planeamientos-bar-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.distribution-bar{height:2rem;transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.distribution-info{flex:1;display:flex;min-width:180px;align-items:center;justify-content:space-between}.distribution-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.distribution-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.deadlines-section{padding:var(--section-gap) 0;background:color-mix(in srgb,var(--color-neutral) 3%,var(--color-surface))}.deadlines-layout{gap:var(--spacing-2xl);display:grid;grid-template-columns:1fr 360px}.deadline-timeline,.deadlines-sidebar{gap:var(--spacing-xl);display:flex;flex-direction:column}.planeamientos-sidebar-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.planeamientos-timeline-item{position:relative;padding-left:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.planeamientos-sidebar-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.reminder-list,.resource-list{gap:var(--spacing-md);display:flex;flex-direction:column}.planeamientos-timeline-marker{top:.75rem;left:0;width:1.5rem;border:3px solid var(--color-surface);height:1.5rem;position:absolute;background:var(--color-primary);box-shadow:0 0 0 3px var(--color-border);border-radius:50%}.planeamientos-timeline-content{border:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.reminder-item,.resource-link{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.resource-link{color:var(--color-on-surface);font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium);text-decoration:none}.planeamientos-timeline-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.planeamientos-timeline-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.timeline-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.reminder-icon{width:2rem;height:2rem;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.reminder-content{flex:1}.planeamientos-timeline-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.timeline-badge{padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.reminder-text{color:var(--color-on-surface);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.hero-badge svg{flex-shrink:0}.planeamientos-hero-actions .btn{gap:var(--spacing-sm);display:inline-flex;align-items:center}.planeamientos-stat-card:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);box-shadow:var(--shadow-level-3)}.stat-icon.status-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.stat-icon.warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.stat-icon.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.planeamientos-action-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.planeamientos-action-card:hover:before{transform:scaleX(1)}.planeamientos-action-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.planeamientos-action-card:hover .action-card-icon{transform:scale(1.1) rotate(5deg)}.planeamientos-action-card .btn{width:100%}.action-card-primary:before{background:var(--color-primary)}.action-card-accent:before{background:var(--color-accent)}.action-card-secondary:before{background:var(--color-secondary)}.planeamientos-search-box:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.planeamientos-search-box svg{color:var(--color-on-surface-secondary);flex-shrink:0}.planeamientos-search-box input{color:var(--color-on-surface);width:100%;border:none;outline:none;font-size:var(--font-size-base);background:transparent}.planeamientos-search-box input::-moz-placeholder{color:var(--color-on-surface-secondary)}.planeamientos-search-box input::placeholder{color:var(--color-on-surface-secondary)}.status-filter:hover{transform:translateY(-2px);background:var(--color-surface);border-color:var(--color-primary)}.status-filter.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.status-filter.active .filter-count{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.filter-dot.status-success{background:#10b981}.filter-dot.warning{background:#f59e0b}.filter-dot.low{background:#6b7280}.filter-dot.high{background:#ef4444}.planeamientos-table thead{background:color-mix(in srgb,var(--color-neutral) 5%,var(--color-surface));border-bottom:1px solid var(--color-border)}.planeamientos-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.planeamientos-table tbody tr{transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.planeamientos-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.planeamientos-table td{padding:var(--spacing-lg)}.planeamientos-level-badge.level-a1,.planeamientos-level-badge.level-a2{color:#059669;background:color-mix(in srgb,#10b981 15%,transparent)}.planeamientos-level-badge.level-b1,.planeamientos-level-badge.level-b2{color:#2563eb;background:color-mix(in srgb,#3b82f6 15%,transparent)}.planeamientos-level-badge.level-c1,.planeamientos-level-badge.level-c2{color:#7c3aed;background:color-mix(in srgb,#8b5cf6 15%,transparent)}.planeamientos-status-badge.status-success{color:#059669;background:color-mix(in srgb,#10b981 15%,transparent)}.planeamientos-status-badge.warning{color:#d97706;background:color-mix(in srgb,#f59e0b 15%,transparent)}.planeamientos-status-badge.low{color:#4b5563;background:color-mix(in srgb,#6b7280 15%,transparent)}.planeamientos-status-badge.high{color:#dc2626;background:color-mix(in srgb,#ef4444 15%,transparent)}.planeamientos-action-btn:hover{color:var(--color-on-primary);transform:translateY(-2px);background:var(--color-primary);border-color:var(--color-primary)}.planeamientos-metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.metric-trend.positive{color:#059669;background:color-mix(in srgb,#10b981 15%,transparent)}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.chart-bar:after{top:-24px;left:50%;color:var(--color-on-surface);content:attr(data-value);position:absolute;font-size:var(--font-size-sm);transform:translateX(-50%);font-weight:var(--font-weight-semibold)}.distribution-bar.status-success{background:linear-gradient(90deg,#10b981,#059669)}.distribution-bar.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.distribution-bar.low{background:linear-gradient(90deg,#6b7280,#4b5563)}.distribution-bar.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.deadlines-main .section-title{margin-bottom:var(--spacing-xl)}.planeamientos-timeline-item:before{top:2.5rem;left:.6875rem;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.planeamientos-timeline-item:last-child:before{display:none}.planeamientos-timeline-item.timeline-urgent .timeline-marker{animation:pulse 2s infinite;background:#ef4444}.planeamientos-timeline-content:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.planeamientos-timeline-content .btn{margin-top:var(--spacing-md)}.timeline-badge.high{color:#dc2626;background:color-mix(in srgb,#ef4444 15%,transparent)}.timeline-badge.warning{color:#d97706;background:color-mix(in srgb,#f59e0b 15%,transparent)}.timeline-badge.low{color:#4b5563;background:color-mix(in srgb,#6b7280 15%,transparent)}.reminder-item:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.reminder-icon.warning{color:#d97706;background:color-mix(in srgb,#f59e0b 15%,transparent)}.reminder-icon.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.reminder-icon.status-success{color:#059669;background:color-mix(in srgb,#10b981 15%,transparent)}.resource-link:hover{color:var(--color-on-primary);transform:translateX(4px);background:var(--color-primary)}.resource-link svg{flex-shrink:0}.planeamiento-page{background:var(--color-surface);min-height:100vh}.planeamiento-hero{display:flex;overflow:hidden;position:relative;min-height:clamp(500px,60vh,700px);align-items:center}.metrics-dashboard,.planning-table-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.timeline-section{background:var(--color-surface-elevated)}.alert-panel-section,.timeline-section{padding:var(--section-gap) var(--spacing-xl)}.alert-panel-section{background:var(--color-surface)}.plan-de-planeamiento-central-hero-content-wrapper{width:100%;height:100%;position:relative}.plan-de-planeamiento-central-section-container{margin:0 auto;max-width:var(--content-max-width)}.hero-visual-layer{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.plan-de-planeamiento-central-hero-content{gap:var(--spacing-4xl);margin:0 auto;display:grid;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1fr}.plan-de-planeamiento-central-section-header{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:var(--spacing-3xl);justify-content:space-between}.plan-de-planeamiento-central-metrics-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr}.plan-de-planeamiento-central-table-controls{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.planning-table-wrapper{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg)}.table-pagination{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;margin-top:var(--spacing-xl);align-items:center;justify-content:space-between}.timeline-wrapper{margin:0 auto;position:relative;max-width:900px}.alert-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.hero-bg-image{width:100%;filter:brightness(.6);height:100%;-o-object-fit:cover;object-fit:cover}.plan-de-planeamiento-central-hero-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 75%,transparent))}.hero-text-content{animation:fadeSlideIn .8s var(--animation-curve-primary)}.hero-stats-grid{gap:var(--spacing-lg);display:grid;animation:fadeSlideIn .8s var(--animation-curve-primary) .2s backwards}.section-header-content{flex:1;min-width:280px}.period-selector{gap:var(--spacing-xs);display:flex;padding:4px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-md)}.plan-de-planeamiento-central-metric-card{padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.metric-large{grid-row:span 2}.search-filter-group{gap:var(--spacing-md);flex:1;display:flex;flex-wrap:wrap}.planning-table{width:100%;border-collapse:collapse}.pagination-info{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.pagination-controls{gap:var(--spacing-xs);display:flex}.plan-de-planeamiento-central-section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.plan-de-planeamiento-central-section-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.plan-de-planeamiento-central-timeline-item{position:relative;animation:fadeSlideIn .6s var(--animation-curve-primary) backwards;padding-left:72px;padding-bottom:var(--spacing-3xl)}.plan-de-planeamiento-central-alert-card{gap:var(--spacing-lg);display:flex;padding:var(--spacing-xl);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.plan-de-planeamiento-central-alert-warning{background:color-mix(in srgb,#f59e0b 10%,var(--color-surface-elevated));border-left:4px solid #f59e0b}.plan-de-planeamiento-central-alert-info{background:color-mix(in srgb,#3b82f6 10%,var(--color-surface-elevated));border-left:4px solid #3b82f6}.alert-success{background:color-mix(in srgb,#10b981 10%,var(--color-surface-elevated));border-left:4px solid #10b981}.plan-de-planeamiento-central-hero-badge{gap:var(--spacing-xs);color:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);backdrop-filter:blur(12px)}.plan-de-planeamiento-central-hero-title{color:var(--color-surface);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.plan-de-planeamiento-central-hero-subtitle{color:color-mix(in srgb,var(--color-surface) 90%,transparent);font-size:var(--font-size-lg);max-width:540px;line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.plan-de-planeamiento-central-hero-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.plan-de-planeamiento-central-stat-card{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent);display:flex;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-surface) 15%,transparent);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(20px)}.period-btn{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.plan-de-planeamiento-central-metric-header{display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.progress-visual{display:flex;margin-bottom:var(--spacing-xl);justify-content:center}.plan-de-planeamiento-central-metric-breakdown{gap:var(--spacing-md);display:flex;flex-direction:column}.chart-container{height:100%;display:flex;align-items:center}.plan-de-planeamiento-central-search-box{flex:1;position:relative;min-width:280px}.filter-buttons{gap:var(--spacing-sm);display:flex}.pagination-highlight{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.pagination-btn{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-width:44px;background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.plan-de-planeamiento-central-timeline-marker{top:8px;left:14px;width:20px;border:3px solid var(--color-surface-elevated);height:20px;z-index:2;position:absolute;border-radius:var(--border-radius-full)}.timeline-marker-success{background:#10b981}.plan-de-planeamiento-central-timeline-content{padding:var(--spacing-xl);background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.timeline-marker-warning{background:#f59e0b}.alert-icon{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.plan-de-planeamiento-central-alert-content{flex:1}.plan-de-planeamiento-central-stat-icon{width:64px;height:64px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.stat-icon-success{color:#10b981;background:color-mix(in srgb,#10b981 20%,transparent)}.stat-icon-primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.stat-icon-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 20%,transparent)}.metric-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.plan-de-planeamiento-central-metric-trend{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.circular-progress{width:240px;height:240px;position:relative}.plan-de-planeamiento-central-breakdown-item{gap:var(--spacing-sm);display:flex;align-items:center}.plan-de-planeamiento-central-bar-chart{gap:var(--spacing-lg);width:100%;display:flex;flex-direction:column}.level-grid{gap:var(--spacing-md);width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.plan-de-planeamiento-central-timeline-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.plan-de-planeamiento-central-timeline-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.plan-de-planeamiento-central-timeline-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.timeline-meta{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.plan-de-planeamiento-central-alert-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.plan-de-planeamiento-central-alert-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.plan-de-planeamiento-central-stat-value{color:var(--color-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.plan-de-planeamiento-central-stat-label{color:color-mix(in srgb,var(--color-surface) 80%,transparent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-center{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);text-align:center}.breakdown-indicator{width:12px;height:12px;border-radius:var(--border-radius-sm)}.plan-de-planeamiento-central-breakdown-label{flex:1;color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.plan-de-planeamiento-central-breakdown-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.plan-de-planeamiento-central-status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.bar-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.level-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.col-checkbox{width:48px}.timeline-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.plan-de-planeamiento-central-timeline-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);letter-spacing:.05em;text-transform:uppercase}.timeline-badge-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.timeline-meta-item{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.timeline-badge-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.progress-bg{fill:none;stroke:var(--color-border);stroke-width:12}.plan-de-planeamiento-central-progress-bar{fill:none;stroke:var(--color-primary);transition:stroke-dashoffset 1s var(--animation-curve-primary);stroke-width:12;stroke-linecap:round}.progress-percentage{color:var(--color-on-surface);font-size:48px;font-weight:var(--font-weight-bold);line-height:1}.progress-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.plan-de-planeamiento-central-bar-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bar-wrapper{gap:var(--spacing-sm);display:flex;position:relative;align-items:center}.plan-de-planeamiento-central-level-badge{width:48px;height:48px;display:flex;font-size:var(--font-size-base);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md);justify-content:center}.plan-de-planeamiento-central-level-a1{color:#3b82f6;background:color-mix(in srgb,#3b82f6 20%,transparent)}.level-stats{gap:2px;display:flex;flex-direction:column}.plan-de-planeamiento-central-level-a2{color:#06b6d4;background:color-mix(in srgb,#06b6d4 20%,transparent)}.plan-de-planeamiento-central-level-b1{color:#10b981;background:color-mix(in srgb,#10b981 20%,transparent)}.plan-de-planeamiento-central-level-b2{color:#f59e0b;background:color-mix(in srgb,#f59e0b 20%,transparent)}.plan-de-planeamiento-central-level-c1{color:#f97316;background:color-mix(in srgb,#f97316 20%,transparent)}.level-c2{color:#ef4444;background:color-mix(in srgb,#ef4444 20%,transparent)}.docente-info{gap:var(--spacing-md);display:flex;align-items:center}.grupo-badge{color:var(--color-on-surface);background:var(--color-surface);font-weight:var(--font-weight-medium)}.grupo-badge,.nivel-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.nivel-badge{font-weight:var(--font-weight-semibold)}.nivel-a2{color:#06b6d4;background:color-mix(in srgb,#06b6d4 15%,transparent)}.modalidad-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.modalidad-virtual{color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 15%,transparent)}.fecha-info{color:var(--color-on-surface);display:flex}.fecha-info,.plan-de-planeamiento-central-status-badge{gap:var(--spacing-xs);font-size:var(--font-size-sm);align-items:center}.plan-de-planeamiento-central-status-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.modalidad-presencial,.nivel-b1,.plan-de-planeamiento-central-status-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.nivel-c1{color:#f97316;background:color-mix(in srgb,#f97316 15%,transparent)}.modalidad-hibrido{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.nivel-a1{color:#3b82f6;background:color-mix(in srgb,#3b82f6 15%,transparent)}.fecha-pending{color:var(--color-on-surface-secondary)}.plan-de-planeamiento-central-status-pending{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-on-surface-secondary) 15%,transparent)}.nivel-b2{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.nivel-c2{color:#ef4444;background:color-mix(in srgb,#ef4444 15%,transparent)}.bar-fill{height:32px;transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.plan-de-planeamiento-central-bar-value{color:var(--color-on-surface);font-size:var(--font-size-sm);min-width:44px;font-weight:var(--font-weight-semibold)}.level-percentage{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.level-count{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.docente-avatar{color:var(--color-on-primary);width:44px;height:44px;display:flex;font-size:var(--font-size-sm);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center}.docente-details{gap:2px;display:flex;flex-direction:column}.plan-de-planeamiento-central-action-btn{color:var(--color-on-surface);width:36px;border:1px solid var(--color-border);cursor:pointer;height:36px;display:flex;background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.docente-name{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.docente-email{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.plan-de-planeamiento-central-hero-actions button svg,.plan-de-planeamiento-central-hero-badge svg{width:20px;height:20px}.plan-de-planeamiento-central-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.plan-de-planeamiento-central-stat-icon svg{width:32px;height:32px}.period-btn:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.period-btn.active{color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-level-1)}.plan-de-planeamiento-central-metric-card:hover{transform:translateY(-4px)}.plan-de-planeamiento-central-metric-trend.positive{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.level-item:hover{transform:scale(1.05)}.plan-de-planeamiento-central-search-box svg{top:50%;left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;transform:translateY(-50%);pointer-events:none}.plan-de-planeamiento-central-search-box input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;font-size:var(--font-size-base);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.plan-de-planeamiento-central-search-box input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.plan-de-planeamiento-central-search-box input::-moz-placeholder{color:var(--color-on-surface-secondary)}.plan-de-planeamiento-central-search-box input::placeholder{color:var(--color-on-surface-secondary)}.plan-de-planeamiento-central-filter-btn svg{width:18px;height:18px}.planning-table thead{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.planning-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.planning-table tbody tr{transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.planning-table tbody tr:hover{background:var(--color-surface)}.planning-table td{color:var(--color-on-surface);padding:var(--spacing-lg);font-size:var(--font-size-base)}.col-checkbox input[type=checkbox]{width:18px;cursor:pointer;height:18px;accent-color:var(--color-primary)}.fecha-info svg{color:var(--color-on-surface-secondary);width:16px;height:16px}.plan-de-planeamiento-central-status-badge svg{width:14px;height:14px}.plan-de-planeamiento-central-action-btn:hover:not(:disabled){color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary);border-color:var(--color-primary)}.plan-de-planeamiento-central-action-btn:disabled{cursor:not-allowed;opacity:.4}.plan-de-planeamiento-central-action-btn svg{width:18px;height:18px}.pagination-btn.active,.pagination-btn:hover:not(:disabled){color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.timeline-wrapper:before{top:0;left:24px;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.plan-de-planeamiento-central-timeline-item:first-child{animation-delay:0s}.plan-de-planeamiento-central-timeline-item:nth-child(2){animation-delay:.1s}.plan-de-planeamiento-central-timeline-item:nth-child(3){animation-delay:.2s}.plan-de-planeamiento-central-timeline-item:nth-child(4){animation-delay:.3s}.plan-de-planeamiento-central-timeline-item:last-child{padding-bottom:0}.plan-de-planeamiento-central-timeline-content:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.timeline-meta-item svg{width:16px;height:16px}.plan-de-planeamiento-central-alert-card:hover{transform:translateY(-4px)}.plan-de-planeamiento-central-alert-warning .alert-icon{color:#f59e0b;background:color-mix(in srgb,#f59e0b 20%,transparent)}.plan-de-planeamiento-central-alert-info .alert-icon{color:#3b82f6;background:color-mix(in srgb,#3b82f6 20%,transparent)}.alert-success .alert-icon{color:#10b981;background:color-mix(in srgb,#10b981 20%,transparent)}.alert-icon svg{width:24px;height:24px}.staff-roles-center{color:var(--color-on-surface);background:var(--color-surface);min-height:100vh}.staff-hero{padding:var(--spacing-3xl) var(--spacing-lg);overflow:hidden;position:relative}.staff-filters{top:0;padding:var(--spacing-xl) var(--spacing-lg);z-index:100;position:sticky;background:color-mix(in srgb,var(--color-surface) 95%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px)}.staff-grid{background:var(--color-surface)}.quick-actions-panel,.staff-grid{padding:var(--spacing-2xl) var(--spacing-lg)}.quick-actions-panel{background:color-mix(in srgb,var(--color-neutral) 3%,var(--color-surface))}.staff---roles-center-hero-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.staff---roles-center-hero-content{z-index:4;position:relative}.grid-container,.staff---roles-center-filters-container,.staff---roles-center-hero-content{margin:0 auto;max-width:var(--content-max-width)}.grid-container{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.panel-container{margin:0 auto;max-width:var(--content-max-width)}.hero-gradient{z-index:2;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent))}.hero-gradient,.hero-pattern{top:0;left:0;width:100%;height:100%;position:absolute}.hero-pattern{z-index:3;background-image:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-primary) 3%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-accent) 3%,transparent) 0,transparent 50%)}.hero-header{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-2xl);justify-content:space-between}.staff---roles-center-hero-stats{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.staff---roles-center-search-box{position:relative;margin-bottom:var(--spacing-lg)}.filter-controls{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.staff-card{border:1px solid var(--color-border);display:flex;overflow:hidden;animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column;animation-fill-mode:both}.staff---roles-center-section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.actions-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-brand,.staff---roles-center-hero-actions{gap:var(--spacing-md);display:flex;align-items:center}.staff---roles-center-stat-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.search-icon{top:50%;left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;transform:translateY(-50%);pointer-events:none}.staff---roles-center-filter-group{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.staff---roles-center-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border)}.card-body,.staff---roles-center-card-header{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg)}.card-body{flex:1;flex-direction:column}.card-footer{display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);border-top:1px solid var(--color-border);justify-content:space-around}.staff---roles-center-action-card{gap:var(--spacing-md);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:left;transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.brand-icon{color:var(--color-primary);filter:drop-shadow(var(--shadow-level-2))}.staff---roles-center-hero-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.staff---roles-center-stat-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.staff---roles-center-stat-content{flex:1;min-width:0}.staff---roles-center-filter-btn{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.staff-avatar{width:72px;height:72px;position:relative;flex-shrink:0}.staff-info{flex:1;min-width:0}.info-row{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.staff---roles-center-performance-metrics{border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.staff---roles-center-action-btn{color:var(--color-on-surface-secondary);width:40px;border:none;cursor:pointer;height:40px;background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.action-icon,.staff---roles-center-action-btn{display:flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.action-icon{color:var(--color-primary);width:56px;height:56px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.action-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.action-description{margin:0;line-height:var(--line-height-base)}.action-description,.staff---roles-center-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.staff---roles-center-stat-label{margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.staff---roles-center-stat-value{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2}.stat-change{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.staff---roles-center-filter-count{height:20px;display:inline-flex;padding:0 var(--spacing-xs);font-size:.75rem;min-width:20px;background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center}.status-indicator{right:2px;width:16px;border:2px solid var(--color-surface-elevated);bottom:2px;height:16px;position:absolute;border-radius:var(--border-radius-full)}.staff---roles-center-status-active{background:#22c55e}.staff-name{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.staff-role{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.staff-tags{gap:var(--spacing-xs);display:flex;flex-wrap:wrap}.staff---roles-center-metric{gap:var(--spacing-xs);display:flex;flex-direction:column}.status-away{background:#eab308}.tag{color:var(--color-on-surface);border:1px solid var(--color-border);padding:2px var(--spacing-sm);font-size:.75rem;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.tag-primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.staff---roles-center-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.staff---roles-center-progress-bar{width:100%;height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.staff---roles-center-metric-value{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tag-accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:var(--color-accent)}.tag-secondary{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:var(--color-secondary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.staff---roles-center-hero-actions svg{flex-shrink:0}.staff---roles-center-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.stat-change.positive{color:var(--color-primary)}.stat-change.warning{color:var(--color-accent)}.staff---roles-center-search-box input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);background:var(--color-surface-elevated);transition:border-color var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.staff---roles-center-search-box input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.staff---roles-center-filter-btn:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));border-color:var(--color-primary)}.staff---roles-center-filter-btn.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.staff---roles-center-filter-btn.active .filter-count{background:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.staff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.staff-card:first-child{animation-delay:.05s}.staff-card:nth-child(2){animation-delay:.1s}.staff-card:nth-child(3){animation-delay:.15s}.staff-card:nth-child(4){animation-delay:.2s}.staff-card:nth-child(5){animation-delay:.25s}.staff-card:nth-child(6){animation-delay:.3s}.staff-card:nth-child(7){animation-delay:.35s}.staff-card:nth-child(8){animation-delay:.4s}.staff-card:nth-child(9){animation-delay:.45s}.staff-avatar img{width:100%;border:2px solid var(--color-border);height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-md)}.info-row svg{color:var(--color-primary);flex-shrink:0}.staff---roles-center-action-btn:hover{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.staff---roles-center-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.staff---roles-center-action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.role-management-container{color:var(--color-on-surface);width:100%;background:var(--color-surface);min-height:100vh;font-family:var(--font-family-body)}.untitled-hero-section{padding:clamp(3rem,6vw,6rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent))}.role-management-interface,.untitled-quick-actions-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.modal-overlay{inset:0;display:flex;opacity:0;padding:var(--spacing-lg);z-index:1000;position:fixed;background:color-mix(in srgb,var(--color-scrim) 80%,transparent);transition:opacity .3s var(--animation-curve-primary);align-items:center;pointer-events:none;backdrop-filter:blur(4px);justify-content:center}.recent-activity-section{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)),var(--color-surface))}.untitled-hero-content-wrapper{gap:var(--spacing-3xl);display:grid;z-index:2;position:relative;align-items:center;grid-template-columns:1fr 1fr}.untitled-hero-content-wrapper,.untitled-section-container{margin:0 auto;max-width:var(--content-max-width)}.modal-container{width:100%;display:flex;overflow:hidden;max-width:600px;transform:scale(.9);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);max-height:90vh;transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.untitled-hero-text-content{gap:var(--spacing-lg);display:flex;flex-direction:column}.hero-visual{height:100%;position:relative;min-height:400px}.untitled-quick-actions-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.untitled-section-header1{margin-bottom:var(--spacing-2xl)}.management-layout{gap:var(--spacing-xl);display:grid;align-items:flex-start;grid-template-columns:280px 1fr}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.modal-body,.modal-header{display:flex;padding:var(--spacing-xl)}.modal-body{gap:var(--spacing-xl);overflow-y:auto;flex-direction:column}.modal-footer{gap:var(--spacing-md);display:flex;padding:var(--spacing-xl);border-top:1px solid var(--color-border);justify-content:flex-end}.activity-timeline{margin:0 auto;position:relative;max-width:800px;padding-left:var(--spacing-xl)}.activity-footer{margin-top:var(--spacing-2xl);text-align:center}.untitled-hero-badge{gap:var(--spacing-xs);color:var(--color-primary);width:-moz-fit-content;width:fit-content;border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.untitled-hero-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);max-width:90%;line-height:var(--line-height-base)}.untitled-hero-stats{gap:var(--spacing-xl);display:flex;margin-top:var(--spacing-md);align-items:center}.untitled-visual-card{width:100%;height:100%;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-5deg);box-shadow:var(--shadow-level-3);transition:transform .6s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.floating-role-badge{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);z-index:3;position:absolute;animation:floatBadge 3s ease-in-out infinite;font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.badge-1{top:15%;right:-5%;animation-delay:0s}.badge-2{top:50%;right:5%;animation-delay:1s}.badge-3{right:-8%;bottom:20%;animation-delay:2s}.untitled-action-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-section-header-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-filters-panel{top:var(--spacing-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.management-content{gap:var(--spacing-lg);display:flex;flex-direction:column}.modal-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.modal-close-btn{color:var(--color-on-surface-secondary);width:36px;border:none;cursor:pointer;height:36px;background:transparent;transition:all .2s var(--animation-curve-primary);border-radius:var(--border-radius-sm);justify-content:center}.modal-close-btn,.user-preview{display:flex;align-items:center}.user-preview{gap:var(--spacing-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-radius:var(--border-radius-md)}.notification-options{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-section-title1{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-section-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base)}.untitled-activity-item{gap:var(--spacing-lg);display:flex;position:relative;margin-bottom:var(--spacing-xl)}.untitled-stat-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.stat-divider{width:1px;height:3rem;background:var(--color-border)}.untitled-visual-overlay{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-secondary) 20%,transparent))}.untitled-action-icon{color:var(--color-on-primary);width:56px;height:56px;display:flex;background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-action-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.untitled-action-description{color:var(--color-on-surface-secondary);margin:0;flex-grow:1;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.filter-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);justify-content:space-between}.filter-header,.untitled-filter-group{margin-bottom:var(--spacing-lg)}.content-toolbar{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.users-table-wrapper{overflow:hidden;box-shadow:var(--shadow-level-1)}.pagination-wrapper,.users-table-wrapper{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.pagination-wrapper{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);flex-wrap:wrap;align-items:center;justify-content:space-between}.user-avatar{color:var(--color-on-primary);width:40px;height:40px;display:flex;font-size:var(--font-size-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center}.user-preview-info{gap:var(--spacing-xs);display:flex;flex-direction:column}.role-selection-label{color:var(--color-on-surface);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.role-options{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.input-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.input-label,.input-textarea{color:var(--color-on-surface);font-size:var(--font-size-sm)}.input-textarea{width:100%;border:1px solid var(--color-border);resize:vertical;padding:var(--spacing-md);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.checkbox-option{gap:var(--spacing-sm);color:var(--color-on-surface);cursor:pointer;display:flex;font-size:var(--font-size-sm);align-items:center}.activity-icon{width:40px;height:40px;display:flex;z-index:2;position:relative;box-shadow:var(--shadow-level-2);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.activity-content{flex:1;border:1px solid var(--color-border);padding:var(--spacing-lg);transform:translateY(0);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-stat-value{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.untitled-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-filter-title{margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading)}.untitled-filter-label,.untitled-filter-title{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-filter-label{display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.filter-options{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-filter-select{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-sm)}.untitled-search-wrapper{flex:1;position:relative;min-width:300px}.toolbar-actions{gap:var(--spacing-sm);display:flex}.users-table{width:100%;border-collapse:collapse}.untitled-pagination-controls{gap:var(--spacing-xs);display:flex}.user-preview-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.user-preview-email{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.role-badge{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-sm)}.role-option-card{cursor:pointer;position:relative}.activity-header{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.activity-description{color:var(--color-on-surface);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}.activity-meta{gap:var(--spacing-lg);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs)}.filter-option{gap:var(--spacing-sm);cursor:pointer;display:flex;padding:var(--spacing-sm);transition:background .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm)}.search-input{width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) * 2.5);font-size:var(--font-size-base);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.search-input,.untitled-pagination-btn{color:var(--color-on-surface);transition:all .2s var(--animation-curve-primary)}.untitled-pagination-btn{border:1px solid var(--color-border);cursor:pointer;height:36px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);min-width:36px;background:var(--color-surface);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.role-option-content{gap:var(--spacing-sm);border:2px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);text-align:center;transition:all .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.activity-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-activity-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.filter-option-label{color:var(--color-on-surface);flex-grow:1;font-size:var(--font-size-sm)}.untitled-filter-count{color:var(--color-on-surface-secondary);padding:2px var(--spacing-xs);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.role-option-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.role-option-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.table-checkbox-col{width:48px;text-align:center}.actions-col{width:80px;text-align:center}.user-cell{gap:var(--spacing-md);display:flex;align-items:center}.untitled-status-badge{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-sm)}.date-cell,.site-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.date-cell{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-action-btn{color:var(--color-on-surface-secondary);width:36px;border:none;cursor:pointer;height:36px;display:inline-flex;background:transparent;transition:all .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.user-info{gap:4px;display:flex;flex-direction:column}.user-name{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.user-email{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-hero-section:before{top:-50%;right:-20%;width:60%;height:150%;content:"";z-index:1;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 70%);pointer-events:none}.untitled-hero-badge svg{flex-shrink:0}.untitled-visual-card:hover{transform:perspective(1000px) rotateY(0deg)}.untitled-visual-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-action-card.primary-action{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated)),var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-action-icon.secondary{color:var(--color-on-secondary);background:var(--color-secondary)}.untitled-action-icon.tertiary{color:var(--color-on-accent);background:var(--color-accent)}.untitled-action-icon.quaternary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface))}.filter-option:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.filter-option input[type=checkbox]{width:18px;cursor:pointer;height:18px}.untitled-filter-select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-search-wrapper svg{top:50%;left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;transform:translateY(-50%);pointer-events:none}.search-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.users-table thead{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-bottom:2px solid var(--color-border)}.users-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:var(--letter-spacing-normal)}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.users-table th.sortable:hover{color:var(--color-primary)}.users-table tbody tr{transition:background .2s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.users-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.users-table td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.user-avatar.large{width:64px;height:64px;font-size:var(--font-size-lg)}.role-badge.role-student{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.role-badge.role-teacher{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.role-badge.role-coordinator{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.role-badge.role-support{color:var(--color-neutral);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-status-badge.status-active{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.untitled-status-badge.status-pending{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-status-badge.status-inactive{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-on-surface-secondary) 15%,transparent)}.untitled-action-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.pagination-info strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-pagination-btn.active,.untitled-pagination-btn:hover:not(:disabled){color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.role-option-card input[type=radio]{opacity:0;position:absolute;pointer-events:none}.role-option-card:hover .role-option-content{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-color:var(--color-primary)}.role-option-card input[type=radio]:checked+.role-option-content{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.role-option-content svg{color:var(--color-primary)}.input-textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.checkbox-option input[type=checkbox]{width:18px;cursor:pointer;height:18px}.untitled-section-header1.centered{text-align:center;margin-bottom:var(--spacing-3xl)}.untitled-section-header1.centered .section-subtitle{margin:0 auto;max-width:600px}.activity-timeline:before{top:0;left:20px;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.activity-icon.success{color:#fff;background:#10b981}.activity-icon.pending{color:#fff;background:#f59e0b}.untitled-activity-item:hover .activity-content{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.activity-description strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.signup-page{width:100%;display:flex;padding:var(--spacing-2xl) var(--spacing-lg);position:relative;min-height:100vh;overflow-x:hidden;align-items:center;font-family:var(--font-family-body);justify-content:center}.signup-bg-wrapper{top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;position:absolute}.signup-content{gap:var(--spacing-xl);width:100%;display:flex;z-index:3;position:relative;animation:fadeSlideUp .6s var(--animation-curve-primary) backwards;max-width:520px;flex-direction:column}.signup-bg-image{filter:brightness(.4) blur(2px);z-index:1;transform:scale(1.1);-o-object-fit:cover;object-fit:cover}.signup-bg-image,.signup-bg-overlay{top:0;left:0;width:100%;height:100%;position:absolute}.signup-bg-overlay{z-index:2;background:linear-gradient(135deg,rgba(30,86,183,.92),rgba(14,165,160,.88));backdrop-filter:blur(8px)}.signup-header{text-align:center}.signup-card{padding:var(--spacing-3xl);animation:fadeSlideUp .7s var(--animation-curve-primary) .1s backwards;background:var(--color-surface);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);border-radius:var(--border-radius-xl);backdrop-filter:blur(20px)}.signup-footer{animation:fadeSlideUp .8s var(--animation-curve-primary) .2s backwards;text-align:center}.signup-logo-container{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:center}.signup-card-header{text-align:center;margin-bottom:var(--spacing-2xl)}.signup-form{gap:var(--spacing-xl);display:flex;flex-direction:column}.signup-footer-links{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-sm);justify-content:center}.signup-footer-copyright{color:hsla(0,0%,100%,.7);margin:0;font-size:var(--font-size-xs)}.signup-logo-icon{color:#fff;width:48px;border:1px solid hsla(0,0%,100%,.2);height:48px;display:flex;background:hsla(0,0%,100%,.15);box-shadow:0 4px 16px rgba(0,0,0,.1);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);justify-content:center}.signup-logo-text{text-align:left}.signup-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.signup-card-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.signup-form-group{gap:var(--spacing-sm);display:flex;flex-direction:column}.signup-submit-btn{width:100%;overflow:hidden;position:relative;margin-top:var(--spacing-md);font-weight:var(--font-weight-semibold);letter-spacing:.025em}.signup-login-link{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-lg)}.signup-footer-link{color:hsla(0,0%,100%,.8);font-size:var(--font-size-xs);transition:color var(--animation-duration-standard) var(--animation-curve-primary);font-weight:var(--font-weight-medium);text-decoration:none}.signup-footer-divider{color:hsla(0,0%,100%,.4);font-size:var(--font-size-xs)}.signup-brand-name{color:#fff;margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.signup-brand-tagline{color:hsla(0,0%,100%,.85);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.signup-label{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold)}.signup-password-strength{gap:var(--spacing-xs);display:flex;flex-direction:column}.signup-field-hint{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);min-height:18px}.signup-role-grid{gap:var(--spacing-md);display:flex;flex-direction:column}.signup-checkbox-wrapper{gap:var(--spacing-md);color:var(--color-on-surface-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);align-items:flex-start;line-height:var(--line-height-base)}.signup-label-text{display:inline-block}.signup-required{color:var(--color-secondary);font-weight:var(--font-weight-bold)}.signup-input-icon{top:50%;left:var(--spacing-md);color:var(--color-neutral);display:flex;position:absolute;transform:translateY(-50%);transition:color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;pointer-events:none;justify-content:center}.signup-input{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);outline:none;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface-elevated);font-family:var(--font-family-body);padding-left:44px;border-radius:var(--border-radius-md)}.signup-input,.signup-toggle-password{transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.signup-toggle-password{top:50%;right:var(--spacing-md);position:absolute;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border:none;background:none;cursor:pointer;color:var(--color-neutral);pointer-events:auto!important;z-index:2}.signup-strength-bar{width:100%;height:4px;overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.signup-strength-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.signup-role-card{position:relative}.signup-checkbox-input{opacity:0;position:absolute;pointer-events:none}.signup-checkbox-custom{width:20px;border:2px solid var(--color-border);height:20px;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);flex-shrink:0;border-radius:var(--border-radius-sm)}.signup-checkbox-label{flex:1}.signup-link{color:var(--color-primary);transition:color var(--animation-duration-standard) var(--animation-curve-primary);font-weight:var(--font-weight-medium);text-decoration:none}.signup-link-primary{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.signup-strength-fill{width:0;height:100%;background:var(--color-neutral);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.signup-role-input{opacity:0;position:absolute;pointer-events:none}.signup-role-label{gap:var(--spacing-md);border:2px solid var(--color-border);cursor:pointer;padding:var(--spacing-lg);position:relative;background:var(--color-surface-elevated)}.signup-role-icon,.signup-role-label{display:flex;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.signup-role-icon{width:48px;height:48px;flex-shrink:0;justify-content:center}.signup-role-icon-student{color:var(--color-primary);background:rgba(30,86,183,.1)}.signup-role-content{flex:1}.signup-role-check{color:transparent;width:24px;border:2px solid var(--color-border);height:24px;display:flex;background:var(--color-surface);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.signup-role-icon-teacher{color:var(--color-accent);background:rgba(14,165,160,.1)}.signup-role-icon-admin{color:var(--color-secondary);background:rgba(214,69,53,.1)}.signup-role-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.signup-role-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-base)}.signup-input:focus{background:var(--color-surface);box-shadow:0 0 0 3px rgba(30,86,183,.1);border-color:var(--color-primary)}.signup-input::-moz-placeholder{color:var(--color-neutral)}.signup-input::placeholder{color:var(--color-neutral)}.input-wrapper:focus-within .signup-input-icon{color:var(--color-primary)}.signup-toggle-password:hover{color:var(--color-primary);background:rgba(30,86,183,.05)}.signup-strength-fill.weak{width:33%;background:var(--color-secondary)}.signup-strength-fill.medium{width:66%;background:#f59e0b}.signup-strength-fill.strong{width:100%;background:#10b981}.signup-field-hint.error{color:var(--color-secondary)}.signup-field-hint.success{color:#10b981}.signup-role-label:hover{transform:translateY(-2px);background:var(--color-surface);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.signup-role-input:checked+.signup-role-label{background:rgba(30,86,183,.05);box-shadow:0 0 0 3px rgba(30,86,183,.1);border-color:var(--color-primary)}.signup-role-input:checked+.signup-role-label .signup-role-icon-student{color:#fff;transform:scale(1.05);background:var(--color-primary)}.signup-role-input:checked+.signup-role-label .signup-role-icon-teacher{color:#fff;transform:scale(1.05);background:var(--color-accent)}.signup-role-input:checked+.signup-role-label .signup-role-icon-admin{color:#fff;transform:scale(1.05);background:var(--color-secondary)}.signup-role-input:checked+.signup-role-label .signup-role-check{color:#fff;transform:scale(1.1);background:var(--color-primary);border-color:var(--color-primary)}.signup-checkbox-custom:after{top:50%;left:50%;width:10px;height:10px;content:"";position:absolute;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:translate(-50%,-50%) scale(0);background:#fff;transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.signup-checkbox-input:checked~.signup-checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.signup-checkbox-input:checked~.signup-checkbox-custom:after{transform:translate(-50%,-50%) scale(1)}.signup-link:hover{color:var(--color-accent);text-decoration:underline}.signup-submit-btn:before{top:50%;left:50%;width:0;height:0;content:"";position:absolute;transform:translate(-50%,-50%);background:hsla(0,0%,100%,.2);transition:width var(--animation-duration-slow) var(--animation-curve-primary),height var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.signup-submit-btn:hover:before{width:300px;height:300px}.signup-login-link p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.signup-footer-link:hover{color:#fff;text-decoration:underline}.main-nav{top:0;left:0;right:0;z-index:1000;position:fixed;background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:0 1px 0 0 color-mix(in srgb,var(--color-on-surface) 5%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px)}.main-nav__container{gap:var(--spacing-2xl);height:80px;margin:0 auto;display:flex;padding:0 var(--spacing-xl);z-index:2;position:relative;max-width:var(--content-max-width);align-items:center;justify-content:space-between}.main-nav__overlay{inset:0;opacity:0;z-index:998;position:fixed;background:color-mix(in srgb,var(--color-scrim) 60%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;backdrop-filter:blur(4px)}.main-nav__brand{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;position:relative;font-size:var(--font-size-xl);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-decoration:none}.main-nav__menu{gap:var(--spacing-xs);flex:1;margin:0;display:flex;padding:0;list-style:none;align-items:center;justify-content:center}.navigation-navigation__actions{gap:var(--spacing-md);display:flex;align-items:center}.main-nav__logo{color:var(--color-primary);width:44px;height:44px;display:flex;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent) 0,color-mix(in srgb,var(--color-secondary) 12%,transparent) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.main-nav__brand-text{font-size:var(--font-size-xl);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);letter-spacing:-.03em;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-nav__item{margin:0;padding:0}.main-nav__auth-buttons{gap:var(--spacing-sm);display:flex;align-items:center}.main-nav__theme-toggle{display:flex;background:color-mix(in srgb,var(--color-on-surface) 6%,transparent)}.main-nav__mobile-toggle,.main-nav__theme-toggle{color:var(--color-on-surface);width:44px;border:1px solid var(--color-border);cursor:pointer;height:44px;padding:0;overflow:hidden;position:relative;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.main-nav__mobile-toggle{display:none;background:transparent}.main-nav__link{color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) var(--spacing-lg);position:relative;font-size:var(--font-size-base);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-normal);text-decoration:none}.main-nav__link--featured{color:var(--color-on-primary);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.main-nav__theme-icon{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.main-nav__theme-icon--light{opacity:1;transform:rotate(0deg) scale(1)}.main-nav__theme-icon--dark{opacity:0;transform:rotate(90deg) scale(.5)}.main-nav__toggle-icon{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.main-nav__toggle-icon--open{opacity:1;transform:rotate(0deg) scale(1)}.main-nav__toggle-icon--close{opacity:0;transform:rotate(90deg) scale(.5)}.main-nav__brand:hover{transform:translateY(-1px)}.main-nav__brand:hover .main-nav__logo:before{opacity:.1}.main-nav__brand:hover .main-nav__logo{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 40%,transparent),0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.main-nav__logo:before{inset:0;content:"";opacity:0;position:absolute;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);transition:opacity var(--animation-duration-standard) var(--animation-curve-primary)}.main-nav__logo svg{z-index:1;position:relative}.main-nav__link:before{inset:0;content:"";opacity:0;position:absolute;background:color-mix(in srgb,var(--color-on-surface) 6%,transparent);transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.main-nav__link:hover:before{opacity:1}.main-nav__link span{z-index:1;position:relative}.main-nav__link--featured:before{background:color-mix(in srgb,var(--color-on-primary) 10%,transparent)}.main-nav__link--featured:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 35%,transparent)}.main-nav__theme-toggle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-color:var(--color-outline)}.main-nav__mobile-toggle:hover{background:color-mix(in srgb,var(--color-on-surface) 6%,transparent);border-color:var(--color-outline)}.main-nav--mobile-open .main-nav__menu{opacity:1;transform:translateX(0);visibility:visible}.main-nav--mobile-open .main-nav__overlay{opacity:1;visibility:visible}.main-nav--mobile-open .main-nav__toggle-icon--open{opacity:0;transform:rotate(-90deg) scale(.5)}.main-nav--mobile-open .main-nav__toggle-icon--close{opacity:1;transform:rotate(0deg) scale(1)}.communications-hub{background:var(--color-surface);min-height:100vh}.internal-communications-hero-section{padding:clamp(3rem,6vw,6rem) 0 clamp(2rem,4vw,4rem);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent))}.announcements-section,.interface-section{padding:var(--section-gap) 0;background:var(--color-surface)}.actions-section{padding:var(--section-gap) 0;background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 2%,var(--color-surface)))}.internal-communications-hero-container{gap:var(--spacing-3xl);z-index:2;position:relative;align-items:center;grid-template-columns:1fr 1fr}.interface-container,.internal-communications-hero-container{margin:0 auto;display:grid;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.interface-container{gap:var(--spacing-xl);min-height:800px;grid-template-columns:280px 1fr 420px}.actions-container,.announcements-container{margin:0 auto;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.internal-communications-hero-content{gap:var(--spacing-lg);display:flex;flex-direction:column}.internal-communications-hero-visual{position:relative}.comm-sidebar{gap:var(--spacing-lg);top:var(--spacing-xl);border:1px solid var(--color-border);height:-moz-fit-content;height:fit-content;display:flex;padding:var(--spacing-xl);position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);flex-direction:column}.message-detail,.message-list{border:1px solid var(--color-border);display:flex;overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);flex-direction:column}.internal-communications-section-header{gap:var(--spacing-xl);display:flex;align-items:flex-end;margin-bottom:var(--spacing-2xl);justify-content:space-between}.announcements-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(3,1fr)}.internal-communications-actions-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(4,1fr)}.internal-communications-hero-badge{gap:var(--spacing-sm);color:var(--color-primary);width:-moz-fit-content;width:fit-content;border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.internal-communications-hero-title{color:var(--color-on-surface);margin:0;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.internal-communications-hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);max-width:540px;line-height:var(--line-height-base)}.internal-communications-hero-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap;margin-top:var(--spacing-md)}.internal-communications-hero-stats-grid{gap:var(--spacing-lg);display:grid}.sidebar-header{gap:var(--spacing-md)}.sidebar-header,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:var(--spacing-xs)}.sidebar-filters{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.list-header{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.internal-communications-messages-container{flex:1;overflow-y:auto}.list-footer{border-top:1px solid var(--color-border)}.internal-communications-detail-header,.list-footer{display:flex;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface);align-items:center;justify-content:space-between}.internal-communications-detail-header{border-bottom:1px solid var(--color-border)}.detail-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.internal-communications-header-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.announcement-card{overflow:hidden;position:relative}.announcement-card,.internal-communications-action-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.internal-communications-action-card{cursor:pointer;text-align:center;align-items:center}.internal-communications-stat-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.nav-item{gap:var(--spacing-md);color:var(--color-on-surface-secondary);border:1px solid transparent;cursor:pointer;display:flex;padding:var(--spacing-md) var(--spacing-lg);position:relative;font-size:var(--font-size-base);background:transparent;text-align:left;transition:all .2s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.internal-communications-filter-group{gap:var(--spacing-sm);display:flex;flex-direction:column}.list-controls{gap:var(--spacing-md);display:flex;flex-direction:column}.message-item{gap:var(--spacing-md);cursor:pointer;display:grid;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface-elevated);transition:all .2s var(--animation-curve-primary);border-bottom:1px solid var(--color-border);grid-template-columns:auto auto 1fr}.detail-actions,.internal-communications-pagination-controls{gap:var(--spacing-sm);display:flex}.detail-empty{gap:var(--spacing-lg);color:var(--color-on-surface-secondary);height:100%;display:flex;min-height:400px;text-align:center;align-items:center;flex-direction:column;justify-content:center}.internal-communications-card-header{gap:var(--spacing-md);display:flex;align-items:flex-start;justify-content:space-between}.internal-communications-card-footer{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-md);justify-content:space-between}.internal-communications-action-icon{width:72px;height:72px;transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.internal-communications-action-icon,.internal-communications-stat-icon{color:var(--color-primary);display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;justify-content:center}.internal-communications-stat-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--border-radius-md)}.internal-communications-stat-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.filter-checkbox{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);align-items:center}.internal-communications-search-bar{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-elevated);transition:all .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.list-actions{gap:var(--spacing-sm);display:flex}.message-avatar{width:48px;height:48px;overflow:hidden;flex-shrink:0;border-radius:var(--border-radius-full)}.internal-communications-message-content{gap:var(--spacing-xs);display:flex;min-width:0;flex-direction:column}.icon-btn{color:var(--color-on-surface-secondary);width:40px;border:1px solid var(--color-border);cursor:pointer;height:40px;background:transparent;transition:all .2s var(--animation-curve-primary)}.card-icon,.icon-btn{display:flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.card-icon{color:var(--color-primary);width:48px;height:48px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);flex-shrink:0}.internal-communications-priority-badge{border:1px solid var(--color-border);padding:4px 10px;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.footer-meta,.internal-communications-priority-badge{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.footer-meta{gap:var(--spacing-xs);display:flex;align-items:center}.footer-author{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.internal-communications-stat-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.internal-communications-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.internal-communications-message-header{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.internal-communications-message-subject{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.internal-communications-message-subject,.message-preview{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-preview{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.message-tags{gap:var(--spacing-sm)}.message-meta,.message-tags{display:flex;flex-wrap:wrap;align-items:center}.message-meta{gap:var(--spacing-md)}.internal-communications-message-actions{gap:var(--spacing-sm);display:flex;align-items:center}.internal-communications-tag{color:var(--color-on-surface-secondary);border:1px solid color-mix(in srgb,var(--color-neutral) 20%,transparent);padding:4px 10px;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-neutral) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.internal-communications-message-sender{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.message-role{padding:2px 8px;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.internal-communications-message-time,.message-role{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.internal-communications-message-time{white-space:nowrap}.internal-communications-hero-section:before{top:0;right:0;width:50%;height:100%;content:"";z-index:1;position:absolute;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%);pointer-events:none}.internal-communications-hero-badge svg{flex-shrink:0}.internal-communications-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.sidebar-header h2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span:first-of-type{flex:1}.nav-item .badge{color:var(--color-on-primary);padding:2px 8px;font-size:var(--font-size-xs);min-width:20px;background:var(--color-primary);text-align:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.nav-item .badge.warning{color:var(--color-on-accent);background:color-mix(in srgb,var(--color-accent) 90%,#000)}.nav-item:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.nav-item.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-filters h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.filter-checkbox input[type=checkbox]{width:18px;cursor:pointer;height:18px}.internal-communications-search-bar:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.internal-communications-search-bar svg{color:var(--color-on-surface-secondary);flex-shrink:0}.internal-communications-search-bar input{flex:1;color:var(--color-on-surface);border:none;outline:none;font-size:var(--font-size-base);background:transparent}.internal-communications-search-bar input::-moz-placeholder{color:var(--color-on-surface-secondary)}.internal-communications-search-bar input::placeholder{color:var(--color-on-surface-secondary)}.icon-btn:hover{color:var(--color-on-surface);background:var(--color-surface);border-color:var(--color-primary)}.icon-btn.starred{color:var(--color-accent)}.icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.message-item:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated))}.message-item.unread{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated))}.message-item.unread .message-sender,.message-item.unread .message-subject{font-weight:var(--font-weight-semibold)}.message-checkbox input[type=checkbox]{width:18px;cursor:pointer;height:18px;margin-top:4px}.message-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-role.role-teacher{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.message-role.role-student{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.internal-communications-tag.high{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:var(--color-accent)}.message-tags svg{color:var(--color-on-surface-secondary);width:16px;height:16px}.detail-empty svg{opacity:.3}.detail-empty h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.detail-empty p{margin:0;font-size:var(--font-size-base)}.announcement-card:before{top:0;left:0;width:4px;height:100%;content:"";opacity:0;position:absolute;background:var(--color-primary);transition:opacity .3s var(--animation-curve-primary)}.announcement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.announcement-card:hover:before{opacity:1}.announcement-card.high:before{opacity:1;background:var(--color-accent)}.announcement-card.high .card-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.announcement-card h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.announcement-card p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.internal-communications-priority-badge.high{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:var(--color-accent)}.footer-meta svg{width:16px;height:16px}.actions-container .section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.internal-communications-action-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.internal-communications-action-card:hover .action-icon{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.internal-communications-action-card h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.internal-communications-action-card p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.hero-roles{display:flex;overflow:hidden;position:relative;min-height:clamp(600px,90vh,800px);align-items:center;justify-content:center}.intro-section{background:var(--color-surface)}.comparison-section,.intro-section,.role-section{padding:clamp(4rem,8vw,8rem) var(--spacing-lg)}.comparison-section{background:var(--color-surface)}.integration-section{background:var(--color-surface-elevated)}.cta-section,.integration-section{padding:clamp(4rem,8vw,8rem) var(--spacing-lg)}.cta-section{overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.hero-video-container{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content-wrapper1{padding:var(--spacing-2xl) var(--spacing-lg);z-index:3;position:relative;text-align:center}.intro-container,.role-container,.untitled-hero-content-wrapper1{margin:0 auto;max-width:var(--content-max-width)}.role-container{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.comparison-container{margin:0 auto;max-width:1400px}.integration-container{margin:0 auto;max-width:var(--content-max-width);text-align:center}.untitled-cta-container{margin:0 auto;z-index:2;position:relative;max-width:900px}.hero-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-hero-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 75%,transparent))}.untitled-hero-badge1{gap:var(--spacing-sm);color:var(--color-on-primary);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);animation:fadeInDown .8s var(--animation-curve-primary);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);backdrop-filter:blur(10px)}.untitled-hero-title1{color:var(--color-on-primary);animation:fadeInUp .8s var(--animation-curve-primary) .2s backwards;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle1{color:var(--color-on-primary);margin:0 auto var(--spacing-2xl);opacity:.95;animation:fadeInUp .8s var(--animation-curve-primary) .4s backwards;font-size:var(--font-size-xl);max-width:800px;line-height:var(--line-height-base)}.untitled-hero-stats1{gap:var(--spacing-2xl);display:flex;animation:fadeInUp .8s var(--animation-curve-primary) .6s backwards;flex-wrap:wrap;justify-content:center}.intro-content{text-align:center}.role-visual{position:relative}.role-content{padding:var(--spacing-lg)}.comparison-header{text-align:center;margin-bottom:var(--spacing-3xl)}.comparison-table-wrapper{background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);overflow-x:auto;border-radius:var(--border-radius-lg)}.integration-diagram{height:600px;margin:var(--spacing-4xl) 0;position:relative}.integration-flows{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-cta-content{text-align:center}.untitled-stat-item1{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.intro-grid{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.role-image-wrapper{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.role-header{gap:var(--spacing-lg);display:flex;align-items:center}.role-description,.role-header{margin-bottom:var(--spacing-xl)}.role-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-role-features{gap:var(--spacing-lg);display:flex;flex-direction:column}.comparison-table{width:100%;border-spacing:0;border-collapse:separate}.integration-node{gap:var(--spacing-sm);display:flex;padding:var(--spacing-lg);z-index:2;position:absolute;min-width:160px;background:var(--color-surface);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);flex-direction:column}.node-center{top:50%;left:50%;color:var(--color-on-primary);transform:translate(-50%,-50%);background:var(--color-primary);font-weight:var(--font-weight-bold)}.node-student{top:5%;left:50%;transform:translateX(-50%)}.node-teacher{top:25%;right:5%}.node-coordinator{right:5%;bottom:25%}.node-admin{left:50%;bottom:5%;transform:translateX(-50%)}.node-support{left:5%;bottom:25%}.connection-lines{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute;pointer-events:none}.flow-card{padding:var(--spacing-xl);background:var(--color-surface);box-shadow:var(--shadow-level-1);text-align:left;border-radius:var(--border-radius-lg)}.untitled-cta-title{color:var(--color-on-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.cta-description{color:var(--color-on-primary);opacity:.95;font-size:var(--font-size-lg);max-width:700px;line-height:var(--line-height-base);margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-2xl)}.cta-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.cta-buttons,.cta-features{display:flex;flex-wrap:wrap;justify-content:center}.cta-features{gap:var(--spacing-xl)}.untitled-stat-number{color:var(--color-on-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-stat-label1{color:var(--color-on-primary);opacity:.9;font-size:var(--font-size-sm)}.intro-card{padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.role-image-accent{top:-20px;right:-20px;width:200px;filter:blur(40px);height:200px;opacity:.3;z-index:-1;position:absolute;border-radius:var(--border-radius-xl)}.untitled-role-icon{width:72px;height:72px;display:flex;box-shadow:var(--shadow-level-2);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-role-student{color:var(--color-on-primary);background:var(--color-primary)}.role-title-group{flex:1}.untitled-feature-item1{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-role-teacher{color:var(--color-on-secondary);background:var(--color-secondary)}.untitled-role-admin{color:var(--color-on-accent);background:var(--color-accent)}.untitled-role-support{color:var(--color-on-primary);background:var(--color-primary)}.untitled-role-coordinator{color:var(--color-on-secondary);background:var(--color-secondary)}.node-icon{color:var(--color-on-primary);width:56px;height:56px;display:flex;background:var(--color-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.connection-line{stroke:var(--color-border);opacity:.5;stroke-width:2;stroke-dasharray:8 4}.cta-feature{gap:var(--spacing-sm);font-size:var(--font-size-sm)}.cta-feature,.intro-icon{color:var(--color-on-primary);display:flex;align-items:center}.intro-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--color-primary);border-radius:var(--border-radius-lg);justify-content:center}.untitled-role-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.untitled-role-badge{color:var(--color-on-primary);display:inline-block;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-primary);border-radius:var(--border-radius-sm);letter-spacing:.05em;text-transform:uppercase}.feature-column,.untitled-role-badge{font-weight:var(--font-weight-semibold)}.feature-column{color:var(--color-on-surface);min-width:250px}.capability-level{display:inline-block;padding:6px var(--spacing-md);font-size:var(--font-size-xs);text-align:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-sm)}.level-view{color:var(--color-accent);border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.level-manage{color:var(--color-secondary);border:1px solid var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.level-full{color:var(--color-primary);border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.level-none{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-on-surface-secondary) 10%,transparent)}.untitled-hero-badge1 svg{width:20px;height:20px}.intro-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.intro-card h3{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.intro-card p{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.intro-icon svg{width:32px;height:32px}.role-section:nth-child(2n){background:var(--color-surface)}.role-section:nth-child(odd){background:var(--color-surface-elevated)}.role-image-wrapper img{width:100%;height:auto;display:block;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.role-image-wrapper:hover img{transform:scale(1.05)}.student-role .role-image-accent{background:var(--color-primary)}.teacher-role .role-image-accent{background:var(--color-secondary)}.admin-role .role-image-accent{background:var(--color-accent)}.support-role .role-image-accent{background:var(--color-primary)}.coordinator-role .role-image-accent{background:var(--color-secondary)}.untitled-role-icon svg{width:36px;height:36px}.untitled-feature-item1:hover{transform:translateX(8px)}.untitled-feature-item1 svg{color:var(--color-primary);width:24px;height:24px;margin-top:4px;flex-shrink:0}.feature-text h4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.feature-text p{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.comparison-table thead{color:var(--color-on-primary);background:var(--color-primary)}.comparison-table th{padding:var(--spacing-lg);font-size:var(--font-size-base);text-align:left;font-weight:var(--font-weight-bold);white-space:nowrap}.comparison-table th:first-child{border-top-left-radius:var(--border-radius-lg)}.comparison-table th:last-child{border-top-right-radius:var(--border-radius-lg)}.comparison-table tbody tr{transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.comparison-table tbody tr:hover{background:var(--color-surface)}.comparison-table td{color:var(--color-on-surface);padding:var(--spacing-lg);font-size:var(--font-size-sm)}.integration-node:hover{transform:scale(1.1);box-shadow:var(--shadow-level-3)}.integration-node span{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.integration-node p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.node-center:hover{transform:translate(-50%,-50%) scale(1.1)}.node-center .node-icon{color:var(--color-primary);background:var(--color-surface)}.node-center span{color:var(--color-on-primary)}.node-icon svg{width:28px;height:28px}.flow-card h3{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.flow-card p{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.cta-section:before{top:-50%;right:-20%;width:600px;filter:blur(80px);height:600px;content:"";position:absolute;background:color-mix(in srgb,var(--color-surface) 10%,transparent);border-radius:50%}.cta-feature svg{width:20px;height:20px}.hero-about{display:flex;overflow:hidden;position:relative;min-height:clamp(600px,85vh,900px);align-items:center;justify-content:center}.hero-about,.mission-vision{background:var(--color-surface)}.mission-vision,.values{padding:var(--section-gap) 0}.values{background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)) 100%)}.what-we-do{background:var(--color-surface)}.what-we-do,.why-we-do-it{padding:var(--section-gap) 0}.why-we-do-it{overflow:hidden;position:relative}.how-we-help{background:var(--color-surface)}.how-we-help,.why-choose-us{padding:var(--section-gap) 0}.why-choose-us{background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-secondary) 3%,var(--color-surface)) 100%)}.cta-about{color:var(--color-on-primary);padding:var(--section-gap) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.untitled-hero-content{color:var(--color-on-primary);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);text-align:center}.why-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-video{top:50%;left:50%;width:auto;height:auto;z-index:1;position:absolute;min-width:100%;transform:translate(-50%,-50%);min-height:100%;-o-object-fit:cover;object-fit:cover}.untitled-hero-overlay1{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent) 0,color-mix(in srgb,var(--color-secondary) 75%,transparent) 100%)}.untitled-hero-badge2{gap:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);animation:fadeSlideDown .8s var(--animation-curve-primary);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-xl);letter-spacing:var(--letter-spacing-normal);backdrop-filter:blur(12px)}.untitled-hero-title2{animation:fadeSlideUp 1s var(--animation-curve-primary) .2s backwards;font-size:var(--font-size-hero);max-width:900px;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle2{opacity:.95;animation:fadeSlideUp 1s var(--animation-curve-primary) .4s backwards;font-size:var(--font-size-lg);max-width:700px;line-height:var(--line-height-base);margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-2xl)}.untitled-hero-stats2{gap:var(--spacing-2xl);display:flex;animation:fadeIn 1s var(--animation-curve-primary) .6s backwards;flex-wrap:wrap;margin-top:var(--spacing-3xl);justify-content:center}.mission-vision-grid{gap:var(--spacing-3xl);display:grid}.values-header{text-align:center;margin-bottom:var(--spacing-3xl)}.values-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.what-we-do-content{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.why-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,transparent) 0,color-mix(in srgb,var(--color-secondary) 88%,transparent) 100%)}.why-content{color:var(--color-on-primary);z-index:3;position:relative;max-width:800px}.help-header{text-align:center;margin-bottom:var(--spacing-3xl)}.help-roles{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.choose-layout{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1.2fr 1fr}.untitled-cta-content1{margin:0 auto;max-width:700px;text-align:center}.untitled-stat-item2{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.mission-card,.vision-card{gap:var(--spacing-2xl);display:grid;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-xl);grid-template-columns:1fr 1fr}.values-label{color:var(--color-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);letter-spacing:.1em;text-transform:uppercase}.untitled-section-title2{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle1{color:var(--color-on-surface-secondary);margin:var(--spacing-md) auto 0;font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base)}.value-card{border:1px solid var(--color-border);padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.what-we-do-text{gap:var(--spacing-lg);display:flex;flex-direction:column}.what-we-do-visual{position:relative}.section-label{color:var(--color-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);letter-spacing:.1em;text-transform:uppercase}.untitled-section-content{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.why-stats{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-role-card{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.choose-content{gap:var(--spacing-lg);display:flex;flex-direction:column}.choose-visual{position:relative}.untitled-cta-title1{color:var(--color-on-primary);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.cta-text{color:color-mix(in srgb,var(--color-on-primary) 95%,transparent);font-size:var(--font-size-lg);line-height:var(--line-height-base);margin-bottom:var(--spacing-xl)}.untitled-cta-buttons{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center}.untitled-stat-number1{color:var(--color-on-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.untitled-stat-label2{opacity:.9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.mission-image-wrapper{overflow:hidden;position:relative;aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.mission-content,.vision-content{gap:var(--spacing-md);display:flex;flex-direction:column}.vision-image-wrapper{overflow:hidden;position:relative;aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.value-icon-wrapper{color:var(--color-on-primary);width:64px;height:64px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.value-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.value-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-features-list{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-xl);flex-direction:column}.visual-grid{gap:var(--spacing-md);height:600px;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.why-stat{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 15%,transparent);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(12px)}.untitled-role-header{height:240px;position:relative}.untitled-role-content{padding:var(--spacing-xl)}.advantages-list{gap:var(--spacing-xl);display:flex;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column}.choose-video-wrapper{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);aspect-ratio:4/5;border-radius:var(--border-radius-xl)}.choose-badges{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.mission-icon,.vision-icon{top:var(--spacing-lg);color:var(--color-on-primary);right:var(--spacing-lg);width:56px;height:56px;display:flex;position:absolute;background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-feature-item2{gap:var(--spacing-md);display:grid;align-items:flex-start;grid-template-columns:auto 1fr}.visual-main{width:100%;height:100%;grid-row:1/3;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;grid-column:1/2;border-radius:var(--border-radius-lg)}.visual-secondary{grid-row:1/2}.visual-accent,.visual-secondary{width:100%;height:100%;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;grid-column:2/3;border-radius:var(--border-radius-lg)}.visual-accent{grid-row:2/3}.untitled-stat-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:var(--color-surface);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.stat-data{gap:var(--spacing-xs);display:flex;flex-direction:column}.role-image{width:100%;height:100%;overflow:hidden}.untitled-role-badge1{left:var(--spacing-lg);color:var(--color-on-primary);bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);position:absolute;font-size:var(--font-size-sm);background:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.untitled-role-title1{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.role-benefits{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.advantage-item{gap:var(--spacing-lg);display:grid;align-items:flex-start;grid-template-columns:auto 1fr}.choose-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-primary) 40%,transparent) 100%)}.badge-item{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);align-items:center;border-radius:var(--border-radius-lg)}.untitled-feature-check{color:var(--color-on-primary);width:32px;height:32px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.untitled-stat-value1{color:var(--color-on-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.stat-text{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.advantage-number{color:var(--color-primary);opacity:.3;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.untitled-hero-badge2 svg{width:18px;height:18px}.mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.mission-card:hover .mission-image-wrapper img{transform:scale(1.05)}.vision-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.vision-card:hover .vision-image-wrapper img{transform:scale(1.05)}.mission-image-wrapper img,.vision-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.mission-icon svg,.vision-icon svg{width:28px;height:28px}.value-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover .value-icon-wrapper{transform:scale(1.1) rotate(5deg)}.value-icon-wrapper svg{width:32px;height:32px}.untitled-feature-check svg{width:18px;height:18px}.why-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.why-content .section-label{color:color-mix(in srgb,var(--color-surface) 90%,transparent)}.why-content .section-title{color:var(--color-on-primary)}.why-content .section-content{color:color-mix(in srgb,var(--color-on-primary) 95%,transparent);margin-bottom:var(--spacing-lg)}.untitled-stat-icon svg{width:24px;height:24px}.untitled-role-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-role-card:hover .role-image img{transform:scale(1.1)}.role-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.role-benefits li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.role-benefits li:before{top:8px;left:0;width:6px;height:6px;content:"";position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.advantage-content h4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.advantage-content p{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.badge-item svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0}.badge-item span{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.course-header-section{padding:var(--spacing-2xl) 0;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-elevated) 100%)}.course-header-container{margin:0 auto;padding:0 var(--spacing-lg);z-index:2;position:relative;max-width:var(--content-max-width)}.decorative-accent{left:0;width:100%;bottom:0;height:4px;z-index:3;position:absolute;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 50%,var(--color-accent) 100%)}.header-content-wrapper{gap:var(--spacing-2xl);display:flex;align-items:flex-start}.header-left{flex:1}.header-right{gap:var(--spacing-lg);flex:0 0 380px;display:flex;flex-direction:column}.course-badge-group{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.course-group-detailed-view-course-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);line-height:var(--line-height-tight)}.course-meta-info{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.teacher-info{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-lg)}.stats-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.course-group-detailed-view-level-badge{color:var(--color-on-primary);background:var(--color-primary)}.course-group-detailed-view-level-badge,.modality-badge{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.modality-badge{color:var(--color-on-secondary);background:var(--color-secondary)}.course-group-detailed-view-meta-item{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-base);align-items:center}.teacher-avatar{width:56px;border:3px solid var(--color-primary);height:56px;overflow:hidden;border-radius:var(--border-radius-full)}.teacher-details{gap:var(--spacing-xs);display:flex;flex-direction:column}.course-group-detailed-view-stat-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.teacher-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.teacher-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.course-group-detailed-view-stat-icon{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.course-group-detailed-view-stat-content{flex:1;min-width:0}.course-group-detailed-view-stat-value{color:var(--color-on-surface);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.course-group-detailed-view-stat-label{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.tab-navigation-section{top:0;z-index:100;position:sticky;background:var(--color-surface);box-shadow:var(--shadow-level-1);border-bottom:1px solid var(--color-border)}.tab-container{gap:var(--spacing-lg);margin:0 auto;display:flex;padding:0 var(--spacing-lg);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.tab-progress-bar{height:3px;animation:progressSlide 2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 50%,var(--color-accent) 100%);transform-origin:left}.tab-nav{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md) 0;overflow-x:auto;scrollbar-width:none}.course-group-detailed-view-tab-button,.tab-actions{gap:var(--spacing-sm);display:flex;align-items:center}.course-group-detailed-view-tab-button{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);position:relative;font-size:var(--font-size-base);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md)}.course-group-detailed-view-search-wrapper{display:flex;position:relative;align-items:center}.tab-badge{color:var(--color-on-primary);padding:2px var(--spacing-xs);font-size:var(--font-size-xs);background:var(--color-primary);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--border-radius-full)}.tab-content-section{display:none;padding:var(--spacing-2xl) 0;animation:fadeIn var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface);min-height:600px}.content-wrapper{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.students-grid{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.course-group-detailed-view-pagination-info{color:var(--color-on-surface-secondary);padding:var(--spacing-lg);font-size:var(--font-size-base);text-align:center}.student-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.student-card-header{align-items:flex-start}.course-group-detailed-view-student-metrics,.student-card-header{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-md)}.course-group-detailed-view-student-metrics{flex-direction:column}.student-actions{gap:var(--spacing-sm);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.course-group-detailed-view-student-avatar{width:48px;border:2px solid var(--color-border);height:48px;overflow:hidden;flex-shrink:0;border-radius:var(--border-radius-full)}.student-status{width:32px;height:32px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.course-group-detailed-view-metric-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.course-group-detailed-view-student-name{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.student-email{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-group-detailed-view-metric-label,.student-email{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.course-group-detailed-view-metric-label{font-weight:var(--font-weight-medium)}.metric-bar-wrapper{gap:var(--spacing-sm);display:flex;align-items:center}.metric-bar{flex:1;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);border-radius:var(--border-radius-full)}.course-group-detailed-view-metric-value{color:var(--color-on-surface);font-size:var(--font-size-sm);min-width:40px;text-align:right;font-weight:var(--font-weight-semibold)}.metric-fill{height:100%;transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.attendance-controls{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.attendance-table-wrapper{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.course-group-detailed-view-filter-group{gap:var(--spacing-sm);display:flex;align-items:center}.course-group-detailed-view-attendance-table{width:100%;border-collapse:collapse}.course-group-detailed-view-date-cell{gap:var(--spacing-xs);display:flex;flex-direction:column}.count-badge{height:32px;display:inline-flex;padding:0 var(--spacing-xs);font-size:var(--font-size-sm);min-width:32px;align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);justify-content:center}.rate-indicator{gap:var(--spacing-sm);display:flex;align-items:center}.date-primary{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.date-secondary{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.rate-bar{flex:1;height:6px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);border-radius:var(--border-radius-full)}.grades-summary-cards{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grades-breakdown{margin-top:var(--spacing-2xl)}.course-group-detailed-view-summary-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.breakdown-header{display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.course-group-detailed-view-grades-table-wrapper{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.summary-header{display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.course-group-detailed-view-summary-stat{gap:var(--spacing-sm);display:flex;align-items:baseline;margin-bottom:var(--spacing-md)}.summary-bar{height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);border-radius:var(--border-radius-full)}.course-group-detailed-view-grades-table{width:100%;border-collapse:collapse}.weight-badge{color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-primary);border-radius:var(--border-radius-full)}.stat-large,.weight-badge{font-weight:var(--font-weight-bold)}.stat-large{color:var(--color-on-surface);font-size:var(--font-size-xxl)}.stat-trend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.summary-fill{height:100%;transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.student-name-cell{gap:var(--spacing-sm);display:flex;align-items:center;font-weight:var(--font-weight-medium)}.grade-value{padding:var(--spacing-xs) var(--spacing-sm);min-width:48px;font-weight:var(--font-weight-semibold)}.grade-overall,.grade-value{display:inline-flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.grade-overall{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);min-width:56px;font-weight:var(--font-weight-bold)}.course-group-detailed-view-status-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);text-align:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.mini-avatar{width:32px;border:2px solid var(--color-border);height:32px;overflow:hidden;flex-shrink:0;border-radius:var(--border-radius-full)}.tasks-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.tasks-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.course-group-detailed-view-task-card{border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.task-card-header{gap:var(--spacing-sm);display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.course-group-detailed-view-task-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.course-group-detailed-view-task-description{flex:1;color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.course-group-detailed-view-task-meta{gap:var(--spacing-xs);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column}.course-group-detailed-view-task-actions{gap:var(--spacing-sm);display:flex;margin-top:auto}.task-type-badge{gap:var(--spacing-xs);display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);align-items:center}.course-group-detailed-view-task-status,.task-type-badge{font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.course-group-detailed-view-task-status{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.task-meta-item{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.course-group-detailed-view-observations-header{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.course-group-detailed-view-observations-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.observation-stats{gap:var(--spacing-xl);display:flex}.course-group-detailed-view-observation-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.obs-stat{gap:var(--spacing-xs);flex-direction:column}.obs-stat,.observation-header{display:flex;align-items:center}.observation-header{gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md);justify-content:space-between}.course-group-detailed-view-observation-content{margin-bottom:var(--spacing-lg)}.course-group-detailed-view-observation-actions{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.obs-stat-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.obs-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.course-group-detailed-view-observation-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.course-group-detailed-view-observation-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.observation-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.observation-meta{gap:var(--spacing-lg);flex-wrap:wrap}.observation-meta,.rubric-summary{display:flex;margin-bottom:var(--spacing-lg)}.rubric-summary{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.observation-summary{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.course-group-detailed-view-rubric-item{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.course-group-detailed-view-rubric-label{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.rubric-rating{gap:var(--spacing-xs);color:var(--color-accent);display:flex;align-items:center}.course-header-section:before{top:0;right:0;width:50%;height:100%;content:"";z-index:1;position:absolute;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent) 0,transparent 100%)}.course-group-detailed-view-level-badge:hover,.modality-badge:hover{transform:translateY(-2px)}.course-group-detailed-view-meta-item svg{color:var(--color-primary)}.teacher-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-group-detailed-view-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.course-group-detailed-view-stat-icon.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.course-group-detailed-view-stat-icon.level-b1{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.course-group-detailed-view-stat-icon.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.course-group-detailed-view-stat-icon.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.tab-nav::-webkit-scrollbar{display:none}.course-group-detailed-view-tab-button:after{left:0;width:100%;bottom:calc(-1 * var(--spacing-md));height:3px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.course-group-detailed-view-tab-button:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.course-group-detailed-view-tab-button.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.course-group-detailed-view-tab-button.active:after{transform:scaleX(1)}.tab-badge.pending{color:var(--color-on-accent);background:var(--color-accent)}.course-group-detailed-view-search-wrapper svg{left:var(--spacing-sm);color:var(--color-on-surface-secondary);position:absolute;pointer-events:none}.course-group-detailed-view-search-wrapper input{color:var(--color-on-surface);width:200px;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.course-group-detailed-view-search-wrapper input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.tab-content-section.active{display:block}.student-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.course-group-detailed-view-student-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.student-status.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.student-status.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.metric-fill.positive{background:var(--color-primary)}.metric-fill.level-b1{background:var(--color-secondary)}.metric-fill.warning{background:var(--color-accent)}.course-group-detailed-view-filter-group label{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.course-group-detailed-view-filter-group select{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.course-group-detailed-view-filter-group select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.course-group-detailed-view-attendance-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.course-group-detailed-view-attendance-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.course-group-detailed-view-attendance-table tbody tr{transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.course-group-detailed-view-attendance-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.course-group-detailed-view-attendance-table td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.count-badge.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.count-badge.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.count-badge.status-active{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.rate-bar:before{top:0;left:0;height:100%;content:"";position:absolute;transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.rate-indicator.positive .rate-bar:before{background:var(--color-primary)}.rate-indicator.warning .rate-bar:before{background:var(--color-accent)}.rate-indicator span{font-size:var(--font-size-sm);min-width:40px;font-weight:var(--font-weight-semibold)}.course-group-detailed-view-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.summary-header h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.stat-trend.positive{color:var(--color-primary)}.stat-trend.warning{color:var(--color-accent)}.summary-fill.level-b1{background:var(--color-primary)}.breakdown-header h2{margin:0}.course-group-detailed-view-grades-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.course-group-detailed-view-grades-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.course-group-detailed-view-grades-table tbody tr{transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.course-group-detailed-view-grades-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.course-group-detailed-view-grades-table td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grade-value.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.grade-value.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.grade-overall.positive{color:var(--color-on-primary);background:var(--color-primary)}.grade-overall.warning{color:var(--color-on-accent);background:var(--color-accent)}.course-group-detailed-view-status-badge.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.course-group-detailed-view-status-badge.status-warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.tasks-header h2{margin:0}.course-group-detailed-view-task-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.task-type-badge.listening{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.task-type-badge.reading{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.task-type-badge.writing{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.task-type-badge.grammar{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.task-type-badge.speaking{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.task-type-badge.vocabulary{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.course-group-detailed-view-task-status.pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.course-group-detailed-view-task-status.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.course-group-detailed-view-task-status.status-active{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.course-group-detailed-view-task-status.status-warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.task-meta-item svg{color:var(--color-primary)}.course-group-detailed-view-observations-header h2{margin:0}.obs-stat-value.positive{color:var(--color-primary)}.obs-stat-value.pending{color:var(--color-accent)}.course-group-detailed-view-observation-card:hover{box-shadow:var(--shadow-level-2)}.course-group-detailed-view-observation-badge.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.course-group-detailed-view-observation-badge.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.rubric-rating span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-xs)}.breadcrumb-container{top:0;padding:var(--spacing-md) 0;z-index:10;position:sticky;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px)}.profile-header{color:var(--color-on-primary);padding:var(--spacing-3xl) 0;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.performance-summary{z-index:3;position:relative;margin-top:calc(var(--spacing-3xl) * -1)}.student-details{padding-top:var(--section-gap)}.breadcrumb{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);margin:0 auto;display:flex;padding:0 var(--spacing-xl);font-size:var(--font-size-sm);max-width:var(--content-max-width);list-style:none;align-items:center}.profile-header-content{gap:var(--spacing-2xl);display:flex;z-index:2;position:relative;align-items:flex-start;justify-content:space-between}.untitled-summary-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(4,1fr)}.tabs-container{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.profile-header-left{gap:var(--spacing-xl);flex:1;display:flex;align-items:center}.profile-header-right{display:flex;align-items:flex-start}.untitled-summary-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--border-radius-lg);flex-direction:column}.tabs-nav{gap:0;display:flex;background:var(--color-surface);overflow-x:auto;border-bottom:1px solid var(--color-border)}.tabs-content{padding:var(--spacing-2xl)}.profile-avatar-container{position:relative}.untitled-profile-info{flex:1}.untitled-action-buttons{gap:var(--spacing-md);display:flex}.summary-icon{width:48px;height:48px;display:flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.summary-content{flex:1}.summary-progress{margin-top:var(--spacing-sm)}.tab-btn{gap:var(--spacing-sm);flex:1;color:var(--color-on-surface-secondary);border:none;cursor:pointer;display:flex;padding:var(--spacing-lg) var(--spacing-xl);position:relative;font-size:var(--font-size-base);background:transparent;transition:all .3s ease;align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;justify-content:center}.untitled-tab-panel{display:none;animation:fadeIn .3s ease}.untitled-profile-avatar{width:120px;border:4px solid hsla(0,0%,100%,.2);height:120px;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl)}.untitled-profile-status{right:8px;width:20px;border:3px solid var(--color-primary);bottom:8px;height:20px;position:absolute;border-radius:var(--border-radius-full)}.profile-meta{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.profile-contact,.profile-meta{gap:var(--spacing-sm);display:flex;align-items:center}.profile-contact{opacity:.85;font-size:var(--font-size-sm)}.untitled-summary-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.untitled-summary-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.summary-trend{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.untitled-progress-bar{height:6px;overflow:hidden;background:var(--color-neutral);border-radius:var(--border-radius-full)}.overview-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-attendance-container{gap:var(--spacing-xl);display:flex;flex-direction:column}.grades-container{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-observations-container,.untitled-tasks-container{gap:var(--spacing-xl);display:flex;flex-direction:column}.meta-badge{display:inline-flex;padding:4px 12px;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.meta-divider{opacity:.5}.untitled-meta-item{opacity:.9}.contact-item,.untitled-meta-item{color:var(--color-on-primary)}.untitled-progress-fill{height:100%;background:var(--color-primary);transition:width .6s ease;border-radius:var(--border-radius-full)}.overview-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-md)}.attendance-header{display:flex;align-items:center;justify-content:space-between}.attendance-stats{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(4,1fr)}.table-container{border:1px solid var(--color-border);overflow-x:auto;border-radius:var(--border-radius-md)}.untitled-pagination-info{color:var(--color-on-surface-secondary);padding:var(--spacing-md);font-size:var(--font-size-sm);text-align:center}.grades-header{gap:var(--spacing-lg);display:flex;flex-direction:column}.grades-components{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.grades-analysis{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-md)}.untitled-tasks-header{display:flex;align-items:center;justify-content:space-between}.tasks-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-observations-header{display:flex;align-items:center;justify-content:space-between}.observations-timeline{gap:var(--spacing-2xl);display:flex;position:relative;flex-direction:column}.untitled-card-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg);justify-content:space-between}.skills-grid{gap:var(--spacing-lg);display:flex;flex-direction:column}.alert-list,.untitled-activity-list{gap:var(--spacing-md);display:flex;flex-direction:column}.attendance-filters{gap:var(--spacing-md);display:flex;align-items:center}.untitled-stat-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);text-align:center;border-radius:var(--border-radius-md)}.data-table{width:100%;background:var(--color-surface);border-collapse:collapse}.grades-summary-banner{gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);align-items:center}.grades-summary-banner,.untitled-component-card{border:1px solid var(--color-border);display:flex;background:var(--color-surface);border-radius:var(--border-radius-md)}.untitled-component-card{gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column}.analysis-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.analysis-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr)}.tasks-filter-group{gap:var(--spacing-sm);display:flex}.untitled-task-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface);transition:all .3s ease;border-radius:var(--border-radius-md)}.untitled-pending{color:var(--color-on-surface-secondary);font-style:italic}.observation-entry{gap:var(--spacing-xl);display:flex}.untitled-filter-select1{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--border-radius-md)}.skill-item{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-activity-item1{padding:var(--spacing-md);transition:background .2s ease}.alert-item,.untitled-activity-item1{gap:var(--spacing-md);display:flex;background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.alert-item{padding:var(--spacing-lg);border-left:4px solid var(--color-neutral)}.untitled-stat-value2{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-stat-label3{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.untitled-summary-item{gap:var(--spacing-sm);display:flex;align-items:center}.summary-divider{width:1px;height:30px;background:var(--color-border)}.component-header{display:flex;align-items:center;justify-content:space-between}.component-progress{height:8px;overflow:hidden;background:var(--color-neutral);border-radius:var(--border-radius-full)}.component-details{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.analysis-card{padding:var(--spacing-lg);background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-md)}.task-status-indicator{width:4px;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-task-content{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.task-feedback-section{padding:var(--spacing-md);background:var(--color-surface-elevated);margin-top:var(--spacing-md);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.observation-date-marker{display:flex;position:relative;align-items:center;flex-shrink:0;flex-direction:column}.untitled-observation-card{gap:var(--spacing-md);flex:1;border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.untitled-bar-chart{gap:var(--spacing-lg);display:flex;flex-direction:column}.skill-header{display:flex;align-items:center;justify-content:space-between}.skill-progress{height:8px;overflow:hidden;background:var(--color-neutral);border-radius:var(--border-radius-full)}.untitled-activity-icon{width:36px;height:36px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-activity-content{flex:1}.untitled-alert-icon{color:var(--color-on-surface-secondary);width:32px;height:32px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.untitled-alert-content{flex:1}.untitled-component-score{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.component-bar{height:100%;background:var(--color-primary);transition:width .6s ease;border-radius:var(--border-radius-full)}.exam-breakdown,.quiz-breakdown{gap:var(--spacing-sm);display:flex;flex-direction:column}.analysis-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.analysis-comparison{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:center}.analysis-insight{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.analysis-highlight{display:flex;padding:var(--spacing-md);margin-top:var(--spacing-sm);align-items:center;border-radius:var(--border-radius-sm);justify-content:space-between}.task-main{flex:1}.untitled-task-actions{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.feedback-content{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.date-circle{width:16px;border:4px solid var(--color-surface-elevated);height:16px;background:var(--color-primary);box-shadow:0 0 0 2px var(--color-border);flex-shrink:0;border-radius:var(--border-radius-full)}.date-line{flex:1;width:2px;background:var(--color-border);margin-top:var(--spacing-sm)}.untitled-observation-header{gap:var(--spacing-md);display:flex;align-items:flex-start;justify-content:space-between}.observation-body{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-bar-group{gap:var(--spacing-md);display:flex;align-items:center}.skill-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.skill-score{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.skill-bar{height:100%;background:var(--color-primary);transition:width .6s ease;border-radius:var(--border-radius-full)}.untitled-activity-title{color:var(--color-on-surface);font-size:var(--font-size-sm);margin-bottom:4px}.untitled-activity-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-alert-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-alert-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.exam-item,.quiz-item{display:flex;padding:var(--spacing-sm);background:var(--color-surface-elevated);border-radius:var(--border-radius-sm);justify-content:space-between}.student-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.vs-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.group-value{font-size:var(--font-size-xxl)}.group-value,.highlight-value{color:var(--color-on-surface);font-weight:var(--font-weight-bold)}.highlight-value{font-size:var(--font-size-lg)}.task-header-row{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);justify-content:space-between}.untitled-task-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.task-meta-row{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.task-grade-display{display:flex;padding:var(--spacing-md);background:color-mix(in srgb,#22c55e 10%,transparent);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.task-status-badge{padding:6px 12px;font-size:var(--font-size-sm)}.observation-category,.task-status-badge{display:inline-flex;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.observation-category{color:var(--color-on-surface);padding:4px 12px;font-size:var(--font-size-xs);background:var(--color-neutral);flex-shrink:0}.untitled-bar-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);min-width:140px;font-weight:var(--font-weight-medium)}.bar-container{flex:1;height:32px;overflow:hidden;position:relative;background:var(--color-neutral);border-radius:var(--border-radius-md)}.untitled-badge{color:var(--color-on-surface);background:var(--color-neutral);font-weight:var(--font-weight-medium)}.untitled-badge,.untitled-status-badge1{display:inline-flex;padding:4px 10px;font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}.untitled-status-badge1{gap:6px;align-items:center;font-weight:var(--font-weight-semibold)}.untitled-task-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base)}.untitled-task-type-badge{color:var(--color-on-primary);display:inline-flex;padding:4px 10px;font-size:var(--font-size-xs);background:var(--color-primary);flex-shrink:0;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-task-meta-item{gap:var(--spacing-xs);display:flex;align-items:center}.grade-label,.untitled-task-meta-item{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.grade-label{margin-bottom:4px}.untitled-grade-value{color:#22c55e;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-observation-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-bar-fill{height:100%;display:flex;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .8s ease;align-items:center;border-radius:var(--border-radius-md);padding-right:var(--spacing-sm);justify-content:flex-end}.untitled-bar-value{color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.breadcrumb a{color:var(--color-primary);transition:color .2s ease;text-decoration:none}.breadcrumb a:hover{color:var(--color-secondary)}.breadcrumb li[aria-current=page]{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.breadcrumb svg{width:14px;height:14px;opacity:.5;transform:rotate(90deg)}.profile-header:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px)}.untitled-profile-status.status-active{background:#22c55e}.untitled-profile-info .hero-title{color:var(--color-on-primary);font-size:var(--font-size-hero);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.meta-badge.level-b1{color:var(--color-on-primary);background:hsla(0,0%,100%,.2)}.untitled-action-buttons .btn{gap:var(--spacing-sm);display:inline-flex;align-items:center;white-space:nowrap}.untitled-action-buttons .btn svg{width:18px;height:18px}.untitled-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.summary-icon.status-success{color:#22c55e;background:color-mix(in srgb,#22c55e 15%,transparent)}.summary-icon.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.summary-icon.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.summary-icon.status-pending{color:var(--color-neutral);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.summary-icon svg{width:24px;height:24px}.summary-trend.positive{color:#22c55e}.summary-trend.warning{color:#f59e0b}.untitled-progress-fill.warning{background:#f59e0b}.tab-btn svg{width:20px;height:20px}.tab-btn:after{left:0;right:0;bottom:0;height:3px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform .3s ease}.tab-btn:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.tab-btn.active{color:var(--color-primary)}.tab-btn.active:after{transform:scaleX(1)}.untitled-tab-panel.active{display:block}.overview-card.chart-card{grid-column:span 2}.overview-card.activity-card,.overview-card.alert-card{grid-column:span 1}.untitled-card-header .section-subtitle{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.skill-score.warning{color:#f59e0b}.skill-bar.warning{background:#f59e0b}.untitled-activity-item1:hover{background:var(--color-neutral)}.untitled-activity-icon.status-success{color:#22c55e;background:color-mix(in srgb,#22c55e 15%,transparent)}.untitled-activity-icon.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-activity-icon.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-activity-icon svg{width:18px;height:18px}.alert-item.warning{background:color-mix(in srgb,#f59e0b 5%,var(--color-surface-elevated));border-left-color:#f59e0b}.alert-item.positive{background:color-mix(in srgb,#22c55e 5%,var(--color-surface-elevated));border-left-color:#22c55e}.alert-item.warning .alert-icon{color:#f59e0b}.alert-item.positive .alert-icon{color:#22c55e}.untitled-alert-icon svg{width:20px;height:20px}.untitled-stat-value2.status-success{color:#22c55e}.untitled-stat-value2.warning{color:#f59e0b}.untitled-stat-value2.status-active{color:var(--color-primary)}.data-table thead{background:var(--color-surface-elevated)}.data-table th{color:var(--color-on-surface);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.data-table td,.data-table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.data-table td{color:var(--color-on-surface-secondary);border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:var(--color-neutral)}.untitled-status-badge1.status-success{color:#22c55e;background:color-mix(in srgb,#22c55e 15%,transparent)}.untitled-status-badge1.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-status-badge1.pending{color:var(--color-on-surface-secondary);background:var(--color-neutral)}.untitled-summary-value.warning{color:#f59e0b}.untitled-summary-value.status-warning{color:#f59e0b;font-size:var(--font-size-base)}.component-header h4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-component-score.warning{color:#f59e0b}.component-bar.warning{background:#f59e0b}.quiz-item span:first-child{color:var(--color-on-surface-secondary)}.quiz-item span:last-child{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.exam-item span:first-child{color:var(--color-on-surface-secondary)}.exam-item span:last-child{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.analysis-insight.warning{color:#f59e0b}.analysis-highlight.positive{background:color-mix(in srgb,#22c55e 10%,transparent)}.analysis-highlight.warning{background:color-mix(in srgb,#f59e0b 10%,transparent)}.analysis-highlight span:first-child{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.untitled-task-card:hover{box-shadow:var(--shadow-level-2)}.task-status-indicator.status-success{background:#22c55e}.task-status-indicator.status-warning{background:#f59e0b}.task-status-indicator.status-pending{background:var(--color-neutral)}.untitled-task-meta-item.warning{color:#f59e0b}.untitled-task-meta-item svg{width:14px;height:14px}.task-grade-display.status-success{background:color-mix(in srgb,#22c55e 10%,transparent)}.task-status-badge.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.task-status-badge.pending{color:var(--color-on-surface-secondary);background:var(--color-neutral)}.feedback-content strong{color:var(--color-on-surface);display:block;margin-bottom:var(--spacing-xs)}.observation-entry:last-child .date-line{display:none}.observation-meta h4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.observation-category.positive{color:#22c55e;background:color-mix(in srgb,#22c55e 15%,transparent)}.observation-body p{margin-bottom:var(--spacing-md)}.observation-body strong{color:var(--color-on-surface);display:block;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.observation-body ul{list-style:disc;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.observation-body li{margin-bottom:var(--spacing-xs)}.dashboard-main{color:var(--color-on-surface);background:var(--color-surface);min-height:100vh;transition:background .3s ease,color .3s ease;font-family:var(--font-family-body);line-height:var(--line-height-base)}.dashboard-header{top:0;padding:var(--spacing-lg) var(--spacing-xl);z-index:10;position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-bottom:1px solid var(--color-border)}.profile-hero{display:flex;padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-3xl);overflow:hidden;position:relative;min-height:420px;align-items:flex-end}.dashboard-content{gap:var(--section-gap);padding:var(--spacing-4xl) var(--spacing-xl);flex-direction:column}.dashboard-content,.untitled-header-content{margin:0 auto;display:flex;max-width:var(--content-max-width)}.untitled-header-content{gap:var(--spacing-lg);align-items:center;justify-content:space-between}.untitled-hero-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content1{width:100%;margin:0 auto;z-index:3;position:relative;max-width:var(--content-max-width)}.restricted-section{border:2px dashed var(--color-border);padding:var(--spacing-4xl) var(--spacing-2xl);background:color-mix(in srgb,var(--color-on-surface) 2%,transparent);border-radius:var(--border-radius-xl)}.privacy-notice{gap:var(--spacing-lg);border:2px solid var(--color-primary);display:flex;padding:var(--spacing-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));box-shadow:var(--shadow-level-2);align-items:flex-start;border-radius:var(--border-radius-xl)}.breadcrumb-section{flex:1}.untitled-edushield-logo{gap:var(--spacing-sm);color:var(--color-primary);display:flex;font-size:var(--font-size-lg);align-items:center;font-weight:var(--font-weight-bold)}.untitled-hero-overlay2{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 30%,transparent) 0,color-mix(in srgb,var(--color-surface) 85%,transparent) 100%)}.profile-card-main{gap:var(--spacing-2xl);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);transition:all .3s ease;align-items:center;border-radius:var(--border-radius-xl);backdrop-filter:blur(20px)}.untitled-section-header2{text-align:center;margin-bottom:var(--spacing-2xl)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-grid,.restricted-grid{gap:var(--spacing-xl);display:grid}.restricted-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.untitled-activity-timeline{gap:var(--spacing-xl);margin:0 auto;display:flex;max-width:800px;flex-direction:column}.notice-icon{color:var(--color-on-primary);width:48px;height:48px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-breadcrumb{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);margin-top:var(--spacing-xs);align-items:center}.profile-image-wrapper{position:relative;flex-shrink:0}.profile-info-main{flex:1}.untitled-section-title3{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle2{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-base);max-width:600px}.info-card{transition:all .3s ease}.info-card,.restricted-card{border:1px solid var(--color-border);padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.restricted-card{min-height:220px}.untitled-activity-item2{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-lg)}.notice-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.notice-text,.notice-title{color:var(--color-on-surface)}.notice-text{font-size:var(--font-size-base);line-height:1.6}.back-arrow{display:inline-block;font-size:var(--font-size-lg);transition:transform .3s ease}.profile-image{width:140px;border:4px solid var(--color-primary);height:140px;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.untitled-status-indicator{right:8px;width:24px;border:3px solid var(--color-surface-elevated);bottom:8px;height:24px;position:absolute;animation:pulse 2s ease-in-out infinite;border-radius:var(--border-radius-full)}.untitled-status-active{background:#10b981}.untitled-profile-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap;margin-top:var(--spacing-sm);align-items:center}.card-icon-wrapper{width:56px;height:56px;display:flex;transition:transform .3s ease;align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.primary-accent{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.secondary-accent{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.accent-accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.lock-overlay{top:0;left:0;width:100%;height:100%;display:flex;padding:var(--spacing-lg);z-index:2;position:absolute;background:color-mix(in srgb,var(--color-surface-elevated) 95%,transparent);text-align:center;align-items:center;flex-direction:column;backdrop-filter:blur(8px);justify-content:center}.card-preview{z-index:1;position:relative}.untitled-activity-content1{flex:1}.untitled-meta-badge{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-meta-badge,.untitled-meta-item1{gap:var(--spacing-xs);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-meta-item1{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-on-surface) 5%,transparent);border-color:var(--color-border);border-radius:var(--border-radius-full)}.card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.card-value{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.card-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.progress-indicator{margin-top:var(--spacing-lg)}.schedule-list{gap:var(--spacing-sm);display:flex;margin-bottom:var(--spacing-md);flex-direction:column}.untitled-modality-badge{color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-accent) 15%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.lock-icon{opacity:.5;animation:lock-float 3s ease-in-out infinite;margin-bottom:var(--spacing-md)}.lock-icon,.lock-message{color:var(--color-on-surface-secondary)}.lock-message{font-size:var(--font-size-sm);max-width:200px;font-weight:var(--font-weight-medium)}.blur-content{filter:blur(6px);opacity:.3;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.untitled-activity-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.untitled-activity-text{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md)}.activity-actions{gap:var(--spacing-sm);display:flex}.activity-badge{gap:var(--spacing-xs);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.untitled-progress-bar1{width:100%;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-xs)}.progress-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.schedule-item{padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-on-surface) 5%,transparent);border-radius:var(--border-radius-md)}.grade-item,.schedule-item{display:flex;align-items:center;justify-content:space-between}.grade-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.attendance-stat{display:flex;margin-bottom:var(--spacing-md);justify-content:space-between}.untitled-contact-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.history-item,.untitled-contact-item{display:flex;align-items:center;justify-content:space-between}.history-item{padding:var(--spacing-sm);background:color-mix(in srgb,var(--color-on-surface) 5%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs)}.payment-status{display:flex;padding:var(--spacing-sm) 0;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.activity-author{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-activity-time1{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-action-btn1{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:transparent;transition:all .3s ease;align-items:center;border-radius:var(--border-radius-full)}.untitled-progress-fill1{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .6s ease;border-radius:var(--border-radius-full)}.day-label{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.day-label,.time-label{font-size:var(--font-size-sm)}.time-label{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.untitled-grade-value1,.untitled-stat-value3{color:var(--color-primary);font-weight:var(--font-weight-bold)}.like-icon{transition:transform .3s ease}.untitled-breadcrumb .separator{opacity:.5}.untitled-breadcrumb .active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.btn-link:hover .back-arrow{transform:translateX(-4px)}.untitled-edushield-logo svg{color:var(--color-primary)}.untitled-hero-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.profile-card-main:hover{transform:translateY(-4px);box-shadow:0 20px 40px color-mix(in srgb,var(--color-primary) 15%,transparent)}.info-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .3s ease;transform-origin:left}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.info-card:hover:before{transform:scaleX(1)}.info-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.untitled-activity-item2:before{top:0;left:0;width:4px;bottom:0;content:"";position:absolute;transform:scaleY(0);background:var(--color-primary);transition:transform .3s ease;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}.untitled-activity-item2:hover{transform:translateX(8px);border-color:var(--color-primary)}.untitled-activity-item2:hover:before{transform:scaleY(1)}.activity-avatar img{width:56px;border:2px solid var(--color-primary);height:56px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-action-btn1:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-action-btn1:hover .like-icon{transform:scale(1.2)}.hero-profile-wrapper{overflow:hidden;position:relative;min-height:clamp(500px,60vh,700px)}.hero-profile-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.hero-profile-content{display:flex;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;min-height:clamp(500px,60vh,700px);align-items:center}.untitled-stats-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.about-layout,.untitled-stats-grid{display:grid;margin-top:var(--spacing-2xl)}.about-layout{gap:var(--spacing-2xl);grid-template-columns:1fr 380px}.section-header-with-action{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-2xl);justify-content:space-between}.classes-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.untitled-hero-subtitle3{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);margin:0}.reviews-layout{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:380px 1fr}.hero-profile-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent) 0,color-mix(in srgb,var(--color-primary) 85%,transparent) 50%,color-mix(in srgb,var(--color-secondary) 90%,transparent) 100%)}.teacher-profile-card{gap:var(--spacing-2xl);width:100%;border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:grid;padding:var(--spacing-4xl);max-width:900px;background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:var(--shadow-level-3);transition:transform var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-xl);backdrop-filter:blur(20px);grid-template-columns:auto 1fr auto}.untitled-stat-card1{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.about-main{gap:var(--spacing-2xl)}.about-main,.about-sidebar{display:flex;flex-direction:column}.about-sidebar{gap:var(--spacing-xl)}.section-badge{color:var(--color-on-primary);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.untitled-class-card{gap:var(--spacing-md);display:flex;overflow:hidden;position:relative;transition:all var(--animation-duration-standard) var(--animation-curve-primary);flex-direction:column}.reviews-summary{top:var(--spacing-xl);height:-moz-fit-content;height:fit-content;position:sticky}.reviews-list{gap:var(--spacing-xl);display:flex;flex-direction:column}.teacher-avatar-wrapper{position:relative}.teacher-header-info,.teacher-quick-actions{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-stat-icon1{width:56px;height:56px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-stat-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.about-card,.expertise-card,.untitled-sidebar-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-class-header{gap:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.untitled-class-details{gap:var(--spacing-sm);display:flex;flex-direction:column}.class-image{width:100%;height:180px;overflow:hidden;margin-top:var(--spacing-sm);border-radius:var(--border-radius-md)}.reviews-rating-large{align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.reviews-breakdown,.reviews-rating-large{gap:var(--spacing-md);display:flex;flex-direction:column}.review-card{gap:var(--spacing-lg);display:flex;flex-direction:column}.teacher-avatar-border{width:160px;height:160px;padding:6px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-full)}.teacher-status-badge{gap:var(--spacing-xs);right:8px;border:2px solid var(--color-surface);bottom:8px;display:flex;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;font-size:var(--font-size-xs);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.teacher-name-group,.teacher-rating-group{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-stat-value4{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-stat-label4{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expertise-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-list{margin-top:var(--spacing-md)}.certification-list,.contact-list{gap:var(--spacing-md);display:flex;flex-direction:column}.certification-list{margin:var(--spacing-md) 0 0 0;padding:0;list-style:none}.language-list{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-md);flex-direction:column}.class-level{font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.class-level,.class-modality{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.class-modality{color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.class-detail-item{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.reviews-score{color:var(--color-on-surface);font-size:clamp(48px,8vw,72px);font-weight:var(--font-weight-bold);line-height:1}.reviews-stars-large{gap:var(--spacing-xs);display:flex}.reviews-total{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.review-bar-item{gap:var(--spacing-md);display:grid;font-size:var(--font-size-sm);align-items:center;grid-template-columns:80px 1fr 40px}.review-header{gap:var(--spacing-md);display:flex;align-items:flex-start;justify-content:space-between}.review-text{color:var(--color-on-surface);margin:0;line-height:var(--line-height-base)}.review-helpful{gap:var(--spacing-lg);display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-md)}.untitled-teacher-avatar{width:100%;border:4px solid var(--color-surface);height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.teacher-verification{gap:var(--spacing-xs);color:var(--color-on-primary);display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-accent) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.teacher-rating-stars{gap:4px;display:flex}.teacher-rating-text{color:var(--color-on-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.teacher-rating-count{color:color-mix(in srgb,var(--color-on-primary) 80%,transparent);font-size:var(--font-size-sm)}.expertise-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-contact-item1{color:var(--color-on-surface);font-size:var(--font-size-sm);align-items:center}.certification-item,.untitled-contact-item1{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.language-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.review-bar-container{border:1px solid var(--color-border);height:8px;overflow:hidden;background:var(--color-surface);border-radius:var(--border-radius-full)}.review-bar-count{color:var(--color-on-surface-secondary);text-align:right;font-weight:var(--font-weight-medium)}.untitled-student-info{gap:var(--spacing-md);display:flex;align-items:center}.review-stars{gap:4px;display:flex}.review-helpful-btn{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.review-helpful-count{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.expertise-icon{width:48px;height:48px;background:color-mix(in srgb,var(--color-primary) 15%,transparent);flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.expertise-icon,.language-info{display:flex;align-items:center}.language-info{justify-content:space-between}.language-bar{border:1px solid var(--color-border);height:8px;overflow:hidden;background:var(--color-surface)}.language-bar,.review-bar-fill{border-radius:var(--border-radius-full)}.review-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--animation-duration-standard) var(--animation-curve-primary)}.review-avatar{width:56px;border:2px solid var(--color-border);height:56px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.language-name{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.language-level{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);padding:2px var(--spacing-xs);font-size:var(--font-size-xs);background:var(--color-surface);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.language-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.review-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.hero-profile-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.teacher-profile-card:hover{transform:translateY(-4px)}.teacher-status-badge.status-active{color:var(--color-on-primary);background:var(--color-primary)}.teacher-status-badge.status-active:before{width:8px;height:8px;content:"";animation:pulse 2s var(--animation-curve-primary) infinite;background:var(--color-on-primary);border-radius:var(--border-radius-full)}.teacher-name-group .hero-title{color:var(--color-on-primary);margin:0;font-size:clamp(var(--font-size-xxl),4vw,var(--font-size-hero))}.teacher-verification svg{color:var(--color-accent);width:18px;height:18px}.teacher-rating-stars svg{fill:var(--color-accent);width:20px;height:20px;stroke:var(--color-accent)}.teacher-quick-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center;white-space:nowrap}.teacher-quick-actions svg{width:20px;height:20px}.untitled-stat-card1:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.untitled-stat-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.untitled-stat-card1:hover:before{transform:scaleX(1)}.untitled-stat-icon1 svg{color:var(--color-on-primary);width:28px;height:28px}.about-card .section-title,.expertise-card .section-subtitle,.untitled-sidebar-card .section-subtitle{margin-bottom:var(--spacing-lg)}.about-text p{color:var(--color-on-surface);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.about-text p:last-child{margin-bottom:0}.expertise-item:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.expertise-icon svg{color:var(--color-primary);width:24px;height:24px}.expertise-content h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0}.expertise-content p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-contact-item1 svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0}.certification-item svg{color:var(--color-accent);width:24px;height:24px;flex-shrink:0}.certification-item div{gap:4px;display:flex;flex-direction:column}.certification-item strong{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.certification-item span{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-class-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-class-card .feature-text{color:var(--color-on-surface);margin:var(--spacing-sm) 0}.untitled-class-card:hover .class-image img{transform:scale(1.05)}.class-level.level-b1{color:var(--color-primary);border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.class-level.level-c1{color:var(--color-accent);border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.class-detail-item svg{color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.class-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.reviews-stars-large svg{fill:var(--color-accent);width:28px;height:28px;stroke:var(--color-accent)}.review-bar-item span:first-child{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.untitled-student-info div{gap:4px;display:flex;flex-direction:column}.untitled-student-info .feature-text{color:var(--color-on-surface);margin:0}.review-stars svg{fill:var(--color-accent);width:18px;height:18px;stroke:var(--color-accent)}.review-helpful-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.review-helpful-btn svg{width:16px;height:16px}.untitled-section-container1{background:var(--color-surface);min-height:100vh}.untitled-hero-section1{display:flex;overflow:hidden;position:relative;min-height:clamp(400px,50vh,600px);align-items:center;justify-content:center}.untitled-profiles-section{padding:clamp(3rem,5vw,5rem) 0}.teachers-section{background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)) 100%)}.contact-cta-section{padding:clamp(3rem,5vw,5rem) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)),var(--color-surface))}.untitled-hero-background1{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content2{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);text-align:center}.untitled-hero-bg-image{width:100%;filter:brightness(.5);height:100%;-o-object-fit:cover;object-fit:cover}.untitled-hero-overlay3{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 70%,transparent),color-mix(in srgb,var(--color-secondary) 60%,transparent))}.hero-breadcrumb{gap:var(--spacing-xs);color:var(--color-on-primary);border:1px solid color-mix(in srgb,var(--color-on-primary) 20%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);backdrop-filter:blur(12px)}.untitled-hero-title3{color:var(--color-on-primary);text-shadow:0 2px 8px color-mix(in srgb,var(--color-neutral) 40%,transparent);margin-bottom:var(--spacing-md)}.untitled-hero-subtitle4{color:var(--color-on-primary);margin:0 auto;opacity:.95;font-size:var(--font-size-lg);max-width:720px;line-height:var(--line-height-base)}.untitled-section-header3{margin-bottom:var(--spacing-3xl)}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}.profiles-grid,.teachers-grid{gap:var(--spacing-2xl);display:grid}.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.cta-card{gap:var(--spacing-3xl);border:1px solid var(--color-border);display:grid;padding:var(--spacing-3xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-xl);grid-template-columns:1fr 1fr}.untitled-section-header-content1{gap:var(--spacing-lg);display:flex;align-items:center;border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-lg)}.untitled-profile-card{border:1px solid var(--color-border);overflow:hidden;animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.coordinator-card{border-top:4px solid var(--color-secondary)}.teacher-card{border:1px solid var(--color-border);animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.cta-visual,.teacher-card{overflow:hidden;box-shadow:var(--shadow-level-2)}.cta-visual{height:100%;position:relative;min-height:400px;border-radius:var(--border-radius-lg)}.section-icon{color:var(--color-primary);flex-shrink:0}.profile-card-header{height:280px;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent))}.untitled-profile-info1{padding:var(--spacing-xl)}.teacher-card-visual{height:320px;overflow:hidden;position:relative}.untitled-teacher-info{padding:var(--spacing-xl)}.untitled-section-title4{color:var(--color-on-surface);margin-bottom:var(--spacing-xs)}.untitled-section-subtitle3{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.untitled-cta-features{gap:var(--spacing-lg);display:flex;margin-bottom:var(--spacing-2xl);flex-direction:column}.untitled-action-buttons1{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.cta-image,.untitled-profile-avatar1{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-profile-avatar1{transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.profile-badge{top:var(--spacing-lg);color:var(--color-on-primary);right:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);position:absolute;font-size:var(--font-size-sm);background:var(--color-primary);box-shadow:var(--shadow-level-2);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);backdrop-filter:blur(8px)}.untitled-profile-name{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.untitled-profile-role{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg)}.profile-stats{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-wrap:wrap;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md)}.profile-details,.profile-stats{display:flex;margin-bottom:var(--spacing-lg)}.profile-details{gap:var(--spacing-md);flex-direction:column}.untitled-profile-description{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm)}.profile-responsibilities,.untitled-profile-description{margin-bottom:var(--spacing-lg)}.teacher-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.teacher-overlay{top:0;left:0;width:100%;height:100%;display:flex;opacity:0;padding:var(--spacing-lg);z-index:2;position:absolute;background:linear-gradient(to bottom,transparent 0,transparent 40%,color-mix(in srgb,var(--color-neutral) 80%,transparent) 100%);transition:opacity var(--animation-duration-standard) var(--animation-curve-primary);align-items:flex-end}.teacher-header{display:flex;align-items:flex-start;justify-content:space-between}.teacher-header,.teacher-quick-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.teacher-quick-stats{display:grid;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md);grid-template-columns:repeat(3,1fr)}.teacher-contact-info,.teacher-groups{margin-bottom:var(--spacing-lg)}.teacher-contact-info{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.btn-full-width{width:100%;justify-content:center}.untitled-cta-feature{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-detail-item,.untitled-stat-item3{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-detail-item{padding:var(--spacing-sm) 0}.teacher-certifications{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.teacher-rating{color:var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-accent) 15%,transparent);flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.quick-stat,.teacher-rating{gap:var(--spacing-xs);display:flex;align-items:center}.quick-stat{text-align:center;flex-direction:column}.groups-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.certification-badge{gap:var(--spacing-xs);color:var(--color-on-accent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);background:var(--color-accent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);backdrop-filter:blur(8px)}.untitled-teacher-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.teacher-specialty{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-stat-label5{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-stat-value5{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-level-b1{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.untitled-level-c1{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.hero-breadcrumb svg{width:20px;height:20px}.untitled-profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-profile-card:hover .profile-avatar{transform:scale(1.05)}.untitled-profile-card:first-child{animation-delay:.05s}.untitled-profile-card:nth-child(2){animation-delay:.1s}.untitled-profile-card:nth-child(3){animation-delay:.15s}.untitled-profile-card:nth-child(4){animation-delay:.2s}.untitled-profile-card:nth-child(5){animation-delay:.25s}.untitled-profile-card:nth-child(6){animation-delay:.3s}.untitled-detail-item svg,.untitled-stat-item3 svg{color:var(--color-primary);flex-shrink:0}.untitled-profile-description p{color:var(--color-on-surface-secondary);margin:0;line-height:var(--line-height-base)}.profile-responsibilities h4{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.profile-responsibilities ul{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.profile-responsibilities li{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;position:relative;font-size:var(--font-size-sm);align-items:flex-start;padding-left:var(--spacing-lg)}.profile-responsibilities li:before{left:0;color:var(--color-primary);content:"•";position:absolute;font-weight:var(--font-weight-bold)}.untitled-action-buttons1 .btn{gap:var(--spacing-sm);flex:1;display:inline-flex;min-width:140px;align-items:center;justify-content:center}.untitled-action-buttons1 svg{width:16px;height:16px}.coordinator-card .profile-badge{color:var(--color-on-secondary);background:var(--color-secondary)}.teacher-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.teacher-card:hover .teacher-image{transform:scale(1.08)}.teacher-card:hover .teacher-overlay{opacity:1}.teacher-card:first-child{animation-delay:.05s}.teacher-card:nth-child(2){animation-delay:.1s}.teacher-card:nth-child(3){animation-delay:.15s}.teacher-card:nth-child(4){animation-delay:.2s}.teacher-card:nth-child(5){animation-delay:.25s}.teacher-card:nth-child(6){animation-delay:.3s}.certification-badge svg{width:14px;height:14px}.teacher-rating svg{fill:var(--color-accent);width:18px;height:18px}.teacher-groups h4{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.groups-list li{gap:var(--spacing-md);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm)}.groups-list li span:first-child{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);flex-shrink:0;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.cta-content .section-title{margin-bottom:var(--spacing-md)}.cta-content .section-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl)}.untitled-cta-feature svg{color:var(--color-primary);flex-shrink:0}.teacher-profile-dashboard{width:100%;background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-profile-header{padding:var(--spacing-4xl) var(--spacing-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent));margin-bottom:var(--spacing-4xl)}.performance-summary-grid{gap:var(--spacing-lg);margin:0 auto var(--spacing-4xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.performance-summary-grid,.profile-tabs-container{padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.profile-tabs-container{margin:0 auto}.profile-header-overlay{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent))}.untitled-profile-header-content{margin:0 auto;z-index:2;position:relative;max-width:var(--content-max-width)}.performance-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.profile-tabs-header{gap:var(--spacing-sm);display:flex;overflow-x:auto;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl);-webkit-overflow-scrolling:touch}.profile-tab-content{display:none;animation:fadeIn .4s var(--animation-curve-primary)}.profile-header-main{gap:var(--spacing-2xl);display:flex;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.profile-header-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.performance-card-icon{width:56px;height:56px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.performance-icon-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.performance-card-content{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.performance-icon-info{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.performance-icon-accent,.performance-icon-warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.profile-tab{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-md) var(--spacing-xl);position:relative;font-size:var(--font-size-base);background:transparent;transition:all .3s var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}.section-header-inline{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-2xl);justify-content:space-between}.groups-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.planeamientos-timeline{position:relative;margin-bottom:var(--spacing-4xl)}.planeamiento-summary-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.observaciones-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.observation-summary-section{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-section-title5{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-metrics-dashboard{gap:var(--spacing-3xl);display:flex;flex-direction:column}.profile-avatar-section{flex-shrink:0}.profile-header-info{flex:1}.performance-card-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.performance-card-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.performance-card-trend{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-filter-group1{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.group-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.planeamiento-item{position:relative;padding-left:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.planeamiento-summary-title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.planeamiento-summary-stats{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.untitled-observation-card1{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-section-subtitle4{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.observation-stats-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metrics-row{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.performance-trends-section{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-profile-avatar2{width:160px;border:4px solid var(--color-surface);height:160px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.profile-name-section{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.profile-meta-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-filter-btn{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.group-card-header{gap:var(--spacing-md);display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between}.group-card-body,.group-card-header{padding:var(--spacing-lg)}.group-card-footer{display:flex;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end}.planeamiento-status-indicator{top:8px;left:0;width:24px;border:3px solid var(--color-surface);height:24px;z-index:1;position:absolute;border-radius:50%}.untitled-status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.planeamiento-content{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.planeamiento-summary-stat{text-align:center}.observation-card-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between}.observation-card-body,.observation-card-header,.untitled-stat-card2{padding:var(--spacing-lg)}.untitled-stat-card2{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--border-radius-md)}.untitled-alert-card,.untitled-chart-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.trends-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.untitled-profile-status1{color:var(--color-on-primary);right:8px;width:40px;border:3px solid var(--color-surface);bottom:8px;height:40px;display:flex;position:absolute;background:var(--color-primary);align-items:center;border-radius:50%;justify-content:center}.untitled-status-active1{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-badge2{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-sm)}.profile-meta-item{gap:var(--spacing-sm);color:var(--color-on-primary);display:flex;align-items:flex-start}.group-card-header-left{gap:var(--spacing-md);flex:1;display:flex;align-items:center}.group-info-row{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.group-metrics{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.untitled-btn-link{gap:var(--spacing-xs);color:var(--color-primary);border:none;cursor:pointer;display:inline-flex;padding:0;font-size:var(--font-size-sm);background:transparent;transition:opacity .3s var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold)}.planeamiento-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:var(--spacing-md);justify-content:space-between}.planeamiento-details{gap:var(--spacing-sm);display:flex;flex-direction:column}.planeamiento-summary-stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.planeamiento-summary-stat-label{display:block}.planeamiento-summary-stat-label,.untitled-observation-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-observation-meta{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-observation-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.observation-description{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.observation-rubric-summary{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-lg);flex-direction:column}.observation-footer{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-md);justify-content:space-between}.untitled-status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.observation-pending-info{gap:var(--spacing-sm);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);flex-direction:column}.untitled-stat-content1{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-chart-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.untitled-chart-visual{min-height:300px}.alert-card-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg);justify-content:space-between}.alert-card-body{max-height:400px;overflow-y:auto}.untitled-trend-card{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.profile-meta-content{gap:2px;display:flex;flex-direction:column}.untitled-level-b11{color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 15%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);letter-spacing:.05em;text-transform:uppercase}.group-card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.group-info-item{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);align-items:center}.group-info-item,.group-metric{gap:var(--spacing-xs);display:flex}.group-metric{flex-direction:column}.untitled-level-c11{color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 15%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);letter-spacing:.05em;text-transform:uppercase}.planeamiento-title-section{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.planeamiento-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.planeamiento-detail-item{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:flex-start}.untitled-observation-date1{font-weight:var(--font-weight-semibold)}.observation-divider{opacity:.5}.observation-group{font-weight:var(--font-weight-medium)}.untitled-rubric-item{gap:var(--spacing-sm);display:grid;align-items:center;grid-template-columns:1fr 2fr auto}.observation-observer{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.observation-pending-item{color:var(--color-on-surface);display:flex}.observation-pending-item,.untitled-alert-text{gap:var(--spacing-xs);font-size:var(--font-size-sm);align-items:center}.untitled-alert-text{color:var(--color-on-surface-secondary);display:inline-flex}.untitled-stat-label6{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-stat-value6{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-bar-chart1{gap:var(--spacing-lg);display:flex;flex-direction:column}.alert-card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.alert-badge{color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-accent) 15%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm)}.student-risk-list{gap:var(--spacing-md);display:flex;flex-direction:column}.trend-card-header{display:flex;align-items:center;margin-bottom:var(--spacing-xs);justify-content:space-between}.trend-value{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.trend-period{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.profile-meta-label{opacity:.8;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.profile-meta-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-modality-badge1{padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.modality-presencial{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.group-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.modality-virtual{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.planeamiento-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.planeamiento-detail-label{color:var(--color-on-surface-secondary);min-width:60px;font-weight:var(--font-weight-medium)}.planeamiento-detail-value{color:var(--color-on-surface)}.planeamiento-file-link{gap:var(--spacing-xs);color:var(--color-primary);display:inline-flex;transition:opacity .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);text-decoration:none}.untitled-rubric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.rubric-score-bar{height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.untitled-rubric-score{color:var(--color-on-surface);font-size:var(--font-size-sm);min-width:50px;text-align:right;font-weight:var(--font-weight-bold)}.bar-chart-item{display:grid;grid-template-columns:80px 1fr}.bar-chart-item,.student-risk-item{gap:var(--spacing-md);align-items:center}.student-risk-item{border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);flex-wrap:wrap;background:var(--color-surface);border-radius:var(--border-radius-md);justify-content:space-between}.trend-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.trend-indicator{padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm)}.untitled-metric-bar{flex:1;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.group-metric-value{color:var(--color-on-surface);font-size:var(--font-size-sm);min-width:40px;font-weight:var(--font-weight-bold)}.rubric-score-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-full)}.bar-chart-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bar-chart-bar-wrapper{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-student-info1{gap:4px;display:flex;flex-direction:column}.risk-indicators{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.metric-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.bar-chart-bar{flex:1;height:32px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-md)}.bar-chart-value{color:var(--color-on-surface);font-size:var(--font-size-sm);min-width:50px;font-weight:var(--font-weight-bold)}.untitled-student-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.student-group{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-risk-indicator{padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.bar-chart-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .8s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-profile-avatar2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-name-section .hero-title{color:var(--color-on-primary);margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.profile-meta-item svg{opacity:.9;margin-top:2px;flex-shrink:0}.profile-header-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center}.performance-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.performance-card-trend.positive{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.profile-tab:after{left:0;right:0;bottom:-2px;height:2px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform .3s var(--animation-curve-primary)}.profile-tab:hover{color:var(--color-on-surface)}.profile-tab.active{color:var(--color-primary)}.profile-tab.active:after{transform:scaleX(1)}.profile-tab-content.active{display:block}.untitled-filter-btn:hover{color:var(--color-on-surface);background:var(--color-surface)}.untitled-filter-btn.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.group-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.group-info-item svg{opacity:.7;flex-shrink:0}.planeamiento-item:last-child{padding-bottom:0}.planeamiento-item:before{top:20px;left:11px;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.planeamiento-item:last-child:before{display:none}.planeamiento-status-indicator.status-success{background:var(--color-primary)}.planeamiento-status-indicator.status-warning{background:var(--color-accent)}.planeamiento-file-link:hover{opacity:.8;text-decoration:underline}.untitled-alert-text.warning{color:var(--color-accent);font-weight:var(--font-weight-medium)}.untitled-observation-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.untitled-observation-card1.observation-pending{border-left:4px solid var(--color-accent)}.untitled-risk-indicator.low{color:#dc2626;background:color-mix(in srgb,#ef4444 15%,transparent)}.untitled-risk-indicator.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.trend-indicator.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-btn-link:hover{opacity:.8}.dashboard-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-dashboard-header{top:0;padding:var(--spacing-lg) 0;z-index:10;position:sticky;background:var(--color-surface-elevated);backdrop-filter:blur(12px)}.page-intro,.untitled-dashboard-header{border-bottom:1px solid var(--color-border)}.page-intro{padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent))}.untitled-profiles-section1{padding:var(--section-gap) var(--spacing-lg)}.quick-contact-section{padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent),color-mix(in srgb,var(--color-accent) 2%,transparent));margin-top:var(--section-gap)}.dashboard-header-content{gap:var(--spacing-lg);margin:0 auto;display:flex;padding:0 var(--spacing-lg);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.header-title-section{flex-direction:column}.header-actions,.header-title-section{gap:var(--spacing-sm);display:flex}.untitled-intro-content{text-align:center;margin-bottom:var(--spacing-lg)}.intro-stats{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center}.profile-card-featured{border:1px solid var(--color-border);overflow:hidden;position:relative;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-3xl)}.untitled-profiles-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.section-divider{margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-lg);max-width:var(--content-max-width);text-align:center}.untitled-support-grid{gap:var(--spacing-lg);padding:0 var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.quick-contact-card,.untitled-support-grid{margin:0 auto;display:grid;max-width:var(--content-max-width)}.quick-contact-card{gap:0;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl);grid-template-columns:1fr 1fr}.logo-container{gap:var(--spacing-md);display:flex;align-items:center}.breadcrumb-nav{color:var(--color-on-surface-secondary)}.breadcrumb-nav,.stat-pill{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center}.stat-pill{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.profile-card-bg{top:0;left:0;width:100%;height:320px;z-index:1;overflow:hidden;position:absolute}.profile-card-content{padding:var(--spacing-2xl);z-index:3;position:relative}.profile-card-compact{overflow:hidden;box-shadow:var(--shadow-level-2)}.profile-card-compact,.untitled-support-card{border:1px solid var(--color-border);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards;background:var(--color-surface-elevated);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-lg)}.untitled-support-card{padding:var(--spacing-lg);box-shadow:var(--shadow-level-1)}.quick-contact-content{display:flex;padding:var(--spacing-2xl);flex-direction:column;justify-content:center}.quick-contact-image{height:100%;overflow:hidden;position:relative;min-height:400px}.logo-text{gap:2px;display:flex;flex-direction:column}.breadcrumb-separator{color:var(--color-border)}.profile-card-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 20%,transparent) 0,var(--color-surface-elevated) 100%)}.untitled-profile-header1{gap:var(--spacing-xl);display:flex;padding-top:180px;margin-bottom:var(--spacing-2xl)}.untitled-profile-details{gap:var(--spacing-xl);display:grid}.profile-card-image{height:240px;overflow:hidden;position:relative}.profile-card-body{padding:var(--spacing-lg)}.support-card-header{gap:var(--spacing-md);display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.support-details{gap:var(--spacing-md);display:flex;flex-direction:column}.quick-contact-methods{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-xl);flex-direction:column}.platform-tagline{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.profile-avatar-wrapper{position:relative;flex-shrink:0}.untitled-profile-info2{gap:var(--spacing-xs);display:flex;flex-direction:column;justify-content:center}.detail-section{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border-radius:var(--border-radius-lg)}.profile-actions{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.profile-card-gradient{left:0;width:100%;bottom:0;height:100%;z-index:1;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 80%,transparent) 100%)}.untitled-status-indicator1{right:12px;width:20px;border:3px solid var(--color-surface-elevated);bottom:12px;height:20px;z-index:1;position:absolute;border-radius:50%}.untitled-status-active2{background:#22c55e;box-shadow:0 0 12px color-mix(in srgb,#22c55e 60%,transparent)}.profile-header-compact{margin-bottom:var(--spacing-md)}.contact-info-compact{gap:var(--spacing-xs);display:flex;flex-direction:column}.contact-info-compact,.stats-compact{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.stats-compact{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(3,1fr)}.specialties-compact{gap:var(--spacing-xs);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.action-buttons-compact{gap:var(--spacing-sm);display:flex;flex-direction:column}.support-avatar{width:72px;border:2px solid var(--color-border);height:72px;overflow:hidden;position:relative;flex-shrink:0;border-radius:var(--border-radius-lg)}.support-info{gap:6px}.support-contact,.support-info{display:flex;flex-direction:column}.support-contact{gap:var(--spacing-xs)}.support-expertise{flex-wrap:wrap}.support-expertise,.support-stats{gap:var(--spacing-xs);display:flex}.support-stats{padding:var(--spacing-sm);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border-radius:var(--border-radius-md);flex-direction:column}.support-action{width:100%;justify-content:center}.contact-method{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:all .2s ease;align-items:flex-start;border-radius:var(--border-radius-md)}.profile-avatar-large{width:160px;border:4px solid var(--color-surface-elevated);height:160px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.untitled-role-badge2{gap:6px;top:-12px;left:50%;display:flex;padding:6px 14px;position:absolute;font-size:var(--font-size-xs);transform:translateX(-50%);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-role-admin1{color:var(--color-on-primary);background:var(--color-primary)}.untitled-profile-name1{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.profile-title{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.untitled-profile-meta1{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-sm)}.untitled-detail-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);letter-spacing:.5px;text-transform:uppercase}.untitled-detail-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.responsibilities-grid{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.untitled-metrics-grid{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-role-coordinator1{color:var(--color-on-secondary);background:var(--color-secondary)}.profile-name-compact{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:4px}.profile-title-compact{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-contact-item2{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs);align-items:center}.stat-compact{gap:4px;display:flex;text-align:center;align-items:center;flex-direction:column}.specialty-tag{color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:4px 10px;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.untitled-role-support1{color:var(--color-on-accent);background:var(--color-accent)}.support-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.support-title{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.expertise-tag{color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);padding:4px 10px;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-accent) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.support-stat{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.contact-method-info{gap:4px;display:flex;flex-direction:column}.untitled-meta-item2{gap:var(--spacing-xs);color:var(--color-on-surface-secondary)}.untitled-detail-item1,.untitled-meta-item2{display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-detail-item1{gap:var(--spacing-sm);color:var(--color-on-surface)}.responsibility-chip{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);transition:all .2s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-metric-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.stat-value-compact{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.contact-method-label,.stat-label-compact{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.contact-method-label{font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.contact-method-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-metric-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-metric-bar-wrapper{gap:var(--spacing-md);display:flex;align-items:center}.untitled-metric-bar1{flex:1;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:var(--border-radius-full)}.untitled-metric-value{color:var(--color-primary);font-size:var(--font-size-sm);min-width:60px;text-align:right;font-weight:var(--font-weight-bold)}.untitled-metric-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-full)}.logo-container svg{color:var(--color-primary);flex-shrink:0}.breadcrumb-item.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stat-pill svg{color:var(--color-primary);flex-shrink:0}.profile-card-bg img{width:100%;height:100%;transform:scale(1.05);-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.profile-card-featured:hover .profile-card-bg img{transform:scale(1.1)}.profile-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-detail-item1 svg,.untitled-meta-item2 svg{color:var(--color-primary);flex-shrink:0}.responsibility-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.responsibility-chip svg{color:var(--color-primary);flex-shrink:0}.profile-card-compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.profile-card-compact:hover .profile-card-image img{transform:scale(1.1)}.profile-card-compact:first-child{animation-delay:.1s}.profile-card-compact:nth-child(2){animation-delay:.2s}.profile-card-compact:nth-child(3){animation-delay:.3s}.profile-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.profile-card-image .status-indicator{top:16px;right:16px;bottom:auto;z-index:2}.profile-header-compact .role-badge{display:inline-flex;position:static;transform:none;margin-bottom:var(--spacing-sm)}.untitled-contact-item2 svg{color:var(--color-primary);flex-shrink:0}.untitled-support-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-accent)}.untitled-support-card:first-child{animation-delay:.1s}.untitled-support-card:nth-child(2){animation-delay:.2s}.untitled-support-card:nth-child(3){animation-delay:.3s}.untitled-support-card:nth-child(4){animation-delay:.4s}.support-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.support-avatar .status-indicator{right:4px;width:14px;bottom:4px;height:14px;border-width:2px}.support-stat svg{color:var(--color-accent);flex-shrink:0}.support-stat strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.contact-method:hover{transform:translateX(4px);box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.contact-method svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.quick-contact-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-section-container2{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.untitled-section-content1{width:100%}.untitled-dashboard-header-content{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.profile-header-card{display:grid;overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);min-height:280px;border-radius:var(--border-radius-xl);grid-template-columns:320px 1fr}.two-column-layout{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.untitled-section-header4{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-2xl);justify-content:space-between}.untitled-metrics-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-groups-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.untitled-observations-timeline{gap:var(--spacing-lg);display:flex;flex-direction:column}.planeamientos-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.untitled-section-title6{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.analytics-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.full-width-chart{width:100%}.untitled-activity-timeline1{gap:var(--spacing-md);display:flex;flex-direction:column}.breadcrumb-list{gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0;display:flex;padding:0;flex-wrap:wrap;list-style:none;align-items:center}.profile-header-visual{overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent))}.untitled-profile-header-info{gap:var(--spacing-xl);display:flex;padding:var(--spacing-2xl);flex-direction:column;justify-content:center}.contact-info-card,.employment-info-card{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-filter-group2{gap:var(--spacing-xs);display:flex;flex-wrap:wrap}.untitled-metric-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-section-subtitle5{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.untitled-group-card{overflow:hidden;flex-direction:column}.untitled-group-card,.untitled-observation-card2{border:1px solid var(--color-border);display:flex;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-observation-card2{gap:var(--spacing-lg);padding:var(--spacing-xl);position:relative}.untitled-header-actions{gap:var(--spacing-lg);display:flex;align-items:center}.planeamiento-card{display:flex;overflow:hidden;transition:all var(--animation-duration-standard) var(--animation-curve-primary);flex-direction:column}.planeamiento-card,.untitled-chart-card1{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-chart-card1{padding:var(--spacing-xl)}.untitled-activity-item3{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-breadcrumb-item{display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-profile-image-wrapper{width:200px;border:4px solid var(--color-surface);height:200px;margin:var(--spacing-xl) auto;z-index:2;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.profile-background-pattern{inset:0;z-index:1;position:absolute;background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-primary) 15%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-accent) 10%,transparent) 0,transparent 50%)}.untitled-profile-name-section{gap:var(--spacing-sm);display:flex;flex-direction:column}.profile-quick-stats{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.untitled-card-header1{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-bottom:1px solid var(--color-border)}.untitled-card-content,.untitled-card-header1{padding:var(--spacing-lg)}.untitled-filter-btn1{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-metric-icon{color:var(--color-on-primary);width:48px;height:48px;display:flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.metric-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-metric-bar-wrapper1{width:100%;height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.untitled-group-card-header{display:flex;padding:var(--spacing-md) var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.group-card-content{gap:var(--spacing-md);flex:1;display:flex;padding:var(--spacing-lg);flex-direction:column}.untitled-group-card-footer{padding:var(--spacing-md) var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border-top:1px solid var(--color-border)}.untitled-observation-status{color:var(--color-on-primary);width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-observation-content{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.untitled-planeamiento-header{display:flex;padding:var(--spacing-md) var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-planeamiento-content{gap:var(--spacing-md);flex:1;display:flex;padding:var(--spacing-lg);flex-direction:column}.planeamiento-actions{gap:var(--spacing-md);display:flex;padding:var(--spacing-md) var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border-top:1px solid var(--color-border)}.untitled-chart-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.untitled-chart-visual1{width:100%;min-height:250px}.untitled-activity-icon1{color:var(--color-on-primary);width:40px;height:40px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-activity-content2{gap:4px;flex:1;display:flex;flex-direction:column}.breadcrumb-link{color:var(--color-on-surface-secondary);transition:color var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-profile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-status-indicator2{right:10px;width:24px;border:3px solid var(--color-surface);bottom:10px;height:24px;z-index:3;position:absolute;border-radius:var(--border-radius-full)}.untitled-status-badge3{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:.5px;text-transform:uppercase}.quick-stat-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-left:3px solid var(--color-primary);border-radius:var(--border-radius-lg)}.info-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-metric-label1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.metric-value-wrapper{gap:var(--spacing-sm);display:flex;align-items:baseline}.untitled-metric-bar2{width:var(--progress,0);height:100%;background:var(--color-primary);transition:width 1s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.group-level{color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md)}.untitled-group-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.group-details{gap:var(--spacing-sm);display:flex;flex-direction:column}.group-progress{border-top:1px solid var(--color-border);margin-top:auto;padding-top:var(--spacing-md)}.untitled-observation-header1{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.untitled-observation-meta1{gap:var(--spacing-lg);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm)}.observation-details{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-observation-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.planeamiento-icon{color:var(--color-primary);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.untitled-planeamiento-details{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-filter-select2{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-bar-chart2{gap:var(--spacing-md);height:250px;display:flex;padding:var(--spacing-md) 0;align-items:flex-end;justify-content:space-around}.grades-distribution{gap:var(--spacing-lg);display:flex;flex-direction:column}.chart-legend{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.line-chart{width:100%;height:250px;position:relative}.untitled-activity-text1{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-activity-time2{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-stat-icon2{color:var(--color-on-primary);width:40px;height:40px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-content2{gap:2px;display:flex;flex-direction:column}.info-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-metric-value1{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1}.untitled-metric-trend{gap:4px;font-weight:var(--font-weight-semibold)}.group-detail-item,.untitled-metric-trend{display:flex;font-size:var(--font-size-sm);align-items:center}.group-detail-item{gap:var(--spacing-sm)}.group-detail-item,.progress-info{color:var(--color-on-surface-secondary)}.progress-info{display:flex;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);justify-content:space-between}.untitled-progress-bar-container{width:100%;height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.untitled-observation-title1{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.observation-coordinator,.untitled-observation-date2{display:inline-flex;align-items:center}.observation-scores{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.planeamiento-detail{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.grade-bar{gap:var(--spacing-md);display:grid;align-items:center;grid-template-columns:80px 1fr 60px}.untitled-legend-item{gap:var(--spacing-xs);font-size:var(--font-size-sm);align-items:center}.chart-labels,.untitled-legend-item{color:var(--color-on-surface-secondary);display:flex}.chart-labels{padding:var(--spacing-md) 0 0;font-size:var(--font-size-xs);justify-content:space-between}.untitled-stat-value7{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.untitled-stat-label7{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.info-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-info-content{gap:4px;flex:1;display:flex;flex-direction:column}.untitled-highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.untitled-progress-bar2{width:var(--progress,0);height:100%;background:var(--color-primary);transition:width .8s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-score-item{display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.untitled-bar{width:100%;height:var(--height,0);position:relative;max-width:60px;background:var(--color,var(--color-primary));transition:height 1s var(--animation-curve-primary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.untitled-bar-label1{font-weight:var(--font-weight-semibold)}.grade-range,.untitled-bar-label1{color:var(--color-on-surface);font-size:var(--font-size-sm)}.grade-range{font-weight:var(--font-weight-medium)}.grade-progress-wrapper{width:100%;height:24px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.grade-percent{color:var(--color-on-surface);font-size:var(--font-size-sm);text-align:right;font-weight:var(--font-weight-semibold)}.info-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.info-value,.score{color:var(--color-on-surface)}.score{font-weight:var(--font-weight-bold)}.grade-progress{width:var(--progress,0);height:100%;background:var(--color-primary);transition:width 1s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-breadcrumb-item:not(:last-child):after{color:var(--color-on-surface-secondary);margin:0 var(--spacing-xs);content:"›"}.untitled-breadcrumb-item.active span{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.breadcrumb-link:hover{color:var(--color-primary)}.untitled-status-indicator2.status-active{background:#10b981}.info-icon svg,.untitled-stat-icon2 svg{width:20px;height:20px}.untitled-metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-metric-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.untitled-metric-card:hover:before{transform:scaleX(1)}.untitled-metric-icon.high{background:var(--color-primary)}.untitled-metric-icon.warning{background:#f59e0b}.untitled-metric-icon svg{width:24px;height:24px}.untitled-metric-trend.positive{color:#10b981}.untitled-metric-trend.warning{color:#f59e0b}.untitled-metric-trend svg{width:16px;height:16px}.untitled-metric-bar2.warning{background:#f59e0b}.untitled-group-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.group-level.level-b1{background:var(--color-primary)}.group-level.level-c1{background:var(--color-secondary)}.group-detail-item svg{width:16px;height:16px;flex-shrink:0}.untitled-observation-card2:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.untitled-observation-card2:before{top:0;left:0;width:4px;bottom:0;content:"";position:absolute;background:var(--color-primary);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}.untitled-observation-status.status-success{background:#10b981}.untitled-observation-status.status-pending{background:#f59e0b}.untitled-observation-status svg{width:24px;height:24px}.untitled-observation-meta1 svg{width:14px;height:14px;margin-right:4px;vertical-align:middle}.score.high{color:#10b981}.untitled-observation-actions .btn-link svg{width:16px;height:16px;margin-right:var(--spacing-xs)}.planeamiento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.planeamiento-icon svg{width:24px;height:24px}.planeamiento-actions .btn-link svg{width:16px;height:16px;margin-right:4px}.untitled-filter-select2:hover{border-color:var(--color-primary)}.untitled-filter-select2:focus{outline:2px solid var(--color-primary);outline-offset:2px}.untitled-bar:after{left:50%;color:var(--color-on-surface-secondary);bottom:-24px;content:attr(data-label);position:absolute;font-size:var(--font-size-xs);transform:translateX(-50%);white-space:nowrap}.grade-progress.warning{background:#f59e0b}.line-chart svg{width:100%;height:200px}.untitled-activity-item3:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-activity-icon1.status-success{background:#10b981}.untitled-activity-icon1.status-active{background:var(--color-primary)}.untitled-activity-icon1 svg{width:20px;height:20px}.untitled-filter-btn1:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:var(--color-primary)}.untitled-filter-btn1.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-status-badge3.status-active,.untitled-status-badge3.status-success{color:#10b981;background:color-mix(in srgb,#10b981 20%,transparent)}.untitled-status-badge3.status-pending,.untitled-status-badge3.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 20%,transparent)}.untitled-status-badge3.role-teacher{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-profile-header2{overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.profile-header-bg{top:0;left:0;right:0;height:200px;z-index:1;position:absolute;background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 70%,var(--color-accent)) 100%)}.untitled-profile-header-content1{gap:var(--spacing-xl);display:grid;padding:var(--spacing-4xl) var(--spacing-2xl) var(--spacing-xl);z-index:3;position:relative;align-items:flex-start;grid-template-columns:auto 1fr auto}.untitled-profile-avatar-container{position:relative;margin-top:calc(var(--spacing-2xl) * -1)}.untitled-profile-actions,.untitled-profile-header-info1{padding-top:calc(var(--spacing-4xl) + var(--spacing-lg))}.untitled-profile-actions{gap:var(--spacing-sm);display:flex}.untitled-profile-avatar-large{width:160px;border:4px solid var(--color-surface);height:160px;display:block;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-lg)}.untitled-status-badge4{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.untitled-status-active3{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.profile-title-group{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.profile-subtitle{color:color-mix(in srgb,var(--color-surface) 85%,transparent);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.untitled-profile-meta-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-role-badge3{color:var(--color-on-surface);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 90%,transparent);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.untitled-role-coordinator2{color:var(--color-on-accent);background:var(--color-accent)}.untitled-meta-item3{gap:var(--spacing-sm);color:var(--color-surface);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-metrics-grid2{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.untitled-metric-card1{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.metric-icon-wrapper{width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-metric-content{flex:1;min-width:0}.untitled-metric-value2{color:var(--color-on-surface);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-xs)}.untitled-metric-label2{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.untitled-metric-trend1{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium)}.dashboard-tabs{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-tabs-nav{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);background:var(--color-surface);overflow-x:auto;border-bottom:1px solid var(--color-border)}.tab-content{display:none;padding:var(--spacing-xl);animation:fadeIn .4s var(--animation-curve-primary)}.untitled-tab-button{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);border:none;cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:transparent;transition:all .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md)}.tab-content-header{gap:var(--spacing-lg);display:flex;align-items:flex-start;margin-bottom:var(--spacing-xl);justify-content:space-between}.data-table-container{border:1px solid var(--color-border);overflow-x:auto;border-radius:var(--border-radius-md)}.observations-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.untitled-groups-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.untitled-analytics-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.untitled-filter-group3{gap:var(--spacing-xs);display:flex;flex-wrap:wrap}.untitled-data-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.untitled-group-card1,.untitled-observation-card3{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-group-card1{overflow:hidden;position:relative}.untitled-chart-card2{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.chart-card-large{grid-column:1/-1}.chart-card-wide{grid-column:span 2}.untitled-filter-btn2{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-observation-header2{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);justify-content:space-between}.untitled-observation-meta2{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.untitled-observation-meta2,.untitled-observation-summary{margin-bottom:var(--spacing-lg)}.untitled-group-card-header1{display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.group-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.untitled-group-meta{gap:var(--spacing-sm);display:flex;margin-bottom:var(--spacing-lg);flex-direction:column}.group-stats{gap:var(--spacing-md);display:grid;padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr)}.group-stats,.untitled-chart-header1{margin-bottom:var(--spacing-lg)}.untitled-chart-visual2{overflow:hidden;position:relative;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.progress-chart{gap:var(--spacing-xl);display:flex;align-items:center}.untitled-bar-chart3{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-observation-teacher{gap:var(--spacing-md);flex:1;display:flex;min-width:0;align-items:center}.untitled-status-success1{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.obs-meta-item{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs);align-items:center}.obs-summary-title{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.rubric-scores{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-status-pending1{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.group-level-badge{color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md)}.group-meta-item{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.group-stat{text-align:center}.chart-img{width:100%;height:240px;display:block;-o-object-fit:cover;object-fit:cover}.untitled-chart-overlay{inset:0;display:flex;padding:var(--spacing-lg);z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 85%,transparent) 100%);align-items:flex-end}.untitled-chart-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.chart-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-progress-circle{width:140px;height:140px;position:relative;flex-shrink:0}.progress-details{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.untitled-bar-group1{gap:var(--spacing-xs);display:flex;flex-direction:column}.chart-data-points{gap:var(--spacing-md);top:var(--spacing-lg);right:var(--spacing-lg);display:flex;z-index:3;position:absolute}.obs-avatar{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border-radius:var(--border-radius-md)}.untitled-rubric-item1{gap:var(--spacing-sm);display:grid;align-items:center;grid-template-columns:1fr auto}.untitled-stat-label8{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-bottom:4px}.untitled-stat-value8{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-chart-legend{gap:var(--spacing-lg);display:flex}.progress-svg{transform:rotate(-90deg)}.untitled-progress-label{inset:0;display:flex;position:absolute;align-items:center;flex-direction:column;justify-content:center}.progress-detail-item{display:flex;padding:var(--spacing-sm) 0;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-bar-label2{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-bar-wrapper{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-data-point{padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 90%,transparent);text-align:center;border-radius:var(--border-radius-md);backdrop-filter:blur(8px)}.teacher-cell{gap:var(--spacing-md);display:flex;align-items:center}.untitled-badge1{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-sm)}.badge-virtual{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.status-cell{gap:4px;display:flex;flex-direction:column}.performance-cell,.untitled-observation-status1{gap:var(--spacing-sm);display:flex;align-items:center}.badge-presencial{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.badge-mixed{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.obs-teacher-name{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);margin-bottom:2px}.obs-group{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-rubric-bar{height:6px;overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.untitled-legend-item1{gap:var(--spacing-xs);color:var(--color-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-progress-bg{fill:none;stroke:var(--color-surface-elevated);stroke-width:8}.untitled-progress-bar3{fill:none;stroke:var(--color-primary);transition:stroke-dashoffset 1s var(--animation-curve-primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:283}.progress-value{color:var(--color-on-surface);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);line-height:1}.untitled-progress-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.untitled-bar-value1{color:var(--color-on-surface);min-width:32px;text-align:right;font-weight:var(--font-weight-bold)}.untitled-status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.data-point-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-bottom:2px}.data-point-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-teacher-avatar1{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border-radius:var(--border-radius-md)}.untitled-teacher-info1{min-width:0}.obs-count{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.performance-bar{flex:1;height:8px;overflow:hidden;min-width:80px;background:var(--color-surface);border-radius:var(--border-radius-full)}.performance-value{font-size:var(--font-size-sm);min-width:42px;font-weight:var(--font-weight-bold)}.btn-icon{color:var(--color-on-surface-secondary);width:36px;border:1px solid var(--color-border);cursor:pointer;height:36px;display:flex;background:var(--color-surface);transition:all .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-rubric-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-legend-dot{width:12px;height:12px;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-teacher-name1{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);margin-bottom:2px}.teacher-id{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.performance-fill{height:100%;transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-timeline-header{display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.untitled-timeline{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-timeline-item{gap:var(--spacing-lg);display:grid;position:relative;grid-template-columns:auto 1fr}.timeline-icon{width:40px;height:40px;display:flex;z-index:2;position:relative;align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.timeline-icon-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.untitled-timeline-content{padding:var(--spacing-sm) 0}.timeline-icon-primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.timeline-icon-accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.timeline-icon-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-timeline-title{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-timeline-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-xs)}.untitled-timeline-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-style:italic}.profile-header-bg:after{inset:0;content:"";z-index:2;position:absolute;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-accent) 20%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-secondary) 15%,transparent) 0,transparent 50%)}.untitled-profile-avatar-container .status-badge{right:var(--spacing-sm);border:2px solid var(--color-surface);bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.profile-title-group .hero-title{color:var(--color-surface);margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:var(--line-height-tight)}.untitled-meta-item3 svg{opacity:.8;flex-shrink:0}.untitled-profile-actions .btn{gap:var(--spacing-xs);display:flex;align-items:center;white-space:nowrap}.untitled-metric-card1:before{top:0;left:0;width:4px;height:100%;content:"";opacity:0;position:absolute;background:var(--color-primary);transition:opacity .3s var(--animation-curve-primary)}.untitled-metric-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-metric-card1:hover:before{opacity:1}.metric-card-primary:before{background:var(--color-primary)}.metric-card-primary .metric-icon-wrapper{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.metric-card-accent:before{background:var(--color-accent)}.metric-card-accent .metric-icon-wrapper{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.metric-card-success:before{background:color-mix(in srgb,var(--color-primary) 50%,#10b981)}.metric-card-success .metric-icon-wrapper{color:#10b981;background:color-mix(in srgb,#10b981 10%,transparent)}.metric-card-warning:before{background:color-mix(in srgb,var(--color-accent) 70%,#f59e0b)}.metric-card-warning .metric-icon-wrapper{color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.untitled-metric-trend1.positive{color:#10b981}.untitled-metric-trend1 svg{flex-shrink:0}.untitled-tab-button:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.untitled-tab-button.active{color:var(--color-on-primary);background:var(--color-primary)}.tab-content.active{display:block}.tab-header-left .section-subtitle{margin-bottom:var(--spacing-xs)}.tab-header-left .feature-text{margin:0}.untitled-filter-btn2:hover{color:var(--color-on-surface);background:var(--color-surface-elevated);border-color:var(--color-primary)}.untitled-filter-btn2.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-data-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.untitled-data-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);white-space:nowrap}.untitled-data-table tbody tr{transition:background-color .2s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.untitled-data-table td{color:var(--color-on-surface-secondary);padding:var(--spacing-md) var(--spacing-lg)}.status-cell small{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.performance-fill.high{background:linear-gradient(90deg,#10b981,#059669)}.performance-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.performance-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.performance-value.high{color:#10b981}.performance-value.medium{color:#f59e0b}.performance-value.low{color:#ef4444}.btn-icon:hover{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary);border-color:var(--color-primary)}.untitled-observation-card3:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.obs-meta-item svg{flex-shrink:0}.untitled-rubric-item1 span{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);grid-column:1/-1}.untitled-rubric-item1 strong{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.untitled-group-card1:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;background:var(--color-primary)}.untitled-group-card1.level-a1:before,.untitled-group-card1.level-a2:before{background:linear-gradient(90deg,#10b981,#059669)}.untitled-group-card1.level-b1:before,.untitled-group-card1.level-b2:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.untitled-group-card1.level-c1:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.untitled-group-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.group-meta-item svg{opacity:.7;flex-shrink:0}.untitled-stat-value8.high{color:#10b981}.untitled-stat-value8.medium{color:#f59e0b}.untitled-stat-value8.low,.untitled-stat-value8.warning{color:#ef4444}.untitled-chart-card2:hover{box-shadow:var(--shadow-level-2)}.progress-detail-item:last-child{border-bottom:none}.progress-detail-item span{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.progress-detail-item strong{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-bar-wrapper .bar-fill{flex:1;height:32px;display:flex;padding:0 var(--spacing-sm);transition:width .8s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:flex-end}.bar-fill.status-success{background:linear-gradient(90deg,#10b981,#059669)}.bar-fill.status-pending{background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-secondary) 80%,#000))}.bar-fill.status-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.untitled-timeline-item:before{top:48px;left:19px;width:2px;bottom:calc(-1 * var(--spacing-lg));content:"";position:absolute;background:var(--color-border)}.untitled-timeline-item:last-child:before{display:none}.admin-support-profile{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.profile-header-section{padding:var(--spacing-lg) 0;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.untitled-profile-hero{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent) 0,color-mix(in srgb,var(--color-accent) 2%,transparent) 100%)}.activity-section,.untitled-performance-metrics{padding:var(--section-gap) 0}.activity-section{background:color-mix(in srgb,var(--color-neutral) 2%,transparent)}.training-section,.work-statistics{padding:var(--section-gap) 0}.training-section{background:color-mix(in srgb,var(--color-neutral) 2%,transparent)}.action-panel,.notes-section{padding:var(--section-gap) 0}.action-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent) 0,color-mix(in srgb,var(--color-accent) 3%,transparent) 100%)}.untitled-breadcrumb-nav{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:center}.profile-hero-grid{gap:var(--spacing-2xl);display:grid;align-items:flex-start;grid-template-columns:380px 1fr}.untitled-metrics-grid3{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.activity-grid,.untitled-metrics-grid3{display:grid;margin-top:var(--spacing-xl)}.activity-grid,.statistics-layout{gap:var(--spacing-2xl);grid-template-columns:1.5fr 1fr}.statistics-layout,.training-grid{display:grid;margin-top:var(--spacing-xl)}.training-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.notes-layout{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-xl);grid-template-columns:1.5fr 1fr}.action-panel-content{gap:var(--spacing-2xl);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-xl);justify-content:space-between}.untitled-breadcrumb-separator{color:var(--color-on-surface-secondary);opacity:.5}.breadcrumb-current{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.profile-main-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.profile-info-cards{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-metric-card2{overflow:hidden;position:relative;transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-activity-card,.untitled-metric-card2{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.responsibilities-wrapper{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-chart-card3,.untitled-sidebar-card1{padding:var(--spacing-xl)}.training-card,.untitled-chart-card3,.untitled-sidebar-card1{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.training-card{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.notes-card,.untitled-summary-card1{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.action-panel-info{flex:1}.action-panel-buttons{gap:var(--spacing-md);display:flex;flex-shrink:0}.profile-visual{display:flex;align-items:center;margin-bottom:var(--spacing-xl);flex-direction:column}.profile-identity{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.untitled-profile-quick-stats{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-xl);flex-direction:column}.untitled-info-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-metric-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.untitled-metric-value-wrapper{margin-bottom:var(--spacing-md)}.card-header-with-action{display:flex;align-items:center;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);justify-content:space-between}.untitled-activity-timeline2{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-chart-title1{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.stat-items,.untitled-chart-visual3{gap:var(--spacing-lg);display:flex;flex-direction:column}.training-icon{color:var(--color-accent);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.training-content{flex:1}.evaluation-items,.notes-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.evaluation-items{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.overall-rating{gap:var(--spacing-sm);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-accent) 8%,transparent);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.action-panel-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.action-panel-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-profile-avatar-large1{width:140px;border:4px solid var(--color-surface);height:140px;overflow:hidden;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-md)}.status-indicator-wrapper{display:flex;justify-content:center}.untitled-profile-role1{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.profile-id,.untitled-profile-role1{color:var(--color-on-surface-secondary)}.profile-id{font-size:var(--font-size-sm);font-family:var(--font-family-body)}.untitled-quick-stat-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.info-card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.untitled-metric-icon1{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-metric-label3{flex:1;color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-metric-value3{color:var(--color-on-surface);display:block;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.metric-period{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-xs);margin-top:4px}.untitled-bar-group2{height:12px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.metric-percentage{display:inline-block;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.untitled-timeline-item1{gap:var(--spacing-md);display:flex;position:relative;padding-bottom:var(--spacing-lg)}.responsibility-list{gap:var(--spacing-md);display:flex;flex-direction:column}.permissions-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.category-bar,.stat-item-horizontal{gap:var(--spacing-sm);display:flex;flex-direction:column}.training-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);margin-bottom:var(--spacing-xs)}.training-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.note-item{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.evaluation-item{gap:var(--spacing-sm);display:flex;flex-direction:column}.rating-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.rating-value{color:var(--color-on-surface);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.rating-status{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-bar-fill1{height:100%;background:var(--color-primary);transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-timeline-marker{width:24px;border:3px solid var(--color-surface-elevated);height:24px;z-index:2;position:relative;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-timeline-content1{flex:1}.responsibility-item{background:color-mix(in srgb,var(--color-accent) 5%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.permission-badge,.responsibility-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);align-items:center}.permission-badge{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);background:color-mix(in srgb,var(--color-primary) 5%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.category-info{margin-bottom:4px}.category-info,.note-header,.stat-info{display:flex;align-items:center;justify-content:space-between}.note-header{margin-bottom:var(--spacing-md)}.note-text{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.evaluation-label{display:flex;align-items:center;margin-bottom:4px;justify-content:space-between}.untitled-info-content1{gap:4px;flex:1;display:flex;flex-direction:column}.untitled-timeline-title1{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);margin-bottom:4px}.untitled-timeline-meta1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.category-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.category-count{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.note-author{gap:4px;display:flex;flex-direction:column}.note-type{color:var(--color-primary);padding:4px var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.evaluation-score{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-info-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-info-value{font-weight:var(--font-weight-medium)}.author-name,.untitled-info-value{color:var(--color-on-surface);font-size:var(--font-size-base)}.author-name{font-weight:var(--font-weight-semibold)}.note-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.profile-main-card:before{top:0;left:0;right:0;height:6px;content:"";position:absolute;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.untitled-profile-avatar-large1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-identity .hero-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.untitled-quick-stat-item svg{color:var(--color-primary);flex-shrink:0}.untitled-quick-stat-item .stat-label{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.untitled-quick-stat-item .stat-value{color:var(--color-on-surface);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.info-item svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.untitled-metric-card2:after{left:0;right:0;bottom:0;height:3px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.untitled-metric-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-metric-card2:hover:after{transform:scaleX(1)}.metric-percentage.positive{color:var(--color-accent)}.untitled-timeline-item1:not(:last-child):after{top:28px;left:11px;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.untitled-timeline-marker.status-success{background:var(--color-accent)}.untitled-timeline-marker.status-active{background:var(--color-primary)}.responsibility-item:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.responsibility-item svg{color:var(--color-accent);width:18px;height:18px;flex-shrink:0}.permission-badge svg{color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.stat-info .stat-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-info .stat-percentage{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.training-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.note-item:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-neutral) 8%,transparent)}.note-type.highlight{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.evaluation-label span:first-child{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-profile-header3{padding:var(--spacing-2xl) 0;overflow:hidden;position:relative;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.profile-main-content,.status-overview{padding:var(--spacing-2xl) 0;background:var(--color-surface)}.untitled-profile-header-content2{gap:var(--spacing-xl);display:flex;z-index:2;position:relative;align-items:flex-start;justify-content:space-between}.status-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-layout{gap:var(--spacing-2xl);display:grid;grid-template-columns:320px 1fr}.untitled-profile-header-left{gap:var(--spacing-xl);flex:1;display:flex;align-items:center}.untitled-profile-header-actions{gap:var(--spacing-md);display:flex;flex-shrink:0}.status-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.profile-sidebar{gap:var(--spacing-xl);display:flex;flex-direction:column}.profile-content-main{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-profile-header-info2{gap:var(--spacing-sm);display:flex;flex-direction:column}.status-card-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 8%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.status-card-content{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.content-section,.untitled-sidebar-card2{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-profile-avatar3{width:120px;border:4px solid var(--color-surface);height:120px;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-status-indicator3{right:8px;width:20px;border:3px solid var(--color-surface);bottom:8px;height:20px;z-index:3;position:absolute;border-radius:var(--border-radius-full)}.untitled-profile-meta2{gap:var(--spacing-lg);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap}.untitled-status-badge5{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-info-list{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-action-buttons3{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-section-header5{display:flex;align-items:center;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);justify-content:space-between}.untitled-course-card{border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,transparent);border-radius:var(--border-radius-lg)}.untitled-chart-card4{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);margin-top:var(--spacing-xl);border-radius:var(--border-radius-lg)}.grades-grid{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.history-timeline{gap:var(--spacing-xl);display:flex;position:relative;padding-left:var(--spacing-xl);flex-direction:column}.untitled-observations-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-meta-item4{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-info-item{background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:background .3s var(--animation-curve-primary);align-items:flex-start}.untitled-alert-card1,.untitled-info-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);border-radius:var(--border-radius-md)}.untitled-alert-card1{background:color-mix(in srgb,var(--color-surface) 100%,transparent);border-left:3px solid var(--color-primary)}.course-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.untitled-attendance-summary{gap:var(--spacing-2xl);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl)}.table-responsive{margin-top:var(--spacing-lg);overflow-x:auto}.grade-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-chart-title2{color:var(--color-on-surface);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.untitled-chart-visual4{height:280px;display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 2%,transparent);align-items:flex-end;border-radius:var(--border-radius-md)}.untitled-task-card1{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-timeline-item2{position:relative;padding-left:var(--spacing-xl)}.untitled-observation-card4{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:all .3s var(--animation-curve-primary);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg)}.info-item-content,.untitled-alert-content1{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.course-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-course-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.course-info-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-attendance-stat{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-data-table1{width:100%;border-collapse:collapse}.grade-card-header{align-items:center;justify-content:space-between}.grade-card-header,.grade-value-display{display:flex;margin-bottom:var(--spacing-md)}.grade-value-display{gap:var(--spacing-md);align-items:baseline}.grade-bar-wrapper{margin-top:var(--spacing-md)}.untitled-chart-bars{gap:var(--spacing-lg);width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-around}.untitled-task-header{display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.untitled-task-title1{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-task-meta{gap:var(--spacing-lg);display:flex;margin-bottom:var(--spacing-sm)}.task-feedback{color:var(--color-on-surface-secondary);margin:var(--spacing-md) 0 0 0;padding:var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 100%,transparent);font-style:italic;border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm)}.untitled-timeline-marker1{top:4px;left:-9px;width:20px;border:3px solid var(--color-surface);height:20px;z-index:2;position:absolute;border-radius:var(--border-radius-full)}.untitled-timeline-content2{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);border-radius:var(--border-radius-lg)}.untitled-observation-header3{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.untitled-observation-summary1{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-observation-meta3{display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);justify-content:flex-end}.untitled-info-label1{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-info-value1{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.course-info-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.grade-weight{color:var(--color-on-surface-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-sm)}.grade-number,.grade-weight{font-weight:var(--font-weight-bold)}.grade-number{color:var(--color-on-surface);font-size:var(--font-size-xxl);line-height:1}.untitled-grade-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.untitled-grade-bar{height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-chart-bar-group{gap:var(--spacing-sm);flex:1;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}.untitled-task-type-badge1{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent);letter-spacing:var(--letter-spacing-heading)}.untitled-task-status,.untitled-task-type-badge1{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);text-transform:uppercase}.untitled-task-date{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs);align-items:center}.task-grade{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.untitled-timeline-header1{display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.timeline-period{color:var(--color-on-surface-secondary);margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.timeline-stats{gap:var(--spacing-lg);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.untitled-observation-date3{color:var(--color-on-surface-secondary)}.observation-type,.untitled-observation-date3{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.observation-type{color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-radius:var(--border-radius-sm);text-transform:uppercase}.course-label,.observation-author{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.course-label{letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.course-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-progress-bar-container1{height:32px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-md)}.grade-bar-fill{height:100%;transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-bar-fill2{width:100%;position:relative;max-width:60px;background:linear-gradient(180deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 70%,var(--color-secondary) 30%));transition:height .6s var(--animation-curve-primary),transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.untitled-bar-label3{color:var(--color-on-surface-secondary)}.untitled-bar-label3,.untitled-timeline-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.untitled-timeline-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md)}.untitled-progress-bar-fill{top:0;left:0;height:100%;position:absolute;background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary) 20%));transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-progress-label1{top:50%;color:var(--color-on-surface);right:var(--spacing-md);z-index:2;position:absolute;font-size:var(--font-size-sm);transform:translateY(-50%);font-weight:var(--font-weight-bold)}.untitled-profile-header3:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));pointer-events:none}.untitled-profile-avatar3:hover{transform:scale(1.05)}.untitled-status-indicator3.status-active{background:color-mix(in srgb,var(--color-primary) 100%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-meta-item4 svg{width:18px;height:18px;opacity:.7}.untitled-profile-header-actions .btn svg{width:18px;height:18px;margin-right:var(--spacing-xs)}.status-card:before{top:0;left:0;width:4px;height:100%;content:"";position:absolute;background:var(--color-neutral);transition:width .3s var(--animation-curve-primary)}.status-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.status-card:hover:before{width:8px}.status-card.status-success:before{background:color-mix(in srgb,var(--color-primary) 100%,transparent)}.status-card.status-warning:before{background:color-mix(in srgb,var(--color-accent) 100%,transparent)}.status-card.status-active:before{background:color-mix(in srgb,var(--color-secondary) 100%,transparent)}.status-card.status-warning .status-card-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.status-card.status-active .status-card-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.untitled-info-item:hover{background:color-mix(in srgb,var(--color-neutral) 6%,transparent)}.untitled-info-item svg{color:var(--color-primary);width:20px;height:20px;margin-top:2px;flex-shrink:0}.untitled-alert-card1.warning{border-left-color:var(--color-accent)}.untitled-alert-card1.info{border-left-color:var(--color-secondary)}.untitled-alert-card1 svg{color:var(--color-accent);width:20px;height:20px;flex-shrink:0}.untitled-alert-content1 p{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.course-badge.level-b1{color:var(--color-on-primary);background:var(--color-primary)}.course-badge.level-a2{color:var(--color-on-secondary);background:var(--color-secondary)}.course-badge.level-a1{color:var(--color-on-accent);background:var(--color-accent)}.legend-dot.positive{background:var(--color-primary)}.legend-dot.warning{background:var(--color-accent)}.legend-dot.pending{background:var(--color-neutral)}.untitled-data-table1 thead{background:color-mix(in srgb,var(--color-neutral) 5%,transparent)}.untitled-data-table1 th{text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-data-table1 td,.untitled-data-table1 th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.untitled-data-table1 td{border-bottom:1px solid var(--color-border)}.untitled-data-table1 tbody tr{transition:background .2s var(--animation-curve-primary)}.untitled-data-table1 tbody tr:hover{background:color-mix(in srgb,var(--color-neutral) 3%,transparent)}.untitled-status-badge5.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-badge5.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-status-badge5.pending{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-neutral) 20%,transparent)}.untitled-status-badge5.active{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.grade-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.grade-card-header h4{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-grade-status.positive{color:var(--color-primary)}.untitled-grade-status.warning{color:var(--color-accent)}.grade-bar-fill.positive{background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary) 20%))}.grade-bar-fill.warning{background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 80%,var(--color-secondary) 20%))}.untitled-bar-fill2:hover{transform:scaleY(1.05)}.untitled-task-card1:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.untitled-task-status.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-task-status.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-task-date svg{width:16px;height:16px}.untitled-task-date.warning{color:var(--color-accent)}.task-grade.positive{color:var(--color-primary)}.history-timeline:before{top:0;left:0;width:2px;bottom:0;content:"";position:absolute;background:var(--color-border)}.untitled-timeline-marker1.level-b1{background:var(--color-primary)}.untitled-timeline-marker1.level-a2{background:var(--color-secondary)}.untitled-timeline-marker1.level-a1{background:var(--color-accent)}.untitled-timeline-header1 h4{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-timeline-status.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-timeline-status.positive{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.timeline-stats span{font-weight:var(--font-weight-medium)}.untitled-observation-card4:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.untitled-section-container3{padding:0;background:var(--color-surface);min-height:100vh}.untitled-profile-header4{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border)}.untitled-status-overview{padding:var(--spacing-xl)}.support-content-grid,.untitled-status-overview{margin:0 auto;max-width:var(--content-max-width)}.support-content-grid{gap:var(--spacing-xl);display:grid;padding:0 var(--spacing-xl) var(--spacing-4xl);align-items:flex-start;grid-template-columns:1fr 380px}.untitled-profile-header-content3{margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);max-width:var(--content-max-width)}.untitled-status-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.support-main-column{gap:var(--spacing-xl);display:flex;flex-direction:column}.support-sidebar{gap:var(--spacing-lg);top:var(--spacing-lg);display:flex;position:sticky;flex-direction:column}.profile-header-top{display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.untitled-profile-header-main{gap:var(--spacing-xl);display:grid;align-items:flex-start;grid-template-columns:auto 1fr}.untitled-status-card{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);transition:all .3s var(--animation-curve-primary);align-items:flex-start}.untitled-status-card,.untitled-support-section{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.untitled-support-section{padding:var(--spacing-xl)}.untitled-sidebar-card3,.untitled-support-section{animation:fadeInUp .4s var(--animation-curve-primary) backwards}.untitled-sidebar-card3{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.back-button{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-profile-actions1{gap:var(--spacing-sm);display:flex}.untitled-profile-avatar-section{position:relative}.untitled-profile-header-info3{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-status-card-icon{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.support-section-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);justify-content:space-between}.account-details-grid{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.account-actions{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.access-history-table{gap:var(--spacing-md);display:flex;flex-direction:column}.devices-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-alert-list{margin-bottom:var(--spacing-md)}.untitled-alert-list,.untitled-tasks-list{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-back-arrow{font-size:var(--font-size-lg);line-height:1}.profile-avatar-wrapper-large{width:140px;height:140px;position:relative}.untitled-profile-title-group{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-profile-meta-grid1{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.status-card-value{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-info-item1{gap:var(--spacing-md);display:grid;align-items:flex-start;grid-template-columns:40px 1fr}.account-detail-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.access-history-item,.account-detail-item{padding:var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 50%,var(--color-surface-elevated));border-radius:var(--border-radius-md)}.access-history-item{gap:var(--spacing-md);display:grid;grid-template-columns:40px 1fr}.access-history-item,.device-card{transition:all .2s var(--animation-curve-primary)}.device-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,var(--color-surface-elevated));border-radius:var(--border-radius-md)}.device-card-active{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface-elevated));border-color:var(--color-accent)}.untitled-alert-card2{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md);flex-direction:column}.untitled-metric-bar-wrapper2{gap:var(--spacing-lg);display:flex;flex-direction:column}.task-item{gap:var(--spacing-sm);display:grid;padding:var(--spacing-sm);background:color-mix(in srgb,var(--color-surface) 50%,var(--color-surface-elevated));transition:all .2s var(--animation-curve-primary);border-radius:var(--border-radius-sm);grid-template-columns:32px 1fr}.untitled-profile-avatar4{width:100%;border:3px solid var(--color-surface);height:100%;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-lg)}.untitled-status-indicator4{right:8px;width:24px;border:3px solid var(--color-surface);bottom:8px;height:24px;position:absolute;box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-full)}.profile-main-title{color:var(--color-on-surface);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-status-badge6{display:inline-flex;padding:4px 12px;font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full);letter-spacing:.02em}.untitled-profile-meta-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.info-item-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-info-item-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.account-detail-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.account-detail-value-group{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center}.account-detail-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.access-history-icon{width:40px;height:40px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.access-history-icon-success{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.access-history-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.access-history-icon-warning{color:#ff9800;background:color-mix(in srgb,#ff9800 15%,transparent)}.device-card-header{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-md)}.device-card-details{gap:var(--spacing-sm);display:grid;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.device-revoke-btn{width:100%}.untitled-alert-card-header{gap:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.untitled-alert-card-title{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.4}.alert-card-meta{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs);align-items:center}.alert-action-btn{width:100%;margin-top:var(--spacing-xs)}.untitled-bar-group3{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-task-icon{color:var(--color-accent);width:32px;height:32px;display:flex;background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.untitled-task-content1{gap:4px;display:flex;flex-direction:column}.untitled-profile-meta-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-profile-meta-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-item-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.info-item-label,.info-item-value{font-weight:var(--font-weight-medium)}.info-item-value{color:var(--color-on-surface);font-size:var(--font-size-base)}.info-status-badge{display:inline-flex;margin-top:var(--spacing-xs)}.untitled-role-teacher1{color:var(--color-primary);display:inline-flex;padding:4px 12px;font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.access-history-title{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.access-history-meta{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);align-items:center}.device-icon{color:var(--color-primary);width:44px;height:44px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.device-info{flex:1}.device-detail,.device-info{gap:4px;display:flex;flex-direction:column}.alert-card-id{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:monospace}.bar-group-header{display:flex;align-items:center;justify-content:space-between}.untitled-bar-fill3{height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-positive{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.untitled-task-title2{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4}.untitled-task-meta1{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.device-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.device-detail-label,.device-meta{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.device-detail-label{font-weight:var(--font-weight-medium)}.device-detail-value{color:var(--color-on-surface)}.device-detail-value,.untitled-stat-label9{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-stat-label9{color:var(--color-on-surface-secondary)}.untitled-stat-value9{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.bar-fill-inner{height:100%;background:var(--color-primary);transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-profile-actions1 .btn{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-profile-actions1 svg{width:18px;height:18px}.untitled-status-indicator4.status-active{background:color-mix(in srgb,var(--color-accent) 100%,transparent)}.untitled-profile-meta-value.level-b1{color:var(--color-primary)}.untitled-status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.status-card-success .status-card-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.status-card-warning .status-card-icon{color:#ff9800;background:color-mix(in srgb,#ff9800 15%,transparent)}.status-card-info .status-card-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.status-card-neutral .status-card-icon{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-on-surface) 10%,transparent)}.support-section-header .section-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.support-section-header .btn{gap:var(--spacing-xs);display:flex;align-items:center}.info-item-icon svg{width:20px;height:20px}.account-actions .btn{gap:var(--spacing-xs);display:flex;align-items:center}.account-actions svg{width:16px;height:16px}.access-history-item:hover{background:var(--color-surface)}.access-history-icon svg{width:20px;height:20px}.device-card:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.device-card-active .device-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.device-icon svg{width:22px;height:22px}.untitled-sidebar-card3 .section-subtitle{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-sidebar-card3:first-child{animation-delay:.2s}.untitled-sidebar-card3:nth-child(2){animation-delay:.3s}.untitled-sidebar-card3:nth-child(3){animation-delay:.4s}.untitled-sidebar-card3:nth-child(4){animation-delay:.5s}.untitled-sidebar-card3:nth-child(5){animation-delay:.6s}.untitled-alert-card2.warning{border-left:3px solid #ff9800}.untitled-alert-card2.info{border-left:3px solid var(--color-primary)}.bar-fill-inner.status-success-bar{background:var(--color-accent)}.task-item:hover{background:var(--color-surface)}.untitled-task-icon svg{width:16px;height:16px}.action-list .btn{gap:var(--spacing-xs);width:100%;display:flex;align-items:center;justify-content:flex-start}.action-list svg{width:16px;height:16px}.untitled-status-badge6.status-active,.untitled-status-badge6.status-success{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-status-badge6.status-warning{color:#ff9800;background:color-mix(in srgb,#ff9800 15%,transparent)}.untitled-status-badge6.status-pending{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-support-section:first-child{animation-delay:.1s}.untitled-support-section:nth-child(2){animation-delay:.2s}.untitled-support-section:nth-child(3){animation-delay:.3s}.untitled-support-section:nth-child(4){animation-delay:.4s}.support-dashboard-container{width:100%;background:var(--color-surface);min-height:100vh;padding-bottom:clamp(3rem,5vw,6rem)}.support-header-banner{padding:var(--spacing-xl) var(--spacing-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,var(--color-accent)),color-mix(in srgb,var(--color-primary) 85%,var(--color-secondary)));box-shadow:var(--shadow-level-2);border-bottom:3px solid var(--color-primary)}.untitled-profile-header-section{margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);max-width:var(--content-max-width)}.untitled-support-content-grid{display:grid;padding:0 var(--spacing-xl) var(--spacing-2xl);align-items:flex-start;grid-template-columns:1.2fr 1fr}.support-banner-content,.untitled-support-content-grid{gap:var(--spacing-xl);margin:0 auto;max-width:var(--content-max-width)}.support-banner-content{display:flex;z-index:2;position:relative;align-items:center}.profile-header-grid{gap:var(--spacing-xl);display:grid;align-items:flex-start;grid-template-columns:1fr 320px}.support-left-column{gap:var(--spacing-xl);display:flex;flex-direction:column}.support-mode-badge{gap:var(--spacing-sm);color:var(--color-primary);border:2px solid var(--color-primary);display:flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.support-banner-info{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-profile-main-card{gap:var(--spacing-2xl);border:1px solid var(--color-border);display:grid;padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);grid-template-columns:auto 1fr}.profile-quick-actions{gap:var(--spacing-md);display:flex;flex-direction:column}.support-warning{color:color-mix(in srgb,var(--color-on-primary) 85%,transparent);font-size:var(--font-size-sm);font-style:italic}.profile-avatar-area{gap:var(--spacing-md);align-items:center}.profile-avatar-area,.untitled-profile-info-main{display:flex;z-index:2;position:relative;flex-direction:column}.untitled-profile-info-main{gap:var(--spacing-lg)}.action-card-btn{gap:var(--spacing-md);color:var(--color-on-surface);border:2px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:left;transition:all .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg)}.untitled-profile-avatar-wrapper{width:160px;height:160px;position:relative}.untitled-profile-name-section1{gap:var(--spacing-xs);display:flex;flex-direction:column}.profile-meta-tags{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.profile-contact-grid{gap:var(--spacing-md);display:grid;margin-top:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.profile-status-indicator{right:8px;width:24px;border:3px solid var(--color-surface);bottom:8px;height:24px;position:absolute;box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-full)}.untitled-contact-item3{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.security-actions-card{border:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:linear-gradient(135deg,var(--color-surface-elevated),color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated)))}.support-right-column{gap:var(--spacing-xl);display:flex;flex-direction:column}.system-actions-bar{left:0;right:0;bottom:0;padding:var(--spacing-lg) var(--spacing-xl);z-index:100;position:fixed;background:var(--color-surface-elevated);border-top:2px solid var(--color-border);box-shadow:0 -4px 12px color-mix(in srgb,var(--color-neutral) 10%,transparent)}.support-header-banner:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-accent) 15%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--color-secondary) 15%,transparent) 0,transparent 50%)}.support-mode-badge svg{width:20px;height:20px;flex-shrink:0}.support-banner-info p{color:var(--color-on-primary);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-profile-main-card:before{top:0;right:0;width:300px;height:300px;content:"";z-index:1;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 70%);pointer-events:none}.untitled-profile-avatar-wrapper img{width:100%;border:4px solid var(--color-surface);height:100%;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl)}.untitled-profile-name-section1 .hero-title{color:var(--color-on-surface);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);line-height:var(--line-height-tight)}.action-card-btn svg,.untitled-contact-item3 svg{color:var(--color-primary);flex-shrink:0}.action-card-btn svg{width:24px;height:24px}.action-card-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.action-card-btn:active{transform:translateY(0)}.card-header-with-action .section-subtitle{margin:0}.input-wrapper label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.permissions-section h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.checkbox-item:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.checkbox-item input[type=checkbox]{width:18px;cursor:pointer;height:18px;accent-color:var(--color-primary)}.checkbox-item span{color:var(--color-on-surface);font-size:var(--font-size-sm)}.security-action-item:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.security-action-info svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0}.security-action-info div{gap:var(--spacing-xs);display:flex;flex-direction:column}.security-action-info h4{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.security-action-info p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-base)}.danger-action svg{color:var(--color-accent)}.stat-icon-wrapper svg{color:var(--color-primary)}.activity-timeline::-webkit-scrollbar{width:6px}.activity-timeline::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--border-radius-full)}.activity-timeline::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}.activity-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.activity-item:before{top:24px;left:7px;width:2px;bottom:-16px;content:"";position:absolute;background:var(--color-border)}.activity-item:last-child:before{display:none}.login-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.login-status.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.login-status.status-success{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.login-status.status-warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.support-header{display:flex;padding:var(--spacing-xl) 0;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl);justify-content:space-between}.untitled-breadcrumb-nav1{font-size:var(--font-size-sm);align-items:center}.support-actions-header,.untitled-breadcrumb-nav1{gap:var(--spacing-sm);display:flex}.untitled-breadcrumb-separator1{color:var(--color-on-surface-secondary)}.profile-grid{gap:var(--spacing-2xl);display:grid;margin-bottom:var(--section-gap);grid-template-columns:2fr 1fr}.untitled-profile-main-card1{padding:var(--spacing-2xl)}.support-actions-card,.untitled-profile-main-card1{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.support-actions-card{top:var(--spacing-xl);height:-moz-fit-content;height:fit-content;padding:var(--spacing-xl);position:sticky}.untitled-profile-header-section1{gap:var(--spacing-xl);display:flex}.profile-contact-section,.untitled-profile-header-section1{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.profile-academic-section{margin-top:var(--spacing-2xl)}.untitled-profile-header-info4{gap:var(--spacing-sm);flex:1;display:flex;flex-direction:column;justify-content:center}.contact-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.action-item-btn{gap:var(--spacing-md);width:100%;border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-md);background:var(--color-surface);text-align:left;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-sm)}.untitled-profile-avatar5{width:120px;border:4px solid var(--color-surface);height:120px;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.untitled-profile-status-indicator{right:8px;width:20px;border:3px solid var(--color-surface-elevated);bottom:8px;height:20px;position:absolute;border-radius:var(--border-radius-full)}.untitled-profile-meta3{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.profile-id-info{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm)}.untitled-contact-item4{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-lg)}.untitled-action-icon1,.untitled-contact-item4{display:flex;transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-action-icon1{color:var(--color-primary);width:44px;height:44px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.action-details{gap:.25rem;flex:1;display:flex;flex-direction:column}.untitled-role-badge4{padding:.375rem var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-role-teacher2{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.profile-id-value{color:var(--color-on-surface);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.contact-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.contact-details{gap:.25rem;display:flex;flex-direction:column}.untitled-action-title1{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-action-description1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.contact-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.contact-label,.contact-value{font-weight:var(--font-weight-medium)}.contact-value{color:var(--color-on-surface);font-size:var(--font-size-base)}.technical-grid{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(3,1fr)}.untitled-status-grid1{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.session-list,.untitled-activity-timeline3{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-status-card-content{gap:.5rem;border:1px solid var(--color-border);flex-direction:column}.untitled-activity-item4,.untitled-status-card-content{display:flex;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.untitled-activity-item4{gap:var(--spacing-md);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-left:3px solid var(--color-border)}.session-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-md)}.untitled-stat-label10{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-medium)}.untitled-stat-value10{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);margin-left:auto}.untitled-activity-time3{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);min-width:80px;flex-shrink:0;font-weight:var(--font-weight-medium)}.untitled-activity-content3{gap:.25rem;flex:1;display:flex;flex-direction:column}.session-icon{color:var(--color-on-surface-secondary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.session-details{gap:.25rem;flex:1;display:flex;flex-direction:column}.session-badge{padding:.25rem var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-activity-header1{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.untitled-activity-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.session-device{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.session-location,.session-timestamp{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-activity-title1{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-groups-grid2{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.group-header{gap:var(--spacing-md);display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);justify-content:space-between}.untitled-group-stats{gap:var(--spacing-md);display:flex;flex-direction:column}.group-title-section{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-stat-content3{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-level-badge{width:-moz-fit-content;width:fit-content;padding:.25rem var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-level-a2{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-metric-bar-wrapper3{flex:1;height:6px;margin:0 var(--spacing-sm);overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 15%,transparent);border-radius:var(--border-radius-full)}.untitled-level-b12{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-level-a1{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-level-b2{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-bar-fill4{height:100%;background:var(--color-accent);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.compliance-grid{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.planeamiento-summary,.untitled-observations-list1{gap:var(--spacing-lg);display:flex;flex-direction:column}.planeamiento-list,.untitled-stat-data{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-observation-item{gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-observation-item,.untitled-planeamiento-item{display:flex;padding:var(--spacing-md);background:var(--color-surface)}.untitled-planeamiento-item{gap:var(--spacing-md);border:1px solid var(--color-border);align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.untitled-observation-header4{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.untitled-observation-meta4{gap:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs)}.observation-metrics,.untitled-observation-summary2{margin-top:var(--spacing-xs)}.observation-metrics{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.planeamiento-info{gap:.25rem;flex:1;display:flex;flex-direction:column}.untitled-observation-title2{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-observation-date4,.untitled-observation-observer{font-weight:var(--font-weight-medium)}.observation-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-metric-label4{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.untitled-planeamiento-title{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-planeamiento-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-metric-value4{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.notes-alerts-grid{gap:var(--spacing-2xl);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-notes-list{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-alert-list1{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-note-item{border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-alert-card3,.untitled-note-item{padding:var(--spacing-md);background:var(--color-surface)}.untitled-alert-card3{gap:var(--spacing-md);display:flex;border:1px solid var(--color-border);border-left:3px solid var(--color-neutral);border-radius:var(--border-radius-md)}.untitled-note-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xs);justify-content:space-between}.untitled-note-content{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-alert-icon1{color:var(--color-on-surface-secondary);width:36px;height:36px;display:flex;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-alert-content2{gap:.25rem;flex:1;display:flex;flex-direction:column}.untitled-alert-title1,.untitled-note-author{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-alert-description1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-alert-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-top:.25rem;font-weight:var(--font-weight-medium)}.untitled-level-c12{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.support-actions-header button{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-profile-status-indicator.status-active{background:var(--color-accent)}.untitled-contact-item4:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.action-item-btn:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.action-item-btn.warning:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface));border-color:var(--color-accent)}.action-item-btn.warning .action-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.untitled-activity-item4:hover{transform:translateX(4px);border-left-color:var(--color-primary)}.session-icon.active{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-stat-content3 svg{color:var(--color-primary);flex-shrink:0}.untitled-stat-value10.positive{color:var(--color-accent)}.untitled-stat-value10.warning{color:var(--color-secondary)}.untitled-bar-fill4.positive{background:var(--color-accent)}.untitled-metric-value4.positive{color:var(--color-accent)}.untitled-metric-value4.warning{color:var(--color-secondary)}.untitled-alert-card3.info{border-left-color:var(--color-primary)}.untitled-alert-card3.info .alert-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.untitled-section-container4{background:var(--color-surface);min-height:100vh;padding-bottom:var(--section-gap)}.untitled-profile-header5{overflow:hidden;position:relative;margin-bottom:var(--section-gap)}.untitled-section-content2{gap:var(--spacing-2xl);margin:0 auto;display:flex;padding:0 var(--spacing-xl);max-width:var(--content-max-width);flex-direction:column}.profile-header-background{top:0;left:0;width:100%;height:280px;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent))}.untitled-profile-header-content4{gap:var(--spacing-xl);margin:0 auto;display:flex;padding:var(--spacing-2xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);align-items:flex-end;justify-content:space-between}.support-view-notice{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-profile-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.untitled-chart-card5{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.alert-section,.stats-section{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-profile-avatar-section1{gap:var(--spacing-xl);display:flex;align-items:flex-end}.untitled-profile-header-actions1{gap:var(--spacing-md);display:flex}.untitled-profile-card1{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:box-shadow .3s ease;border-radius:var(--border-radius-lg)}.untitled-card-header-with-action{display:flex;padding:var(--spacing-lg);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-card-content1{padding:var(--spacing-lg)}.untitled-section-subtitle6{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.untitled-stats-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-profile-header-info5{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-permissions-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.untitled-sidebar-card4{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--border-radius-lg)}.untitled-activity-timeline4{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-alert-card4{gap:var(--spacing-md);border:1px solid;display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.untitled-status-success2{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-action-list{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-action-buttons4{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.untitled-notes-list1{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-profile-avatar6{width:140px;border:4px solid var(--color-surface);height:140px;display:block;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl)}.untitled-status-badge7{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.untitled-status-active4{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.profile-role-badge{gap:var(--spacing-xs);color:var(--color-primary);width:-moz-fit-content;width:fit-content;display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 95%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);backdrop-filter:blur(12px)}.untitled-hero-title4{color:var(--color-surface);margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-hero-subtitle5{color:color-mix(in srgb,var(--color-surface) 90%,transparent);margin:0;font-size:var(--font-size-base)}.untitled-profile-meta4{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-xs)}.untitled-info-list1{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.permission-item{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all .3s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-stat-content4{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-activity-item5{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);transition:all .3s ease}.untitled-activity-item5,.untitled-alert-icon2{display:flex;border-radius:var(--border-radius-md)}.untitled-alert-icon2{width:40px;height:40px;align-items:center;flex-shrink:0;justify-content:center}.note-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md)}.untitled-profile-meta-item1{gap:var(--spacing-xs);color:var(--color-surface);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-info-item2{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);align-items:flex-start;border-radius:var(--border-radius-md)}.untitled-stat-data1{gap:var(--spacing-md);display:flex;align-items:center}.untitled-activity-icon2{width:40px;height:40px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-activity-content4{flex:1;min-width:0}.untitled-note-header1{align-items:center;margin-bottom:var(--spacing-sm)}.untitled-activity-header2,.untitled-note-header1{gap:var(--spacing-md);display:flex;justify-content:space-between}.untitled-activity-header2{align-items:flex-start;margin-bottom:var(--spacing-xs)}.untitled-activity-description1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-note-author1{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-note-date{white-space:nowrap}.untitled-info-label2,.untitled-note-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-info-label2{font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-info-value2{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-stat-value11{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-stat-label11{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-activity-title2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-activity-time4{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);white-space:nowrap}.profile-header-background:before{top:0;left:0;width:100%;height:100%;content:"";z-index:2;position:absolute;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-accent) 20%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-primary) 15%,transparent) 0,transparent 50%)}.profile-avatar-wrapper .status-badge{right:8px;bottom:8px;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;font-size:var(--font-size-xs);background:var(--color-surface);box-shadow:var(--shadow-level-2);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.profile-role-badge svg{color:var(--color-primary)}.untitled-profile-meta-item1 svg{color:color-mix(in srgb,var(--color-surface) 80%,transparent)}.support-view-notice svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.support-view-notice strong{color:var(--color-on-surface);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.support-view-notice p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-profile-card1:hover{box-shadow:var(--shadow-level-2)}.untitled-info-item2 svg{margin-top:2px;flex-shrink:0}.permission-item.status-active svg,.untitled-info-item2 svg{color:var(--color-primary)}.permission-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.untitled-sidebar-card4:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.untitled-stat-data1 svg{color:var(--color-primary);flex-shrink:0}.untitled-stat-content4 .positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-stat-content4 .info,.untitled-stat-content4 .positive{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.untitled-stat-content4 .info{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.untitled-activity-item5:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-activity-icon2.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-activity-icon2.info{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-activity-icon2.warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-alert-card4.info{background:color-mix(in srgb,var(--color-secondary) 5%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent)}.untitled-alert-card4.status-success{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.untitled-alert-card4.warning{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.untitled-alert-card4.info .alert-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-alert-card4.status-success .alert-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-alert-card4.warning .alert-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.alert-content h3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.alert-content p{line-height:var(--line-height-base)}.alert-content p,.note-card p,.untitled-action-buttons4 p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.note-card p{line-height:var(--line-height-base)}.profile-edit-container{background:var(--color-surface);min-height:100vh}.profile-header-banner{height:clamp(16rem,20vw,20rem);overflow:hidden;position:relative;background-size:cover;background-image:url(https://images.pexels.com/photos/6788338/pexels-photo-6788338.jpeg?auto=compress&cs=tinysrgb&h=650&w=940);background-position:50%}.profile-edit-content{gap:var(--spacing-3xl);margin:0 auto;display:grid;padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-4xl);max-width:var(--content-max-width);align-items:flex-start;grid-template-columns:16rem 1fr}.banner-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 75%,transparent))}.banner-content{height:100%;margin:0 auto;display:flex;padding:0 var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);align-items:flex-end}.untitled-profile-sidebar{gap:var(--spacing-lg);top:var(--spacing-xl);display:flex;position:sticky;flex-direction:column}.profile-form-main{min-height:60vh}.untitled-profile-header-info6{gap:var(--spacing-xl);width:100%;display:flex;align-items:flex-end;padding-bottom:var(--spacing-xl);justify-content:space-between}.profile-nav{padding:var(--spacing-sm)}.profile-nav,.profile-stats-card{background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.profile-stats-card{padding:var(--spacing-lg)}.profile-section{display:none;animation:fadeInUp .3s ease}.untitled-profile-avatar-section2{gap:var(--spacing-lg);display:flex;align-items:flex-end}.untitled-profile-header-actions2{gap:var(--spacing-md);display:flex;padding-bottom:.5rem}.profile-nav-item{color:var(--color-on-surface);width:100%;border:none;cursor:pointer;padding:var(--spacing-md);font-size:var(--font-size-sm);background:transparent;text-align:left;transition:all .2s ease;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.profile-nav-item,.stats-card-header{gap:var(--spacing-sm);display:flex;align-items:center}.stats-card-header{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.stats-card-content{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-profile-avatar-wrapper1{width:clamp(7rem,10vw,9rem);border:4px solid var(--color-surface);height:clamp(7rem,10vw,9rem);overflow:hidden;position:relative;transform:translateY(50%);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.profile-header-text{padding-bottom:.5rem}.untitled-stat-item4{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-profile-avatar7{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-edit-btn{color:var(--color-on-primary);right:.5rem;width:2.5rem;border:2px solid var(--color-surface);bottom:.5rem;cursor:pointer;height:2.5rem;display:flex;z-index:2;position:absolute;background:var(--color-primary);transition:transform .2s ease,box-shadow .2s ease;justify-content:center}.avatar-edit-btn,.untitled-profile-role-badge{align-items:center;border-radius:var(--border-radius-full)}.untitled-profile-role-badge{gap:var(--spacing-xs);color:var(--color-on-surface);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 90%,transparent);font-weight:var(--font-weight-medium);backdrop-filter:blur(8px)}.untitled-stat-label12{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.untitled-stat-value12{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.progress-wrapper{gap:var(--spacing-sm);display:flex;align-items:center}.form-textarea{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);resize:vertical;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;font-size:var(--font-size-base);background:var(--color-surface-elevated);min-height:6rem;transition:all .2s ease;font-family:var(--font-family-body);line-height:var(--line-height-base);border-radius:var(--border-radius-md)}.untitled-progress-bar4{flex:1;height:.5rem;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 15%,transparent);border-radius:var(--border-radius-full)}.untitled-progress-fill2{width:92%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .4s ease;border-radius:var(--border-radius-full)}.field-hint{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.work-permissions-card{margin-top:var(--spacing-xl)}.untitled-form-footer1,.work-permissions-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.untitled-form-footer1{gap:var(--spacing-xl);bottom:0;display:flex;position:sticky;box-shadow:var(--shadow-level-2);margin-top:var(--spacing-3xl);align-items:center;justify-content:space-between}.avatar-edit-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-level-2)}.profile-header-text .hero-title{color:var(--color-on-primary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xxl);text-shadow:0 2px 8px color-mix(in srgb,var(--color-neutral) 40%,transparent)}.profile-nav-item:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.profile-nav-item.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.profile-nav-item svg{flex-shrink:0}.stats-card-header h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.profile-section.active{display:block}.input-wrapper svg{left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;pointer-events:none}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.permission-item svg,.security-card-header svg{color:var(--color-primary);flex-shrink:0}.security-card-header h3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.security-card-header p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.requirement-item svg{color:var(--color-primary);flex-shrink:0}.session-item:hover{transform:translateX(.25rem);border-color:var(--color-primary)}.session-item.active{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:var(--color-primary)}.session-info h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.session-info p{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm)}.preference-header svg{color:var(--color-primary);flex-shrink:0}.preference-header h3{margin:0;font-size:var(--font-size-lg)}.option-info h4,.preference-header h3{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.option-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.option-info p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.toggle-switch input{width:0;height:0;opacity:0}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(1.25rem)}.toggle-slider:before{left:.25rem;width:1.25rem;bottom:.25rem;height:1.25rem;content:"";position:absolute;background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-full)}.site-info h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.site-info p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.footer-info svg{color:var(--color-primary);flex-shrink:0}.main-navtheme-icon1{opacity:1;transform:rotate(0deg) scale(1)}.main-navtheme-icon1,.main-navtheme-icon2{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.main-navtheme-icon2{opacity:0;transform:rotate(90deg) scale(.5)}.main-navtoggle-icon1{opacity:1;transform:rotate(0deg) scale(1)}.main-navtoggle-icon1,.main-navtoggle-icon2{display:flex;position:absolute;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.main-navtoggle-icon2{opacity:0;transform:rotate(90deg) scale(.5)}.teacher-profile-page{padding:clamp(1.5rem,3vw,3rem) clamp(1rem,4vw,2rem);background:var(--color-surface);min-height:100vh}.profile-page-header{margin:0 auto clamp(2rem,4vw,3rem);max-width:var(--content-max-width)}.profile-content-grid{gap:clamp(1.5rem,3vw,2.5rem);margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:flex-start;grid-template-columns:320px 1fr}.profile-breadcrumb{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-md)}.profile-page-title{color:var(--color-on-surface);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.profile-page-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-profile-sidebar1{gap:var(--spacing-lg);top:2rem;display:flex;position:sticky;flex-direction:column}.untitled-profile-main-content{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-breadcrumb-link{color:var(--color-primary);transition:opacity .2s ease;text-decoration:none}.untitled-breadcrumb-current,.untitled-breadcrumb-separator2{color:var(--color-on-surface-secondary)}.profile-photo-card{padding:var(--spacing-xl)}.profile-photo-card,.quick-links-card{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s ease,border-color .3s ease,color .3s ease;border-radius:var(--border-radius-xl)}.quick-links-card{padding:var(--spacing-lg)}.profile-form-section{border:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s ease,border-color .3s ease,color .3s ease;border-radius:var(--border-radius-xl)}.profile-photo-wrapper{margin-bottom:var(--spacing-lg)}.profile-photo-info{text-align:center}.profile-stats-mini{gap:var(--spacing-md);display:grid;border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.quick-links-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.quick-links-nav{gap:var(--spacing-xs);display:flex;flex-direction:column}.profile-photo-container{width:180px;border:4px solid var(--color-primary);height:180px;margin:0 auto;overflow:hidden;position:relative;box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-full)}.hidden-file-input{display:none}.untitled-profile-name2{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.untitled-profile-role2{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.profile-status-badge{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.stat-mini-item{display:flex;text-align:center;align-items:center;flex-direction:column}.quick-link-item{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);transition:background-color .3s ease,border-color .3s ease,color .3s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);text-decoration:none}.edit-section-btn{flex-shrink:0}.profile-photo{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.profile-photo-overlay{inset:0;display:flex;opacity:0;z-index:2;position:absolute;background:color-mix(in srgb,var(--color-primary) 95%,transparent);transition:opacity .3s ease;align-items:center;justify-content:center}.status-dot{width:8px;height:8px;animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:var(--border-radius-full)}.stat-mini-value{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.stat-mini-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.photo-upload-button{gap:var(--spacing-xs);color:var(--color-on-surface);border:none;cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);transition:transform .2s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg)}.untitled-form-textarea{resize:vertical;min-height:100px;line-height:var(--line-height-base);padding-left:var(--spacing-md)}.untitled-profile-actions2{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-xl);justify-content:flex-end}.untitled-breadcrumb-link:hover{opacity:.7}.profile-photo-container:hover .profile-photo-overlay{opacity:1}.photo-upload-button:hover{transform:scale(1.05)}.profile-status-badge.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.quick-link-item:hover{color:var(--color-on-surface);transform:translateX(4px);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.quick-link-item.active{color:var(--color-on-primary);background:var(--color-primary)}.quick-link-item svg{flex-shrink:0}.input-with-icon svg{left:var(--spacing-md);color:var(--color-on-surface-secondary);z-index:2;position:absolute;pointer-events:none}.form-input:-moz-read-only{cursor:not-allowed;background:color-mix(in srgb,var(--color-on-surface) 5%,transparent)}.form-input:read-only{cursor:not-allowed;background:color-mix(in srgb,var(--color-on-surface) 5%,transparent)}.certification-item:hover{transform:translateX(4px);border-color:var(--color-primary)}.security-info-card svg{color:var(--color-primary);flex-shrink:0}.profile-edit-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-profile-edit-container{gap:var(--spacing-2xl);display:grid;z-index:2;position:relative;margin-top:calc(var(--spacing-2xl) * -1);grid-template-columns:320px 1fr}.profile-edit-sidebar{gap:var(--spacing-lg);display:flex;flex-direction:column}.profile-edit-main{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-breadcrumb-nav2{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-md)}.untitled-profile-card2{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--animation-curve-primary)}.avatar-upload-card{text-align:center}.profile-edit-form{gap:var(--spacing-3xl);display:flex;flex-direction:column}.untitled-breadcrumb-separator3{color:var(--color-on-surface-secondary)}.avatar-upload-wrapper{gap:var(--spacing-md);display:flex;align-items:center;flex-direction:column}.profile-completion{margin-bottom:var(--spacing-lg)}.completion-checklist{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.card-icon-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.info-list--compact{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-form-section{position:relative;border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-2xl)}.profile-avatar-wrapper--large{width:140px;height:140px;position:relative}.avatar-upload-info{width:100%}.completion-bar-wrapper{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-checklist-item{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-neutral) 5%,transparent);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.checklist-item--complete{color:var(--color-on-surface)}.icon-badge{width:44px;height:44px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.icon-badge--accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.avatar-upload-trigger{color:var(--color-on-primary);right:0;width:44px;border:3px solid var(--color-surface-elevated);bottom:0;cursor:pointer;height:44px;display:flex;position:absolute;background:var(--color-primary);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:50%;justify-content:center}.info-hint{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.completion-bar{height:12px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 20%,transparent);border-radius:var(--border-radius-full)}.completion-label{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.completion-fill{height:100%;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.input-hint{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-input--textarea{resize:vertical;min-height:100px;line-height:var(--line-height-base)}.required-mark{color:var(--color-accent)}.form-actions{gap:var(--spacing-lg);display:flex;border-top:2px solid var(--color-border);margin-top:var(--spacing-2xl);align-items:center;padding-top:var(--spacing-xl);justify-content:space-between}.profile-edit-page .section-header{padding:var(--spacing-2xl) 0;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-bottom:1px solid var(--color-border)}.profile-edit-page .section-header:before{top:-50%;right:-10%;width:40%;height:200%;content:"";opacity:.5;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 70%);pointer-events:none}.profile-edit-page .section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.profile-edit-page .section-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg)}.profile-edit-page *{transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--animation-curve-primary)}.untitled-profile-card2:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.profile-avatar-wrapper--large .profile-avatar{width:100%;border:4px solid var(--color-primary);height:100%;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-upload-trigger:hover{transform:scale(1.1);background:var(--color-secondary)}.avatar-upload-trigger svg{width:20px;height:20px}.avatar-upload-info .card-title{margin:0 0 var(--spacing-xs)}.avatar-upload-info .card-title,.quick-stats-card .card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.quick-stats-card .card-title{margin:0 0 var(--spacing-md)}.completion-fill:after{top:0;left:0;right:0;bottom:0;content:"";position:absolute;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-on-primary) 30%,transparent),transparent)}.untitled-checklist-item svg{width:18px;height:18px;opacity:.3;flex-shrink:0}.checklist-item--complete svg{color:var(--color-primary);opacity:1}.icon-badge svg{width:22px;height:22px}.info-list--compact .info-item{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);justify-content:space-between}.info-list--compact .info-item:last-child{border-bottom:none;padding-bottom:0}.info-list--compact .info-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.info-list--compact .info-value{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section-icon svg{width:24px;height:24px}.password-toggle:hover{color:var(--color-primary)}.password-toggle svg{width:20px;height:20px;position:static}.preference-item:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.form-section--danger .form-section-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.security-notice svg{color:var(--color-secondary);width:22px;height:22px;flex-shrink:0}.security-notice p{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm)}.requirement-item:before{left:0;color:var(--color-primary);content:"•";position:absolute}.form-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center}.form-actions .btn svg{width:18px;height:18px}.untitled-profile-edit-page{background:var(--color-surface);min-height:100vh;transition:background-color .3s ease,border-color .3s ease,color .3s ease;padding-bottom:var(--spacing-4xl)}.untitled-profile-header-section2{overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-bottom:1px solid var(--color-border)}.profile-content-section{z-index:3;position:relative;margin-top:calc(var(--spacing-3xl) * -1)}.profile-header-wrapper{margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);z-index:2;position:relative;max-width:var(--content-max-width)}.profile-content-container{margin:0 auto;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.untitled-profile-header-content5{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.untitled-profile-avatar-section3{margin-bottom:var(--spacing-3xl)}.profile-forms-grid{gap:var(--spacing-2xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}.save-changes-bar{left:0;right:0;bottom:-100px;padding:var(--spacing-lg) var(--spacing-xl);z-index:1000;position:fixed;background:var(--color-surface-elevated);border-top:2px solid var(--color-primary);box-shadow:var(--shadow-level-3);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.untitled-profile-header-left1{flex:1;min-width:280px}.untitled-profile-header-actions3{gap:var(--spacing-md);display:flex;align-items:center}.untitled-avatar-upload-card{gap:var(--spacing-3xl);display:flex;align-items:center}.profile-form-card,.untitled-avatar-upload-card{border:1px solid var(--color-border);padding:var(--spacing-3xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s ease,border-color .3s ease,color .3s ease;border-radius:var(--border-radius-xl)}.save-changes-content{gap:var(--spacing-lg);margin:0 auto;display:flex;max-width:var(--content-max-width);align-items:center;justify-content:space-between}.avatar-display{position:relative;flex-shrink:0}.avatar-info{flex:1;min-width:200px}.form-card-header{gap:var(--spacing-lg);display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.untitled-profile-form{gap:var(--spacing-lg);display:flex;flex-direction:column}.save-changes-info{color:var(--color-on-surface);align-items:center;font-weight:var(--font-weight-medium)}.save-changes-actions,.save-changes-info{gap:var(--spacing-md);display:flex}.avatar-image-wrapper{width:160px;border:4px solid var(--color-border);height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));border-radius:var(--border-radius-full)}.avatar-image-wrapper,.avatar-upload-button{display:flex;box-shadow:var(--shadow-level-2);align-items:center;justify-content:center}.avatar-upload-button{color:var(--color-on-primary);right:8px;width:48px;border:3px solid var(--color-surface-elevated);bottom:8px;cursor:pointer;height:48px;position:absolute;background:var(--color-primary);transition:all .3s ease;border-radius:var(--border-radius-full)}.form-card-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));box-shadow:var(--shadow-level-1);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.form-card-title-wrapper{flex:1}.untitled-form-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-form-group1{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-password-requirements{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md)}.untitled-preferences-grid{gap:var(--spacing-xl);display:flex;flex-direction:column}.avatar-placeholder{color:var(--color-on-surface-secondary);display:flex;align-items:center;justify-content:center}.avatar-preview{top:0;left:0;width:100%;height:100%;display:none;position:absolute;-o-object-fit:cover;object-fit:cover}.untitled-form-label1{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-form-input1{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface);transition:background-color .3s ease,border-color .3s ease,color .3s ease;font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.form-helper-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-base)}.password-wrapper{position:relative}.untitled-requirements-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-requirements-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.preference-toggle-item{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 3%,transparent);transition:all .3s ease;align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.required-indicator{color:var(--color-accent);font-weight:var(--font-weight-bold)}.untitled-password-toggle{right:var(--spacing-md);border:none;cursor:pointer;padding:var(--spacing-xs);z-index:2;position:absolute;background:transparent;justify-content:center}.untitled-password-toggle,.untitled-requirement-item{color:var(--color-on-surface-secondary);display:flex;transition:color .3s ease;align-items:center}.untitled-requirement-item{gap:var(--spacing-sm);font-size:var(--font-size-sm)}.preference-info{flex:1}.untitled-toggle-switch{width:52px;cursor:pointer;height:28px;position:relative;flex-shrink:0}.untitled-requirement-icon{width:18px;border:2px solid;height:18px;position:relative;transition:all .3s ease;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-toggle-slider{top:0;left:0;right:0;border:2px solid var(--color-border);bottom:0;position:absolute;background:var(--color-border);transition:all .3s ease;border-radius:28px}.untitled-profile-header-section2:before{top:-50%;right:-10%;width:600px;height:600px;content:"";position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 70%);border-radius:var(--border-radius-full);pointer-events:none}.untitled-profile-header-left1 .hero-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-profile-header-left1 .hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-profile-header-actions3 .btn{gap:var(--spacing-xs);display:flex;align-items:center;white-space:nowrap}.untitled-profile-header-actions3 .btn svg{flex-shrink:0}.untitled-avatar-upload-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%)}.untitled-avatar-upload-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.avatar-preview.visible{display:block}.avatar-upload-button:hover{transform:scale(1.05);background:color-mix(in srgb,var(--color-primary) 90%,#000)}.avatar-upload-button svg{flex-shrink:0}.avatar-info .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.avatar-info .feature-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.profile-form-card:before{top:0;left:0;width:100%;height:3px;content:"";opacity:0;position:absolute;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);transition:opacity .3s ease}.profile-form-card:hover:before{opacity:1}.profile-form-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.form-card-title-wrapper .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.form-card-title-wrapper .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-form-label1 svg{color:var(--color-primary);flex-shrink:0}.untitled-form-input1:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input1:disabled{color:var(--color-on-surface-secondary);cursor:not-allowed;background:color-mix(in srgb,var(--color-neutral) 5%,transparent)}.input-wrapper .form-input{width:100%;padding-left:calc(var(--spacing-lg) + 28px)}.untitled-password-toggle:hover,.untitled-requirement-item.met{color:var(--color-primary)}.untitled-requirement-item.met .requirement-icon{background:var(--color-primary);border-color:var(--color-primary)}.untitled-requirement-item.met .requirement-icon:after{top:50%;left:50%;color:var(--color-on-primary);content:"✓";position:absolute;font-size:12px;transform:translate(-50%,-50%);font-weight:var(--font-weight-bold)}.preference-toggle-item:hover{background:color-mix(in srgb,var(--color-neutral) 5%,transparent);border-color:var(--color-primary)}.preference-info .form-label{cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.preference-info .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.untitled-toggle-switch input{width:0;height:0;opacity:0;position:absolute}.untitled-toggle-switch input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.untitled-toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.untitled-toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-toggle-slider:before{left:2px;width:20px;bottom:2px;height:20px;content:"";position:absolute;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-full)}.save-changes-bar.visible{bottom:0}.save-changes-info svg{color:var(--color-accent);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.coordinator-profile-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-profile-header-section3{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-bottom:1px solid var(--color-border)}.untitled-profile-form-section{padding:var(--spacing-3xl) 0}.profile-form-wrapper,.untitled-profile-header-content6{margin:0 auto;padding:0 var(--spacing-xl);max-width:var(--content-max-width)}.profile-form-wrapper{gap:var(--spacing-3xl);display:grid;align-items:flex-start;grid-template-columns:320px 1fr}.untitled-profile-breadcrumb{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-lg)}.untitled-profile-header-main1{position:relative}.untitled-profile-sidebar2{gap:var(--spacing-xl);top:var(--spacing-2xl);display:flex;position:sticky;flex-direction:column}.untitled-profile-main-content1{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-breadcrumb-link1{color:var(--color-primary);transition:color .2s ease;text-decoration:none}.untitled-breadcrumb-separator4{color:var(--color-on-surface-secondary)}.untitled-sidebar-card5{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-lg)}.profile-avatar-card{text-align:center}.profile-section-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-lg)}.untitled-profile-avatar-wrapper2{display:inline-block;position:relative;margin-bottom:var(--spacing-lg)}.untitled-profile-name3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-profile-role3{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.untitled-profile-status-badge{display:flex;justify-content:center}.untitled-info-list2{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.security-item{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.security-progress{width:100%;height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-profile-avatar8{color:var(--color-on-primary);width:120px;border:4px solid var(--color-surface);height:120px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-profile-avatar-large2{width:140px;height:140px}.avatar-upload-btn{color:var(--color-on-accent);right:5px;width:40px;border:3px solid var(--color-surface);bottom:5px;cursor:pointer;height:40px;display:flex;position:absolute;background:var(--color-accent);box-shadow:var(--shadow-level-1);transition:all .3s ease;justify-content:center}.avatar-upload-btn,.untitled-status-badge8{align-items:center;border-radius:var(--border-radius-full)}.untitled-status-badge8{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.untitled-info-item3{gap:var(--spacing-xs);display:flex;border-bottom:1px solid var(--color-border);flex-direction:column;padding-bottom:var(--spacing-md)}.security-item-content{flex:1}.security-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .5s ease;border-radius:var(--border-radius-full)}.untitled-info-label3{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.untitled-info-value3{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.security-item-title{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.security-item-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-profile-actions3{gap:var(--spacing-md);display:flex;padding-top:var(--spacing-xl);justify-content:flex-end}.toast-notification{gap:var(--spacing-md);color:var(--color-on-primary);right:var(--spacing-2xl);bottom:var(--spacing-2xl);display:flex;opacity:0;padding:var(--spacing-lg) var(--spacing-xl);z-index:1000;position:fixed;font-size:var(--font-size-base);transform:translateY(20px);background:var(--color-primary);box-shadow:var(--shadow-level-3);transition:all .4s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);pointer-events:none}.untitled-breadcrumb-link1:hover{color:var(--color-secondary)}.untitled-profile-header-main1 .hero-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-profile-header-main1 .hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-sidebar-card5:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.avatar-upload-btn:hover{transform:scale(1.1);background:var(--color-primary);box-shadow:var(--shadow-level-2)}.profile-quick-info .card-title{gap:var(--spacing-sm);color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;display:flex;font-size:var(--font-size-base);align-items:center;font-weight:var(--font-weight-bold)}.untitled-info-item3:last-child{border-bottom:none;padding-bottom:0}.profile-security-summary .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.security-item svg{color:var(--color-primary);flex-shrink:0}.profile-section-card:hover{box-shadow:var(--shadow-level-2)}.card-header-text svg{color:var(--color-primary);flex-shrink:0}.card-header-text .card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.input-wrapper.password-wrapper svg:first-child{left:var(--spacing-md);position:absolute}.input-wrapper svg+.form-input{padding-left:calc(var(--spacing-lg) + 24px)}.form-input:hover{border-color:var(--color-primary)}.requirement-item.valid svg{color:var(--color-primary);opacity:1}.requirement-item.valid{color:var(--color-on-surface)}.toggle-label:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent);border-color:var(--color-primary)}.toggle-label-text strong{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.toast-notification.show{opacity:1;transform:translateY(0);pointer-events:auto}.toast-notification svg{flex-shrink:0}.untitled-status-badge8.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.preview-sidebar{top:2rem;height:-moz-fit-content;height:fit-content;position:sticky}.untitled-hero-content-wrapper2{gap:clamp(2rem,4vw,4rem);z-index:2;position:relative;max-width:var(--content-max-width);grid-template-columns:1fr auto}.untitled-form-container1{width:100%}.preview-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);border-radius:var(--border-radius-lg)}.hero-text-area{max-width:42rem}.untitled-hero-visual{width:16rem;height:16rem;position:relative}.course-form{gap:clamp(2rem,4vw,3rem)}.untitled-preview-title{color:var(--color-on-surface);margin:0;padding:var(--spacing-lg);font-size:var(--font-size-lg);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border)}.preview-content{gap:var(--spacing-lg);display:flex;padding:var(--spacing-lg);flex-direction:column}.preview-footer{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 5%,var(--color-surface));border-top:1px solid var(--color-border)}.untitled-breadcrumb1{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.untitled-hero-title5{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}.untitled-hero-subtitle6{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.permission-notice{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);border-radius:var(--border-radius-lg);backdrop-filter:blur(8px)}.untitled-visual-card1{height:100%;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-xl);justify-content:center}.untitled-form-section1{border:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);border-radius:var(--border-radius-lg)}.untitled-form-actions{gap:var(--spacing-md);padding:var(--spacing-xl) 0 0;border-top:1px solid var(--color-border)}.preview-section{gap:var(--spacing-xs);display:flex;flex-direction:column}.preview-status{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-breadcrumb-link2{color:var(--color-on-surface-secondary);transition:color var(--animation-duration-fast)}.untitled-breadcrumb-separator5{opacity:.5}.permission-icon{color:var(--color-on-accent);width:2.5rem;height:2.5rem;background:var(--color-accent);border-radius:var(--border-radius-md)}.permission-text{flex:1}.visual-icon-large{color:var(--color-primary);opacity:.9;z-index:2;position:relative}.visual-decorative-elements{inset:0;z-index:1;position:absolute}.untitled-form-section-header{gap:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.untitled-form-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-preview-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-preview-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.preview-badge{color:var(--color-on-primary);width:-moz-fit-content;width:fit-content;display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.preview-modality{gap:var(--spacing-sm);display:flex}.preview-schedule{gap:var(--spacing-xs);display:flex;flex-direction:column}.preview-capacity{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-status-indicator5{width:.625rem;height:.625rem;animation:pulse 2s ease-in-out infinite;border-radius:50%}.status-draft{background:var(--color-accent)}.status-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.permission-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.permission-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.decorative-circle{position:absolute;animation:float 6s ease-in-out infinite;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:50%}.decorative-circle-1{top:-2rem;right:-2rem;width:8rem;height:8rem;animation-delay:0s}.decorative-circle-2{left:-1rem;width:6rem;bottom:-1rem;height:6rem;animation-delay:2s}.decorative-circle-3{top:50%;left:50%;width:4rem;height:4rem;transform:translate(-50%,-50%);animation-delay:4s}.untitled-section-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-radius:var(--border-radius-md)}.untitled-section-title7{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.untitled-form-group-full{grid-column:1/-1}.teacher-info-card{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);grid-column:1/-1;border-radius:var(--border-radius-md)}.untitled-modality-badge2{gap:var(--spacing-xs);color:var(--color-on-secondary);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-secondary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-schedule-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center}.capacity-bar{width:100%;height:.5rem;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 20%,var(--color-surface));border-radius:var(--border-radius-full)}.capacity-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-form-label2{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-form-input2{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.textarea-input{min-height:8rem;font-family:var(--font-family-body)}.untitled-checkbox-group{gap:var(--spacing-sm);border:1px solid var(--color-border);display:grid;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--border-radius-md);grid-template-columns:repeat(3,1fr)}.untitled-teacher-avatar2{color:var(--color-on-primary);width:5rem;height:5rem;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-teacher-details{flex:1;flex-direction:column}.input-with-button,.untitled-teacher-details{gap:var(--spacing-sm);display:flex}.checkbox-label-block{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);transition:background var(--animation-duration-standard),border-color var(--animation-duration-standard),color var(--animation-duration-standard);border-radius:var(--border-radius-md)}.form-hint{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:1.4}.capacity-fill{height:100%;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-checkbox-label1{gap:var(--spacing-sm);cursor:pointer;display:flex;padding:var(--spacing-sm);transition:background var(--animation-duration-fast);align-items:center;border-radius:var(--border-radius-sm)}.untitled-teacher-name2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.teacher-meta{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.teacher-stats{gap:var(--spacing-xl);display:flex;margin-top:var(--spacing-sm)}.btn-icon-action{color:var(--color-on-primary);width:2.75rem;border:none;height:2.75rem;background:var(--color-primary);transition:all var(--animation-duration-fast);flex-shrink:0;border-radius:var(--border-radius-md)}.untitled-checkbox-text{color:var(--color-on-surface);font-size:var(--font-size-sm)}.untitled-stat-item5{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-stat-label13{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.untitled-stat-value13{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-breadcrumb-link2:hover{color:var(--color-primary)}.untitled-form-section1:hover{box-shadow:var(--shadow-level-2)}.untitled-form-input2:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input2::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input2::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-checkbox-label1:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-checkbox-label1 input[type=checkbox]{width:1.125rem;cursor:pointer;height:1.125rem;accent-color:var(--color-primary)}.checkbox-label-block:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));border-color:var(--color-primary)}.checkbox-label-block input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.input-with-button .form-input{flex:1}.btn-icon-action:hover{transform:scale(1.05);box-shadow:var(--shadow-level-2)}.untitled-form-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-schedule-item svg{color:var(--color-primary);flex-shrink:0}.course-created-page{color:var(--color-on-surface);background:var(--color-surface);min-height:100vh;transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary)}.untitled-success-hero{padding:clamp(4rem,8vw,8rem) var(--spacing-lg) clamp(3rem,6vw,6rem);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent))}.access-code-section{background:var(--color-surface)}.access-code-section,.instructions-section{padding:var(--section-gap) var(--spacing-lg)}.instructions-section{background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 2%,transparent) 100%)}.untitled-quick-actions-section1{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.security-notice-section{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 3%,transparent) 100%)}.success-hero__container{z-index:2;position:relative}.access-code-section__container,.instructions-section__container,.quick-actions-section__container,.security-notice-section__container,.success-hero__container{margin:0 auto;max-width:var(--content-max-width)}.success-hero__content{text-align:center}.access-code-main,.success-hero__content{margin:0 auto;max-width:56rem}.recipient-tabs{gap:var(--spacing-sm);display:flex;padding:var(--spacing-xs);flex-wrap:wrap;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-2xl);justify-content:center}.tab-panels{position:relative}.untitled-actions-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.security-notice-card{border:1px solid var(--color-border);padding:var(--spacing-3xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-3xl)}.untitled-cta-buttons1{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;justify-content:center}.untitled-success-icon-wrapper{width:7rem;height:7rem;margin:0 auto var(--spacing-2xl);display:flex;position:relative;align-items:center;justify-content:center}.course-details-card{border:1px solid var(--color-border);margin:0 auto;padding:var(--spacing-2xl);max-width:48rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.access-code-header{text-align:center;margin-bottom:var(--spacing-3xl)}.code-display-wrapper{position:relative;margin-bottom:var(--spacing-2xl)}.code-info-card{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.code-info-card,.validity-info{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg)}.validity-info{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);flex-direction:column}.recipient-tab{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);border:none;cursor:pointer;display:flex;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:transparent;transition:all .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-lg)}.untitled-tab-panel1{display:none;animation:fadeIn .4s var(--animation-curve-primary)}.untitled-action-card1{gap:var(--spacing-lg);color:inherit;border:2px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:center;transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-xl);flex-direction:column;text-decoration:none}.security-notice-icon{color:var(--color-primary);width:4rem;height:4rem;margin:0 auto var(--spacing-xl);display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.success-icon-ring{inset:0;border:3px solid var(--color-primary);position:absolute;animation:ringExpand 1.5s cubic-bezier(.4,0,.2,1) forwards;border-radius:var(--border-radius-full)}.success-icon-ring--delayed{opacity:0;animation-delay:.3s}.success-icon-check{color:var(--color-on-primary);width:7rem;height:7rem;display:flex;z-index:2;position:relative;animation:checkBounce .6s cubic-bezier(.68,-.55,.265,1.55) .5s both;background:var(--color-primary);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.course-details-card__header{gap:var(--spacing-lg);display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.course-details-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.shield-icon{color:var(--color-primary);width:4rem;height:4rem;margin:0 auto var(--spacing-lg);display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.code-display{gap:var(--spacing-lg);border:2px dashed var(--color-primary);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);justify-content:space-between}.code-display,.copy-feedback{display:flex;transition:all .3s var(--animation-curve-primary);align-items:center}.copy-feedback{gap:var(--spacing-xs);top:-3rem;left:50%;color:var(--color-on-primary);opacity:0;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;font-size:var(--font-size-sm);transform:translateX(-50%) translateY(10px);background:var(--color-primary);box-shadow:var(--shadow-level-3);visibility:hidden;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-lg)}.untitled-info-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;display:flex;align-items:center;flex-shrink:0;justify-content:center}.validity-item{gap:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-base);align-items:center}.instructions-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.example-message-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.untitled-action-icon2{color:var(--color-primary);width:4rem;height:4rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.security-points{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.course-icon{color:var(--color-on-primary);width:3.5rem;height:3.5rem;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.course-title-info{flex:1;text-align:left}.untitled-detail-item2{gap:var(--spacing-xs);display:flex;flex-direction:column}.code-value{flex:1;color:var(--color-primary);font-size:clamp(var(--font-size-xl),4vw,2rem);word-break:break-all;font-family:Courier New,monospace;font-weight:var(--font-weight-bold);letter-spacing:.1em}.btn-copy{gap:var(--spacing-sm);color:var(--color-on-primary);border:none;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-lg)}.btn-copy,.instruction-card{display:flex;transition:all .3s var(--animation-curve-primary)}.instruction-card{gap:var(--spacing-lg);border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl)}.message-example{color:var(--color-on-surface);padding:var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family-body);line-height:1.8;margin-bottom:var(--spacing-lg)}.message-example,.security-point{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--border-radius-lg)}.security-point{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);align-items:flex-start}.course-subtitle{font-size:var(--font-size-sm)}.course-subtitle,.untitled-info-label4{color:var(--color-on-surface-secondary)}.untitled-info-label4{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-info-value4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.instruction-number{color:var(--color-on-primary);width:2.5rem;height:2.5rem;display:flex;font-size:var(--font-size-lg);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-lg);justify-content:center}.instruction-content{flex:1}.untitled-success-hero:before{top:-50%;right:-20%;width:70%;height:200%;content:"";position:absolute;transform:rotate(-15deg);background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 70%);border-radius:var(--border-radius-full);pointer-events:none}.untitled-success-hero .hero-title{color:var(--color-on-surface);font-size:clamp(var(--font-size-xxl),5vw,var(--font-size-hero));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-success-hero .hero-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base);margin-bottom:var(--spacing-3xl)}.success-icon-check svg{width:3rem;height:3rem;stroke-width:3}.course-title-info .section-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.access-code-header .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.access-code-header .section-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-base);max-width:42rem;line-height:var(--line-height-base)}.code-display:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3);border-style:solid}.btn-copy:hover{transform:scale(1.05);background:color-mix(in srgb,var(--color-primary) 90%,#000)}.btn-copy:active{transform:scale(.98)}.copy-feedback.show{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.code-info-content .info{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.code-info-content .info strong{font-weight:var(--font-weight-semibold)}.validity-item svg{color:var(--color-primary);flex-shrink:0}.instructions-section .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.instructions-section .section-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);text-align:center;margin-bottom:var(--spacing-3xl)}.recipient-tab:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.recipient-tab.active{color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-level-2)}.recipient-tab svg{width:1.25rem;height:1.25rem}.untitled-tab-panel1.active{display:block}.instruction-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.instruction-content .card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.instruction-content .feature-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.example-message-card .card-title,.instruction-content .feature-text strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.example-message-card .card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.message-example p{margin-bottom:var(--spacing-sm)}.message-example p:last-child{margin-bottom:0}.message-example strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.untitled-quick-actions-section1 .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.untitled-quick-actions-section1 .section-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);text-align:center;margin-bottom:var(--spacing-3xl)}.untitled-action-card1:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-action-card1:active{transform:translateY(-2px)}.untitled-action-card1:hover .action-icon{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.action-content .card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.action-content .feature-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.security-notice-content .section-title{color:var(--color-on-surface);font-size:var(--font-size-xl);text-align:center;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl)}.security-point svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.security-point .info{color:var(--color-on-surface);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.course-created-page *{transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary)}.hero-background-layer{top:0;left:0;width:100%;height:100%;opacity:.4;z-index:1;position:absolute;background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-accent) 6%,transparent) 0,transparent 50%)}.untitled-hero-content-wrapper3{margin:0 auto;z-index:3;position:relative;max-width:var(--content-max-width);text-align:center}.untitled-form-container2{gap:clamp(2rem,4vw,4rem);margin:0 auto;display:grid;max-width:1200px;align-items:flex-start;grid-template-columns:1fr 1.2fr}.help-container{margin:0 auto;max-width:var(--content-max-width)}.hero-brand-identity{gap:var(--spacing-lg);display:flex;align-items:center;flex-direction:column}.form-visual-column{gap:var(--spacing-xl);top:var(--spacing-xl);display:flex;position:sticky;flex-direction:column}.form-input-column{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-help-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.help-cards-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(3,1fr)}.hero-icon-shield{color:var(--color-on-primary);width:80px;height:80px;display:flex;animation:float 3s ease-in-out infinite;background:var(--color-primary);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-xl);justify-content:center}.untitled-hero-title6{color:var(--color-on-surface);margin:0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle7{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);max-width:600px;font-family:var(--font-family-body);line-height:var(--line-height-base)}.untitled-visual-card2{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--border-radius-xl)}.info-list-wrapper{gap:var(--spacing-md);display:flex;flex-direction:column}.form-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.untitled-alert-card5{border:1px solid;padding:var(--spacing-lg);animation:slideIn .4s ease;border-radius:var(--border-radius-lg)}.help-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);text-align:center;transition:all .3s ease;border-radius:var(--border-radius-xl)}.visual-icon{color:var(--color-primary);width:100px;height:100px;display:inline-flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-info-label5{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.role-type-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all .3s ease;align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-form-header1{background:color-mix(in srgb,var(--color-primary) 5%,transparent);text-align:center;border-bottom:1px solid var(--color-border)}.form-body,.untitled-form-header1{padding:var(--spacing-2xl)}.untitled-alert-content3{gap:var(--spacing-md);display:flex;align-items:flex-start}.help-card-icon{width:72px;height:72px;display:inline-flex;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.help-card-icon,.untitled-role-icon1{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;justify-content:center}.untitled-role-icon1{width:48px;height:48px;display:flex;flex-shrink:0;border-radius:var(--border-radius-md)}.untitled-role-content1{flex:1}.form-icon-wrapper{color:var(--color-on-primary);width:64px;height:64px;display:inline-flex;background:var(--color-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md)}.form-icon-wrapper,.untitled-alert-icon3{align-items:center;justify-content:center}.untitled-alert-icon3{width:40px;height:40px;display:flex;flex-shrink:0;border-radius:var(--border-radius-md)}.untitled-form-group2{margin-bottom:var(--spacing-xl)}.untitled-security-info-card{gap:var(--spacing-md);margin:var(--spacing-xl) 0;display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-accent) 5%,transparent);border-left:4px solid var(--color-accent);border-radius:var(--border-radius-md)}.untitled-form-actions1{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-2xl)}.untitled-form-label3{color:var(--color-on-surface);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.untitled-input-wrapper{position:relative}.untitled-form-input3{color:var(--color-on-surface);width:100%;border:2px solid var(--color-border);outline:none;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface);transition:all .3s ease;font-family:var(--font-family-body);border-radius:var(--border-radius-md);padding-right:48px}.untitled-info-icon1{color:var(--color-on-accent);width:40px;height:40px;display:flex;background:var(--color-accent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-info-content2{flex:1}.untitled-required-mark{color:var(--color-accent);margin-left:4px}.untitled-input-icon1{top:50%;color:var(--color-on-surface-secondary);right:var(--spacing-md);position:absolute;transform:translateY(-50%);pointer-events:none}.untitled-info-list3{gap:var(--spacing-xs);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-info-item4{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);padding-left:var(--spacing-md)}.hero-icon-shield svg{width:48px;height:48px}.untitled-visual-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.info-list-wrapper .info-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.role-type-card:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-role-icon1.role-student{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.untitled-role-icon1.role-teacher{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.untitled-role-content1 .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-role-content1 .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}.untitled-form-header1 .section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-form-header1 .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-form-input3:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input3::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.7}.untitled-form-input3::placeholder{color:var(--color-on-surface-secondary);opacity:.7}.untitled-info-content2 .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-info-item4:before{top:9px;left:0;width:4px;height:4px;content:"";position:absolute;background:var(--color-accent);border-radius:var(--border-radius-full)}.untitled-form-actions1 .btn{gap:var(--spacing-sm);flex:1;display:flex;align-items:center;justify-content:center}.untitled-alert-card5.status-success{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-alert-card5.status-warning{background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:var(--color-accent)}.status-success .alert-icon{color:var(--color-on-primary);background:var(--color-primary)}.status-warning .alert-icon{color:var(--color-on-accent);background:var(--color-accent)}.untitled-alert-content3 .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-alert-content3 .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-help-header .section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-help-header .section-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg)}.help-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.help-card .card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.help-card .feature-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.error-page-container{color:var(--color-on-surface);background:var(--color-surface);min-height:100vh;overflow-x:hidden}.error-hero-section{display:flex;padding:var(--spacing-4xl) var(--spacing-xl);overflow:hidden;position:relative;min-height:100vh;align-items:center;justify-content:center}.help-section{background:var(--color-surface-elevated)}.contact-info-section,.help-section{padding:clamp(4rem,8vw,8rem) var(--spacing-xl);position:relative}.contact-info-section{background:var(--color-surface)}.faq-section{background:var(--color-surface-elevated)}.faq-section,.return-section{padding:clamp(4rem,8vw,8rem) var(--spacing-xl)}.return-section{overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.error-hero-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.error-hero-content{z-index:3;position:relative;animation:fadeInUp .8s var(--animation-curve-primary);max-width:56rem;text-align:center}.contact-info-container{margin:0 auto;max-width:var(--content-max-width)}.faq-container{margin:0 auto;max-width:56rem}.return-container{gap:var(--spacing-4xl);margin:0 auto;display:grid;z-index:2;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr auto}.error-pattern-layer{inset:0;opacity:.4;z-index:2;position:absolute;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,color-mix(in srgb,var(--color-primary) 3%,transparent) 35px,color-mix(in srgb,var(--color-primary) 3%,transparent) 70px)}.error-gradient-overlay{inset:0;z-index:3;position:absolute;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-surface) 60%,transparent) 0,var(--color-surface) 80%)}.error-icon-container{display:flex;margin-bottom:var(--spacing-3xl);justify-content:center}.error-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.error-subtitle{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-3xl) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.error-code-display{gap:var(--spacing-md);border:2px solid var(--color-border);display:inline-flex;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-3xl)}.error-action-buttons{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center}.untitled-help-header1{text-align:center;margin-bottom:var(--spacing-4xl)}.untitled-help-cards-grid{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-info-header{text-align:center;margin-bottom:var(--spacing-4xl)}.contact-info-grid{gap:var(--spacing-2xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-emergency-notice{gap:var(--spacing-lg);display:flex;padding:var(--spacing-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 5%,transparent),color-mix(in srgb,var(--color-primary) 3%,transparent));box-shadow:var(--shadow-level-2);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-left:4px solid var(--color-accent);border-radius:var(--border-radius-lg)}.faq-header{text-align:center;margin-bottom:var(--spacing-4xl)}.faq-list{gap:var(--spacing-md);display:flex;flex-direction:column}.return-content{max-width:48rem}.error-shield-wrapper,.return-decoration{display:flex;align-items:center;justify-content:center}.error-shield-wrapper{width:160px;height:160px;position:relative;animation:pulseShield 3s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent),0 20px 60px color-mix(in srgb,var(--color-primary) 20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-surface) 50%,transparent);border-radius:var(--border-radius-full)}.error-code-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.error-code-value{color:var(--color-accent);font-size:var(--font-size-xl);font-family:Courier New,monospace;font-weight:var(--font-weight-bold);letter-spacing:.1em}.help-icon{color:var(--color-primary);width:32px;height:32px;margin:0 auto var(--spacing-md);display:block}.untitled-help-card{border:1px solid var(--color-border);overflow:hidden;position:relative;background:var(--color-surface);border-radius:var(--border-radius-xl)}.untitled-contact-info-card,.untitled-help-card{padding:var(--spacing-2xl);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary)}.untitled-contact-info-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.emergency-notice-icon{color:var(--color-accent);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.emergency-notice-content{flex:1}.faq-item{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.return-title{color:var(--color-on-primary);margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.return-text{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.return-shield-icon{color:color-mix(in srgb,var(--color-on-primary) 30%,transparent);width:120px;height:120px;animation:floatShield 4s ease-in-out infinite}.error-shield-icon{color:var(--color-primary);width:80px;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent));height:80px}.error-alert-icon{top:50%;left:50%;color:var(--color-accent);width:48px;height:48px;position:absolute;animation:alertBounce 2s ease-in-out infinite;transform:translate(-50%,-50%)}.untitled-help-card-icon{color:var(--color-primary);width:72px;height:72px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));transition:transform .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.help-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.help-card-description{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.contact-info-icon-wrapper{color:var(--color-primary);width:56px;height:56px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.contact-info-content{flex:1}.emergency-notice-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.emergency-notice-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.faq-question{gap:var(--spacing-lg);width:100%;border:none;cursor:pointer;display:flex;padding:var(--spacing-xl);background:transparent;text-align:left;transition:background .3s var(--animation-curve-primary);align-items:center;justify-content:space-between}.faq-answer{overflow:hidden;max-height:0;transition:max-height .4s var(--animation-curve-primary)}.contact-info-icon{width:28px;height:28px}.contact-info-title{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.contact-info-value{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.contact-info-detail{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.faq-question-text{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.faq-toggle-icon{color:var(--color-primary);width:32px;height:32px;display:flex;font-size:var(--font-size-xxl);background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all .3s var(--animation-curve-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md);justify-content:center}.faq-answer-text{color:var(--color-on-surface-secondary);margin:0;padding:0 var(--spacing-xl) var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-help-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .4s var(--animation-curve-primary);transform-origin:left}.untitled-help-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-help-card:hover:before{transform:scaleX(1)}.untitled-help-card:hover .help-card-icon{transform:scale(1.1) rotate(5deg)}.contact-info-section:before{top:0;left:50%;width:80%;height:1px;content:"";position:absolute;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.untitled-contact-info-card:hover{transform:translateX(4px)}.faq-item:hover,.untitled-contact-info-card:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.faq-question:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.faq-question[aria-expanded=true] .faq-toggle-icon{color:var(--color-on-primary);transform:rotate(45deg);background:var(--color-primary)}.faq-question[aria-expanded=true]+.faq-answer{max-height:500px}.return-section:before{inset:0;content:"";opacity:.3;z-index:1;position:absolute;background:repeating-linear-gradient(45deg,transparent,transparent 40px,color-mix(in srgb,var(--color-surface) 5%,transparent) 40px,color-mix(in srgb,var(--color-surface) 5%,transparent) 80px)}.success-hero-wrapper{display:flex;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) 0,var(--color-surface) 100%);min-height:85vh;align-items:center;justify-content:center}.success-hero-content{padding:var(--spacing-4xl) var(--spacing-lg);z-index:3;position:relative;max-width:800px;text-align:center}.success-icon-container{width:180px;height:180px;margin:0 auto var(--spacing-3xl);display:flex;position:relative;align-items:center;justify-content:center}.success-title{color:var(--color-on-surface);animation:slideUp .8s ease-out .4s both;font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.success-subtitle{color:var(--color-on-surface-secondary);animation:slideUp .8s ease-out .5s both;font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl)}.success-course-badge{gap:var(--spacing-sm);border:2px solid var(--color-border);display:inline-flex;padding:var(--spacing-md) var(--spacing-xl);animation:slideUp .8s ease-out .6s both;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-full)}.success-icon-pulse{width:100%;height:100%;z-index:1;position:absolute;animation:pulse 2s ease-out infinite;background:color-mix(in srgb,var(--color-accent) 15%,transparent);border-radius:var(--border-radius-full)}.success-icon-circle{width:140px;height:140px;display:flex;z-index:2;position:relative;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:var(--color-accent);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.badge-icon{color:var(--color-primary);flex-shrink:0}.badge-text{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.untitled-success-icon{color:var(--color-on-accent);width:64px;height:64px;animation:drawCheck .8s ease-out .3s both;stroke-width:3}.welcome-grid{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.welcome-text-area{padding-right:var(--spacing-2xl)}.welcome-visual-area{height:500px;position:relative}.welcome-features{gap:var(--spacing-xl);display:flex;margin-top:var(--spacing-3xl);flex-direction:column}.visual-card-stack{width:100%;height:100%;position:relative}.welcome-feature-item{gap:var(--spacing-lg);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg)}.untitled-visual-card3{width:85%;height:300px;overflow:hidden;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,var(--color-surface)) 0,color-mix(in srgb,var(--color-primary) 70%,var(--color-surface)) 100%);box-shadow:var(--shadow-level-3);transition:transform .5s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-visual-card-1{top:0;left:0;z-index:3;transform:rotate(-3deg)}.untitled-visual-card-2{top:60px;left:40px;opacity:.9;z-index:2;transform:rotate(2deg)}.visual-card-3{top:120px;left:80px;opacity:.8;z-index:1;transform:rotate(-1deg)}.untitled-feature-icon-wrapper{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.card-shimmer{top:-50%;left:-50%;width:200%;height:200%;position:absolute;animation:shimmer 3s linear infinite;background:linear-gradient(45deg,transparent 30%,color-mix(in srgb,var(--color-surface) 20%,transparent) 50%,transparent 70%)}.untitled-course-details-grid{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-detail-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.detail-card-primary{border:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)) 0,var(--color-surface-elevated) 100%)}.detail-card-header{display:flex;align-items:flex-start;justify-content:space-between}.detail-card-content{flex:1}.detail-card-footer{display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-md);justify-content:space-between}.detail-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.detail-status{display:flex}.untitled-info-label6{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-info-value5{color:var(--color-on-surface)}.untitled-info-value5,.untitled-status-badge9{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-status-badge9{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full)}.next-steps-wrapper{margin:0 auto;max-width:900px}.steps-header{text-align:center;margin-bottom:var(--spacing-4xl)}.steps-timeline{gap:var(--spacing-3xl);display:flex;position:relative;flex-direction:column}.untitled-timeline-item3{gap:var(--spacing-xl);display:grid;position:relative;grid-template-columns:80px 1fr}.untitled-timeline-marker2{display:flex;position:relative;align-items:center;flex-direction:column}.untitled-timeline-content3{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.marker-number{color:var(--color-on-primary);width:56px;height:56px;display:flex;z-index:2;position:relative;font-size:var(--font-size-xl);background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.marker-line{top:56px;flex:1;width:3px;bottom:-48px;z-index:1;position:absolute;background:linear-gradient(180deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 20%,transparent) 100%)}.untitled-cta-card{border:2px solid var(--color-border);padding:var(--spacing-4xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.cta-background-pattern{top:0;right:0;width:50%;height:100%;z-index:1;position:absolute;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 60% 80%,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 50%)}.cta-inner{z-index:2;position:relative}.cta-text-area{margin-bottom:var(--spacing-3xl)}.cta-action-area{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.cta-features-list{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-cta-feature1{gap:var(--spacing-md);display:flex;align-items:center}.untitled-feature-check1{color:var(--color-accent);flex-shrink:0}.success-hero-wrapper:before{top:-50%;right:-20%;width:80%;height:150%;animation:float 20s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 70%)}.success-hero-wrapper:after,.success-hero-wrapper:before{content:"";z-index:1;position:absolute;border-radius:var(--border-radius-full)}.success-hero-wrapper:after{left:-10%;width:60%;bottom:-30%;height:100%;animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 6%,transparent) 0,transparent 70%)}.success-course-badge:hover{transform:translateY(-4px)}.welcome-feature-item:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.untitled-feature-icon-wrapper svg{width:24px;height:24px}.untitled-visual-card3:hover{z-index:4;transform:rotate(0deg) scale(1.05)}.untitled-detail-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-timeline-item3:last-child .marker-line{display:none}.untitled-timeline-content3:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.untitled-timeline-content3 h3{margin-bottom:var(--spacing-md)}.untitled-timeline-content3 p{line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.untitled-cta-feature1 span{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.auth-split-layout{display:grid;background:var(--color-surface);min-height:100vh;grid-template-columns:1fr 1fr}.auth-brand-panel{overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 85%,var(--color-secondary)) 100%)}.auth-brand-panel,.auth-form-panel{display:flex;padding:var(--spacing-4xl);position:relative;align-items:center;justify-content:center}.auth-form-panel{background:var(--color-surface);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary)}.auth-brand-content{width:100%;z-index:2;position:relative;max-width:540px}.auth-form-wrapper{width:100%;max-width:480px;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary)}.auth-success-panel{width:100%;max-width:480px;text-align:center}.auth-logo-wrapper{gap:var(--spacing-md);display:flex;align-items:center}.auth-info-content,.auth-logo-wrapper{margin-bottom:var(--spacing-3xl)}.auth-security-badge{gap:var(--spacing-sm);color:var(--color-on-primary);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);backdrop-filter:blur(8px)}.auth-form-header{text-align:left;margin-bottom:var(--spacing-3xl)}.auth-form{gap:var(--spacing-xl);display:flex;flex-direction:column}.auth-footer-links{display:flex;margin-top:var(--spacing-2xl);justify-content:center}.auth-help-box{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);margin-top:var(--spacing-2xl);text-align:center;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-success-icon-wrapper1{color:var(--color-on-primary);width:96px;height:96px;margin:0 auto var(--spacing-2xl);display:flex;animation:successPulse .6s var(--animation-curve-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.success-instructions{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:left;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl)}.untitled-form-actions2{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.auth-logo-icon{color:var(--color-on-primary);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-surface) 20%,transparent);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-xl);backdrop-filter:blur(10px);justify-content:center}.auth-brand-title{color:var(--color-on-primary);margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.auth-features-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-info-list4{margin:0;padding:0;list-style:none;counter-reset:step-counter}.auth-feature-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.form-error{color:#e74c3c;display:none;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.untitled-feature-icon{color:var(--color-on-primary);width:32px;height:32px;display:flex;min-width:32px;background:color-mix(in srgb,var(--color-surface) 25%,transparent);align-items:center;border-radius:var(--border-radius-md);backdrop-filter:blur(8px);justify-content:center}.untitled-required-mark1{color:var(--color-accent);margin-left:2px}.untitled-input-icon2{left:var(--spacing-md);color:var(--color-on-surface-secondary);display:flex;z-index:2;position:absolute;align-items:center;pointer-events:none;justify-content:center}.untitled-form-input4{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);outline:none;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);background:var(--color-surface-elevated);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-form-input4,.untitled-security-info-card1{transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-security-info-card1{border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent);padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-surface) 15%,transparent);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px)}.untitled-requirements-list1{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-password-wrapper{display:flex;position:relative;align-items:center}.password-strength-meter{gap:var(--spacing-xs);display:flex;margin-top:var(--spacing-xs);flex-direction:column}.untitled-requirement-item1{gap:var(--spacing-sm);color:color-mix(in srgb,var(--color-on-primary) 85%,transparent);font-size:var(--font-size-sm)}.untitled-password-toggle1,.untitled-requirement-item1{display:flex;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.untitled-password-toggle1{color:var(--color-on-surface-secondary);right:var(--spacing-md);width:32px;border:none;cursor:pointer;height:32px;z-index:2;position:absolute;background:transparent;border-radius:var(--border-radius-md);justify-content:center}.untitled-strength-bar{width:100%;height:4px;overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.untitled-strength-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.untitled-requirement-icon1{width:20px;border:2px solid color-mix(in srgb,var(--color-on-primary) 50%,transparent);height:20px;display:flex;position:relative;min-width:20px;align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-strength-fill{width:0;height:100%;transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.auth-brand-panel:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-accent) 15%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-secondary) 15%,transparent) 0,transparent 50%)}.auth-info-content .section-title{color:var(--color-on-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.auth-info-content .feature-text{color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.auth-feature-item .feature-text{color:var(--color-on-primary);margin:0;line-height:var(--line-height-base)}.untitled-security-info-card1 .info-label{color:var(--color-on-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.untitled-requirement-item1.met{color:var(--color-on-primary)}.untitled-requirement-item1.met .requirement-icon{background:var(--color-accent);border-color:var(--color-accent)}.untitled-requirement-item1.met .requirement-icon:after{width:6px;border:solid var(--color-on-accent);height:10px;content:"";position:absolute;transform:rotate(45deg) translateY(-1px);border-width:0 2px 2px 0}.auth-form-header .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.auth-form-header .section-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-form-input4:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input4::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input4::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-password-wrapper .form-input{padding-right:calc(var(--spacing-md) * 3)}.untitled-password-toggle1:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-password-toggle1:focus{outline:2px solid var(--color-primary);outline-offset:2px}.untitled-strength-fill.weak{width:33%;background:#e74c3c}.untitled-strength-fill.medium{width:66%;background:#f39c12}.untitled-strength-fill.strong{width:100%;background:#27ae60}.untitled-strength-text.weak{color:#e74c3c}.untitled-strength-text.medium{color:#f39c12}.untitled-strength-text.strong{color:#27ae60}.form-error.visible{display:block}.auth-footer-links .btn-link{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:inline-flex;font-size:var(--font-size-sm);transition:color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;text-decoration:none}.auth-footer-links .btn-link:hover{color:var(--color-primary)}.auth-footer-links .btn-link svg{transform:rotate(180deg)}.auth-help-box .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.auth-help-box .highlight{color:var(--color-primary);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-help-box .highlight:hover{color:var(--color-secondary);text-decoration:underline}.untitled-success-icon-wrapper1.success-check{background:linear-gradient(135deg,#27ae60,#2ecc71)}.auth-success-panel .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.auth-success-panel .section-subtitle{color:var(--color-on-surface-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.auth-success-panel .section-subtitle strong,.success-instructions .info-label{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.success-instructions .info-label,.untitled-info-list4 li{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.untitled-info-list4 li{color:var(--color-on-surface-secondary);position:relative;line-height:var(--line-height-base);padding-left:calc(var(--spacing-xl) + var(--spacing-sm));counter-increment:step-counter}.untitled-info-list4 li:last-child{margin-bottom:0}.untitled-info-list4 li:before{top:0;left:0;color:var(--color-on-primary);width:28px;height:28px;content:counter(step-counter);display:flex;position:absolute;font-size:var(--font-size-sm);background:var(--color-primary);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.course-teacher-view{background:var(--color-surface);min-height:100vh}.untitled-course-header-section{padding:clamp(3rem,6vw,5rem) 0;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,var(--color-surface)),color-mix(in srgb,var(--color-secondary) 90%,var(--color-surface)))}.course-modules-section{padding:clamp(3rem,6vw,5rem) 0;position:relative;background:var(--color-surface)}.assignments-section{padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 2%,var(--color-surface)))}.untitled-section-container5{margin:0 auto;padding:0 var(--spacing-lg);z-index:1;position:relative;max-width:var(--content-max-width)}.course-header-visual{top:0;right:0;width:40%;height:100%;display:flex;padding:var(--spacing-2xl);z-index:1;position:absolute;align-items:flex-start;justify-content:flex-end}.course-header-content{z-index:2;position:relative;max-width:60%}.untitled-section-header6{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-3xl);justify-content:space-between}.modules-grid{gap:var(--spacing-xl);display:grid;position:relative;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.assignments-filters{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);flex-wrap:wrap;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl)}.assignments-table-wrapper{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl)}.course-level-badge{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);flex-direction:column;backdrop-filter:blur(16px)}.course-breadcrumb,.course-level-badge{gap:var(--spacing-xs);display:flex;align-items:center}.course-breadcrumb{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.course-meta-grid{gap:var(--spacing-lg);margin:var(--spacing-2xl) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.course-description-card{border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);margin:var(--spacing-2xl) 0;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px)}.course-header-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap;margin-top:var(--spacing-2xl)}.untitled-section-header-content2{max-width:600px}.module-card{border:1px solid var(--color-border);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-filter-btn3{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.assignments-table{width:100%;border-collapse:collapse}.level-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.level-value{color:var(--color-primary);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-breadcrumb-separator6{opacity:.5}.untitled-meta-item5{border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 90%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px)}.module-card-header,.untitled-meta-item5{gap:var(--spacing-md);display:flex;align-items:flex-start}.module-card-header{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated));border-bottom:1px solid var(--color-border)}.module-card-header,.untitled-module-card-content{padding:var(--spacing-xl)}.module-card-actions{padding:var(--spacing-lg) var(--spacing-xl);background:color-mix(in srgb,var(--color-surface) 30%,transparent);border-top:1px solid var(--color-border)}.meta-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.meta-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.module-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.module-header-content{flex:1}.module-stats{gap:var(--spacing-lg);display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);justify-content:space-around}.module-units{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-meta-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-meta-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.module-number{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.module-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.untitled-stat-item6{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.unit-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.untitled-stat-label14{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-stat-value14{color:var(--color-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.unit-indicator{width:12px;height:12px;transition:all var(--animation-duration-fast) var(--animation-curve-primary);flex-shrink:0;border-radius:var(--border-radius-full)}.unit-name{flex:1;color:var(--color-on-surface);font-size:var(--font-size-sm)}.assignment-title-cell{gap:var(--spacing-md);display:flex;align-items:flex-start}.type-badge{color:var(--color-primary);display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.module-label{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-medium)}.date-value,.module-label{font-size:var(--font-size-sm)}.date-value{color:var(--color-on-surface);white-space:nowrap}.submission-progress{gap:var(--spacing-xs);display:flex;min-width:120px;flex-direction:column}.assignment-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.assignment-info{gap:var(--spacing-xs);display:flex;flex-direction:column}.submission-count{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-progress-bar5{width:100%;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-btn-icon{color:var(--color-primary);width:40px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);cursor:pointer;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.assignment-name{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.assignment-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-base)}.untitled-progress-fill3{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-course-header-section:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-primary) 10%,transparent) 0,transparent 50%)}.untitled-meta-item5:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:var(--shadow-level-1)}.course-header-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center}.course-modules-section:before{top:0;left:50%;width:1px;height:100%;content:"";position:absolute;transform:translateX(-50%);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-border) 30%,transparent) 20%,color-mix(in srgb,var(--color-border) 30%,transparent) 80%,transparent)}.module-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.module-card:hover:before{transform:scaleX(1)}.unit-item:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-surface) 80%,transparent)}.unit-indicator.status-success{background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 20%,transparent)}.unit-indicator.active{animation:pulse 2s ease-in-out infinite;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 20%,transparent)}.unit-indicator.pending{background:color-mix(in srgb,var(--color-on-surface) 30%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-on-surface) 10%,transparent)}.untitled-filter-btn3:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-filter-btn3.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.assignments-table thead{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.assignments-table th{color:var(--color-on-surface);padding:var(--spacing-lg);font-size:var(--font-size-xs);text-align:left;font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-border);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.assignments-table tbody tr{transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.assignments-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.assignments-table tbody tr:last-child{border-bottom:none}.assignments-table td{color:var(--color-on-surface);padding:var(--spacing-lg);font-size:var(--font-size-sm);vertical-align:middle}.type-badge.type-quiz{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.type-badge.type-listening{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.type-badge.type-writing{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.type-badge.type-reading{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.type-badge.type-independent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.type-badge.type-grammar{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.untitled-btn-icon:hover{color:var(--color-on-primary);transform:scale(1.05);background:var(--color-primary)}.untitled-course-header-container{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-breadcrumb-nav3{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-lg)}.course-hero-wrapper{gap:var(--spacing-2xl);display:grid;padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);align-items:flex-start;border-radius:var(--border-radius-xl);grid-template-columns:auto 1fr auto}.untitled-breadcrumb-link3{color:var(--color-primary);transition:color .3s var(--animation-curve-primary);text-decoration:none}.untitled-breadcrumb-current1{color:var(--color-on-surface-secondary)}.course-hero-visual{gap:var(--spacing-md);display:flex;flex-direction:column}.course-hero-content,.course-hero-visual,.course-quick-stats{z-index:2;position:relative}.course-quick-stats{gap:var(--spacing-md);display:flex;min-width:180px;flex-direction:column}.untitled-course-level-badge{color:var(--color-on-primary);width:80px;border:4px solid var(--color-surface-elevated);height:80px;display:flex;font-size:var(--font-size-xl);background:var(--color-primary);box-shadow:var(--shadow-level-3);align-items:center;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.course-status-indicator{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);text-align:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-status-active5{color:var(--color-primary);border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-hero-title7{color:var(--color-on-surface);margin:0 0 var(--spacing-sm);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-hero-subtitle8{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xl);font-size:var(--font-size-lg)}.untitled-course-meta-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-stat-card3{padding:var(--spacing-md);background:var(--color-surface);box-shadow:var(--shadow-level-1);text-align:center;border-radius:var(--border-radius-lg)}.untitled-meta-item6{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-stat-label15{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-stat-value15{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.stat-progress-bar{height:6px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 15%,transparent);margin-top:var(--spacing-sm);border-radius:var(--border-radius-full)}.untitled-meta-icon,.untitled-status-success3{color:var(--color-primary)}.untitled-meta-icon{width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.stat-progress-fill{height:100%;background:var(--color-primary);transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-meta-label1{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-meta-value1{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.tabs-wrapper{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.tabs-navigation{gap:var(--spacing-sm);display:flex;overflow-x:auto;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl);scrollbar-width:thin}.untitled-tabs-content{min-height:400px}.untitled-tab-button1{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);cursor:pointer;display:flex;padding:var(--spacing-md) var(--spacing-lg);position:relative;font-size:var(--font-size-base);background:transparent;transition:all .3s var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border:none;border-bottom:3px solid transparent;margin-bottom:-2px}.untitled-tab-panel2{display:none;animation:fadeIn .4s var(--animation-curve-primary)}.panel-content-wrapper{padding:var(--spacing-2xl);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl)}.untitled-overview-grid{gap:var(--spacing-2xl);display:grid;grid-template-columns:1fr 320px}.modules-header{align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.modules-header,.modules-list{gap:var(--spacing-lg);display:flex}.modules-list{flex-direction:column}.assignments-header{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.assignments-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-grades-breakdown,.untitled-grades-summary{margin-bottom:var(--spacing-2xl)}.grades-detail-table{margin-top:var(--spacing-2xl)}.announcements-header{gap:var(--spacing-lg);display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.overview-main{gap:var(--spacing-xl)}.overview-main,.overview-sidebar{display:flex;flex-direction:column}.overview-sidebar{gap:var(--spacing-lg)}.untitled-section-title8{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.modules-progress{gap:var(--spacing-md);display:flex;align-items:center}.untitled-module-card{border:2px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-assignments-filters{gap:var(--spacing-sm);display:flex}.assignment-card{gap:var(--spacing-md);border:2px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.grades-overview-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}.untitled-section-subtitle7{color:var(--color-on-surface);margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.grade-components-list{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.untitled-table-wrapper{border:1px solid var(--color-border);margin-top:var(--spacing-lg);overflow-x:auto;border-radius:var(--border-radius-lg)}.untitled-announcement-card{border:2px solid var(--color-border);position:relative;transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.content-card,.untitled-announcement-card{padding:var(--spacing-xl);background:var(--color-surface-elevated)}.content-card,.untitled-sidebar-card6{border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.untitled-sidebar-card6{padding:var(--spacing-lg);background:var(--color-surface-elevated)}.untitled-progress-label2{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.untitled-progress-bar-wrapper{width:200px;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--border-radius-full)}.untitled-progress-value{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.module-header{gap:var(--spacing-lg);cursor:pointer;display:flex;padding:var(--spacing-lg);transition:background .3s var(--animation-curve-primary);align-items:center}.module-content{gap:var(--spacing-sm);display:flex;padding:0 var(--spacing-lg) var(--spacing-lg);flex-direction:column}.untitled-filter-btn4{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.assignment-header{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.assignment-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-assignment-description{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.assignment-meta-row{gap:var(--spacing-lg);display:flex}.assignment-actions{gap:var(--spacing-sm);display:flex;margin-top:auto}.submission-info{gap:var(--spacing-sm);color:var(--color-on-surface);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-md)}.grade-display,.submission-info{display:flex;padding:var(--spacing-md);align-items:center}.grade-display{gap:var(--spacing-md);border:1px solid var(--color-primary);background:var(--color-surface);border-radius:var(--border-radius-md)}.grade-summary-card{gap:var(--spacing-lg);border:2px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-component-item{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.untitled-grades-table{width:100%;background:var(--color-surface-elevated);border-collapse:collapse}.untitled-announcement-badge{top:var(--spacing-lg);color:var(--color-on-accent);right:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);position:absolute;font-size:var(--font-size-xs);background:var(--color-accent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.announcement-header{margin-bottom:var(--spacing-md)}.untitled-announcement-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-announcement-content{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-feature-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.course-objectives{margin-top:var(--spacing-xl)}.materials-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-progress-bar-fill1{height:100%;background:var(--color-primary);transition:width .6s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-module-icon{color:var(--color-on-surface-secondary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);align-items:center;flex-shrink:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md);justify-content:center}.module-info{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.module-toggle{color:var(--color-on-surface-secondary);width:40px;cursor:pointer;height:40px;background:transparent;justify-content:center}.lesson-item,.module-toggle{border:1px solid var(--color-border);display:flex;transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.lesson-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface)}.untitled-status-pending2{color:var(--color-secondary);border:1px solid var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.assignment-status{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-status-warning1{color:var(--color-accent);border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.assignment-type{border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);background:var(--color-surface);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.assignment-meta-item,.assignment-type{color:var(--color-on-surface-secondary)}.assignment-meta-item{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center}.grade-score{color:var(--color-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-grade-label{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-summary-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.untitled-summary-content{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.untitled-component-header{gap:var(--spacing-lg);display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.untitled-component-progress{margin-top:var(--spacing-md)}.untitled-announcement-meta{gap:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.announcement-attachments{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-md);flex-direction:column}.untitled-info-list5{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.material-item,.untitled-session-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-module-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.module-meta{gap:var(--spacing-md);display:flex;align-items:center}.lesson-title{flex:1;color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.lesson-duration{white-space:nowrap}.lesson-duration,.untitled-summary-label1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-summary-label1{font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-summary-value1{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1}.summary-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.summary-percentage{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.component-info{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-component-grade{text-align:right}.announcement-author{gap:var(--spacing-md);display:flex;align-items:center}.untitled-announcement-date{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;white-space:nowrap}.untitled-attachment-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.untitled-info-item5{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:flex-start}.material-icon{color:var(--color-primary);width:44px;height:44px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.material-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-session-date{width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);flex-direction:column;justify-content:center}.untitled-session-details{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.module-duration{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-status-badge10{color:var(--color-on-surface-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-neutral) 10%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.component-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.component-weight{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-grade-value2{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.grade-cell{font-weight:var(--font-weight-semibold)}.author-avatar{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.author-info{gap:var(--spacing-xs);display:flex;flex-direction:column}.material-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.material-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.date-day{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1}.date-day,.date-month{color:var(--color-primary)}.date-month{font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.date-month,.session-title{font-weight:var(--font-weight-semibold)}.session-title{color:var(--color-on-surface);font-size:var(--font-size-sm)}.untitled-session-time{gap:var(--spacing-xs);display:flex;align-items:center}.author-role,.untitled-session-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.author-role{font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.untitled-role-teacher3{color:var(--color-primary)}.untitled-breadcrumb-link3:hover{color:var(--color-secondary)}.course-hero-wrapper:before{top:0;right:0;width:40%;height:100%;content:"";opacity:.3;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-radius:50% 0 0 50%}.untitled-tab-button1 svg{width:20px;height:20px;transition:transform .3s var(--animation-curve-primary)}.untitled-tab-button1:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-tab-button1.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.untitled-tab-button1.active svg{transform:scale(1.1)}.untitled-tab-panel2.active{display:block}.untitled-info-item5 svg{color:var(--color-primary);width:20px;height:20px;margin-top:2px;flex-shrink:0}.material-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.untitled-session-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-session-time svg{width:14px;height:14px}.untitled-module-card.active,.untitled-module-card:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.module-header:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.untitled-module-icon.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-module-icon.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-status-badge10.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-badge10.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.module-toggle:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.lesson-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.lesson-item svg{color:var(--color-on-surface-secondary);width:20px;height:20px;flex-shrink:0}.lesson-item.completed svg{color:var(--color-primary)}.lesson-item.current{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:var(--color-primary)}.lesson-item.current svg{color:var(--color-primary)}.lesson-item.locked{cursor:not-allowed;opacity:.5}.untitled-filter-btn4:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-filter-btn4.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.assignment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.assignment-card.priority-high{border-color:var(--color-accent)}.assignment-card.submitted{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.assignment-card.graded{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.assignment-meta-item svg{width:16px;height:16px}.submission-info svg{color:var(--color-primary);width:20px;height:20px}.grade-summary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.grade-summary-card.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-color:var(--color-primary)}.untitled-summary-value1.highlight{color:var(--color-primary)}.untitled-grade-value2.pending{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.untitled-grades-table thead{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-grades-table th{font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-grades-table td,.untitled-grades-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg)}.untitled-grades-table td{font-size:var(--font-size-base);border-bottom:1px solid var(--color-border)}.untitled-grades-table tbody tr{transition:background .3s var(--animation-curve-primary)}.untitled-grades-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-announcement-card:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.untitled-announcement-card.unread{background:color-mix(in srgb,var(--color-primary) 3%,transparent);border-color:var(--color-primary)}.untitled-announcement-date svg{width:16px;height:16px}.untitled-attachment-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-attachment-item svg{color:var(--color-primary);width:24px;height:24px;flex-shrink:0}.untitled-attachment-item span{flex:1;color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-hero-section2{padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-bottom:1px solid var(--color-border)}.course-summary-section,.untitled-filters-section{padding:clamp(2rem,4vw,3rem) 0}.course-summary-section{background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface-elevated) 30%,transparent) 100%)}.reports-list-section{padding:clamp(2rem,4vw,4rem) 0 clamp(3rem,6vw,5rem)}.download-toast{gap:var(--spacing-md);right:2rem;border:1px solid var(--color-border);bottom:2rem;opacity:0;padding:var(--spacing-lg);z-index:1000;position:fixed;min-width:320px;transform:translateX(400px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);transition:all .4s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.download-toast,.toast-icon{display:flex;align-items:center}.toast-icon{color:var(--color-on-primary);width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.toast-content{flex:1}.untitled-hero-content3{z-index:2;position:relative}.filters-card{border:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s ease;border-radius:var(--border-radius-lg)}.untitled-summary-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-section-header7{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.reports-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.toast-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.toast-message{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-breadcrumb-nav4{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-md)}.untitled-hero-title8{color:var(--color-on-surface);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle9{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);max-width:45rem;line-height:var(--line-height-base)}.filters-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-xl)}.untitled-summary-card2{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-section-title9{color:var(--color-on-surface);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle8{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-lg);max-width:40rem}.report-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:clamp(1.5rem,3vw,2rem);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .4s var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-breadcrumb-link4{color:var(--color-primary);transition:color .2s ease;font-weight:var(--font-weight-medium);text-decoration:none}.untitled-breadcrumb-separator7{color:var(--color-on-surface-secondary)}.untitled-breadcrumb-current2{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.filters-icon-wrapper{color:var(--color-on-primary);width:3rem;height:3rem;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.filters-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.untitled-summary-icon1{color:var(--color-primary);width:3.5rem;height:3.5rem;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.report-icon-wrapper,.untitled-summary-icon1{display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.report-icon-wrapper{color:var(--color-on-primary);width:4rem;height:4rem;overflow:hidden;position:relative}.attendance-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,#000),var(--color-primary))}.report-content{flex:1;flex-direction:column}.report-actions,.report-content{gap:var(--spacing-md);display:flex}.report-actions{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.grades-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 90%,#000),var(--color-secondary))}.progress-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 90%,#000),var(--color-accent))}.tasks-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 70%,var(--color-secondary)),var(--color-secondary))}.complete-gradient{background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 60%,var(--color-accent)))}.risk-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 90%,#000),color-mix(in srgb,var(--color-accent) 70%,var(--color-secondary)))}.untitled-summary-label2{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-normal)}.untitled-summary-value2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1}.report-title,.untitled-summary-value2{color:var(--color-on-surface);font-weight:var(--font-weight-bold)}.report-title{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.report-description{flex:1;color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.report-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.download-btn{gap:var(--spacing-sm);flex:1;display:flex;overflow:hidden;align-items:center;justify-content:center}.download-btn,.select-wrapper{position:relative}.untitled-meta-badge1{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 8%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-hero-section2:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--color-primary) 10%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-accent) 8%,transparent) 0,transparent 50%);pointer-events:none}.untitled-breadcrumb-link4:hover{color:var(--color-secondary);text-decoration:underline}.filters-icon-wrapper svg{width:1.5rem;height:1.5rem}.filters-form .form-grid{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.select-wrapper:after{top:50%;color:var(--color-on-surface-secondary);right:1rem;content:"▼";position:absolute;font-size:.75rem;transform:translateY(-50%);pointer-events:none}.filters-actions .btn{gap:var(--spacing-sm);display:flex;align-items:center}.filters-actions .btn svg{width:1.25rem;height:1.25rem}.untitled-summary-card2:before{top:0;left:0;right:0;height:3px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .4s var(--animation-curve-primary);transform-origin:left}.untitled-summary-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.untitled-summary-card2:hover:before{transform:scaleX(1)}.untitled-summary-icon1 svg{width:1.75rem;height:1.75rem}.report-card:after{top:0;left:0;right:0;bottom:0;content:"";opacity:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 3%,transparent),transparent);transition:opacity .4s ease;pointer-events:none}.report-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.report-card:hover:after{opacity:1}.report-card>*,.report-icon-wrapper svg{z-index:2;position:relative}.report-icon-wrapper svg{width:2rem;height:2rem}.untitled-meta-badge1 svg{color:var(--color-primary);width:1rem;height:1rem}.download-btn svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.download-btn:hover svg{transform:translateY(2px)}.download-toast.show{opacity:1;transform:translateX(0)}.toast-icon svg{width:1.25rem;height:1.25rem}.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.reports-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--section-gap)}.reports-hero{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 92%,transparent));transition:background .3s var(--animation-curve-primary)}.untitled-reports-filters{padding:var(--section-gap) var(--spacing-lg) 0}.reports-list,.untitled-reports-filters{background:var(--color-surface);transition:background .3s var(--animation-curve-primary)}.reports-list,.reports-stats{padding:var(--section-gap) var(--spacing-lg)}.reports-stats{background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)));transition:background .3s var(--animation-curve-primary)}.untitled-hero-content4{z-index:2;position:relative}.stats-container,.untitled-filters-container,.untitled-hero-content4,.untitled-reports-container{margin:0 auto;max-width:var(--content-max-width)}.untitled-hero-header{gap:var(--spacing-xl);display:flex;align-items:flex-start;justify-content:space-between}.untitled-filter-card{border:1px solid var(--color-border);padding:clamp(1.5rem,4vw,2.5rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-reports-header{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}.untitled-reports-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.untitled-section-title10{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-stats-grid2{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero-text{flex:1}.untitled-hero-badge3{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface-elevated) 95%,transparent);box-shadow:var(--shadow-level-1);align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full);backdrop-filter:blur(8px)}.untitled-filter-header{gap:var(--spacing-md);display:flex;align-items:center;border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-lg)}.untitled-filter-header,.untitled-filters-form{margin-bottom:var(--spacing-xl)}.filter-summary{gap:var(--spacing-lg);display:flex;padding:var(--spacing-lg);flex-wrap:wrap;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg)}.untitled-section-subtitle9{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-report-card{border:2px solid var(--color-border);overflow:hidden;position:relative;border-radius:var(--border-radius-xl);flex-direction:column}.untitled-report-card,.untitled-stat-card4{gap:var(--spacing-lg);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary)}.untitled-stat-card4{border:2px solid var(--color-border);align-items:center;border-radius:var(--border-radius-lg)}.untitled-hero-title9{color:var(--color-on-primary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle10{color:var(--color-on-primary);margin:0;opacity:.92;font-size:var(--font-size-lg);max-width:48rem;line-height:var(--line-height-base)}.untitled-form-grid2{gap:var(--spacing-lg);display:grid;align-items:end;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-summary-item1{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:center}.report-icon{width:64px;border:2px solid var(--color-border);height:64px;display:flex;background:var(--color-surface);transition:all .3s var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-report-actions{gap:var(--spacing-sm);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.featured-badge{top:var(--spacing-md);color:var(--color-on-primary);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);position:absolute;font-size:var(--font-size-xs);background:var(--color-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.untitled-stat-icon3{width:56px;border:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent);height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-form-actions3{display:flex;align-items:flex-end}.untitled-info-label7{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-medium)}.untitled-info-value6{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-card-title1{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.untitled-feature-text1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-report-meta{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;margin-top:auto}.untitled-download-btn{transition:all .3s var(--animation-curve-primary)}.untitled-stat-value16{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-xs)}.untitled-stat-label16{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}.untitled-form-label4{gap:var(--spacing-xs);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.untitled-input-wrapper1{position:relative}.untitled-meta-badge2{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-surface);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-required-mark2{color:var(--color-accent);font-weight:var(--font-weight-bold)}.untitled-form-input5{color:var(--color-on-surface);width:100%;border:2px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-lg)}.reports-hero:before{top:0;right:0;width:60%;height:100%;content:"";position:absolute;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--color-accent) 8%,transparent));pointer-events:none}.untitled-hero-badge3 svg{color:var(--color-primary)}.untitled-filter-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.untitled-filter-header svg,.untitled-form-label4 svg{color:var(--color-primary);flex-shrink:0}.untitled-form-label4.invisible{visibility:hidden}.untitled-form-input5:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input5:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border))}.untitled-summary-item1 svg{color:var(--color-primary);flex-shrink:0}.untitled-report-card:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .4s var(--animation-curve-primary);transform-origin:left}.untitled-report-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.untitled-report-card:hover:before{transform:scaleX(1)}.untitled-report-card.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)),var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-report-card:hover .report-icon{transform:scale(1.1) rotate(5deg)}.report-icon.attendance{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:var(--color-primary)}.report-icon.attendance svg{color:var(--color-primary)}.report-icon.grades{background:color-mix(in srgb,var(--color-secondary) 10%,var(--color-surface));border-color:var(--color-secondary)}.report-icon.grades svg{color:var(--color-secondary)}.report-icon.progress{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));border-color:var(--color-accent)}.report-icon.progress svg{color:var(--color-accent)}.report-icon.tasks{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:var(--color-primary)}.report-icon.tasks svg{color:var(--color-primary)}.report-icon.comprehensive{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,var(--color-surface)),color-mix(in srgb,var(--color-secondary) 15%,var(--color-surface)));border-color:var(--color-primary)}.report-icon.comprehensive svg{color:var(--color-primary)}.report-icon.observations{background:color-mix(in srgb,var(--color-secondary) 10%,var(--color-surface));border-color:var(--color-secondary)}.report-icon.observations svg{color:var(--color-secondary)}.untitled-meta-badge2 svg{color:var(--color-primary)}.untitled-report-actions .btn{gap:var(--spacing-xs);flex:1;display:flex;align-items:center;justify-content:center}.untitled-download-btn:hover{transform:translateY(-2px)}.untitled-download-btn.loading{opacity:.6;position:relative;pointer-events:none}.untitled-download-btn.loading svg{animation:spin 1s linear infinite}.untitled-download-btn.success{color:var(--color-on-accent);background:color-mix(in srgb,var(--color-accent) 90%,transparent);border-color:var(--color-accent)}.stats-container .section-title{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.untitled-stat-card4:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.untitled-stat-icon3 svg{color:var(--color-primary)}.teacher-groups-page{background:var(--color-surface);min-height:100vh}.groups-hero,.teacher-groups-page{transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary)}.groups-hero{display:flex;overflow:hidden;position:relative;min-height:clamp(400px,50vh,600px);align-items:center;justify-content:center}.groups-controls{top:0;padding:var(--spacing-xl) 0;z-index:10;position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.groups-grid-section{padding:var(--section-gap) 0}.untitled-quick-actions-section2{padding:var(--section-gap) 0;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.untitled-hero-background2{inset:0;z-index:1;position:absolute}.untitled-hero-content-wrapper4{width:100%;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);z-index:3;position:relative;max-width:var(--content-max-width)}.controls-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.controls-container,.groups-container{gap:var(--spacing-xl);margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.groups-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.untitled-actions-container{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-hero-image1{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.untitled-hero-overlay4{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 75%,transparent));transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);backdrop-filter:blur(2px)}.untitled-hero-content5{gap:var(--spacing-2xl);display:flex;flex-direction:column}.filter-section{flex:1;flex-direction:column}.filter-section,.sort-section{gap:var(--spacing-md);display:flex}.untitled-group-card2{border:1px solid var(--color-border);display:flex;overflow:hidden;animation:fadeInUp .6s var(--animation-curve-primary) both;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.untitled-section-title11{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-actions-grid1{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.untitled-welcome-section{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-quick-stats{gap:var(--spacing-lg);display:grid;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .3s both;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-filter-buttons{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.card-media{height:200px;overflow:hidden;position:relative}.untitled-card-content2{gap:var(--spacing-lg);flex:1}.untitled-action-card2,.untitled-card-content2{display:flex;padding:var(--spacing-xl);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);flex-direction:column}.untitled-action-card2{gap:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:center;align-items:center;border-radius:var(--border-radius-lg)}.untitled-profile-header6{gap:var(--spacing-lg);display:flex;animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94);align-items:center}.untitled-stat-card5{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-on-primary) 20%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:var(--shadow-level-2);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(10px)}.untitled-filter-btn5{border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);font-weight:var(--font-weight-medium)}.card-badge,.untitled-filter-btn5{color:var(--color-on-surface);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--border-radius-full)}.card-badge{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);z-index:2;position:absolute;box-shadow:var(--shadow-level-2);font-weight:var(--font-weight-bold)}.untitled-level-a21{background:color-mix(in srgb,var(--color-accent) 70%,var(--color-surface) 30%)}.card-status{top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);z-index:2;position:absolute;font-size:var(--font-size-xs);box-shadow:var(--shadow-level-1);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);backdrop-filter:blur(10px)}.untitled-status-active6{color:var(--color-on-surface);border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.untitled-card-header2{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-group-meta1{gap:var(--spacing-sm);display:flex;flex-direction:column}.schedule-info{padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-progress-section{gap:var(--spacing-sm);display:flex;flex-direction:column}.card-actions{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;margin-top:auto}.untitled-level-b13{background:color-mix(in srgb,var(--color-primary) 80%,var(--color-surface) 20%)}.untitled-level-a11{background:color-mix(in srgb,var(--color-accent) 90%,var(--color-surface) 10%)}.untitled-level-b21{background:color-mix(in srgb,var(--color-primary) 60%,var(--color-surface) 40%)}.untitled-level-c13{background:color-mix(in srgb,var(--color-secondary) 70%,var(--color-surface) 30%)}.untitled-action-icon3{width:64px;height:64px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-action-title2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-action-description2{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-profile-avatar9{width:clamp(80px,10vw,120px);border:4px solid var(--color-on-primary);height:clamp(80px,10vw,120px);overflow:hidden;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.untitled-profile-info3{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-stat-icon4{width:48px;height:48px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-content5{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-card-title2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.group-code{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-meta-item7{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);align-items:center}.schedule-time,.untitled-meta-item7{display:flex;font-size:var(--font-size-sm)}.schedule-time{gap:var(--spacing-xs);flex-direction:column}.untitled-progress-label3{display:flex;font-size:var(--font-size-sm);align-items:center;justify-content:space-between}.untitled-progress-bar6{height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--border-radius-full)}.untitled-hero-title10{color:var(--color-on-primary);margin:0;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle11{color:var(--color-on-primary);margin:0;opacity:.95;font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.untitled-stat-value17{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.untitled-stat-label17{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.untitled-progress-percentage{color:var(--color-on-surface);font-weight:var(--font-weight-bold)}.untitled-progress-fill4{height:100%;position:relative;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width 1s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-profile-avatar9 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-stat-card5:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-stat-icon4 svg{color:var(--color-on-primary);width:24px;height:24px}.untitled-filter-btn5:hover{transform:translateY(-2px);background:var(--color-surface-elevated);border-color:var(--color-primary)}.untitled-filter-btn5.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-group-card2:first-child{animation-delay:.1s}.untitled-group-card2:nth-child(2){animation-delay:.2s}.untitled-group-card2:nth-child(3){animation-delay:.3s}.untitled-group-card2:nth-child(4){animation-delay:.4s}.untitled-group-card2:nth-child(5){animation-delay:.5s}.untitled-group-card2:nth-child(6){animation-delay:.6s}.untitled-group-card2:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-group-card2:hover .card-media img{transform:scale(1.1)}.card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--animation-curve-primary)}.untitled-meta-item7 svg{color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.schedule-time strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.schedule-time span,.untitled-progress-label3 span:first-child{color:var(--color-on-surface-secondary)}.untitled-progress-fill4:after{inset:0;content:"";position:absolute;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-on-primary) 30%,transparent),transparent)}.untitled-actions-container .section-title{margin-bottom:var(--spacing-2xl)}.untitled-action-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-action-card2 .btn{width:100%;margin-top:var(--spacing-sm)}.untitled-action-icon3 svg{color:var(--color-on-primary);width:32px;height:32px}.assignments-page{background:var(--color-surface);min-height:100vh}.assignments-hero{height:clamp(24rem,40vh,32rem);display:flex;overflow:hidden;position:relative;align-items:center;margin-bottom:var(--section-gap);justify-content:center}.assignments-controls,.assignments-stats{padding:0 var(--spacing-xl);margin-bottom:var(--section-gap)}.assignments-list{padding:0 var(--spacing-xl) var(--section-gap)}.untitled-modal-overlay{top:0;left:0;width:100%;height:100%;display:none;padding:var(--spacing-xl);z-index:1000;position:fixed;background:color-mix(in srgb,var(--color-scrim) 60%,transparent);overflow-y:auto;align-items:center;backdrop-filter:blur(4px);justify-content:center}.untitled-hero-background3{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content6{width:100%;padding:0 var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);text-align:center}.untitled-stats-container{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.list-container,.untitled-controls-container,.untitled-stats-container{margin:0 auto;max-width:var(--content-max-width)}.list-container{gap:var(--spacing-lg);display:grid}.untitled-modal-container{width:100%;display:flex;overflow:hidden;max-width:48rem;background:var(--color-surface);box-shadow:var(--shadow-level-3);max-height:90vh;border-radius:var(--border-radius-xl);flex-direction:column}.untitled-hero-image2{width:100%;filter:brightness(.7);height:100%;-o-object-fit:cover;object-fit:cover}.untitled-hero-overlay5{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 75%,transparent))}.untitled-hero-text{margin-bottom:var(--spacing-2xl)}.untitled-hero-actions{gap:var(--spacing-md);display:flex;justify-content:center}.untitled-stat-card6{transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.untitled-filter-section,.untitled-stat-card6{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-filter-section{flex-wrap:wrap;align-items:flex-end}.untitled-assignment-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-modal-header{gap:var(--spacing-lg);display:flex;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.modal-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.untitled-hero-title11{color:var(--color-on-primary);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle12{color:var(--color-on-primary);margin:0 auto;opacity:.95;font-size:var(--font-size-lg);max-width:48rem;line-height:var(--line-height-base)}.untitled-stat-icon5{width:3.5rem;height:3.5rem;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-filter-group4{flex:1;min-width:12rem}.untitled-filter-btn6{gap:var(--spacing-sm);color:var(--color-on-primary);border:none;cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-primary);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md)}.untitled-assignment-header{gap:var(--spacing-lg);display:flex;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated));align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between}.assignment-content{padding:var(--spacing-xl)}.untitled-section-title12{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.modal-close{color:var(--color-on-surface);width:2.5rem;border:none;cursor:pointer;height:2.5rem;display:flex;background:var(--color-surface-elevated);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.assignment-form{gap:var(--spacing-xl);display:flex;flex-direction:column}.submissions-filters{margin-bottom:var(--spacing-lg)}.submissions-list{gap:var(--spacing-md);display:grid}.untitled-stat-value18{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled-stat-label18{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-form-label5{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-form-input6{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:border-color var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.assignment-title-section{flex:1}.untitled-assignment-actions{gap:var(--spacing-sm);display:flex;flex-shrink:0}.untitled-card-content3{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.assignment-stats-row{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.untitled-form-grid3{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-form-actions4{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);justify-content:flex-end}.untitled-section-subtitle10{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.submission-item{gap:var(--spacing-lg);border:1px solid var(--color-border);display:grid;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);grid-template-columns:2fr 2fr 1fr auto}.untitled-card-title3{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.assignment-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-stat-item7{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.untitled-form-group3{display:flex;flex-direction:column}.untitled-form-group-full1{grid-column:1/-1}.untitled-submission-student{gap:var(--spacing-md);display:flex;align-items:center}.untitled-submission-files{gap:var(--spacing-xs);display:flex;flex-direction:column}.submission-status{text-align:center}.untitled-meta-item8,.untitled-submission-actions{gap:var(--spacing-xs);display:flex}.untitled-meta-item8{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);align-items:center}.untitled-status-badge11{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.03em;text-transform:uppercase}.untitled-status-pending3{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-status-active7{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-success4{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-status-warning2{color:#ff9800;background:color-mix(in srgb,#ff9800 15%,transparent)}.file-upload-area{border:2px dashed var(--color-border);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:border-color var(--animation-duration-fast) var(--animation-curve-primary),background var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-profile-avatar10{color:var(--color-on-primary);width:3rem;height:3rem;display:flex;font-size:var(--font-size-base);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.file-link{gap:var(--spacing-xs);color:var(--color-primary);display:flex;font-size:var(--font-size-sm);transition:color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;text-decoration:none}.untitled-required-mark3{color:#f44336}.file-upload-hint{font-size:var(--font-size-sm)}.file-upload-hint,.submission-time{color:var(--color-on-surface-secondary)}.submission-time{font-size:var(--font-size-xs)}.untitled-hero-actions .btn{gap:var(--spacing-sm)}.untitled-hero-actions .btn svg{width:1.25rem;height:1.25rem}.untitled-stat-card6:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-level-2)}.stat-pending .stat-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.stat-review .stat-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.stat-graded .stat-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.stat-active .stat-icon{color:var(--color-neutral);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-stat-icon5 svg{width:1.75rem;height:1.75rem}.untitled-form-input6:focus{outline:none;border-color:var(--color-primary)}.untitled-form-input6 textarea{resize:vertical;min-height:8rem;font-family:var(--font-family-body)}.untitled-filter-btn6:hover{background:color-mix(in srgb,var(--color-primary) 90%,#000)}.untitled-filter-btn6 svg{width:1.25rem;height:1.25rem}.untitled-assignment-card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-level-3)}.untitled-meta-item8 svg{width:1rem;height:1rem}.untitled-assignment-actions .btn{gap:var(--spacing-xs)}.untitled-assignment-actions .btn svg{width:1rem;height:1rem}.untitled-stat-item7 svg{width:1.125rem;height:1.125rem}.untitled-stat-item7.type-grammar,.untitled-stat-item7.type-independent,.untitled-stat-item7.type-listening,.untitled-stat-item7.type-reading,.untitled-stat-item7.type-writing{padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.untitled-modal-overlay.active{display:flex}.untitled-modal-container.modal-large{max-width:64rem}.modal-close:hover{background:var(--color-border)}.modal-close svg{width:1.5rem;height:1.5rem}.file-upload-area:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent);border-color:var(--color-primary)}.file-upload-area svg{color:var(--color-on-surface-secondary);width:3rem;height:3rem;margin-bottom:var(--spacing-md)}.file-upload-area p{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.submission-item:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated))}.student-info h4{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:.125rem}.file-link:hover{color:color-mix(in srgb,var(--color-primary) 80%,#000)}.file-link svg{width:1.125rem;height:1.125rem}.maintenance-page{position:relative;background:var(--color-surface);min-height:100vh;overflow-x:hidden}.maintenance-hero{display:flex;padding:var(--spacing-4xl) var(--spacing-xl);overflow:hidden;position:relative;min-height:100vh;align-items:center;justify-content:center}.maintenance-info{position:relative;background:var(--color-surface)}.maintenance-info,.maintenance-progress{padding:clamp(3rem,6vw,6rem) var(--spacing-xl)}.maintenance-progress{background:var(--color-surface-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.maintenance-footer{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-surface);border-top:1px solid var(--color-border)}.maintenance-hero__background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.maintenance-hero__content{z-index:3;position:relative;animation:fadeInUp 1s ease-out;max-width:56rem;text-align:center}.maintenance-info__container{margin:0 auto;z-index:2;position:relative;max-width:var(--content-max-width)}.maintenance-progress__container{margin:0 auto;max-width:56rem}.maintenance-footer__container{gap:var(--spacing-xl);margin:0 auto;display:flex;flex-wrap:wrap;max-width:var(--content-max-width);align-items:center;justify-content:space-between}.maintenance-hero__bg-image{width:100%;height:100%;animation:slowZoom 20s ease-in-out infinite alternate;transform:scale(1.1);-o-object-fit:cover;object-fit:cover}.maintenance-hero__overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent))}.maintenance-hero__logo{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-3xl);justify-content:center}.maintenance-hero__status{margin-bottom:var(--spacing-4xl)}.maintenance-timer{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-3xl);justify-content:center}.maintenance-hero__return-info{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-xl) var(--spacing-2xl);background:color-mix(in srgb,var(--color-surface) 20%,transparent);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-xl);backdrop-filter:blur(10px)}.maintenance-info__grid{gap:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.maintenance-progress__header{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.maintenance-progress__bar-wrapper{margin-bottom:var(--spacing-2xl)}.maintenance-progress__stages{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:space-between}.maintenance-footer__brand{gap:var(--spacing-md);display:flex;align-items:center}.maintenance-footer__copyright{text-align:right}.maintenance-hero__icon-wrapper{width:4rem;border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);height:4rem;display:flex;background:color-mix(in srgb,var(--color-surface) 20%,transparent);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);justify-content:center}.maintenance-hero__brand{color:var(--color-on-primary);margin:0;font-size:clamp(2rem,5vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.maintenance-hero__tools-icon{width:5rem;height:5rem;margin:0 auto var(--spacing-xl);animation:float 3s ease-in-out infinite}.untitled-hero-title12{color:var(--color-on-primary);margin:0 0 var(--spacing-lg);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle13{color:var(--color-on-primary);opacity:.95;font-size:var(--font-size-xl);max-width:48rem;line-height:var(--line-height-base);margin:0 auto}.maintenance-timer__card{border:1px solid color-mix(in srgb,var(--color-surface) 35%,transparent);padding:var(--spacing-xl) var(--spacing-2xl);min-width:7rem;background:color-mix(in srgb,var(--color-surface) 25%,transparent);box-shadow:var(--shadow-level-3);transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--border-radius-lg);backdrop-filter:blur(12px)}.maintenance-timer__separator{color:var(--color-on-primary);opacity:.6;animation:pulse 2s ease-in-out infinite;font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:1}.maintenance-hero__return-text{gap:var(--spacing-xs);display:flex;text-align:left;flex-direction:column}.maintenance-info__card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border-radius:var(--border-radius-xl)}.maintenance-progress__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading)}.maintenance-progress__percentage{color:var(--color-primary);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.maintenance-progress__bar-bg{width:100%;height:1rem;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 15%,transparent);box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.1);border-radius:var(--border-radius-full)}.maintenance-progress__stage{gap:var(--spacing-sm);flex:1;display:flex;min-width:8rem;align-items:center;flex-direction:column}.maintenance-footer__icon{color:var(--color-primary);width:2rem;height:2rem}.maintenance-footer__text{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.maintenance-footer__copy-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.maintenance-hero__shield-icon{color:var(--color-on-primary);width:2.5rem;height:2.5rem}.maintenance-timer__value{color:var(--color-on-primary);font-size:clamp(2.5rem,6vw,4rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.maintenance-timer__label{letter-spacing:.1em;text-transform:uppercase}.maintenance-hero__return-label,.maintenance-timer__label{color:var(--color-on-primary);opacity:.85;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.maintenance-hero__return-time{color:var(--color-on-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.maintenance-info__card-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.maintenance-info__card-content{color:var(--color-on-surface-secondary);line-height:var(--line-height-base)}.maintenance-progress__bar-fill{height:100%;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .6s ease;border-radius:var(--border-radius-full)}.maintenance-progress__stage-dot{width:1rem;border:2px solid var(--color-border);height:1rem;background:var(--color-neutral);transition:all .3s ease;border-radius:var(--border-radius-full)}.maintenance-progress__stage-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);text-align:center;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.maintenance-info__card-icon{width:3rem;height:3rem;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.maintenance-info__card-icon--primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.maintenance-info__card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading)}.maintenance-info__card-text{margin:0 0 var(--spacing-lg);font-size:var(--font-size-base)}.maintenance-info__card-icon--accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.maintenance-info__list{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.maintenance-info__card-icon--secondary{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.maintenance-info__contact{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);margin-top:var(--spacing-lg);border-left:.25rem solid var(--color-primary);border-radius:var(--border-radius-md)}.maintenance-info__list-item{position:relative;font-size:var(--font-size-base);padding-left:var(--spacing-xl)}.maintenance-info__contact-label{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.maintenance-info__contact-link{color:var(--color-primary);font-size:var(--font-size-lg);transition:color .3s ease;font-weight:var(--font-weight-semibold);text-decoration:none}.maintenance-hero__tools-icon svg{color:var(--color-on-primary);width:100%;filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.2));height:100%}.maintenance-timer__card:hover{transform:translateY(-.25rem);box-shadow:0 1rem 2rem rgba(0,0,0,.3)}.maintenance-hero__clock-icon svg{color:var(--color-on-primary);width:1.75rem;height:1.75rem}.maintenance-info:before{top:0;left:0;width:100%;height:20rem;content:"";position:absolute;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent);pointer-events:none}.maintenance-info__card:before{top:0;left:0;width:100%;height:.25rem;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:transform .4s ease;transform-origin:left}.maintenance-info__card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.maintenance-info__card:hover:before{transform:scaleX(1)}.maintenance-info__card-icon svg{width:1.5rem;height:1.5rem}.maintenance-info__list-item:before{top:.5rem;left:0;width:.5rem;height:.5rem;content:"";position:absolute;background:var(--color-accent);border-radius:var(--border-radius-full)}.maintenance-info__contact-link:hover{color:var(--color-accent);text-decoration:underline}.maintenance-progress__bar-fill:after{top:0;left:0;width:100%;height:100%;content:"";position:absolute;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 30%,transparent),transparent)}.maintenance-progress__stage--complete .maintenance-progress__stage-dot{background:var(--color-primary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.maintenance-progress__stage--complete .maintenance-progress__stage-label{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.maintenance-progress__stage--active .maintenance-progress__stage-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--color-accent);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-accent) 20%,transparent);border-color:var(--color-accent)}.maintenance-progress__stage--active .maintenance-progress__stage-label{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.error-page{background:var(--color-surface);min-height:100vh;overflow-x:hidden}.error-hero,.error-page{position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.error-hero{display:flex;padding:clamp(3rem,8vw,6rem) var(--spacing-lg);overflow:hidden;min-height:90vh;align-items:center;justify-content:center}.untitled-help-section{background:var(--color-surface)}.error-details,.untitled-help-section{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);position:relative}.error-details{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.untitled-support-contact{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);background:var(--color-surface)}.error-hero__background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.error-hero__content{z-index:3;position:relative;animation:fadeInUp .8s ease-out;max-width:56rem;text-align:center}.error-details__container,.help-section__container,.support-contact__container{margin:0 auto;max-width:var(--content-max-width)}.error-hero__bg-image{width:100%;filter:blur(2px);height:100%;opacity:.15;-o-object-fit:cover;object-fit:cover}.error-hero__overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-surface) 95%,transparent))}.error-hero__icon-wrapper{display:inline-block;position:relative;margin-bottom:var(--spacing-xl)}.error-hero__text{margin-bottom:var(--spacing-2xl)}.error-hero__actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center}.help-section__header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.help-cards{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.error-details__content{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.support-contact__card{border:1px solid var(--color-border);padding:clamp(2rem,4vw,3rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s ease,color .3s ease,border-color .3s ease;border-radius:var(--border-radius-xl)}.error-hero__icon-circle{width:9rem;border:3px solid var(--color-border);height:9rem;display:flex;z-index:2;position:relative;animation:iconFloat 3s ease-in-out infinite;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.error-hero__pulse{top:50%;left:50%;width:9rem;border:2px solid var(--color-primary);height:9rem;opacity:0;z-index:1;position:absolute;animation:pulse 2s ease-out infinite;transform:translate(-50%,-50%);border-radius:var(--border-radius-full)}.error-hero__subtitle{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-normal)}.error-hero__description{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-base);max-width:42rem;line-height:var(--line-height-base)}.untitled-help-card1{border:1px solid var(--color-border);padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background-color .3s ease,color .3s ease,border-color .3s ease;border-radius:var(--border-radius-lg)}.error-details__visual{display:flex;align-items:center;justify-content:center}.support-contact__header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.support-contact__methods{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.error-hero__icon{color:var(--color-primary);width:4rem;height:4rem}.btn__icon{margin-right:var(--spacing-xs)}.help-card__icon-wrapper{width:4rem;height:4rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.help-card__title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-normal)}.error-details__text,.help-card__description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.error-details__text{margin-bottom:var(--spacing-xl)}.error-details__status{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;background:var(--color-surface-elevated);transition:background-color .3s ease,color .3s ease,border-color .3s ease;margin-bottom:var(--spacing-xl);flex-direction:column}.error-details__note,.error-details__status{padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.error-details__note{background:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-left:4px solid var(--color-secondary)}.error-visual{width:100%;border:2px solid var(--color-border);position:relative;max-width:24rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);aspect-ratio:1;border-radius:var(--border-radius-xl);justify-content:center}.error-visual,.untitled-contact-method{display:flex;align-items:center;flex-direction:column}.untitled-contact-method{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease;border-radius:var(--border-radius-lg)}.help-card__icon{color:var(--color-primary)}.status-item{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);justify-content:space-between}.note{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.error-visual__code{color:var(--color-primary);opacity:.9;font-size:clamp(4rem,8vw,6rem);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.02em}.error-visual__dots{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-lg)}.contact-method__icon-wrapper{margin-bottom:var(--spacing-lg)}.contact-method__content{width:100%}.status-item__label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-item__value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.status-item__value--monitoring{color:var(--color-secondary)}.status-item__value--active{color:var(--color-primary)}.dot{width:.75rem;height:.75rem;animation:dotPulse 1.5s ease-in-out infinite;background:var(--color-primary);border-radius:var(--border-radius-full)}.contact-method__icon{width:4rem;height:4rem;display:flex;font-size:2.5rem;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.contact-method__title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-normal)}.contact-method__text{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.contact-method__time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.untitled-help-card1:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .3s ease;transform-origin:left}.untitled-help-card1:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-level-3)}.untitled-help-card1:hover:before{transform:scaleX(1)}.status-item:last-child{border-bottom:none;padding-bottom:0}.note strong{color:var(--color-on-surface);font-weight:var(--font-weight-bold)}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}.untitled-contact-method:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-level-1)}.error-404-page{color:var(--color-on-surface);width:100%;display:flex;padding:var(--spacing-xl) var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;align-items:center;justify-content:center}.error-container{width:100%;margin:0 auto;z-index:2;position:relative;max-width:var(--content-max-width)}.background-pattern{top:0;left:0;width:100%;height:100%;opacity:.4;z-index:1;position:absolute;pointer-events:none}.error-content{gap:clamp(2rem,4vw,5rem);display:flex;align-items:center;flex-direction:column}.pattern-grid{opacity:.3;background-size:60px 60px;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px)}.floating-shapes,.pattern-grid{top:0;left:0;width:100%;height:100%;position:absolute}.floating-shapes{overflow:hidden}.untitled-error-hero{gap:var(--spacing-2xl);width:100%;display:flex;text-align:center;align-items:center;flex-direction:column}.error-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.helpful-links{gap:var(--spacing-xl);width:100%;display:flex;max-width:900px;text-align:center;flex-direction:column}.search-modal{top:0;left:0;width:100%;height:100%;display:flex;opacity:0;padding:var(--spacing-4xl) var(--spacing-lg);z-index:1000;position:fixed;transition:opacity .3s var(--animation-curve-primary);align-items:flex-start;pointer-events:none;justify-content:center}.error-footer{width:100%;max-width:600px;margin-top:var(--spacing-2xl)}.shape{filter:blur(40px);opacity:.08;position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.shape-1{top:10%;left:10%;width:300px;height:300px;animation:float-1 20s ease-in-out infinite}.shape-2{top:60%;right:15%;width:250px;height:250px;animation:float-2 25s ease-in-out infinite;background:var(--color-secondary)}.shape-3{left:20%;width:200px;bottom:20%;height:200px;animation:float-3 18s ease-in-out infinite;background:var(--color-accent)}.shape-4{top:30%;right:25%;width:180px;height:180px;animation:float-4 22s ease-in-out infinite}.untitled-error-visual{gap:var(--spacing-lg);display:flex;position:relative;align-items:center;flex-direction:column}.error-text{gap:var(--spacing-md);display:flex;max-width:600px;flex-direction:column}.error-btn-primary{gap:var(--spacing-sm);display:inline-flex;overflow:hidden;position:relative;transition:transform .3s var(--animation-curve-primary);align-items:center}.helpful-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.links-grid{gap:var(--spacing-lg);width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.search-backdrop{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute;background:var(--color-scrim);backdrop-filter:blur(8px)}.search-content{width:100%;z-index:2;overflow:hidden;position:relative;max-width:600px;transform:translateY(-20px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-footer-content{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-lg);flex-direction:column}.error-code,.untitled-footer-content{gap:var(--spacing-md);display:flex;align-items:center}.error-code{position:relative;justify-content:center}.error-accent-line{width:80px;height:4px;animation:expand-line 2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--border-radius-full)}.untitled-error-title{color:var(--color-on-surface);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.error-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);max-width:500px;line-height:var(--line-height-base);margin:0 auto}.link-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg);text-decoration:none}.search-header{display:flex;padding:var(--spacing-lg) var(--spacing-xl);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.search-body{gap:var(--spacing-xl);display:flex;padding:var(--spacing-xl);flex-direction:column}.untitled-footer-text1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.footer-code{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.code-digit{color:var(--color-primary);animation:pulse-digit 3s ease-in-out infinite;font-size:clamp(6rem,15vw,12rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1;text-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 30%,transparent);letter-spacing:var(--letter-spacing-heading)}.code-image-wrapper{width:clamp(120px,20vw,200px);height:clamp(150px,25vw,250px);overflow:hidden;position:relative;transform:rotate(-3deg);box-shadow:var(--shadow-level-3);transition:transform .4s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.link-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all .3s var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.link-content,.link-icon{z-index:2;position:relative}.link-content{flex:1;text-align:left}.search-modal-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.search-close{color:var(--color-on-surface-secondary);width:36px;border:none;cursor:pointer;height:36px;display:flex;background:transparent;transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.search-input-wrapper{gap:var(--spacing-md);border:2px solid var(--color-border);display:flex;padding:var(--spacing-md) var(--spacing-lg);position:relative;background:var(--color-surface);transition:border-color .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.search-suggestions{gap:var(--spacing-md);display:flex;flex-direction:column}.code-label{color:var(--color-on-surface-secondary)}.code-label,.untitled-code-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.untitled-code-value{color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-family:monospace;border-radius:var(--border-radius-sm)}.error-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.untitled-image-overlay1{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,color-mix(in srgb,var(--color-accent) 15%,transparent) 100%);pointer-events:none}.link-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);transition:color .3s var(--animation-curve-primary);font-weight:var(--font-weight-semibold)}.link-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-search-input{flex:1;color:var(--color-on-surface);border:none;outline:none;font-size:var(--font-size-base);background:transparent;font-family:var(--font-family-body)}.suggestions-title{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.suggestions-list{gap:var(--spacing-xs);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.code-image-wrapper:hover{transform:rotate(0deg) scale(1.05)}.error-btn-primary:hover{transform:translateY(-2px)}.btn svg,.error-btn-primary svg{width:20px;height:20px;flex-shrink:0}.link-card:before{top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent) 0,transparent 100%);transition:opacity .3s var(--animation-curve-primary)}.link-card:hover:before{opacity:1}.link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.link-card:hover .link-icon{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.link-card:hover .link-title{color:var(--color-primary)}.link-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.link-icon svg{width:24px;height:24px}.search-modal.is-active{opacity:1;pointer-events:auto}.search-modal.is-active .search-content{transform:translateY(0)}.search-close:hover{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-on-surface) 10%,transparent)}.search-close svg{width:20px;height:20px}.search-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-input-wrapper:focus-within{border-color:var(--color-primary)}.search-input-wrapper svg{color:var(--color-on-surface-secondary);width:20px;height:20px;flex-shrink:0}.untitled-search-input::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-search-input::placeholder{color:var(--color-on-surface-secondary)}.untitled-search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.suggestions-list li a{color:var(--color-on-surface);display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md);text-decoration:none}.suggestions-list li a:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);padding-left:var(--spacing-lg)}.untitled-hero-content-wrapper5{gap:clamp(2rem,5vw,4rem);margin:0 auto;display:grid;padding:0 var(--spacing-lg);z-index:3;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1fr}.hero-background-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.untitled-hero-overlay6{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent))}.hero-text-section{color:var(--color-on-primary)}.hero-form-section{display:flex;justify-content:flex-end}.untitled-hero-badge4{gap:var(--spacing-xs);border:1px solid color-mix(in srgb,var(--color-on-primary) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);backdrop-filter:blur(10px)}.untitled-hero-title13{font-size:clamp(2.5rem,5vw,4rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle14{opacity:.95;font-size:var(--font-size-lg);max-width:90%;line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.untitled-support-stats{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-on-primary) 20%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 15%,transparent);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(15px)}.support-form-card{width:100%;border:1px solid var(--color-border);padding:var(--spacing-2xl);max-width:600px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.untitled-stat-divider{width:1px;height:40px;background:color-mix(in srgb,var(--color-on-primary) 30%,transparent)}.untitled-form-header2{gap:var(--spacing-md);display:flex;align-items:center;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.untitled-form-grid4{gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr}.untitled-btn-lg{width:100%;padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-lg);justify-content:center}.form-note,.untitled-btn-lg{gap:var(--spacing-sm);display:flex;align-items:center}.form-note{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));margin-top:var(--spacing-md);border-radius:var(--border-radius-md)}.untitled-stat-value19{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled-stat-label19{opacity:.9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-form-group-full2{grid-column:1/-1}.untitled-form-input7{color:var(--color-on-surface);width:100%;border:2px solid var(--color-border);padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.file-upload-wrapper{position:relative}.file-input{width:.1px;height:.1px;opacity:0;z-index:-1;overflow:hidden;position:absolute}.file-upload-label{border:2px dashed var(--color-border);cursor:pointer;padding:var(--spacing-xl);background:var(--color-surface);text-align:center;transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.file-list,.file-upload-label{gap:var(--spacing-sm);display:flex;flex-direction:column}.file-list{margin-top:var(--spacing-md)}.file-types{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.info-header{margin:0 auto var(--spacing-3xl);max-width:700px;text-align:center}.contact-cards-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(3,1fr)}.untitled-section-title13{color:var(--color-on-surface);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle11{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-contact-info-card1{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .4s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-card-icon-wrapper{width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.contact-link{color:var(--color-primary);display:inline-block;font-size:var(--font-size-lg);transition:color .3s;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-decoration:none}.contact-meta{color:var(--color-on-surface-secondary);display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--border-radius-sm)}.untitled-schedule-info{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-schedule-item1{display:flex;padding:var(--spacing-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm);justify-content:space-between}.schedule-day{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-schedule-time{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-faq-header{margin:0 auto var(--spacing-3xl);max-width:700px;text-align:center}.faq-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.faq-card{border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xl);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-faq-question{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);justify-content:space-between}.faq-icon{color:var(--color-primary);width:32px;height:32px;display:flex;font-size:var(--font-size-xl);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));transition:transform .3s var(--animation-curve-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);justify-content:center}.team-content-wrapper{gap:clamp(2rem,5vw,5rem);display:grid;align-items:center;grid-template-columns:1fr 1fr}.team-image-section{position:relative}.team-badge{color:var(--color-primary);display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg)}.team-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-xl)}.team-features{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-xl);flex-direction:column}.team-image-grid,.team-stats-wrapper{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.team-floating-badge{right:var(--spacing-xl);border:1px solid var(--color-border);bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);position:absolute;animation:float 3s ease-in-out infinite;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px)}.untitled-feature-item3{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center;font-weight:var(--font-weight-medium)}.team-stat{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-lg)}.team-image-large{height:300px;grid-column:1/-1;border-radius:var(--border-radius-xl)}.team-image-large,.team-image-small{overflow:hidden;box-shadow:var(--shadow-level-2)}.team-image-small{height:220px;border-radius:var(--border-radius-lg)}.team-stat-value{color:var(--color-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm)}.team-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.badge-number{color:var(--color-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled-badge-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-item{border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-sm);justify-content:space-between}.file-name{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-remove{color:var(--color-accent);border:none;cursor:pointer;padding:var(--spacing-xs);background:none;transition:opacity .3s}.untitled-hero-badge4 svg{width:18px;height:18px}.untitled-form-header2 svg{color:var(--color-primary);width:32px;height:32px}.untitled-form-header2 h2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-form-input7:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input7::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-form-input7::placeholder{color:var(--color-on-surface-secondary)}.file-upload-label:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-color:var(--color-primary)}.file-upload-label svg{color:var(--color-primary);width:32px;height:32px}.file-upload-label span:first-of-type{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.file-remove:hover{opacity:.7}.form-note svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0}.form-note span{color:var(--color-on-surface);font-size:var(--font-size-sm);line-height:1.5}.untitled-contact-info-card1:before{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .4s var(--animation-curve-primary);transform-origin:left}.untitled-contact-info-card1:hover:before{transform:scaleX(1)}.untitled-contact-info-card1:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-contact-info-card1 h3{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.untitled-contact-info-card1 p{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.untitled-card-icon-wrapper svg{color:var(--color-primary);width:32px;height:32px}.contact-link:hover{color:var(--color-secondary)}.faq-card:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.faq-card.active .faq-icon{color:var(--color-on-primary);transform:rotate(45deg);background:var(--color-primary)}.faq-card.active .faq-answer{max-height:500px}.untitled-faq-question h3{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:1.5}.faq-answer p{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);padding-top:var(--spacing-sm)}.untitled-feature-item3 svg{color:var(--color-primary);width:24px;height:24px;flex-shrink:0}.team-image-grid img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--animation-curve-primary)}.team-image-grid img:hover{transform:scale(1.05)}.auth-recovery-section{display:flex;padding:var(--spacing-2xl) var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.auth-recovery-container{width:100%;margin:0 auto;z-index:3;position:relative;max-width:1400px}.auth-decorative-shapes{overflow:hidden;pointer-events:none}.auth-decorative-shapes,.auth-recovery-background{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.auth-recovery-content{gap:var(--spacing-4xl);display:grid;position:relative;align-items:flex-start;grid-template-columns:1fr 1.2fr}.untitled-shape{filter:blur(60px);opacity:.1;position:absolute;border-radius:var(--border-radius-full)}.untitled-shape-1{top:-100px;right:-100px;width:400px;height:400px;animation:float-1 20s ease-in-out infinite;background:var(--color-primary)}.untitled-shape-2{left:10%;width:300px;bottom:-50px;height:300px;animation:float-2 15s ease-in-out infinite;background:var(--color-secondary)}.untitled-shape-3{top:50%;left:-50px;width:250px;height:250px;animation:float-3 18s ease-in-out infinite;background:var(--color-accent)}.auth-recovery-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 8%,transparent))}.auth-recovery-info{gap:var(--spacing-3xl);top:var(--spacing-2xl);display:flex;padding:var(--spacing-3xl);position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column;backdrop-filter:blur(20px)}.auth-recovery-forms{position:relative;min-height:600px}.auth-recovery-brand{gap:var(--spacing-lg);display:flex;flex-direction:column}.auth-info-features{gap:var(--spacing-xl);display:flex;padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column}.auth-info-help{gap:var(--spacing-sm);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-accent) 5%,transparent);border-left:3px solid var(--color-accent);border-radius:var(--border-radius-lg);flex-direction:column}.auth-card{top:0;left:0;width:100%;border:1px solid var(--color-border);opacity:0;padding:var(--spacing-3xl);position:absolute;transform:translateY(20px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;border-radius:var(--border-radius-xl)}.untitled-brand-logo{gap:var(--spacing-md);display:flex;align-items:center}.auth-info-title{color:var(--color-on-surface);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.auth-info-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-info-feature-item{gap:var(--spacing-lg);display:flex;align-items:flex-start}.untitled-help-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.help-link{color:var(--color-accent);font-size:var(--font-size-base);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-card-header{gap:var(--spacing-lg);display:flex;text-align:center;align-items:center;margin-bottom:var(--spacing-3xl);flex-direction:column}.email-sent-content,.untitled-success-content{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-brand-name1{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-feature-icon1{width:48px;height:48px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);flex-shrink:0;border-radius:var(--border-radius-lg)}.auth-icon-wrapper,.untitled-feature-icon1{color:var(--color-primary);display:flex;align-items:center;justify-content:center}.auth-icon-wrapper{width:80px;height:80px;position:relative;animation:pulse-shadow 2s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent));border-radius:var(--border-radius-full)}.auth-card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.auth-card-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);max-width:500px;line-height:var(--line-height-base)}.auth-card-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-lg)}.sent-email-display{color:var(--color-on-surface);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);padding:var(--spacing-lg);font-size:var(--font-size-lg);background:color-mix(in srgb,var(--color-accent) 5%,transparent);text-align:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-lg)}.untitled-info-card1{gap:var(--spacing-md);display:flex;background:var(--color-surface)}.untitled-info-card1,.untitled-password-requirements1{border:1px solid var(--color-border);padding:var(--spacing-lg);transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-password-requirements1{background:color-mix(in srgb,var(--color-neutral) 3%,transparent)}.success-info-card{border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-accent) 5%,transparent);transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-feature-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.untitled-feature-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-form-label6{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.untitled-form-error{color:var(--color-accent);display:none;font-size:var(--font-size-sm)}.untitled-btn-icon1{transition:transform var(--animation-duration-fast) var(--animation-curve-primary);margin-left:var(--spacing-sm)}.auth-link{color:var(--color-primary);font-size:var(--font-size-base);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);text-decoration:none}.untitled-info-icon2{color:var(--color-primary);width:24px;height:24px;flex-shrink:0}.untitled-info-text{flex:1}.untitled-requirements-title1{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-requirements-list2{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.success-message{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.security-tips{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-input-icon3{left:var(--spacing-md);color:var(--color-on-surface-secondary);z-index:2;position:absolute;pointer-events:none}.untitled-form-input8{width:100%;border:1px solid var(--color-border);outline:none;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);background:var(--color-surface);transition:background var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-lg)}.info-title,.untitled-form-input8{color:var(--color-on-surface);font-size:var(--font-size-base)}.info-title{margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold)}.untitled-info-list6{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-requirement-item2{gap:var(--spacing-sm);font-size:var(--font-size-sm);transition:color var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-password-toggle2,.untitled-requirement-item2{color:var(--color-on-surface-secondary);display:flex;align-items:center}.untitled-password-toggle2{top:50%;right:var(--spacing-md);border:none;cursor:pointer;padding:var(--spacing-xs);z-index:2;position:absolute;transform:translateY(-50%);background:none;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md);justify-content:center}.auth-recovery-background img{width:100%;height:100%;opacity:.15;-o-object-fit:cover;object-fit:cover}.untitled-brand-logo svg{color:var(--color-primary);width:48px;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent));height:48px}.help-link:hover{color:var(--color-primary);text-decoration:underline}.auth-card.active{opacity:1;position:relative;transform:translateY(0);visibility:visible}.auth-icon-wrapper.success{color:var(--color-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,transparent),color-mix(in srgb,var(--color-accent) 15%,transparent))}.untitled-form-input8:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input8::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input8::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-error.visible{display:block}.untitled-password-toggle2:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-requirement-item2 .req-icon{color:var(--color-border);transition:color var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-requirement-item2.valid,.untitled-requirement-item2.valid .req-icon{color:var(--color-accent)}.auth-link:hover{color:var(--color-secondary);text-decoration:underline}.untitled-info-list6 li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);line-height:var(--line-height-base);padding-left:var(--spacing-md)}.untitled-info-list6 li:before{left:0;color:var(--color-primary);content:"•";position:absolute}.security-tips li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.security-tips li:before{left:0;color:var(--color-accent);content:"✓";position:absolute;font-weight:var(--font-weight-bold)}.btn:hover .btn-icon{transform:translateY(-2px)}.schedule-management-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.page-header{padding:var(--spacing-3xl) var(--spacing-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent))}.control-panel,.page-header{border-bottom:1px solid var(--color-border)}.control-panel{top:0;padding:var(--spacing-xl);z-index:100;position:sticky;background:color-mix(in srgb,var(--color-surface) 95%,transparent);backdrop-filter:blur(8px)}.courses-grid-section{margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);max-width:var(--content-max-width)}.untitled-modal-overlay1{top:0;left:0;right:0;bottom:0;display:flex;opacity:0;padding:var(--spacing-lg);z-index:1000;position:fixed;background:var(--color-scrim);transition:opacity var(--animation-duration-standard) var(--animation-curve-primary),visibility var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;align-items:center;justify-content:center}.untitled-header-content1{z-index:2;position:relative}.control-panel-wrapper,.untitled-header-content1{margin:0 auto;max-width:var(--content-max-width)}.courses-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.load-more-section{margin-top:var(--spacing-2xl);text-align:center}.untitled-modal-container1{width:100%;display:flex;max-width:700px;transform:scale(.9) translateY(20px);background:var(--color-surface);box-shadow:var(--shadow-level-3);max-height:90vh;transition:transform var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.header-text{margin-bottom:var(--spacing-2xl)}.header-stats{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.control-row{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-filters-panel1{opacity:0;overflow:hidden;max-height:0;transition:max-height var(--animation-duration-standard) var(--animation-curve-primary),opacity var(--animation-duration-standard) var(--animation-curve-primary),margin var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-course-card1{border:1px solid var(--color-border);overflow:hidden;position:relative;animation:slideIn var(--animation-duration-standard) var(--animation-curve-primary) backwards;background:var(--color-surface-elevated);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-modal-header1{display:flex;padding:var(--spacing-xl);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-modal-body{flex:1;padding:var(--spacing-xl);overflow-y:auto}.untitled-modal-footer{gap:var(--spacing-md);display:flex;padding:var(--spacing-xl);border-top:1px solid var(--color-border);justify-content:flex-end}.untitled-hero-title14{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.untitled-hero-subtitle15{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);max-width:600px;font-weight:var(--font-weight-regular)}.untitled-stat-card7{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-search-wrapper1{flex:1;display:flex;position:relative;min-width:300px;align-items:center}.untitled-filter-controls{gap:var(--spacing-sm);display:flex;align-items:center}.filters-grid{gap:var(--spacing-lg);border:1px solid var(--color-border);display:grid;padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.course-card-header{display:flex;padding:var(--spacing-md) var(--spacing-lg);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.course-card-content{padding:var(--spacing-lg)}.courses-count{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-modal-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-btn-icon2{color:var(--color-on-surface-secondary);width:36px;border:none;cursor:pointer;height:36px;display:flex;background:transparent;transition:background var(--animation-duration-fast) var(--animation-curve-primary),color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.course-summary{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.untitled-schedule-form{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-stat-icon6{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-data2{flex:1}.untitled-filter-btn7{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-filter-group5{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-course-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:var(--letter-spacing-normal)}.untitled-card-title4{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.course-code{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-body)}.course-code,.course-info-row{margin-bottom:var(--spacing-md)}.course-info-row{gap:var(--spacing-sm);display:flex;border-bottom:1px solid var(--color-border);flex-direction:column;padding-bottom:var(--spacing-md)}.schedule-display{margin-bottom:var(--spacing-md)}.untitled-status-badge12{gap:var(--spacing-xs);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.conflict-alert{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,#ff9800 10%,transparent);margin-top:var(--spacing-md);border-left:3px solid #ff9800;border-radius:var(--border-radius-md)}.untitled-form-section2{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-form-row{gap:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr}.duration-display{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:center;border-radius:var(--border-radius-md)}.conflict-detection-section{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.untitled-stat-value20{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2}.untitled-stat-label20{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.untitled-checkbox-group1{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-info-item6{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-schedule-item2{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.conflict-details{flex:1}.empty-schedule-message{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;justify-content:center}.days-selector{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(7,1fr)}.untitled-section-subtitle12{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.conflict-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-checkbox-label2{gap:var(--spacing-sm);color:var(--color-on-surface);cursor:pointer;display:flex;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);transition:color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.schedule-details{flex:1}.conflict-title{color:#e65100;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.conflict-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-base)}.day-checkbox{cursor:pointer;display:flex;align-items:center;flex-direction:column}.schedule-days{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-day-label,.untitled-schedule-time1{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-day-label{width:100%;border:2px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xs);text-align:center;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.page-header:before{top:0;right:0;width:40%;height:100%;content:"";opacity:.08;z-index:1;position:absolute;background:url(https://images.pexels.com/photos/572056/pexels-photo-572056.jpeg?auto=compress&cs=tinysrgb&h=650&w=940) 50%/cover;-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.3),transparent);mask-image:linear-gradient(270deg,rgba(0,0,0,.3),transparent)}.untitled-stat-card7:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-stat-icon6.warning{color:#ff9800;background:color-mix(in srgb,#ff9800 15%,transparent)}.untitled-stat-icon6.success{color:#4caf50;background:color-mix(in srgb,#4caf50 15%,transparent)}.untitled-stat-value20.warning{color:#ff9800}.untitled-stat-value20.success{color:#4caf50}.untitled-search-wrapper1 svg{left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;pointer-events:none}.untitled-search-wrapper1 .form-input{width:100%;padding-left:calc(var(--spacing-md) + 32px)}.untitled-filters-panel1.active{opacity:1;margin-top:var(--spacing-lg);max-height:500px}.untitled-checkbox-label2:hover{color:var(--color-primary)}.untitled-checkbox-label2 input[type=checkbox]{width:18px;cursor:pointer;height:18px;accent-color:var(--color-primary)}.untitled-course-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-course-card1.has-conflict{background:linear-gradient(to bottom,color-mix(in srgb,#ff9800 5%,transparent),var(--color-surface-elevated));border-color:#ff9800}.untitled-course-card1.pending-config{opacity:.85;border-color:var(--color-on-surface-secondary)}.untitled-course-card1:first-child{animation-delay:.05s}.untitled-course-card1:nth-child(2){animation-delay:.1s}.untitled-course-card1:nth-child(3){animation-delay:.15s}.untitled-course-card1:nth-child(4){animation-delay:.2s}.untitled-course-card1:nth-child(5){animation-delay:.25s}.untitled-course-card1:nth-child(6){animation-delay:.3s}.untitled-course-badge.level-a1{color:#2e7d32;background:color-mix(in srgb,#4caf50 20%,transparent)}.untitled-course-badge.level-a2{color:#558b2f;background:color-mix(in srgb,#8bc34a 20%,transparent)}.untitled-course-badge.level-b1{color:#f57f17;background:color-mix(in srgb,#ffc107 20%,transparent)}.untitled-course-badge.level-b2{color:#e65100;background:color-mix(in srgb,#ff9800 20%,transparent)}.untitled-course-badge.level-c1{color:#c62828;background:color-mix(in srgb,#f44336 20%,transparent)}.untitled-btn-icon2:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-info-item6 svg{width:18px;height:18px;flex-shrink:0}.untitled-schedule-item2 svg{color:var(--color-primary);width:20px;height:20px;margin-top:2px;flex-shrink:0}.schedule-display.empty{border:2px dashed var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 5%,transparent);border-radius:var(--border-radius-md)}.empty-schedule-message svg{width:20px;height:20px}.untitled-status-badge12 svg{width:16px;height:16px}.untitled-status-badge12.status-success{color:#2e7d32;background:color-mix(in srgb,#4caf50 15%,transparent)}.untitled-status-badge12.status-pending{color:var(--color-on-surface-secondary);background:color-mix(in srgb,#9e9e9e 15%,transparent)}.conflict-alert svg{color:#ff9800;width:20px;height:20px;margin-top:2px;flex-shrink:0}.untitled-modal-overlay1.active{opacity:1;visibility:visible}.untitled-modal-overlay1.active .modal-container{transform:scale(1) translateY(0)}.course-summary-text h3{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.course-summary-text p{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.day-checkbox input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.day-checkbox input[type=checkbox]:checked+.day-label{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.day-checkbox:hover .day-label{border-color:var(--color-primary)}.duration-display svg{color:var(--color-primary);width:20px;height:20px}.duration-display strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.untitled-assignments-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-assignments-header{padding:clamp(2rem,4vw,4rem) var(--spacing-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent))}.assignments-main{padding:0 var(--spacing-xl);margin-top:calc(-1 * var(--spacing-3xl))}.untitled-modal-overlay2{top:0;left:0;right:0;bottom:0;display:none;opacity:0;padding:var(--spacing-xl);z-index:1000;position:fixed;background:var(--color-overlay);transition:opacity var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;backdrop-filter:blur(4px);justify-content:center}.untitled-header-content2{display:flex;z-index:2;position:relative;flex-wrap:wrap;align-items:center}.assignments-container,.untitled-header-content2{gap:var(--spacing-xl);margin:0 auto;max-width:var(--content-max-width)}.assignments-container{display:grid;align-items:flex-start;grid-template-columns:280px 1fr}.untitled-modal-container2{width:100%;border:1px solid var(--color-border);max-width:800px;transform:scale(.9) translateY(20px);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);max-height:90vh;overflow-y:auto;transition:transform var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.header-title-group{flex:1;min-width:280px}.untitled-header-stats{gap:var(--spacing-md);flex:2;display:grid;min-width:300px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.create-assignment-trigger{gap:var(--spacing-sm);display:flex;align-items:center;white-space:nowrap}.assignments-sidebar{gap:var(--spacing-lg);top:var(--spacing-xl);display:flex;position:sticky;flex-direction:column}.assignments-content{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-modal-header2{gap:var(--spacing-lg);top:0;display:flex;z-index:10;position:sticky;background:var(--color-surface-elevated);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-assignment-form,.untitled-modal-header2{padding:var(--spacing-xl)}.untitled-stat-card8{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-sidebar-card7{border:1px solid var(--color-border);padding:var(--spacing-xl);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.content-header,.untitled-sidebar-card7{background:var(--color-surface-elevated)}.content-header{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);flex-wrap:wrap;box-shadow:var(--shadow-level-1);align-items:center;border-radius:var(--border-radius-lg);justify-content:space-between}.untitled-assignments-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.untitled-form-grid5{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.modal-actions{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);justify-content:flex-end}.untitled-stat-icon7{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-filter-group6{margin-bottom:var(--spacing-lg)}.sort-controls,.view-controls{gap:var(--spacing-sm);display:flex}.sort-controls{align-items:center}.untitled-assignment-card1{border:1px solid var(--color-border);display:flex;overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.untitled-form-group-full3{grid-column:1/-1}.untitled-stat-value21{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled-stat-label21{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-form-label7{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.untitled-filter-options{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-form-input9{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.card-image-container{width:100%;height:200px;overflow:hidden;position:relative;background:var(--color-neutral)}.untitled-card-content4{gap:var(--spacing-md);flex:1;display:flex;padding:var(--spacing-xl);flex-direction:column}.upload-area{border:2px dashed var(--color-border);padding:var(--spacing-3xl);background:var(--color-surface);text-align:center;border-radius:var(--border-radius-lg)}.untitled-filter-btn8,.upload-area{cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-filter-btn8{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:transparent;text-align:left;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.untitled-status-badge13{left:var(--spacing-md);color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface-elevated);font-weight:var(--font-weight-semibold);backdrop-filter:blur(8px)}.untitled-status-badge13,.untitled-type-badge{top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);position:absolute;font-size:var(--font-size-xs);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.untitled-type-badge{color:var(--color-on-primary);right:var(--spacing-md);background:var(--color-primary);font-weight:var(--font-weight-bold)}.untitled-card-header-with-action1{gap:var(--spacing-sm);display:flex;align-items:flex-start;justify-content:space-between}.untitled-feature-text2{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-assignment-meta{gap:var(--spacing-xs);display:flex;flex-direction:column}.assignment-progress{border-top:1px solid var(--color-border);flex-direction:column}.assignment-progress,.untitled-card-actions{gap:var(--spacing-sm);display:flex;padding-top:var(--spacing-md)}.untitled-card-actions{margin-top:auto}.untitled-required-mark4{color:var(--color-secondary)}.untitled-card-title5{flex:1;color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-meta-item9{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-progress-info{display:flex;align-items:center;justify-content:space-between}.untitled-progress-bar7{height:8px;overflow:hidden;position:relative;background:var(--color-neutral);border-radius:var(--border-radius-full)}.untitled-info-label8{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-info-value7{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-progress-fill5{height:100%;overflow:hidden;position:relative;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-assignments-header:before{top:-50%;right:-10%;width:600px;height:600px;content:"";z-index:1;position:absolute;animation:floatShape 20s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 15%,transparent) 0,transparent 70%);border-radius:var(--border-radius-full)}.header-title-group .hero-title{color:var(--color-on-surface);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.header-title-group .hero-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg)}.untitled-stat-card8:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-stat-card8.pending .stat-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.untitled-stat-card8.success .stat-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-stat-card8.warning .stat-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.create-assignment-trigger svg{width:20px;height:20px}.untitled-sidebar-card7 .section-subtitle{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.untitled-filter-group6:last-child{margin-bottom:0}.untitled-filter-group6 .form-label{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-filter-btn8:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:var(--color-primary)}.untitled-filter-btn8.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-filter-btn8.type-listening.active{background:color-mix(in srgb,var(--color-accent) 80%,var(--color-primary));border-color:var(--color-accent)}.untitled-filter-btn8.type-reading.active{background:color-mix(in srgb,var(--color-primary) 90%,var(--color-secondary));border-color:var(--color-primary)}.untitled-filter-btn8.type-writing.active{background:color-mix(in srgb,var(--color-secondary) 70%,var(--color-primary));border-color:var(--color-secondary)}.quick-actions .action-list{gap:var(--spacing-sm);display:flex;flex-direction:column}.quick-actions .btn-sm{gap:var(--spacing-sm);width:100%;display:flex;align-items:center;justify-content:flex-start}.sort-controls svg{color:var(--color-on-surface-secondary)}.sort-controls .form-input{min-width:180px}.untitled-assignment-card1:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-assignment-card1:hover .card-image{transform:scale(1.05)}.untitled-status-badge13.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,var(--color-surface-elevated));border-color:var(--color-accent)}.untitled-status-badge13.status-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-status-badge13.completed{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 25%,var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-status-badge13.status-warning{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,var(--color-surface-elevated));border-color:var(--color-secondary)}.untitled-type-badge.type-listening{background:color-mix(in srgb,var(--color-accent) 80%,var(--color-primary))}.untitled-type-badge.type-reading{background:color-mix(in srgb,var(--color-primary) 90%,var(--color-secondary))}.untitled-type-badge.type-writing{background:color-mix(in srgb,var(--color-secondary) 70%,var(--color-primary))}.untitled-type-badge.type-grammar{background:color-mix(in srgb,var(--color-primary) 85%,var(--color-accent))}.untitled-type-badge.type-independent{background:var(--color-primary)}.untitled-meta-item9 svg{width:16px;height:16px;flex-shrink:0}.untitled-info-value7.highlight{color:var(--color-accent)}.untitled-info-value7.success{color:var(--color-primary)}.untitled-info-value7.warning{color:var(--color-secondary)}.untitled-progress-fill5:after{top:0;left:0;right:0;bottom:0;content:"";position:absolute;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 30%,transparent),transparent)}.untitled-progress-fill5.success{background:var(--color-primary)}.untitled-progress-fill5.warning{background:var(--color-secondary)}.untitled-card-actions .btn{flex:1}.untitled-modal-overlay2.active{display:flex;opacity:1}.untitled-modal-overlay2.active .modal-container{transform:scale(1) translateY(0)}.untitled-modal-header2 .section-title{margin:0;font-size:var(--font-size-xl)}.untitled-form-input9:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.upload-area:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));border-color:var(--color-primary)}.upload-area svg{color:var(--color-on-surface-secondary);margin-bottom:var(--spacing-md)}.upload-area .hero-subtitle{color:var(--color-on-surface);margin-bottom:var(--spacing-xs)}.upload-area .feature-text{color:var(--color-on-surface-secondary)}.untitled-course-header-container1{gap:var(--spacing-xl);display:flex;padding:var(--spacing-xl);align-items:flex-start;border-radius:var(--border-radius-lg);margin-bottom:clamp(2rem,4vw,3rem);justify-content:space-between}.untitled-chart-card6,.untitled-course-header-container1{background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.untitled-chart-card6{border:1px solid var(--color-border);overflow:hidden;border-radius:var(--border-radius-lg)}.untitled-course-details{flex:1}.untitled-action-buttons5{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.untitled-stat-item8{border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);justify-content:space-between}.untitled-input-wrapper2{flex:1;position:relative;min-width:280px}.filter-btn-group{gap:var(--spacing-xs);display:flex;flex-wrap:wrap}.filter-dropdowns{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.gradebook-table-container{overflow-x:auto;overflow-y:visible}.untitled-breadcrumb2{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-sm)}.untitled-hero-title15{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.untitled-meta-content{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-chart-visual5{opacity:.9;flex-shrink:0}.untitled-form-input10{width:100%;font-family:var(--font-family-body)}.untitled-filter-btn9,.untitled-form-input10{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-filter-btn9{gap:var(--spacing-xs);cursor:pointer;display:inline-flex;align-items:center;font-weight:var(--font-weight-medium)}.gradebook-table{width:100%;font-size:var(--font-size-sm);border-spacing:0;border-collapse:separate}.untitled-card-header-with-action2{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-info-list7{padding:var(--spacing-lg)}.untitled-breadcrumb-link5{color:var(--color-primary);transition:color var(--animation-duration-fast) var(--animation-curve-primary);text-decoration:none}.untitled-info-label9{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-info-label9,.untitled-status-badge14{gap:var(--spacing-xs);display:inline-flex;align-items:center}.untitled-status-badge14{padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.untitled-stat-label22{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);letter-spacing:.05em;text-transform:uppercase}.untitled-stat-value22{color:var(--color-on-surface);font-size:clamp(2rem,4vw,2.5rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-xs)}.untitled-stat-data3{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-filter-count1{height:1.5rem;display:inline-flex;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);min-width:1.5rem;background:color-mix(in srgb,var(--color-on-primary) 20%,transparent);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.untitled-bar-group4{gap:var(--spacing-md);height:100%;display:flex;padding:var(--spacing-xl);align-items:flex-end;justify-content:space-around}.untitled-info-item7{gap:var(--spacing-md);display:flex;padding:var(--spacing-md) 0;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-section-subtitle13{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-bar-item{gap:var(--spacing-sm);flex:1;display:flex;align-items:center;flex-direction:column}.untitled-info-item-content1{flex:1}.untitled-info-value8{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.sticky-col{left:0;z-index:5;position:sticky;background:var(--color-surface-elevated);box-shadow:2px 0 4px color-mix(in srgb,var(--color-neutral) 5%,transparent)}.student-col{min-width:220px}.grade-col{min-width:100px;text-align:center}.average-col{min-width:140px}.untitled-actions-col{min-width:120px;text-align:center}.untitled-bar-label4{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);text-align:center;font-weight:var(--font-weight-medium)}.untitled-bar-container{width:100%;height:180px;display:flex;overflow:hidden;position:relative;background:var(--color-surface);align-items:flex-end;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.untitled-bar-value2{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-metric-bar-wrapper4{height:8px;overflow:hidden;background:var(--color-surface);border-radius:var(--border-radius-full)}.th-content{gap:var(--spacing-xs);display:flex;align-items:flex-start;flex-direction:column}.untitled-student-info2{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-grade-cell{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md)}.average-display,.untitled-grade-cell{gap:var(--spacing-xs);position:relative;align-items:center}.average-display{display:flex;flex-direction:column}.untitled-btn-text{color:var(--color-primary);border:none;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-bar-fill5{height:100%;background:var(--color-primary);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.sort-btn{color:var(--color-on-surface-secondary);border:none;cursor:pointer;padding:var(--spacing-xs);background:transparent;transition:color var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-weight-badge{color:var(--color-on-primary);display:inline-block;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);background:var(--color-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm)}.untitled-profile-avatar11{width:40px;border:2px solid var(--color-border);height:40px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.untitled-student-details{display:flex;flex-direction:column}.untitled-grade-value3{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.edit-grade-btn{color:var(--color-on-surface-secondary);border:none;cursor:pointer;display:none;padding:4px;background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-sm)}.untitled-average-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.average-bar{width:100%;height:6px;overflow:hidden;background:var(--color-surface);border-radius:var(--border-radius-full)}.untitled-risk-indicator1{top:50%;color:var(--color-accent);right:-20px;position:absolute;transform:translateY(-50%)}.untitled-author-name{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-breadcrumb-link5:hover{color:var(--color-secondary)}.untitled-info-label9 svg{flex-shrink:0}.untitled-stat-item8:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-stat-value22.success{color:var(--color-primary)}.untitled-stat-value22.warning{color:var(--color-accent)}.untitled-chart-visual5 svg{display:block}.untitled-input-wrapper2 svg{top:50%;left:var(--spacing-sm);color:var(--color-on-surface-secondary);position:absolute;transform:translateY(-50%);pointer-events:none}.untitled-input-wrapper2 .form-input{padding-left:2.5rem}.untitled-filter-btn9:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.untitled-filter-btn9.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-filter-btn9.active .filter-count{background:color-mix(in srgb,var(--color-on-primary) 30%,transparent)}.untitled-filter-count1.warning{color:var(--color-on-accent);background:var(--color-accent)}.untitled-filter-count1.success{color:var(--color-on-primary);background:var(--color-primary)}.filter-dropdowns .form-input{min-width:180px}.gradebook-table thead{top:0;z-index:10;position:sticky;background:var(--color-surface)}.gradebook-table th{color:var(--color-on-surface);background:var(--color-surface);text-align:left;font-weight:var(--font-weight-semibold);white-space:nowrap;border-bottom:2px solid var(--color-border)}.gradebook-table td,.gradebook-table th{padding:var(--spacing-md) var(--spacing-sm)}.gradebook-table td{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.gradebook-table thead .sticky-col{z-index:15;background:var(--color-surface)}.sort-btn:hover{color:var(--color-primary)}.student-row:hover .sticky-col,.student-row:hover td{background:var(--color-surface)}.untitled-grade-cell.editable{transition:background var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-grade-cell.editable:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-grade-cell.editable:hover .edit-grade-btn{display:block}.untitled-grade-cell.pending{text-align:center}.untitled-grade-value3.success{color:var(--color-primary)}.untitled-grade-value3.warning{color:var(--color-accent)}.edit-grade-btn:hover{color:var(--color-on-primary);background:var(--color-primary)}.average-display.success .average-value{color:var(--color-primary)}.average-display.warning .average-value{color:var(--color-accent)}.average-display.warning .bar-fill{background:var(--color-accent)}.untitled-btn-text:hover{color:var(--color-secondary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-bar-container .bar-fill{width:100%;background:var(--color-on-surface-secondary);transition:height var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.untitled-bar-container .bar-fill.success{background:var(--color-primary)}.untitled-bar-container .bar-fill.warning{background:var(--color-accent)}.untitled-info-item7:last-child{border-bottom:none}.untitled-info-item7 .info-label{color:var(--color-on-surface);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.untitled-metric-bar-wrapper4 .bar-fill{height:100%;background:var(--color-on-surface-secondary)}.untitled-metric-bar-wrapper4 .bar-fill.success{background:var(--color-primary)}.untitled-metric-bar-wrapper4 .bar-fill.warning{background:var(--color-accent)}.untitled-info-value8.success{color:var(--color-primary)}.untitled-status-badge14.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-badge14.pending{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-on-surface-secondary) 15%,transparent)}.untitled-form-input10:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.announcements-page{background:var(--color-surface);min-height:100vh}.announcements-hero{height:clamp(300px,40vh,450px);display:flex;overflow:hidden;position:relative;align-items:center;justify-content:center}.untitled-stats-section{padding:var(--spacing-3xl) 0;background:var(--color-surface)}.create-announcement-section{padding:var(--section-gap) 0;background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)) 100%)}.recent-announcements-section{padding:var(--section-gap) 0;background:var(--color-surface)}.tips-section{padding:var(--section-gap) 0;background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-secondary) 5%,var(--color-surface)) 100%)}.untitled-hero-background4{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content7{padding:0 var(--spacing-lg);z-index:3;position:relative;max-width:800px;text-align:center}.untitled-stats-container1{gap:var(--spacing-lg);margin:0 auto;display:grid;padding:0 var(--spacing-lg);max-width:var(--content-max-width);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-hero-overlay7{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 80%,transparent))}.hero-icon{width:96px;border:2px solid color-mix(in srgb,var(--color-surface) 30%,transparent);height:96px;display:inline-flex;animation:float 3s ease-in-out infinite;background:color-mix(in srgb,var(--color-surface) 15%,transparent);align-items:center;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);backdrop-filter:blur(10px);justify-content:center}.untitled-hero-title16{color:var(--color-on-primary);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle16{color:var(--color-on-primary);opacity:.95;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-stat-card9{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:transform .3s ease,box-shadow .3s ease;align-items:center;border-radius:var(--border-radius-lg)}.create-announcement-grid{gap:var(--spacing-3xl);display:grid;align-items:flex-start;grid-template-columns:1fr 400px}.untitled-section-header8{gap:var(--spacing-lg);display:flex;align-items:flex-start;margin-bottom:var(--spacing-2xl);justify-content:space-between}.untitled-announcements-list{gap:var(--spacing-lg);display:grid}.pagination-section{margin-top:var(--spacing-2xl);text-align:center}.tips-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.untitled-stat-icon8{color:var(--color-primary);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-form-container3{padding:var(--spacing-3xl)}.preview-container,.untitled-form-container3{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.preview-container{top:var(--spacing-xl);padding:var(--spacing-xl);position:sticky}.untitled-section-header-content3{flex:1}.section-header-actions{gap:var(--spacing-sm);display:flex}.untitled-announcement-card1{padding:var(--spacing-xl);overflow:hidden;position:relative}.untitled-announcement-card1,.untitled-tip-card{border:1px solid var(--color-border);background:var(--color-surface-elevated);transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--border-radius-lg)}.untitled-tip-card{padding:var(--spacing-2xl);text-align:center}.untitled-stat-label23{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.untitled-stat-value23{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.untitled-form-header3{margin-bottom:var(--spacing-2xl)}.untitled-preview-header{gap:var(--spacing-sm);display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.untitled-preview-content{margin-bottom:var(--spacing-xl)}.preview-tips{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-secondary) 5%,transparent);border-radius:var(--border-radius-md)}.untitled-section-title14{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle14{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-filter-btn10{gap:var(--spacing-sm);display:flex;align-items:center}.announcement-card-header{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-md);justify-content:space-between}.announcement-card-content{margin-bottom:var(--spacing-lg)}.announcement-card-footer{display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-md);justify-content:space-between}.tip-icon{color:var(--color-primary);width:80px;height:80px;margin:0 auto var(--spacing-lg);display:inline-flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));align-items:center;border-radius:var(--border-radius-full);justify-content:center}.tip-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.tip-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-checkbox-group2{display:flex;align-items:center}.untitled-form-actions5{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);justify-content:flex-end}.preview-notification{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-announcement-badge1{display:inline-block;padding:6px var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-announcement-meta1{gap:var(--spacing-md);display:flex;align-items:center}.untitled-announcement-title1{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}.announcement-message{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.announcement-group-tag{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-md)}.announcement-stats{gap:var(--spacing-lg);display:flex;align-items:center}.announcement-attachment{gap:var(--spacing-sm);color:var(--color-primary);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 8%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.untitled-form-label8{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.untitled-form-input11,.untitled-form-label8{color:var(--color-on-surface);font-size:var(--font-size-base)}.untitled-form-input11{width:100%;border:2px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);transition:border-color .3s ease,box-shadow .3s ease;font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.character-count{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.notification-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.notification-content{flex:1}.announcement-time,.untitled-announcement-date1{gap:6px;color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-required-mark5{color:var(--color-accent);margin-left:4px}.untitled-file-input{width:1px;height:1px;opacity:0;position:absolute;pointer-events:none}.untitled-file-upload-label{gap:var(--spacing-sm);color:var(--color-on-surface);border:2px dashed var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-md);transition:all .3s ease;align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-file-name{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.notification-title,.untitled-checkbox-text1{color:var(--color-on-surface);font-size:var(--font-size-base)}.notification-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.notification-from{color:var(--color-on-surface-secondary)}.notification-from,.notification-message{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.notification-message{color:var(--color-on-surface);line-height:var(--line-height-base)}.notification-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-hero-background4 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-icon svg{color:var(--color-on-primary)}.untitled-stat-card9:before{top:0;left:0;width:4px;height:100%;content:"";position:absolute;transform:scaleY(0);background:var(--color-primary);transition:transform .3s ease}.untitled-stat-card9:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-stat-card9:hover:before{transform:scaleY(1)}.announcement-form .form-group{margin-bottom:var(--spacing-xl)}.untitled-form-input11:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input11::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-form-input11::placeholder{color:var(--color-on-surface-secondary)}.untitled-file-upload-label:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:var(--color-primary)}.untitled-file-upload-label svg{color:var(--color-primary)}.checkbox-label input[type=checkbox]{width:20px;cursor:pointer;height:20px;accent-color:var(--color-primary)}.untitled-form-actions5 .btn{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-preview-header svg{color:var(--color-primary)}.untitled-preview-header h3{font-size:var(--font-size-lg)}.preview-tips h4,.untitled-preview-header h3{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.preview-tips h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.preview-tips ul{margin:0;padding:0;list-style:none}.preview-tips li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.preview-tips li:before{left:0;color:var(--color-secondary);content:"✓";position:absolute;font-weight:var(--font-weight-bold)}.untitled-announcement-card1:after{top:0;left:0;width:100%;height:4px;content:"";position:absolute;transform:scaleX(0);background:var(--color-primary);transition:transform .3s ease}.untitled-announcement-card1:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.untitled-announcement-card1:hover:after{transform:scaleX(1)}.untitled-announcement-badge1.reminder{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-announcement-badge1.material{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-announcement-badge1.schedule{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-announcement-badge1.evaluation{color:#9333ea;background:color-mix(in srgb,#9333ea 15%,transparent)}.untitled-announcement-badge1.general{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.announcement-time svg,.untitled-announcement-date1 svg{color:var(--color-on-surface-secondary)}.announcement-attachment svg{color:var(--color-primary)}.announcement-group-tag svg,.announcement-stats .stat-item{color:var(--color-on-surface-secondary)}.announcement-stats .stat-item{gap:6px;display:flex;font-size:var(--font-size-sm);align-items:center}.announcement-stats .stat-item svg{color:var(--color-on-surface-secondary)}.untitled-tip-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.untitled-hero-section3{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-bottom:1px solid var(--color-border)}.courses-section,.quick-access-section{padding:var(--section-gap) var(--spacing-lg)}.quick-access-section{background:color-mix(in srgb,var(--color-neutral) 3%,transparent)}.untitled-performance-section{padding:var(--section-gap) var(--spacing-lg)}.untitled-hero-content-wrapper6,.untitled-section-container6{margin:0 auto;max-width:var(--content-max-width)}.hero-profile-card{gap:var(--spacing-lg);display:flex;align-items:center;margin-bottom:clamp(2rem,4vw,3rem)}.untitled-hero-stats-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-section-header9{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.untitled-courses-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.quick-access-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.performance-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:1.5fr 1fr}.untitled-profile-avatar-wrapper3{width:96px;height:96px;position:relative;flex-shrink:0}.untitled-profile-info4{flex:1}.untitled-stat-card10{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-section-title15{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:clamp(var(--font-size-xl),3.5vw,var(--font-size-xxl));font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle15{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.untitled-course-card2{border:1px solid var(--color-border);display:flex;overflow:hidden;position:relative;animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.course-card-featured{border:2px solid var(--color-primary);grid-column:span 1}.quick-access-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);animation:fadeInUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform var(--animation-duration-fast) var(--animation-curve-primary),box-shadow var(--animation-duration-fast) var(--animation-curve-primary),border-color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);text-decoration:none}.achievements-card,.untitled-performance-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl)}.untitled-profile-avatar12{width:100%;border:3px solid var(--color-surface-elevated);height:100%;box-shadow:var(--shadow-level-2);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.untitled-status-active8{color:var(--color-primary);right:4px;width:20px;border:3px solid var(--color-surface);bottom:4px;height:20px;position:absolute;background:color-mix(in srgb,var(--color-primary) 15%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:var(--border-radius-full)}.untitled-hero-title17{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:clamp(var(--font-size-xxl),4vw,var(--font-size-hero));font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle17{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.untitled-stat-icon9{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.course-card-media{height:200px;overflow:hidden;position:relative}.untitled-card-content5{gap:var(--spacing-md);flex:1;display:flex;padding:var(--spacing-lg);flex-direction:column}.next-class-indicator{display:flex;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-top:1px solid var(--color-border);align-items:center;justify-content:space-between}.quick-access-icon{color:var(--color-primary);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:background var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.quick-access-content{flex:1}.performance-card-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);justify-content:space-between}.achievements-list,.skills-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.achievements-list{margin-bottom:var(--spacing-lg)}.untitled-stat-label24{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);letter-spacing:.05em;text-transform:uppercase}.untitled-stat-value24{color:var(--color-on-surface);display:block;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.course-overlay{inset:0;z-index:2;position:absolute;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--color-surface) 80%,transparent) 100%)}.untitled-level-badge1{top:var(--spacing-md);color:var(--color-on-surface);right:var(--spacing-md);border:2px solid var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);z-index:3;position:absolute;font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.untitled-level-b22{border-color:var(--color-primary)}.untitled-course-header-container2{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);justify-content:space-between}.untitled-course-details1{gap:var(--spacing-sm);display:flex;flex-direction:column}.course-progress-container{margin-top:var(--spacing-sm)}.course-stats-mini{gap:var(--spacing-sm);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-neutral) 5%,transparent);margin-top:var(--spacing-sm);border-radius:var(--border-radius-md);justify-content:space-around}.course-actions{gap:var(--spacing-sm);display:flex;margin-top:auto;padding-top:var(--spacing-md)}.untitled-indicator-label{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-medium)}.untitled-indicator-value{color:var(--color-primary);font-weight:var(--font-weight-bold)}.untitled-level-a22{border-color:color-mix(in srgb,var(--color-primary) 70%,#4caf50)}.untitled-level-c14{border-color:color-mix(in srgb,var(--color-primary) 70%,#9c27b0)}.quick-access-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.quick-access-description{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm)}.quick-access-badge{color:var(--color-on-surface);display:inline-block;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-neutral) 15%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.untitled-card-title6{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-info-label10{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.untitled-skill-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.achievement-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-neutral) 5%,transparent);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-status-badge15{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);flex-shrink:0;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.course-meta-item{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.progress-header{display:flex;align-items:center;margin-bottom:var(--spacing-xs);justify-content:space-between}.untitled-progress-bar8{height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.mini-stat{gap:var(--spacing-xs);display:flex;align-items:center;flex-direction:column}.untitled-skill-bar{height:10px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-radius:var(--border-radius-full)}.achievement-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.achievement-content{flex:1}.untitled-progress-percentage1{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.untitled-progress-fill6{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary)) 100%);transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.mini-stat-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.mini-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);text-align:center;letter-spacing:.05em;text-transform:uppercase}.untitled-skill-score{color:var(--color-primary);padding:2px var(--spacing-sm);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm)}.skill-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 70%,var(--color-secondary)) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 20%,transparent);transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.achievement-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.achievement-description{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm)}.achievement-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-style:italic}.untitled-stat-card10:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-course-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-course-card2:hover .course-card-media img{transform:scale(1.05)}.untitled-course-card2:first-child{animation-delay:0ms}.untitled-course-card2:nth-child(2){animation-delay:.1s}.untitled-course-card2:nth-child(3){animation-delay:.2s}.course-card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.course-meta-item svg{color:var(--color-primary);flex-shrink:0}.course-actions .btn{gap:var(--spacing-xs);flex:1;display:flex;align-items:center;justify-content:center}.quick-access-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.quick-access-card:hover .quick-access-icon{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.quick-access-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-access-badge.positive{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.performance-card-header .card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.performance-card-header svg{color:var(--color-primary)}.achievement-item:hover{transform:translateX(4px)}.untitled-section-container7{width:100%;background:var(--color-surface);transition:background var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-tasks-container1{margin:0 auto;padding:0;max-width:var(--content-max-width)}.tasks-hero{overflow:hidden;position:relative;min-height:420px;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.tasks-controls,.tasks-hero{display:flex;align-items:center}.tasks-controls{flex-wrap:wrap;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between}.tasks-controls,.untitled-tasks-grid{gap:var(--spacing-lg);padding:var(--spacing-xl)}.untitled-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.upload-modal{inset:0;display:flex;padding:var(--spacing-lg);z-index:1000;position:fixed;align-items:center;justify-content:center}.tasks-hero-visual{inset:0;z-index:1;position:absolute}.tasks-hero-content{width:100%;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative}.tasks-filters{flex-wrap:wrap}.tasks-filters,.tasks-sort{gap:var(--spacing-sm);display:flex}.tasks-sort{align-items:center}.untitled-task-card2{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.upload-modal-overlay{inset:0;position:absolute;background:var(--color-scrim);backdrop-filter:blur(4px)}.upload-modal-content{width:100%;position:relative;animation:modalSlideUp var(--animation-duration-standard) var(--animation-curve-primary);max-width:600px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);max-height:90vh;overflow-y:auto;border-radius:var(--border-radius-xl)}.tasks-hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.tasks-hero-overlay{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,transparent) 0,color-mix(in srgb,var(--color-secondary) 88%,transparent) 100%)}.tasks-hero-text{margin-bottom:var(--spacing-3xl)}.tasks-stats-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.untitled-filter-btn11{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-sr-only{clip:rect(0,0,0,0);width:1px;border:0;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;white-space:nowrap}.sort-select{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-task-card-header{gap:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.untitled-task-title3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-task-description1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-task-meta2{gap:var(--spacing-xs);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);flex-direction:column}.untitled-task-actions1{gap:var(--spacing-sm);display:flex;margin-top:var(--spacing-sm)}.untitled-task-feedback{padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 8%,transparent);margin-top:var(--spacing-sm);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-md)}.upload-modal-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.upload-modal-body,.upload-modal-footer,.upload-modal-header{padding:var(--spacing-xl)}.upload-modal-footer{gap:var(--spacing-sm);display:flex;border-top:1px solid var(--color-border);justify-content:flex-end}.task-stat-card{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-on-primary) 15%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface-elevated) 20%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);backdrop-filter:blur(12px)}.untitled-filter-count2{height:22px;display:inline-flex;padding:0 6px;min-width:22px;background:color-mix(in srgb,var(--color-on-surface) 12%,transparent);border-radius:var(--border-radius-full);justify-content:center}.untitled-filter-count2,.untitled-task-type{font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold)}.untitled-task-type{letter-spacing:.5px;text-transform:uppercase}.task-priority,.untitled-task-type{gap:var(--spacing-xs);display:flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md)}.task-priority{font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold)}.untitled-task-meta-item1{color:var(--color-on-surface-secondary)}.untitled-task-meta-item1,.untitled-task-status1{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-xs);align-items:center}.untitled-task-status1{padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md)}.feedback-header{gap:var(--spacing-xs);color:var(--color-primary);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.feedback-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.upload-modal-close{color:var(--color-on-surface-secondary);width:40px;border:none;cursor:pointer;height:40px;display:flex;background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-file-upload-area{border:2px dashed var(--color-border);cursor:pointer;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-file-upload-area,.untitled-form-group4{margin-bottom:var(--spacing-lg)}.task-stat-icon{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.task-stat-content{gap:2px;display:flex;flex-direction:column}.priority-dot,.untitled-status-dot{width:6px;height:6px;animation:pulse 2s ease-in-out infinite;border-radius:var(--border-radius-full)}.upload-text{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.upload-hint{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-form-label9{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-form-input12{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);resize:vertical;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);line-height:var(--line-height-base);border-radius:var(--border-radius-md)}.task-stat-value{color:var(--color-on-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.task-stat-label{color:var(--color-on-primary);opacity:.9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-info-label11{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-regular)}.tasks-hero-text .section-title{color:var(--color-on-primary);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-shadow:0 2px 8px color-mix(in srgb,var(--color-neutral) 30%,transparent);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.tasks-hero-text .section-subtitle{color:var(--color-on-primary);opacity:.95;font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base)}.task-stat-card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-surface-elevated) 30%,transparent)}.task-stat-icon svg{width:24px;height:24px}.task-stat-icon.pending{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.task-stat-icon.completed{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-on-primary) 25%,transparent)}.task-stat-icon.warning{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-on-primary) 30%,transparent)}.task-stat-icon.success{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-on-primary) 25%,transparent)}.untitled-filter-btn11:hover{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-primary)}.untitled-filter-btn11.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-filter-btn11 svg{width:18px;height:18px}.untitled-filter-btn11.active .filter-count{color:var(--color-on-primary);background:color-mix(in srgb,var(--color-on-primary) 25%,transparent)}.untitled-filter-btn11:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sort-select:focus,.sort-select:hover{outline:none;border-color:var(--color-primary)}.sort-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.untitled-task-card2:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-task-card2[data-priority=high]{border-left:4px solid color-mix(in srgb,var(--color-accent) 80%,var(--color-secondary))}.untitled-task-card2[data-priority=medium]{border-left:4px solid var(--color-accent)}.untitled-task-type svg{width:16px;height:16px}.untitled-task-type.type-writing{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-task-type.type-listening{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-task-type.type-grammar{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-task-type.type-reading{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,var(--color-secondary) 5%)}.untitled-task-type.type-independent{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.task-priority.priority-high{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.task-priority.priority-high .priority-dot{background:var(--color-accent)}.task-priority.priority-medium{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.task-priority.priority-medium .priority-dot{background:var(--color-secondary)}.task-priority.priority-low{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-neutral) 12%,transparent)}.task-priority.priority-low .priority-dot{background:var(--color-on-surface-secondary)}.untitled-task-status1.status-pending{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.untitled-task-status1.status-pending .status-dot{background:var(--color-accent)}.untitled-task-status1.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.untitled-task-status1.status-success .status-dot{background:var(--color-primary)}.untitled-task-meta-item1 svg{width:16px;height:16px;flex-shrink:0}.feedback-header svg{width:18px;height:18px}.untitled-task-actions1 .btn{gap:var(--spacing-xs);flex:1;display:flex;align-items:center;justify-content:center}.untitled-task-actions1 .btn svg{width:18px;height:18px}.upload-modal[hidden]{display:none}.upload-modal-header .section-subtitle{color:var(--color-on-surface);margin:0}.upload-modal-close:hover{color:var(--color-on-surface);background:var(--color-surface)}.upload-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.untitled-file-upload-area:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:var(--color-primary)}.untitled-file-upload-area svg{color:var(--color-primary);width:48px;height:48px;margin-bottom:var(--spacing-md)}.untitled-form-input12:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.untitled-form-input12:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.untitled-hero-section4{padding:clamp(2.5rem,5vw,4rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) 0,color-mix(in srgb,var(--color-secondary) 3%,var(--color-surface)) 100%)}.untitled-hero-content-wrapper7{gap:var(--spacing-2xl);margin:0 auto;display:flex;z-index:2;position:relative;max-width:var(--content-max-width);align-items:center;justify-content:space-between}.untitled-hero-text-content1{flex:1}.untitled-hero-actions1{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.student-profile-header{gap:var(--spacing-xl);display:flex;align-items:center}.untitled-profile-avatar-wrapper4{width:120px;border:4px solid var(--color-primary);height:120px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.untitled-student-info3{flex:1}.untitled-profile-avatar13{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-status-indicator6{right:8px;width:20px;border:3px solid var(--color-surface);bottom:8px;height:20px;z-index:3;position:absolute;background:var(--color-accent);border-radius:var(--border-radius-full)}.untitled-hero-title18{color:var(--color-on-surface);font-size:clamp(var(--font-size-xxl),4vw,var(--font-size-hero));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.untitled-hero-subtitle18{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-performance-section1{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);background:var(--color-surface)}.untitled-performance-grid,.untitled-section-container8{margin:0 auto;max-width:var(--content-max-width)}.untitled-performance-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-stat-card11{border:1px solid var(--color-border);padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.stat-card-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);justify-content:center}.untitled-stat-content6{margin-bottom:var(--spacing-lg)}.stat-progress{margin-top:var(--spacing-md)}.untitled-stat-label25{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-stat-value25{color:var(--color-on-surface);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:1}.untitled-stat-data4{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.untitled-progress-bar9{width:100%;height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-progress-fill7{height:100%;background:var(--color-primary);transition:width 1s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.progress-fill--success{background:var(--color-secondary)}.progress-fill--accent{background:var(--color-accent)}.progress-fill--warning{background:var(--color-primary)}.grades-section{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 2%,var(--color-surface)) 100%)}.untitled-section-header10{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.untitled-grades-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-section-title16{color:var(--color-on-surface);font-size:clamp(var(--font-size-xl),3vw,var(--font-size-xxl));font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.untitled-section-subtitle16{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg)}.grade-category-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.grade-category-header{gap:var(--spacing-md)}.grade-category-header,.untitled-grade-display{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.untitled-grade-display{justify-content:space-between}.category-icon,.grade-visual{display:flex;align-items:center;justify-content:center}.category-icon{color:var(--color-primary);width:48px;height:48px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-md)}.untitled-category-info{flex:1}.untitled-grade-number{color:var(--color-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1}.untitled-grade-status1{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.untitled-status-success5{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-circular-progress{width:120px;height:120px;position:relative}.category-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.category-weight{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.progress-ring{transform:rotate(-90deg)}.untitled-progress-label4{top:50%;left:50%;color:var(--color-on-surface);position:absolute;font-size:var(--font-size-xl);transform:translate(-50%,-50%);font-weight:var(--font-weight-bold)}.progress-ring-circle{transition:stroke-dashoffset 1s var(--animation-curve-primary)}.untitled-attendance-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.attendance-summary-cards{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.untitled-attendance-table-wrapper{box-shadow:var(--shadow-level-2);overflow-x:auto}.attendance-summary-card,.untitled-attendance-table-wrapper{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.attendance-summary-card{gap:var(--spacing-lg);display:flex;box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary);align-items:center}.untitled-attendance-table{width:100%;border-collapse:collapse}.untitled-summary-icon2{width:56px;height:56px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.summary-icon--success{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.summary-icon--warning{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.summary-icon--info{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.summary-icon--primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-summary-value3{color:var(--color-on-surface);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.untitled-summary-label3{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-status-badge16{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-status-warning3{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.analysis-section{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(180deg,var(--color-surface) 0,color-mix(in srgb,var(--color-secondary) 2%,var(--color-surface)) 100%)}.untitled-analysis-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:1.5fr 1fr}.insights-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.untitled-analysis-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.analysis-card--large{grid-column:span 1}.insight-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-card-header-with-action3{display:flex;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.untitled-chart-visual6{margin-top:var(--spacing-lg)}.untitled-card-title7{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.skills-breakdown{gap:var(--spacing-lg);display:flex;flex-direction:column}.insight-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.insight-content{flex:1}.untitled-filter-btn12{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-chart-container{width:100%;height:300px;display:flex;background:color-mix(in srgb,var(--color-on-surface) 2%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-chart-legend1{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;justify-content:center}.insight-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.insight-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-legend-item2{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-skill-header{display:flex;font-size:var(--font-size-base);align-items:center;justify-content:space-between}.untitled-skill-bar1{width:100%;height:10px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.legend-dot--primary{background:var(--color-primary)}.legend-dot--secondary{background:var(--color-secondary)}.legend-dot--accent{background:var(--color-accent)}.untitled-skill-name{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.skill-value{color:var(--color-primary);font-weight:var(--font-weight-bold)}.untitled-skill-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width 1s var(--animation-curve-primary);border-radius:var(--border-radius-full)}.detailed-grades-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.untitled-grades-table-wrapper{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);overflow-x:auto;border-radius:var(--border-radius-xl)}.untitled-grades-table1{width:100%;border-collapse:collapse}.untitled-type-badge1{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);text-transform:uppercase}.untitled-type-reading{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.grade-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md)}.grade-excellent{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.untitled-type-listening{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.grade-good{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-type-grammar{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-type-writing{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-type-independent{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.grade-pending{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-on-surface) 10%,transparent)}.untitled-status-pending4{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-on-surface) 15%,transparent)}.feedback-section{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 2%,var(--color-surface)) 0,var(--color-surface) 100%)}.feedback-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl)}.recommendations-card{gap:var(--spacing-xl);display:flex}.feedback-card,.recommendations-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.feedback-card{transition:transform .3s var(--animation-curve-primary)}.recommendations-icon{color:var(--color-accent);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-accent) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.recommendations-content{flex:1}.untitled-feedback-header{gap:var(--spacing-lg);display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.untitled-feedback-content{margin-bottom:var(--spacing-lg)}.feedback-tags{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.recommendations-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.recommendations-list{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.feedback-avatar{width:64px;border:2px solid var(--color-primary);height:64px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.feedback-meta{flex:1}.feedback-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.untitled-feedback-text{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.feedback-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.feedback-tag--positive{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.feedback-tag--improvement{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.recommendation-item{color:var(--color-on-surface);position:relative;font-size:var(--font-size-base);line-height:var(--line-height-base);padding-left:var(--spacing-xl)}.feedback-author{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.feedback-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.goals-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.goals-hero{gap:var(--spacing-3xl);align-items:center;grid-template-columns:1fr 1fr}.goals-grid,.goals-hero{display:grid;margin-bottom:var(--spacing-3xl)}.goals-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.next-steps-card{border:1px solid var(--color-border);padding:var(--spacing-3xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated)) 0,var(--color-surface-elevated) 100%);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.goals-hero-content{padding:var(--spacing-2xl) 0}.goals-hero-image{height:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.goal-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.next-steps-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl)}.next-steps-list{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-image-overlay2{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,color-mix(in srgb,var(--color-secondary) 20%,transparent) 100%)}.goal-status{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.goal-content{flex:1}.next-step-item{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.goal-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.goal-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.goal-progress{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-step-number{color:var(--color-on-primary);width:48px;height:48px;display:flex;font-size:var(--font-size-xl);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.step-content{flex:1}.step-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.progress-fill--secondary{background:var(--color-secondary)}.untitled-hero-section4:before{top:0;right:0;width:40%;height:100%;content:"";opacity:.08;z-index:1;position:absolute;background:url(https://images.pexels.com/photos/8199708/pexels-photo-8199708.jpeg?auto=compress&cs=tinysrgb&h=650&w=940) 50%/cover no-repeat;-webkit-mask-image:linear-gradient(270deg,#000 0,transparent);mask-image:linear-gradient(270deg,#000 0,transparent)}.untitled-hero-actions1 .btn{gap:var(--spacing-sm);display:flex;align-items:center;white-space:nowrap}.untitled-hero-actions1 .btn svg{width:20px;height:20px}.untitled-stat-card11:before{top:0;left:0;width:100%;height:4px;content:"";z-index:2;position:absolute;background:var(--color-primary)}.untitled-stat-card11:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.stat-card--success:before{background:var(--color-secondary)}.stat-card--accent:before{background:var(--color-accent)}.stat-card--warning:before{background:var(--color-primary)}.untitled-stat-data4.positive,.untitled-stat-data4.success{color:var(--color-secondary)}.grade-category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.attendance-summary-card:hover{transform:translateX(4px)}.untitled-attendance-table thead th{color:var(--color-on-surface-secondary);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-attendance-table tbody tr{transition:background .2s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-attendance-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.untitled-attendance-table tbody td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.untitled-filter-btn12:hover{border-color:var(--color-primary)}.untitled-chart-container canvas{max-width:100%;max-height:100%}.insight-card:before{top:0;left:0;width:4px;height:100%;content:"";z-index:2;position:absolute;background:var(--color-primary)}.insight-card--success:before{background:var(--color-secondary)}.insight-card--warning:before{background:var(--color-primary)}.insight-card--info:before{background:var(--color-accent)}.untitled-grades-table1 thead th{color:var(--color-on-surface-secondary);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-grades-table1 tbody tr{transition:background .2s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-grades-table1 tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.untitled-grades-table1 tbody td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.feedback-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.recommendation-item:before{top:8px;left:0;width:8px;height:8px;content:"";position:absolute;background:var(--color-accent);border-radius:var(--border-radius-full)}.goals-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.goal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.goal-completed .goal-status{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.goal-in-progress .goal-status{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.goal-pending .goal-status{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.goal-future .goal-status{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.next-step-item:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.student-reports-container{margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);max-width:var(--content-max-width);background:var(--color-surface);min-height:100vh}.untitled-breadcrumb-nav5{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-lg)}.untitled-student-profile-header{overflow:hidden;position:relative;box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);margin-bottom:var(--section-gap)}.performance-overview{margin-bottom:var(--section-gap)}.reports-main-grid{gap:var(--spacing-xl);display:grid;align-items:flex-start;grid-template-columns:1fr 400px}.untitled-breadcrumb-link6{color:var(--color-primary);transition:color .2s ease;text-decoration:none}.untitled-breadcrumb-separator8{color:var(--color-on-surface-secondary);opacity:.5}.profile-hero-background{top:0;left:0;width:100%;height:200px;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,transparent),color-mix(in srgb,var(--color-secondary) 80%,transparent))}.profile-hero-content{gap:var(--spacing-xl);display:flex;padding:var(--spacing-2xl);z-index:3;position:relative;background:color-mix(in srgb,var(--color-surface-elevated) 95%,transparent);align-items:flex-end;backdrop-filter:blur(10px);justify-content:space-between}.untitled-overview-grid1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.reports-column-left,.reports-column-right{gap:var(--spacing-xl);display:flex;flex-direction:column}.reports-column-right{top:var(--spacing-xl);position:sticky}.profile-main-info{gap:var(--spacing-xl);display:flex;align-items:center}.untitled-profile-actions4{gap:var(--spacing-md);display:flex}.untitled-stat-card12{gap:var(--spacing-lg);display:flex;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;border-radius:var(--border-radius-lg)}.untitled-report-card1,.untitled-stat-card12{padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.untitled-report-card1{border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.untitled-profile-details1{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-stat-icon10{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-content7{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.stat-visual{width:56px;height:56px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.untitled-card-header-with-action4{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-lg);justify-content:space-between}.grades-timeline{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-attendance-grid{gap:6px;display:grid;margin-bottom:var(--spacing-lg);grid-template-columns:repeat(10,1fr)}.untitled-attendance-summary1{gap:var(--spacing-md);display:grid;border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.observation-form{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.progress-timeline,.untitled-observations-list2{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-indicators-list{gap:var(--spacing-md);display:flex;flex-direction:column}.untitled-section-title17{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-action-buttons6{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-profile-avatar14{width:120px;border:4px solid var(--color-surface);height:120px;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-full)}.profile-avatar-status{right:8px;width:20px;border:3px solid var(--color-surface);bottom:8px;height:20px;z-index:4;position:absolute;border-radius:var(--border-radius-full)}.untitled-hero-title19{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-profile-meta5{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.untitled-profile-meta5,.untitled-stat-label26{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-stat-label26{font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-stat-value26{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-stat-data5{gap:4px;color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-xs);align-items:center}.untitled-circular-progress1{width:56px;display:flex;background:conic-gradient(var(--color-primary) calc(var(--progress) * 1%),color-mix(in srgb,var(--color-primary) 10%,transparent) 0deg);align-items:center;justify-content:center}.progress-bar-vertical,.untitled-circular-progress1{height:56px;position:relative;border-radius:var(--border-radius-full)}.progress-bar-vertical{width:8px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.mini-donut-chart{width:56px;height:56px;display:flex;position:relative;background:conic-gradient(var(--color-secondary) calc(var(--completion) * 1%),color-mix(in srgb,var(--color-secondary) 10%,transparent) 0deg);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.alert-indicator{gap:8px;display:flex;align-items:center;flex-direction:column}.untitled-info-label12{color:var(--color-on-surface-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.grade-entry{gap:var(--spacing-sm);display:flex;position:relative;padding-left:var(--spacing-xl);flex-direction:column}.untitled-filter-select3{color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);transition:border-color .2s ease;border-radius:var(--border-radius-md)}.attendance-day{cursor:pointer;position:relative;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all .2s ease;aspect-ratio:1;border-radius:var(--border-radius-sm)}.untitled-attendance-stat1{gap:4px;display:flex;text-align:center;flex-direction:column}.untitled-form-group5{margin-bottom:var(--spacing-md)}.untitled-form-actions6{gap:var(--spacing-sm);display:flex;justify-content:flex-end}.untitled-observation-item1{border:1px solid var(--color-border);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:border-color .2s ease,box-shadow .2s ease;border-radius:var(--border-radius-md)}.untitled-timeline-item4{gap:var(--spacing-xs);display:flex;position:relative;padding-left:var(--spacing-2xl);flex-direction:column}.indicator-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:all .2s ease;border-left:3px solid var(--color-border);border-radius:var(--border-radius-md)}.indicator-positive{border-left-color:#10b981}.indicator-warning{border-left-color:#f59e0b}.untitled-meta-item10{gap:var(--spacing-xs);display:flex;align-items:center}.untitled-progress-fill8{left:0;width:100%;bottom:0;position:absolute;background:#10b981;transition:height .3s ease}.alert-dot,.untitled-progress-fill8{border-radius:var(--border-radius-full)}.alert-dot{width:12px;height:12px;animation:pulse 2s infinite;background:#f59e0b}.skill-bar-container{height:8px;overflow:hidden;position:relative;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--border-radius-full)}.skill-feedback{gap:var(--spacing-sm);display:flex}.grade-entry-marker{top:4px;left:0;width:20px;border:3px solid var(--color-surface-elevated);height:20px;z-index:2;position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.grade-entry-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.attendance-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.attendance-stat-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-form-label10{color:var(--color-on-surface);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-form-input13{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease;font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-observation-header5{margin-bottom:var(--spacing-sm)}.untitled-observation-text{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-observation-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.untitled-timeline-marker3{top:4px;left:0;width:24px;border:2px solid var(--color-border);height:24px;display:flex;z-index:2;position:absolute;background:var(--color-surface);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-timeline-content4{gap:4px;display:flex;flex-direction:column}.indicator-icon{color:var(--color-primary);width:36px;height:36px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.indicator-content{gap:4px;flex:1;display:flex;flex-direction:column}.untitled-skill-name1{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-skill-score1{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.skill-bar-fill{height:100%;position:relative;transition:width .6s ease;border-radius:var(--border-radius-full)}.untitled-status-badge17{gap:4px;display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:.05em;text-transform:uppercase}.grade-entry-header{gap:var(--spacing-md);display:flex;align-items:flex-start;justify-content:space-between}.grade-entry-meta{gap:var(--spacing-md);display:flex;font-size:var(--font-size-xs)}.grade-entry-meta,.grade-entry-note{color:var(--color-on-surface-secondary)}.grade-entry-note{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-observation-meta5{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.untitled-observation-author{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-style:italic}.untitled-timeline-title2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-timeline-description1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-timeline-date{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.pulse-ring{width:100%;border:2px solid var(--color-primary);height:100%;position:absolute;animation:pulseRing 2s infinite;border-radius:var(--border-radius-full)}.indicator-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.indicator-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-base)}.grade-entry-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.grade-entry-score{font-size:var(--font-size-base);flex-shrink:0;font-weight:var(--font-weight-bold)}.grade-entry-score,.untitled-observation-type{padding:4px var(--spacing-sm);border-radius:var(--border-radius-md)}.untitled-observation-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.untitled-observation-date5{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.untitled-breadcrumb-link6:hover{color:var(--color-secondary);text-decoration:underline}.profile-hero-background:after{left:0;width:100%;bottom:0;height:50%;content:"";z-index:2;position:absolute;background:linear-gradient(to bottom,transparent,var(--color-surface-elevated))}.profile-avatar-status.status-active{background:#10b981}.untitled-meta-item10 svg{color:var(--color-primary)}.untitled-stat-card12:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.untitled-stat-card12:before{top:0;left:0;width:4px;height:100%;content:"";z-index:1;position:absolute}.stat-card-primary:before,.untitled-stat-card12:before{background:var(--color-primary)}.stat-card-success:before{background:#10b981}.stat-card-success .stat-icon{color:#10b981;background:color-mix(in srgb,#10b981 10%,transparent)}.stat-card-info:before{background:var(--color-secondary)}.stat-card-info .stat-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.stat-card-warning:before{background:#f59e0b}.stat-card-warning .stat-icon{color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.untitled-stat-data5.positive{color:#10b981}.untitled-circular-progress1:after{width:40px;height:40px}.mini-donut-chart:after,.untitled-circular-progress1:after{content:"";position:absolute;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.mini-donut-chart:after{width:36px;height:36px}.alert-dot:nth-child(2){animation-delay:.5s}.skill-bar-fill:after{top:0;right:0;width:50%;height:100%;content:"";position:absolute;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 20%,transparent))}.grade-entry:before{top:32px;left:9px;width:2px;bottom:calc(-1 * var(--spacing-xl));content:"";position:absolute;background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.grade-entry:last-child:before{display:none}.grade-entry-score.status-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.grade-entry-score.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.attendance-day.status-active{background:var(--color-primary)}.attendance-day:hover{transform:scale(1.1);box-shadow:var(--shadow-level-2)}.untitled-filter-select3:hover,.untitled-form-input13:focus{border-color:var(--color-primary)}.untitled-form-input13:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.untitled-observation-item1:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-observation-type.status-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.untitled-observation-type.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-timeline-item4:before{top:28px;left:11px;width:2px;bottom:calc(-1 * var(--spacing-lg));content:"";position:absolute;background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-timeline-item4:last-child:before{display:none}.timeline-completed .timeline-marker{color:#fff;background:#10b981;border-color:#10b981}.timeline-current .timeline-marker{position:relative;background:var(--color-primary);border-color:var(--color-primary)}.timeline-current .timeline-marker.current{animation:none}.timeline-upcoming .timeline-marker{background:var(--color-surface);border-color:var(--color-border)}.indicator-item:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.indicator-positive .indicator-icon{color:#10b981;background:color-mix(in srgb,#10b981 10%,transparent)}.indicator-warning .indicator-icon{color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.untitled-status-badge17.status-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.untitled-status-badge17.status-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.attendance-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.attendance-hero{display:flex;padding:clamp(3rem,6vw,6rem) var(--spacing-xl);overflow:hidden;position:relative;min-height:420px;align-items:center;margin-bottom:var(--section-gap);justify-content:center}.attendance-progress-visual,.untitled-attendance-controls{padding:0 var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.attendance-calendar-section,.attendance-table-section{padding:0 var(--spacing-xl);margin-bottom:var(--section-gap)}.untitled-modal-overlay3{top:0;left:0;width:100%;height:100%;display:none;padding:var(--spacing-xl);z-index:1000;position:fixed;animation:fadeIn var(--animation-duration-standard) var(--animation-curve-primary);background:color-mix(in srgb,var(--color-neutral) 70%,transparent);align-items:center;backdrop-filter:blur(8px);justify-content:center}.attendance-alerts{padding:0 var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.hero-background-media{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-content-wrapper8{width:100%;margin:0 auto;z-index:3;position:relative;max-width:var(--content-max-width)}.untitled-controls-container1{gap:var(--spacing-xl);display:flex;padding:var(--spacing-xl);flex-wrap:wrap;box-shadow:var(--shadow-level-1);align-items:center;justify-content:space-between}.untitled-controls-container1,.untitled-progress-container{border:1px solid var(--color-border);margin:0 auto;max-width:var(--content-max-width);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.untitled-progress-container{padding:var(--spacing-2xl);box-shadow:var(--shadow-level-2)}.calendar-container,.untitled-table-container{margin:0 auto;max-width:var(--content-max-width)}.untitled-modal-content{width:100%;animation:slideUp var(--animation-duration-standard) var(--animation-curve-primary);max-width:640px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);max-height:90vh;overflow-y:auto;border-radius:var(--border-radius-xl)}.alerts-container{gap:var(--spacing-lg);margin:0 auto;display:flex;max-width:var(--content-max-width);flex-direction:column}.untitled-hero-overlay8{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent) 0,color-mix(in srgb,var(--color-secondary) 85%,transparent) 100%)}.untitled-student-profile-header1{gap:var(--spacing-xl);display:flex;align-items:center;margin-bottom:var(--spacing-3xl)}.untitled-attendance-summary-cards{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.untitled-filter-section1{flex:1;min-width:280px}.untitled-actions-section,.untitled-progress-header{gap:var(--spacing-md);display:flex}.untitled-progress-header{flex-wrap:wrap;align-items:center;justify-content:space-between}.untitled-progress-bar-container2,.untitled-progress-header{margin-bottom:var(--spacing-xl)}.progress-legend{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.calendar-grid{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-table-wrapper1{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg)}.untitled-modal-header3{top:0;display:flex;z-index:10;position:sticky;background:var(--color-surface-elevated);align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-alert-card6,.untitled-modal-body1,.untitled-modal-header3{padding:var(--spacing-xl)}.untitled-alert-card6{gap:var(--spacing-lg);border:1px solid;display:flex;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-profile-avatar15{width:120px;border:4px solid var(--color-on-primary);height:120px;overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-profile-info5{flex:1}.untitled-summary-card3{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary),box-shadow var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-filter-group7{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.progress-stats{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-progress-bar-track{width:100%;border:2px solid var(--color-border);height:48px;overflow:hidden;position:relative;background:var(--color-surface);border-radius:var(--border-radius-full)}.untitled-legend-item3{gap:var(--spacing-sm);display:flex;align-items:center}.calendar-week{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-attendance-table1{width:100%;border-collapse:collapse}.untitled-modal-close{color:var(--color-on-surface);width:40px;cursor:pointer;height:40px;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;justify-content:center}.absence-info,.untitled-modal-close{border:1px solid var(--color-border);display:flex;background:var(--color-surface);border-radius:var(--border-radius-md)}.absence-info{gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column}.justification-form{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-alert-icon4{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-alert-content4{flex:1}.untitled-summary-icon3{width:56px;height:56px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.summary-data{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-filter-btn13{gap:var(--spacing-xs);color:var(--color-on-surface);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.untitled-progress-bar-fill2{height:100%;display:flex;padding:0 var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);transition:width var(--animation-duration-slow) var(--animation-curve-primary);align-items:center;justify-content:flex-end}.untitled-legend-dot1{width:16px;height:16px;flex-shrink:0;border-radius:var(--border-radius-full)}.legend-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-week-label{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading);padding-bottom:var(--spacing-md);text-transform:uppercase}.week-days{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.untitled-info-item8{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.untitled-form-actions7{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-lg);justify-content:flex-end}.untitled-alert-title2{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-summary-label4{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-summary-value4{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-progress-percentage2{color:var(--color-on-primary);z-index:1;position:relative;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-shadow:0 1px 3px color-mix(in srgb,var(--color-neutral) 30%,transparent)}.day-card{gap:var(--spacing-sm);border:2px solid var(--color-border);display:flex;padding:var(--spacing-lg);overflow:hidden;position:relative;background:var(--color-surface);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);flex-direction:column}.untitled-info-label13{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-info-value9{font-size:var(--font-size-base)}.untitled-form-label11,.untitled-info-value9{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-form-label11{font-size:var(--font-size-sm)}.untitled-form-input14{color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-file-upload-wrapper{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-help-text1{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.day-date{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.day-status-icon{width:48px;height:48px;margin:var(--spacing-sm) 0;display:flex;align-items:center;border-radius:var(--border-radius-full);justify-content:center}.day-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-required-mark6{color:var(--color-secondary)}.untitled-file-input1{display:none}.file-input-label{gap:var(--spacing-sm);color:var(--color-on-surface);border:2px dashed var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);justify-content:center}.untitled-file-name1{color:var(--color-on-surface-secondary);padding:0 var(--spacing-xs);font-size:var(--font-size-xs)}.hero-background-media img{filter:brightness(.7)}.hero-background-media img,.untitled-profile-avatar15 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-profile-info5 .hero-title{color:var(--color-on-primary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);text-shadow:0 2px 8px color-mix(in srgb,var(--color-neutral) 40%,transparent);letter-spacing:var(--letter-spacing-heading)}.untitled-profile-info5 .hero-subtitle{color:var(--color-on-primary);margin:0;opacity:.95;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.untitled-summary-card3:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.card-present .summary-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.card-absent .summary-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.card-percentage .summary-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.card-status .summary-icon{color:var(--color-neutral);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-filter-section1 .section-subtitle{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-filter-btn13 svg{width:18px;height:18px}.untitled-filter-btn13:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-1)}.untitled-filter-btn13.active,.untitled-filter-btn13:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-progress-header .section-subtitle{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-progress-bar-fill2:before{top:0;left:0;width:100%;height:100%;content:"";position:absolute;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-on-primary) 10%,transparent) 50%,transparent 100%)}.untitled-legend-dot1.present{background:var(--color-primary)}.untitled-legend-dot1.absent{background:var(--color-secondary)}.untitled-legend-dot1.justified{background:var(--color-accent)}.calendar-container .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);letter-spacing:var(--letter-spacing-heading)}.calendar-week:hover{box-shadow:var(--shadow-level-2)}.day-card:before{top:0;left:0;width:100%;height:4px;content:"";opacity:0;position:absolute;transition:opacity var(--animation-duration-fast) var(--animation-curve-primary)}.day-card:hover:before{opacity:1}.day-card.present{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.day-card.present:before{background:var(--color-primary)}.day-card.present:hover{transform:translateY(-4px);box-shadow:0 8px 16px color-mix(in srgb,var(--color-primary) 20%,transparent)}.day-card.absent{border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent)}.day-card.absent:before{background:var(--color-secondary)}.day-card.absent:hover{transform:translateY(-4px);box-shadow:0 8px 16px color-mix(in srgb,var(--color-secondary) 20%,transparent)}.day-card.upcoming{opacity:.7;border-color:var(--color-border)}.day-card.upcoming:before{background:var(--color-neutral)}.day-card.present .day-status-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.day-card.absent .day-status-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.day-card.upcoming .day-status-icon{color:var(--color-on-surface-secondary);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.day-card .justify-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.untitled-table-container .section-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);letter-spacing:var(--letter-spacing-heading)}.untitled-attendance-table1 thead{color:var(--color-on-primary);background:var(--color-primary)}.untitled-attendance-table1 th{padding:var(--spacing-lg) var(--spacing-md);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.untitled-attendance-table1 tbody tr{transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-attendance-table1 tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-attendance-table1 td{color:var(--color-on-surface);padding:var(--spacing-lg) var(--spacing-md);font-size:var(--font-size-sm)}.untitled-attendance-table1 tbody tr[data-status=absent]{background:color-mix(in srgb,var(--color-secondary) 3%,transparent)}.untitled-modal-overlay3.active{display:flex}.untitled-modal-header3 .section-subtitle{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-modal-close:hover{color:var(--color-on-secondary);transform:rotate(90deg);background:var(--color-secondary);border-color:var(--color-secondary)}.untitled-form-input14:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input14::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-form-input14::placeholder{color:var(--color-on-surface-secondary)}.file-input-label:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-color:var(--color-primary)}.untitled-alert-card6.info{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.untitled-alert-card6.warning{background:color-mix(in srgb,var(--color-secondary) 5%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent)}.untitled-alert-card6.info .alert-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-alert-card6.warning .alert-icon{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-alert-content4 p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.justification-page{background:var(--color-surface);min-height:100vh}.untitled-hero-section5{padding:clamp(3rem,6vw,6rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 95%,transparent),color-mix(in srgb,var(--color-secondary) 90%,transparent))}.justification-interface-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.statistics-section{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.statistics-section,.untitled-help-section1{padding:var(--section-gap) var(--spacing-lg)}.untitled-help-section1{background:var(--color-surface)}.untitled-modal-overlay4{top:0;left:0;width:100%;height:100%;display:flex;padding:var(--spacing-lg);z-index:1000;position:fixed;animation:fadeIn .3s var(--animation-curve-primary);background:color-mix(in srgb,var(--color-scrim) 60%,transparent);align-items:center;backdrop-filter:blur(4px);justify-content:center}.untitled-hero-content-wrapper9{gap:var(--spacing-3xl);display:grid;z-index:2;position:relative;align-items:center;grid-template-columns:1.2fr .8fr}.untitled-hero-content-wrapper9,.untitled-section-container9{margin:0 auto;max-width:var(--content-max-width)}.untitled-modal-content1{width:100%;padding:var(--spacing-2xl);animation:slideUpModal .4s var(--animation-curve-primary);max-width:500px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);text-align:center;border-radius:var(--border-radius-xl)}.untitled-hero-text-content2{color:var(--color-on-primary)}.hero-image-container{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);aspect-ratio:4/3;border-radius:var(--border-radius-xl)}.interface-header{text-align:center;margin-bottom:var(--spacing-3xl)}.justification-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(2,1fr)}.untitled-action-panel{border:1px solid var(--color-border);bottom:0;padding:var(--spacing-xl);position:sticky;animation:slideUp .4s var(--animation-curve-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);margin-top:var(--spacing-2xl);border-radius:var(--border-radius-lg)}.untitled-section-header11{text-align:center;margin-bottom:var(--spacing-2xl)}.untitled-stats-grid3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-grid,.untitled-stats-grid3{gap:var(--spacing-xl);display:grid}.help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg) auto;display:flex;align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-modal-title1{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.modal-description{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-modal-actions{gap:var(--spacing-md);display:flex;justify-content:center}.untitled-hero-title20{color:var(--color-on-primary);font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle19{color:var(--color-on-primary);opacity:.95;font-size:var(--font-size-lg);max-width:42rem;line-height:var(--line-height-base)}.hero-image-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-accent) 10%,transparent))}.interface-header-content{gap:var(--spacing-sm);display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:center}.interface-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}.selection-card{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-action-panel-content{gap:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.untitled-section-title19{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle18{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}.untitled-stat-card13{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-help-card2,.untitled-stat-card13{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-card-header-with-action5{padding:var(--spacing-lg) var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-bottom:1px solid var(--color-border)}.untitled-card-content6{padding:var(--spacing-xl)}.panel-info{gap:var(--spacing-md);flex:1;display:flex;align-items:flex-start}.panel-actions{gap:var(--spacing-md)}.panel-actions,.untitled-stat-icon11{display:flex;align-items:center;flex-shrink:0}.untitled-stat-icon11{width:56px;height:56px;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-icon-primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.stat-icon-secondary{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.stat-icon-accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.stat-icon-neutral{color:var(--color-neutral);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-help-header2{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.help-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.help-description{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.step-indicator{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-search-wrapper2{position:relative;margin-bottom:var(--spacing-lg)}.courses-list{gap:var(--spacing-md);display:flex;max-height:450px;overflow-y:auto;padding-right:var(--spacing-xs);flex-direction:column}.selected-course-info{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.students-list{gap:var(--spacing-md);display:flex;max-height:450px;overflow-y:auto;padding-right:var(--spacing-xs);flex-direction:column}.selected-student-info{border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.absences-table-wrapper{margin-top:var(--spacing-lg)}.untitled-info-icon3{color:var(--color-accent);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.panel-text{flex:1}.untitled-stat-label27{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm)}.untitled-stat-value27{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1}.untitled-stat-change{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.untitled-help-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.help-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.untitled-step-number1{color:var(--color-on-primary);width:40px;height:40px;display:flex;font-size:var(--font-size-lg);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.untitled-search-input1{color:var(--color-on-surface);width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base);font-family:var(--font-family-body)}.course-item,.untitled-search-input1{border:1px solid var(--color-border);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.course-item{gap:var(--spacing-md);cursor:pointer;display:flex;padding:var(--spacing-lg);align-items:center;justify-content:space-between}.untitled-info-badge{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center;font-weight:var(--font-weight-medium)}.empty-state{color:var(--color-on-surface-secondary);padding:var(--spacing-3xl);text-align:center;flex-direction:column;justify-content:center}.empty-state,.student-badge{display:flex;align-items:center}.student-badge{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.untitled-attendance-summary2{gap:var(--spacing-xl);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.table-actions{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-md);justify-content:flex-end}.absences-table-container{border:1px solid var(--color-border);overflow-x:auto;border-radius:var(--border-radius-md)}.untitled-panel-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.panel-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-card-title8{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.card-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-course-info{gap:var(--spacing-md);flex:1;display:flex;align-items:center}.untitled-student-avatar{color:var(--color-secondary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-secondary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-full);justify-content:center}.student-badge-info{gap:4px;display:flex;flex-direction:column}.untitled-summary-item2{gap:var(--spacing-sm);display:flex;align-items:center}.absences-table{width:100%;background:var(--color-surface);border-collapse:collapse}.untitled-course-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-course-details2{flex:1}.untitled-summary-label5{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-summary-value5{font-weight:var(--font-weight-bold)}.untitled-course-name,.untitled-summary-value5{color:var(--color-on-surface);font-size:var(--font-size-base)}.untitled-course-name{margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-semibold)}.untitled-course-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-level-badge2{display:inline-flex;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);text-transform:uppercase}.untitled-level-a23{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-meta-item11{gap:4px;color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-level-b14{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-level-a12{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.untitled-level-b23{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.empty-state-cell{border:none!important;padding:0!important}.table-checkbox{width:18px;cursor:pointer;height:18px;accent-color:var(--color-primary)}.student-item{border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md);justify-content:space-between}.student-info-row,.student-item{gap:var(--spacing-md);display:flex;align-items:center}.student-info-row,.untitled-student-details1{flex:1}.student-name-text{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.student-id-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.student-stats{gap:var(--spacing-lg);display:flex;align-items:center}.untitled-stat-badge{display:flex;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-sm);flex-direction:column}.stat-badge-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);margin-bottom:2px}.stat-badge-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-status-badge18{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-hero-section5:before{top:0;right:0;width:40%;height:100%;content:"";z-index:1;position:absolute;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.hero-image-container img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.interface-header-content svg{color:var(--color-primary);width:32px;height:32px}.selection-card:not(.disabled-card):hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.selection-card.full-width{grid-column:1/-1}.selection-card.disabled-card{opacity:.6;pointer-events:none}.untitled-search-wrapper2 svg{top:50%;left:var(--spacing-md);color:var(--color-on-surface-secondary);z-index:2;position:absolute;transform:translateY(-50%);pointer-events:none}.untitled-search-input1:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-search-input1:disabled{cursor:not-allowed;opacity:.5}.course-item:hover{transform:translateX(4px);box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.course-item.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-meta-item11 svg{width:16px;height:16px}.student-item:hover{transform:translateX(4px);box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.student-item.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.stat-badge-value.warning{color:var(--color-accent)}.untitled-info-badge svg{color:var(--color-primary)}.student-badge .student-avatar{width:40px;height:40px}.student-badge-info .student-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.student-badge-info .student-id{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-summary-value5.status-warning{color:var(--color-accent)}.absences-table thead{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.absences-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border);letter-spacing:.05em;text-transform:uppercase}.absences-table tbody tr{transition:background .2s var(--animation-curve-primary)}.absences-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.absences-table tbody tr.selected-row{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.absences-table td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);border-bottom:1px solid var(--color-border)}.untitled-status-badge18.status-warning{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.empty-state svg{opacity:.4;margin-bottom:var(--spacing-md)}.empty-state p{margin:0;font-size:var(--font-size-base)}.untitled-stat-card13:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.untitled-stat-change.positive{color:var(--color-primary)}.untitled-help-card2:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-help-card2.highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-color:var(--color-accent)}.untitled-help-card2.highlight .help-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.help-list li{color:var(--color-on-surface);position:relative;font-size:var(--font-size-base);line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.help-list li:before{top:10px;left:0;width:6px;height:6px;content:"";position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full)}.modal-icon.success-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-course-header-container3{gap:var(--spacing-xl);margin:0 auto;display:flex;padding:0 var(--spacing-lg);max-width:var(--content-max-width);align-items:flex-start;justify-content:space-between}.untitled-course-details3{flex:1}.untitled-action-buttons7{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-breadcrumb3{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-md)}.untitled-hero-title21{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle20{color:var(--color-on-surface-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.untitled-meta-content1{gap:var(--spacing-lg);display:flex;flex-wrap:wrap}.untitled-breadcrumb-link7{color:var(--color-primary);cursor:pointer;transition:color var(--animation-duration-fast) var(--animation-curve-primary);text-decoration:none}.untitled-info-label14{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-filter-group8{display:flex;flex-direction:column}.untitled-filter-group8,.untitled-preferences-grid1{gap:var(--spacing-lg);margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-preferences-grid1{display:grid;margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-input-wrapper3{width:100%;position:relative}.untitled-filter-btn-group{gap:var(--spacing-sm);display:flex;flex-wrap:wrap}.untitled-form-group6{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-form-input15{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);font-size:var(--font-size-base)}.untitled-filter-btn14,.untitled-form-input15{color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-filter-btn14{gap:var(--spacing-xs);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-lg);align-items:center}.untitled-filter-btn14,.untitled-form-label12{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-form-label12{color:var(--color-on-surface)}.untitled-stat-content8{gap:var(--spacing-lg);margin:0 auto;display:grid;padding:0 var(--spacing-lg);max-width:var(--content-max-width);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-stat-item9{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-chart-visual7{gap:var(--spacing-sm);display:flex;align-items:center}.untitled-stat-value28{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-stat-label28{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-bar-group5{width:100%;height:8px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-bar-fill6{height:100%;transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-table-container1{border:1px solid var(--color-border);margin:0 auto;padding:0 var(--spacing-lg);max-width:100%;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);overflow-x:auto;border-radius:var(--border-radius-lg)}.untitled-gradebook-table{width:100%;min-width:1200px;border-spacing:0;border-collapse:separate}.untitled-student-col{left:0;z-index:5;position:sticky;min-width:250px;background:var(--color-surface)}.untitled-grade-col{min-width:100px;text-align:center}.untitled-average-col{font-weight:var(--font-weight-bold)}.status-col,.untitled-average-col{min-width:120px;text-align:center}.untitled-actions-col1{min-width:100px;text-align:center}.untitled-student-info4{gap:var(--spacing-md);display:flex;align-items:center}.untitled-profile-avatar-wrapper5{flex-shrink:0}.untitled-student-name1{color:var(--color-on-surface);font-weight:var(--font-weight-medium);margin-bottom:2px}.untitled-student-id{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs)}.grade-input{color:var(--color-on-surface);width:70px;border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);text-align:center;transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm)}.untitled-grade-display1{font-size:var(--font-size-base);border-radius:var(--border-radius-md)}.untitled-grade-display1,.untitled-status-badge19{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-weight:var(--font-weight-bold)}.untitled-status-badge19{font-size:var(--font-size-xs);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-profile-avatar16{color:var(--color-on-primary);width:40px;height:40px;display:flex;font-size:var(--font-size-sm);background:var(--color-primary);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.untitled-section-header12{margin:0 auto var(--spacing-2xl);text-align:center}.untitled-chart-card7,.untitled-section-header12{padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-chart-card7{margin:0 auto}.untitled-section-title20{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle19{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base)}.component-analysis-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-component-card1{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-component-header1{display:flex;align-items:center;justify-content:space-between}.untitled-component-header1,.untitled-progress-bar-wrapper1{margin-bottom:var(--spacing-md)}.untitled-component-details{display:flex;font-size:var(--font-size-xs);justify-content:space-between}.untitled-card-title9{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-progress-bar10{width:100%;height:12px;overflow:hidden;background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);border-radius:var(--border-radius-full)}.untitled-progress-fill9{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--animation-duration-slow) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-alert-list2{gap:var(--spacing-md);margin:0 auto;display:flex;padding:0 var(--spacing-lg);max-width:var(--content-max-width);flex-direction:column}.untitled-alert-card7{gap:var(--spacing-lg);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg);justify-content:space-between}.untitled-alert-content5{gap:var(--spacing-md);flex:1;display:flex;align-items:flex-start}.untitled-breadcrumb-link7:hover{color:var(--color-secondary)}.untitled-info-label14 svg{color:var(--color-primary)}.untitled-input-wrapper3 svg{top:50%;left:var(--spacing-md);color:var(--color-on-surface-secondary);position:absolute;transform:translateY(-50%);pointer-events:none}.untitled-form-input15:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-filter-btn14:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated));border-color:var(--color-primary)}.untitled-filter-btn14.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-stat-item9:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-stat-value28.success{color:var(--color-primary)}.untitled-stat-value28.warning{color:#f59e0b}.untitled-stat-value28.highlight{color:var(--color-secondary)}.untitled-gradebook-table thead{top:0;z-index:10;position:sticky;background:var(--color-surface)}.untitled-gradebook-table th{color:var(--color-on-surface);padding:var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);text-align:left;font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-border)}.untitled-gradebook-table th .weight{color:var(--color-on-surface-secondary);display:block;font-size:var(--font-size-xs);margin-top:2px;font-weight:var(--font-weight-regular)}.untitled-gradebook-table tbody tr{transition:background var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-gradebook-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.untitled-gradebook-table tbody tr.risk-student{background:color-mix(in srgb,#f59e0b 5%,transparent)}.untitled-gradebook-table td{color:var(--color-on-surface);padding:var(--spacing-md);font-size:var(--font-size-sm)}.student-row .student-col{background:var(--color-surface-elevated)}.student-row:hover .student-col{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface-elevated))}.student-row.risk-student .student-col{background:color-mix(in srgb,#f59e0b 5%,var(--color-surface-elevated))}.grade-input:focus{outline:none;background:var(--color-surface-elevated);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}.grade-input:focus,.grade-input:hover{border-color:var(--color-primary)}.untitled-grade-display1.excellent{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-grade-display1.good{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-grade-display1.risk{color:#d97706;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-status-badge19.status-success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-status-badge19.status-warning{color:#d97706;background:color-mix(in srgb,#f59e0b 15%,transparent)}.untitled-component-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-alert-card7:hover{transform:translateX(4px);box-shadow:var(--shadow-level-2)}.untitled-alert-card7.warning{border-left-color:#f59e0b}.untitled-alert-card7.warning svg{color:#f59e0b}.untitled-alert-card7.info{border-left-color:var(--color-secondary)}.untitled-alert-card7.info svg{color:var(--color-secondary)}.untitled-alert-content5 svg{margin-top:2px;flex-shrink:0}.untitled-alert-content5 h3{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.untitled-alert-content5 p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-hero-section6{display:flex;overflow:hidden;position:relative;background:var(--color-surface);min-height:90vh;align-items:center;justify-content:center}.untitled-hero-content8{color:var(--color-on-primary);margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);text-align:center}.hero-background-video{top:50%;left:50%;width:auto;height:auto;z-index:1;position:absolute;min-width:100%;transform:translate(-50%,-50%);min-height:100%;-o-object-fit:cover;object-fit:cover}.hero-video-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,transparent),color-mix(in srgb,var(--color-secondary) 80%,transparent))}.untitled-hero-badge5{gap:var(--spacing-xs);border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);animation:fadeInDown .8s var(--animation-curve-primary);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 20%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-normal);backdrop-filter:blur(12px)}.untitled-hero-title22{animation:fadeInUp .8s var(--animation-curve-primary) .2s backwards;font-size:clamp(2.5rem,6vw,4.5rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle21{margin:0 auto var(--spacing-3xl);opacity:.95;animation:fadeInUp .8s var(--animation-curve-primary) .4s backwards;font-size:var(--font-size-xl);max-width:48rem;line-height:var(--line-height-base)}.hero-search-container{margin:0 auto var(--spacing-xl);animation:fadeInUp .8s var(--animation-curve-primary) .6s backwards;max-width:56rem}.hero-quick-links,.hero-search-container{gap:var(--spacing-md);display:flex;align-items:center}.hero-quick-links{animation:fadeIn .8s var(--animation-curve-primary) .8s backwards;flex-wrap:wrap;justify-content:center}.hero-search-wrapper{flex:1;display:flex;position:relative;align-items:center}.quick-links-label{opacity:.9}.quick-link,.quick-links-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quick-link{color:var(--color-on-primary);border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent);padding:var(--spacing-xs) var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 15%,transparent);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-full);text-decoration:none}.untitled-search-icon{left:var(--spacing-lg);color:var(--color-on-surface-secondary);width:24px;height:24px;z-index:2;position:absolute;pointer-events:none}.hero-search-input{color:var(--color-on-surface);width:100%;border:2px solid color-mix(in srgb,var(--color-outline) 30%,transparent);outline:none;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 3.5rem;font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-lg)}.untitled-quick-access-section{padding:var(--section-gap) var(--spacing-xl);position:relative;background:var(--color-surface)}.untitled-quick-access-grid{gap:var(--spacing-xl);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-quick-access-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-xl)}.untitled-quick-access-card,.untitled-quick-access-icon{transition:all var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-quick-access-icon{color:var(--color-primary);width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-quick-access-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.untitled-quick-access-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.quick-access-link{color:var(--color-primary);display:inline-flex;font-size:var(--font-size-base);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-semibold);text-decoration:none}.role-guides-section{padding:var(--section-gap) var(--spacing-xl);background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 3%,var(--color-surface)))}.untitled-section-header13{margin:0 auto var(--spacing-4xl);max-width:48rem;text-align:center}.role-guides-container{gap:var(--spacing-2xl);margin:0 auto;display:grid;max-width:var(--content-max-width);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.untitled-section-title21{color:var(--color-on-surface);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle20{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-base)}.role-guide-card{display:flex;overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.role-guide-visual{width:100%;height:240px;overflow:hidden;position:relative}.role-guide-content{flex:1;display:flex;padding:var(--spacing-2xl);flex-direction:column}.role-guide-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-primary) 60%,transparent))}.role-guide-badge{gap:var(--spacing-xs);top:var(--spacing-lg);left:var(--spacing-lg);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) var(--spacing-lg);z-index:3;position:absolute;font-size:var(--font-size-sm);background:var(--color-surface);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.role-guide-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.role-guide-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.role-guide-topics{flex:1;margin:0 0 var(--spacing-xl);padding:0;list-style:none}.role-guide-topic{color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);align-items:center;border-bottom:1px solid var(--color-border)}.untitled-faq-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.faq-category{margin-bottom:var(--spacing-3xl)}.faq-category-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.untitled-faq-item{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md)}.untitled-faq-item,.untitled-faq-question1{transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.untitled-faq-question1{gap:var(--spacing-md);color:var(--color-on-surface);width:100%;border:none;cursor:pointer;display:flex;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);background:transparent;text-align:left;align-items:center;font-weight:var(--font-weight-semibold);justify-content:space-between}.untitled-faq-answer{overflow:hidden;max-height:0;transition:max-height var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-faq-icon{color:var(--color-primary);width:20px;height:20px;transition:transform var(--animation-duration-fast) var(--animation-curve-primary);flex-shrink:0}.videos-section{padding:var(--section-gap) var(--spacing-xl);background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-secondary) 3%,var(--color-surface)))}.videos-grid{gap:var(--spacing-xl);margin:0 auto var(--spacing-3xl);display:grid;max-width:var(--content-max-width);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.videos-cta{text-align:center}.untitled-video-card{overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.video-thumbnail{width:100%;height:200px;overflow:hidden;position:relative}.video-content{padding:var(--spacing-lg)}.video-play-overlay{top:0;left:0;width:100%;height:100%;display:flex;opacity:0;z-index:2;position:absolute;background:color-mix(in srgb,var(--color-primary) 40%,transparent);transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;justify-content:center}.video-duration{color:var(--color-surface);right:var(--spacing-sm);bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);z-index:3;position:absolute;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-neutral) 90%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.video-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.video-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.video-meta{gap:var(--spacing-md);color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.video-meta,.video-play-button{display:flex;align-items:center}.video-play-button{color:var(--color-primary);width:64px;height:64px;transform:scale(.9);background:var(--color-surface);box-shadow:var(--shadow-level-3);transition:transform var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-full);justify-content:center}.video-date,.video-views{display:flex;align-items:center}.manuals-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.manuals-layout{gap:var(--spacing-4xl);margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:flex-start;grid-template-columns:1fr 400px}.manuals-visual{top:var(--spacing-2xl);width:100%;height:600px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.manuals-header{margin-bottom:var(--spacing-3xl)}.manuals-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.manuals-visual-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-primary) 70%,transparent))}.manuals-visual-badge{gap:var(--spacing-lg);left:var(--spacing-2xl);right:var(--spacing-2xl);bottom:var(--spacing-2xl);padding:var(--spacing-xl);z-index:3;position:absolute;background:color-mix(in srgb,var(--color-surface) 95%,transparent);backdrop-filter:blur(12px)}.manuals-icon,.manuals-visual-badge{display:flex;align-items:center;border-radius:var(--border-radius-lg)}.manuals-icon{color:var(--color-primary);width:80px;height:80px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));margin-bottom:var(--spacing-lg);justify-content:center}.manual-item{gap:var(--spacing-lg);border:1px solid var(--color-border);display:grid;padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);grid-template-columns:48px 1fr auto}.manuals-visual-text{display:flex;flex-direction:column}.manual-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.manual-info{flex:1}.manual-download{gap:var(--spacing-xs);display:flex;align-items:center}.manuals-visual-number{color:var(--color-on-surface);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1}.manuals-visual-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-base)}.manual-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.manual-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.manual-description,.manual-meta{color:var(--color-on-surface-secondary)}.manual-meta{gap:var(--spacing-md);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs)}.contact-support-section{padding:var(--section-gap) var(--spacing-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)),color-mix(in srgb,var(--color-secondary) 5%,var(--color-surface)))}.contact-support-grid{gap:var(--spacing-4xl);margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1fr}.contact-support-image{height:600px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.contact-support-options{gap:var(--spacing-lg);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(2,1fr)}.contact-support-cta{gap:var(--spacing-md);display:flex}.contact-support-image-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 40%,transparent),transparent)}.contact-support-badge{gap:var(--spacing-sm);top:var(--spacing-2xl);right:var(--spacing-2xl);display:flex;padding:var(--spacing-xl);z-index:3;position:absolute;background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:var(--shadow-level-2);text-align:center;align-items:center;border-radius:var(--border-radius-lg);flex-direction:column;backdrop-filter:blur(12px)}.contact-option{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.contact-option-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.contact-option-content{flex:1}.contact-option-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.contact-option-text{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.contact-option-detail{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-hero-badge5 svg{width:20px;height:20px}.hero-search-input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 15%,transparent);border-color:var(--color-accent)}.hero-search-input::-moz-placeholder{color:var(--color-on-surface-secondary)}.hero-search-input::placeholder{color:var(--color-on-surface-secondary)}.quick-link:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-surface) 30%,transparent)}.untitled-quick-access-section:before{top:0;left:0;right:0;height:1px;content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.untitled-quick-access-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-quick-access-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-quick-access-card:hover:before{transform:scaleX(1)}.untitled-quick-access-card:hover .quick-access-icon{transform:scale(1.1) rotate(5deg)}.quick-access-link:hover{gap:var(--spacing-xs);transform:translateX(4px)}.quick-access-link:after{content:"→";transition:transform var(--animation-duration-fast) var(--animation-curve-primary);margin-left:var(--spacing-xs)}.quick-access-link:hover:after{transform:translateX(4px)}.role-guide-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.role-guide-card:hover .role-guide-visual img{transform:scale(1.1)}.role-guide-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.role-guide-badge svg{width:20px;height:20px}.role-guide-topic:before{color:var(--color-primary);width:20px;height:20px;content:"✓";display:inline-flex;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm);border-radius:var(--border-radius-sm);justify-content:center}.untitled-faq-item:hover{box-shadow:var(--shadow-level-2)}.untitled-faq-item.active .faq-icon{transform:rotate(180deg)}.untitled-faq-item.active .faq-answer{max-height:500px}.untitled-faq-question1:hover{color:var(--color-primary)}.untitled-faq-answer p{color:var(--color-on-surface-secondary);padding:0 var(--spacing-xl) var(--spacing-lg);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-video-card:hover .video-thumbnail img{transform:scale(1.1)}.untitled-video-card:hover .video-play-overlay{opacity:1}.untitled-video-card:hover .video-play-button{transform:scale(1)}.video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration-slow) var(--animation-curve-primary)}.manual-item:hover{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.manuals-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.manuals-visual-badge svg{color:var(--color-primary);width:40px;height:40px;flex-shrink:0}.contact-option:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.contact-support-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-support-badge svg{color:var(--color-primary);width:40px;height:40px}.contact-support-badge span{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.support-contact-hero{padding:clamp(3rem,6vw,6rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border)}.support-form-container{padding:clamp(3rem,6vw,5rem) var(--spacing-lg)}.support-modal{inset:0;display:none;padding:var(--spacing-lg);z-index:1000;position:fixed;align-items:center;justify-content:center}.support-hero-content{gap:clamp(2rem,4vw,4rem);z-index:2;position:relative;align-items:center;grid-template-columns:1.2fr 1fr}.support-form-layout,.support-hero-content{margin:0 auto;display:grid;max-width:var(--content-max-width)}.support-form-layout{gap:clamp(2rem,4vw,3rem);align-items:flex-start;grid-template-columns:320px 1fr}.support-modal-overlay{inset:0;position:absolute;animation:fadeIn .3s var(--animation-curve-primary);background:color-mix(in srgb,var(--color-scrim) 60%,transparent);backdrop-filter:blur(4px)}.support-modal-content{width:100%;border:1px solid var(--color-border);padding:var(--spacing-2xl);z-index:2;position:relative;animation:slideUp .4s var(--animation-curve-primary);max-width:480px;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);text-align:center;border-radius:var(--border-radius-xl)}.support-hero-text{gap:var(--spacing-lg);display:flex;flex-direction:column}.support-hero-image{position:relative}.untitled-support-sidebar{gap:var(--spacing-lg);top:var(--spacing-xl);display:flex;position:sticky;flex-direction:column}.support-form-main{gap:var(--spacing-xl);display:flex;flex-direction:column}.support-modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:inline-flex;align-items:center;border-radius:50%;justify-content:center}.support-modal-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.support-modal-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.support-modal-ticket-info{gap:var(--spacing-xs);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);flex-direction:column}.support-modal-btn{width:100%}.support-hero-badge{gap:var(--spacing-sm);color:var(--color-primary);width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated));transition:all .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:var(--letter-spacing-normal)}.support-hero-title{color:var(--color-on-surface);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.support-hero-subtitle{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);max-width:42rem;line-height:var(--line-height-base)}.support-stats-grid{gap:var(--spacing-md);display:grid;margin-top:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.support-image-wrapper{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);aspect-ratio:4/3;border-radius:var(--border-radius-xl)}.support-categories-card,.support-info-card{background:var(--color-surface-elevated)}.support-categories-card,.support-help-card,.support-info-card{border:1px solid var(--color-border);padding:var(--spacing-lg);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.support-help-card{gap:var(--spacing-md);display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated)) 0,var(--color-surface-elevated) 100%)}.untitled-support-form-card{padding:clamp(1.5rem,4vw,2.5rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.support-tips-card,.untitled-support-form-card{border:1px solid var(--color-border);border-radius:var(--border-radius-xl)}.support-tips-card{padding:var(--spacing-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 5%,var(--color-surface-elevated)) 0,var(--color-surface-elevated) 100%)}.support-modal-ticket-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.support-modal-ticket-number{color:var(--color-primary);font-size:var(--font-size-lg);font-family:monospace;font-weight:var(--font-weight-bold)}.support-stat-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.support-image-overlay{inset:0;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,color-mix(in srgb,var(--color-secondary) 15%,transparent) 100%);mix-blend-mode:overlay;pointer-events:none}.support-info-header{gap:var(--spacing-sm);color:var(--color-primary);display:flex;align-items:center;margin-bottom:var(--spacing-md)}.support-info-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.support-categories-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.support-categories-list{gap:var(--spacing-md);display:flex;flex-direction:column}.support-help-icon{color:var(--color-primary);width:40px;height:40px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.support-help-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.support-form-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.support-ticket-form{gap:var(--spacing-lg);display:flex;flex-direction:column}.support-tips-title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.support-tips-list{gap:var(--spacing-lg);display:flex;flex-direction:column}.support-stat-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.support-stat-content{gap:4px;display:flex;flex-direction:column}.support-category-item{gap:var(--spacing-sm);cursor:default;display:flex;transition:transform .2s var(--animation-curve-primary);align-items:flex-start}.support-help-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.support-help-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);line-height:1.5}.support-form-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.support-form-desc{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-form-row1{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-form-group7{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-form-actions8{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-md);align-items:center;padding-top:var(--spacing-lg);justify-content:flex-end}.support-tip-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.support-stat-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.support-stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:1.3}.support-category-dot{width:12px;height:12px;margin-top:4px;flex-shrink:0;border-radius:50%}.support-category-text{gap:2px;display:flex;flex-direction:column}.form-group-half{flex:1}.untitled-form-label13{gap:4px;color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.untitled-form-input16{color:var(--color-on-surface);border:1px solid var(--color-border);outline:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background:var(--color-surface);transition:all .2s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.support-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-base)}.support-btn-primary,.support-btn-secondary{gap:var(--spacing-sm);display:inline-flex;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);align-items:center;font-weight:var(--font-weight-semibold)}.support-tip-number{color:var(--color-on-primary);width:32px;height:32px;display:flex;font-size:var(--font-size-sm);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center}.support-tip-content{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.support-category-name{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3}.support-category-desc{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:1.3}.untitled-required-mark7{color:color-mix(in srgb,var(--color-accent) 100%,transparent);font-weight:var(--font-weight-bold)}.optional-mark{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.untitled-file-input2{clip:rect(0,0,0,0);width:1px;height:1px;opacity:0;overflow:hidden;position:absolute}.untitled-file-upload-label1{gap:var(--spacing-md);border:2px dashed color-mix(in srgb,var(--color-primary) 30%,var(--color-border));cursor:pointer;display:flex;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-file-list{gap:var(--spacing-xs);display:flex;margin-top:var(--spacing-sm);flex-direction:column}.support-tip-heading{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.support-tip-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.file-upload-text{gap:4px;display:flex;flex-direction:column}.file-upload-main{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-file-item{color:var(--color-on-surface);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);align-items:center;border-radius:var(--border-radius-md);justify-content:space-between}.file-item-name{gap:var(--spacing-xs);flex:1;display:flex;align-items:center}.file-item-remove{color:var(--color-on-surface-secondary);border:none;cursor:pointer;display:flex;padding:4px;background:none;transition:all .2s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-sm);justify-content:center}.support-contact-hero:before{top:-50%;right:-20%;width:70%;height:200%;content:"";position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 70%);pointer-events:none}.support-hero-badge svg{width:18px;height:18px}.support-hero-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.support-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.support-image-wrapper img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.support-categories-card:hover,.support-help-card:hover,.support-info-card:hover{box-shadow:var(--shadow-level-2);border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}.support-info-header svg{width:24px;height:24px;flex-shrink:0}.support-info-header h3{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.support-category-item:hover{transform:translateX(4px)}.support-help-icon svg{width:22px;height:22px}.untitled-form-input16:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input16:hover:not(:focus){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.untitled-file-upload-label1:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-file-upload-label1 svg{color:var(--color-primary);width:32px;height:32px;flex-shrink:0}.file-item-remove:hover{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.support-btn-primary svg{width:20px;height:20px}.support-modal.active{display:flex}.support-modal-icon.success{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.support-modal-icon svg{width:48px;height:48px}.untitled-hero-section7{display:flex;padding:clamp(3rem,8vw,6rem) var(--spacing-lg);overflow:hidden;position:relative;min-height:clamp(500px,60vh,700px);align-items:center;justify-content:center}.untitled-hero-content-wrapper10{gap:var(--spacing-2xl);display:flex;z-index:3;position:relative;max-width:900px;text-align:center;flex-direction:column}.untitled-hero-background-image{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.untitled-hero-text-content3{gap:var(--spacing-lg);display:flex;flex-direction:column}.billing-toggle{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-on-primary) 20%,transparent);display:flex;padding:var(--spacing-md) var(--spacing-xl);background:color-mix(in srgb,var(--color-surface) 15%,transparent);align-items:center;border-radius:var(--border-radius-full);backdrop-filter:blur(12px);justify-content:center}.untitled-hero-title23{color:var(--color-on-primary);margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-shadow:0 2px 20px color-mix(in srgb,var(--color-primary) 40%,transparent);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle22{color:color-mix(in srgb,var(--color-on-primary) 95%,transparent);font-size:clamp(1.125rem,2.5vw,1.5rem);max-width:700px;line-height:var(--line-height-base);margin:0 auto}.billing-label{color:var(--color-on-primary);cursor:pointer;font-size:var(--font-size-base);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium)}.untitled-toggle-switch1{width:56px;border:2px solid color-mix(in srgb,var(--color-on-primary) 30%,transparent);cursor:pointer;height:30px;padding:0;position:relative;background:color-mix(in srgb,var(--color-surface) 30%,transparent);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-toggle-slider1{top:2px;left:2px;width:22px;height:22px;position:absolute;background:var(--color-on-primary);box-shadow:var(--shadow-level-2);transition:transform var(--animation-duration-standard) var(--animation-curve-primary)}.save-badge,.untitled-toggle-slider1{border-radius:var(--border-radius-full)}.save-badge{color:var(--color-on-accent);display:inline-block;padding:.25rem .625rem;font-size:var(--font-size-xs);background:var(--color-accent);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-xs);letter-spacing:.05em;text-transform:uppercase}.untitled-section-container10{margin:0 auto;padding:var(--section-gap) var(--spacing-lg);max-width:var(--content-max-width)}.plans-grid{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.pricing-card{gap:var(--spacing-xl);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.featured-plan{border:none;transform:scale(1.03);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.plan-header{gap:var(--spacing-md);display:flex;flex-direction:column}.plan-price{gap:var(--spacing-xs);display:flex;padding:var(--spacing-lg) 0;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);align-items:baseline;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.plan-features{gap:var(--spacing-md);margin:0;display:flex;padding:0;flex-grow:1;list-style:none;flex-direction:column}.untitled-featured-badge{gap:var(--spacing-xs);top:-12px;left:50%;color:var(--color-on-accent);display:flex;padding:.5rem 1rem;position:absolute;font-size:var(--font-size-sm);transform:translateX(-50%);background:var(--color-accent);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.plan-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.plan-name{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.plan-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.price-amount{color:var(--color-on-surface);font-size:clamp(2.5rem,5vw,3.5rem);transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1}.price-period{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.untitled-feature-item4{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:flex-start;line-height:var(--line-height-base)}.custom-price{font-size:clamp(2rem,4vw,2.75rem)}.untitled-section-header14{text-align:center;margin-bottom:var(--spacing-3xl)}.untitled-comparison-table-wrapper{border:1px solid var(--color-border);background:var(--color-surface-elevated);overflow-x:auto;border-radius:var(--border-radius-lg)}.untitled-section-title22{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,5vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle21{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base);margin:0 auto}.untitled-comparison-table{width:100%;min-width:700px;border-collapse:collapse}.category-row{background:color-mix(in srgb,var(--color-neutral) 3%,transparent)}.untitled-feature-column{width:35%;text-align:left}.plan-column{width:16.25%;text-align:center}.featured-column{position:relative;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-secondary) 8%,transparent))}.category-label{color:var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.feature-name{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.feature-name,.feature-value{font-size:var(--font-size-base)}.feature-value{color:var(--color-on-surface-secondary);text-align:center}.featured-cell{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-primary) 4%,transparent);font-weight:var(--font-weight-semibold)}.check-icon{color:var(--color-primary)}.empty-icon{color:var(--color-on-surface-secondary);opacity:.4}.untitled-faq-container{gap:var(--spacing-md);margin:0 auto;display:flex;max-width:900px;flex-direction:column}.untitled-faq-item1{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-faq-question2{gap:var(--spacing-md);color:var(--color-on-surface);width:100%;border:none;cursor:pointer;display:flex;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);background:transparent;text-align:left;transition:color var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);justify-content:space-between}.untitled-faq-answer1{overflow:hidden;max-height:0;transition:max-height var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-faq-icon1{color:var(--color-primary);width:24px;height:24px;transition:transform var(--animation-duration-standard) var(--animation-curve-primary);flex-shrink:0}.untitled-cta-section{gap:var(--spacing-3xl);border:1px solid var(--color-border);margin:var(--section-gap) auto;display:grid;padding:clamp(3rem,8vw,6rem) var(--spacing-lg);overflow:hidden;position:relative;max-width:var(--content-max-width);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));align-items:center;border-radius:var(--border-radius-xl);grid-template-columns:1fr 1fr}.untitled-cta-content2{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-cta-visual{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.untitled-cta-buttons2{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.cta-note{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-hero-background-image:before{top:0;left:0;width:100%;height:100%;content:"";z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,transparent),color-mix(in srgb,var(--color-secondary) 85%,transparent))}.untitled-hero-background-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.billing-label.active{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.untitled-toggle-switch1:hover{border-color:var(--color-accent)}.untitled-toggle-switch1.annual .toggle-slider{transform:translateX(26px)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.pricing-card .btn{width:100%;margin-top:auto}.featured-plan:hover{transform:scale(1.05) translateY(-8px)}.featured-plan .feature-item,.featured-plan .plan-description,.featured-plan .plan-icon,.featured-plan .plan-name,.featured-plan .price-amount,.featured-plan .price-period{color:var(--color-on-primary)}.featured-plan .plan-icon{background:color-mix(in srgb,var(--color-surface) 20%,transparent)}.featured-plan .plan-price{border-color:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.featured-plan .feature-item svg{color:var(--color-on-primary)}.untitled-featured-badge svg{width:16px;height:16px}.plan-icon svg{width:28px;height:28px}.untitled-feature-item4 svg{color:var(--color-primary);width:20px;height:20px;margin-top:2px;flex-shrink:0}.untitled-comparison-table td,.untitled-comparison-table th{padding:var(--spacing-lg) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.untitled-comparison-table thead th{top:0;color:var(--color-on-surface);z-index:2;position:sticky;font-size:var(--font-size-base);background:color-mix(in srgb,var(--color-primary) 5%,transparent);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.featured-column:before{top:0;left:0;width:100%;height:3px;content:"";position:absolute;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.check-icon svg{width:20px;height:20px}.untitled-faq-item1:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.untitled-faq-item1.active .faq-icon{transform:rotate(180deg)}.untitled-faq-item1.active .faq-answer{max-height:500px}.untitled-faq-question2:hover{color:var(--color-primary)}.untitled-faq-answer1 p{color:var(--color-on-surface-secondary);margin:0;padding:0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-cta-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.checkout-page{position:relative;background:var(--color-surface);min-height:100vh}.checkout-hero{padding:clamp(3rem,6vw,5rem) var(--spacing-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary)) 100%)}.checkout-content{padding:clamp(2rem,4vw,5rem) var(--spacing-lg)}.checkout-hero__container{margin:0 auto;z-index:3;position:relative;max-width:var(--content-max-width)}.checkout-content__wrapper{gap:clamp(1.5rem,3vw,3rem);margin:0 auto;display:grid;max-width:var(--content-max-width);align-items:flex-start;grid-template-columns:1fr 28rem}.checkout-hero__breadcrumb{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;margin-bottom:var(--spacing-lg)}.checkout-form-section{gap:var(--spacing-xl);display:flex;flex-direction:column}.checkout-summary-section{gap:var(--spacing-lg);top:var(--spacing-xl);display:flex;position:sticky;flex-direction:column}.untitled-breadcrumb-link8{color:var(--color-on-primary);opacity:.8;transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);text-decoration:none}.untitled-breadcrumb-separator9{color:var(--color-on-primary);opacity:.5}.untitled-breadcrumb-current3{color:var(--color-on-primary);font-weight:var(--font-weight-medium)}.checkout-form-card{padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-level-1);transition:box-shadow var(--animation-duration-standard) var(--animation-curve-primary)}.checkout-form-card,.checkout-summary-card{border:1px solid var(--color-border);animation:fadeInUp .6s var(--animation-curve-primary) backwards;background:var(--color-surface-elevated);border-radius:var(--border-radius-xl)}.checkout-summary-card{overflow:hidden;box-shadow:var(--shadow-level-2);animation-delay:.15s}.checkout-trust-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);animation:fadeInUp .6s var(--animation-curve-primary) backwards;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);flex-direction:column;animation-delay:.25s}.checkout-form-header{gap:var(--spacing-md);display:flex;align-items:center;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.payment-methods{gap:var(--spacing-md);display:flex;flex-direction:column}.checkout-summary-header{gap:var(--spacing-md);display:flex;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center}.checkout-summary-content,.checkout-summary-header{padding:var(--spacing-xl)}.untitled-trust-item{gap:var(--spacing-md);display:flex;align-items:flex-start}.checkout-form-header__icon{color:var(--color-on-primary);width:3rem;height:3rem;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-form-grid6{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.payment-method-option{cursor:pointer}.checkout-summary-icon{color:var(--color-on-primary);width:2.5rem;height:2.5rem;display:flex;z-index:2;position:relative;background:color-mix(in srgb,var(--color-on-primary) 20%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.summary-plan{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xl)}.summary-features,.summary-plan{margin-bottom:var(--spacing-xl)}.summary-pricing{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.summary-recurring{text-align:center;margin-bottom:var(--spacing-xl)}.checkout-submit-btn{width:100%;padding:1.125rem var(--spacing-xl);font-size:var(--font-size-lg);transition:all var(--animation-duration-standard) var(--animation-curve-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-lg)}.checkout-submit-btn,.summary-security{gap:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.summary-security{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.trust-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.trust-content{flex:1}.untitled-form-group-full4{grid-column:1/-1}.payment-method-card{border:2px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);justify-content:space-between}.summary-plan-badge{color:var(--color-on-primary);display:inline-block;padding:.375rem .875rem;font-size:var(--font-size-xs);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-md);letter-spacing:.05em;text-transform:uppercase}.summary-plan-name{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.summary-plan-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.summary-features-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.summary-features-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.summary-pricing-row{display:flex;padding:var(--spacing-sm) 0;align-items:center;justify-content:space-between}.summary-pricing-subtotal{border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.summary-pricing-divider{height:1px;margin:var(--spacing-md) 0;background:var(--color-border)}.summary-pricing-total{padding:0}.trust-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.trust-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-form-label14{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}.untitled-input-wrapper4{position:relative}.untitled-form-input17{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);padding:.875rem 1rem;font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.payment-method-content{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;align-items:center;font-weight:var(--font-weight-medium)}.payment-method-check{color:transparent;width:1.5rem;border:2px solid var(--color-border);height:1.5rem;display:flex;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.summary-feature-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center;line-height:var(--line-height-base)}.summary-pricing-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.summary-pricing-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-input-icon4{top:50%;left:1rem;color:var(--color-on-surface-secondary);z-index:2;position:absolute;transform:translateY(-50%);pointer-events:none}.payment-method-option\
\ \ \ \ input\[type\=\"radio\"\]\:checked\
\ \ \ \ \+\ \.payment-method-card\
\ \ \ \ \.payment-method-check{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.checkout-hero:before{top:0;left:0;right:0;bottom:0;content:"";opacity:.08;z-index:1;position:absolute;background-size:cover;background-image:url(https://images.pexels.com/photos/7989079/pexels-photo-7989079.jpeg?auto=compress&cs=tinysrgb&h=650&w=940);background-position:50%}.checkout-hero:after{top:-50%;right:-20%;width:60%;height:200%;content:"";z-index:2;position:absolute;transform:rotate(-15deg);background:color-mix(in srgb,var(--color-on-primary) 5%,transparent);border-radius:var(--border-radius-full)}.checkout-hero .hero-title{color:var(--color-on-primary);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.checkout-hero .hero-subtitle{color:var(--color-on-primary);opacity:.9;font-size:var(--font-size-lg);max-width:42rem;line-height:var(--line-height-base)}.untitled-breadcrumb-link8:hover{opacity:1}.checkout-form-card:hover{box-shadow:var(--shadow-level-2)}.checkout-form-card:first-child{animation-delay:.1s}.checkout-form-card:nth-child(2){animation-delay:.2s}.checkout-form-header .section-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.untitled-input-wrapper4 .form-input{padding-left:3rem}.untitled-form-input17:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.untitled-form-input17::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input17::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.payment-method-option input[type=radio]{opacity:0;position:absolute;pointer-events:none}.payment-method-option:hover .payment-method-card{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.payment-method-option input[type=radio]:checked+.payment-method-card{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.payment-method-content svg{color:var(--color-primary)}.payment-method-check svg{width:1rem;height:1rem}.checkout-summary-header:before{top:-50%;right:-30%;width:80%;height:200%;content:"";position:absolute;transform:rotate(-20deg);background:color-mix(in srgb,var(--color-on-primary) 8%,transparent);border-radius:var(--border-radius-full)}.checkout-summary-header .section-title{color:var(--color-on-primary);margin:0;z-index:2;position:relative;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.summary-feature-item svg{color:var(--color-primary);width:1.25rem;height:1.25rem;flex-shrink:0}.summary-pricing-subtotal .summary-pricing-label,.summary-pricing-subtotal .summary-pricing-value{font-weight:var(--font-weight-semibold)}.summary-pricing-total .summary-pricing-label{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.summary-pricing-total .summary-pricing-value{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.summary-recurring p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.checkout-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.checkout-submit-btn:active{transform:translateY(0)}.checkout-submit-btn svg{width:1.25rem;height:1.25rem}.summary-security svg{color:var(--color-primary);width:1rem;height:1rem}.trust-icon svg{width:1.25rem;height:1.25rem}.payment-page{background:var(--color-surface);min-height:100vh}.payment-hero,.payment-page{transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary)}.payment-hero{overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-bottom:1px solid var(--color-border)}.payment-form-section{padding:clamp(3rem,6vw,5rem) var(--spacing-xl)}.payment-hero__container{margin:0 auto;padding:clamp(2rem,4vw,3rem) var(--spacing-xl);z-index:2;position:relative;max-width:var(--content-max-width)}.payment-form-section__container{margin:0 auto;max-width:1400px}.payment-hero__header{text-align:center;margin-bottom:var(--spacing-xl)}.payment-hero__trust-badges{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;justify-content:center}.payment-form-section__layout{gap:clamp(2rem,4vw,4rem);display:grid;align-items:flex-start;grid-template-columns:1fr 420px}.payment-hero__brand{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:center}.payment-hero__subtitle{color:var(--color-on-surface-secondary);margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.trust-badge{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-level-1);align-items:center;border-radius:var(--border-radius-lg)}.payment-form-column,.trust-badge{background:var(--color-surface-elevated);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary)}.payment-form-column{border:1px solid var(--color-border);padding:clamp(2rem,4vw,3rem);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.order-summary-column{top:var(--spacing-xl);position:sticky}.payment-hero__brand-icon{color:var(--color-primary);width:32px;height:32px}.payment-hero__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.trust-badge__icon{color:var(--color-primary);flex-shrink:0}.trust-badge__text{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.order-summary{border:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2rem);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.payment-form__group{margin-bottom:clamp(2rem,3vw,2.5rem)}.payment-form__actions{margin-top:clamp(1.5rem,3vw,2rem)}.order-summary__title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.order-summary__plan{border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));padding:var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.order-summary__features{gap:var(--spacing-sm);display:flex;border-bottom:1px solid var(--color-border);flex-direction:column;padding-bottom:var(--spacing-xl)}.order-summary__features,.order-summary__pricing{margin-bottom:var(--spacing-xl)}.order-summary__guarantee{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-primary) 15%,var(--color-border));display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));border-radius:var(--border-radius-lg)}.payment-form__section-title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-form-group8{position:relative;margin-bottom:var(--spacing-lg)}.payment-method-selector{gap:var(--spacing-md);display:flex;margin-bottom:var(--spacing-xl);flex-direction:column}.card-fields{animation:slideDown var(--animation-duration-standard) var(--animation-curve-primary)}.terms-acceptance{border:1px solid color-mix(in srgb,var(--color-primary) 15%,var(--color-border));padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));border-radius:var(--border-radius-lg)}.payment-submit-btn{gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-bold)}.payment-form__security-note,.payment-submit-btn{display:flex;align-items:center;justify-content:center}.payment-form__security-note{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center;line-height:var(--line-height-base)}.order-summary__plan-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm);justify-content:space-between}.order-summary__plan-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}.order-summary__feature{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:flex-start;line-height:1.5}.order-summary__price-row{gap:var(--spacing-md);display:flex;padding:var(--spacing-sm) 0;align-items:center;justify-content:space-between}.order-summary__divider{height:1px;margin:var(--spacing-md) 0;background:var(--color-border)}.order-summary__price-row--total{padding-top:var(--spacing-md)}.order-summary__guarantee-icon{color:var(--color-primary);flex-shrink:0}.order-summary__guarantee-content{flex:1}.untitled-form-label15{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.untitled-form-input18,.untitled-form-label15{color:var(--color-on-surface);line-height:var(--line-height-base)}.untitled-form-input18{width:100%;border:2px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);background:var(--color-surface);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-lg)}.untitled-payment-method-option{cursor:pointer;position:relative}.untitled-form-row2{gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr}.untitled-checkbox-label3{gap:var(--spacing-md);cursor:pointer;display:flex;position:relative;align-items:flex-start}.payment-submit-btn__icon{flex-shrink:0}.order-summary__plan-name{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.order-summary__plan-badge{color:var(--color-on-primary);padding:4px var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-primary);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.order-summary__feature-icon{color:var(--color-primary);margin-top:2px;flex-shrink:0}.order-summary__price-label{color:var(--color-on-surface-secondary)}.order-summary__price-label,.order-summary__price-value{font-size:var(--font-size-base);line-height:var(--line-height-base)}.order-summary__price-value{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.order-summary__price-value--total{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.order-summary__guarantee-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.order-summary__guarantee-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}.form-label__icon{color:var(--color-on-surface-secondary);flex-shrink:0}.untitled-required-mark8{color:color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary) 20%);font-weight:var(--font-weight-bold)}.payment-method-option__radio{opacity:0;position:absolute;pointer-events:none}.payment-method-option__content{gap:var(--spacing-md);border:2px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.card-logos{gap:var(--spacing-xs);top:50%;right:var(--spacing-lg);display:flex;position:absolute;transform:translateY(-50%);pointer-events:none}.form-group--half{margin-bottom:0}.checkbox-label__input{opacity:0;position:absolute;pointer-events:none}.checkbox-label__checkmark{width:24px;border:2px solid var(--color-border);height:24px;display:flex;background:var(--color-surface);margin-top:2px;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-sm);justify-content:center}.checkbox-label__text{color:var(--color-on-surface);font-size:var(--font-size-sm);line-height:1.6}.payment-method-option__icon{color:var(--color-primary);flex-shrink:0}.payment-method-option__details{gap:2px;display:flex;flex-direction:column}.payment-method-option__stripe-logo{color:var(--color-primary);width:40px;height:24px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.card-logo{width:32px;height:20px;opacity:.6;transition:opacity var(--animation-duration-fast) var(--animation-curve-primary)}.checkbox-label__check-icon{color:var(--color-on-primary);opacity:0;transform:scale(0);transition:all var(--animation-duration-fast) var(--animation-curve-primary)}.checkbox-label__link{color:var(--color-primary);transition:color var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);text-decoration:underline}.payment-method-option__title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.payment-method-option__subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.form-label__info-icon{color:var(--color-on-surface-secondary);cursor:help;margin-left:auto}.checkbox-label__input\:checked\
\ \ \ \ \~\ \.checkbox-label__checkmark\
\ \ \ \ \.checkbox-label__check-icon{opacity:1;transform:scale(1)}.payment-hero:before{top:-50%;right:-10%;width:600px;height:600px;content:"";z-index:1;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 70%);border-radius:50%;pointer-events:none}.trust-badge:hover{transform:translateY(-2px)}.payment-form__group:last-child,.untitled-form-group8:last-child{margin-bottom:0}.untitled-form-input18:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input18::-moz-placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-form-input18::placeholder{color:var(--color-on-surface-secondary);opacity:.6}.untitled-payment-method-option:hover .payment-method-option__content{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border))}.payment-method-option__radio:checked+.payment-method-option__content{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:var(--color-primary)}.checkbox-label__input:checked~.checkbox-label__checkmark{background:var(--color-primary);border-color:var(--color-primary)}.untitled-checkbox-label3:hover .checkbox-label__checkmark{border-color:var(--color-primary)}.checkbox-label__link:hover{color:color-mix(in srgb,var(--color-primary) 80%,var(--color-on-surface))}.payment-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-level-3)}.order-summary__price-row--total .order-summary__price-label{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.payment-success-page{display:flex;padding:var(--spacing-4xl) var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);align-items:center;justify-content:center}.success-backdrop{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;pointer-events:none}.success-container{gap:var(--spacing-2xl);width:100%;display:flex;z-index:2;position:relative;max-width:680px;flex-direction:column}.floating-elements{top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;position:absolute;pointer-events:none}.backdrop-circle{position:absolute;animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle at center,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 70%);border-radius:var(--border-radius-full)}.backdrop-circle-1{top:-10%;right:-5%;width:500px;height:500px;animation-delay:0s}.backdrop-circle-2{left:-5%;width:400px;bottom:-10%;height:400px;animation-delay:2s}.backdrop-circle-3{top:50%;left:50%;width:350px;height:350px;transform:translate(-50%,-50%);animation-delay:4s}.untitled-success-hero1{gap:var(--spacing-lg);display:flex;animation:fade-in-up .8s var(--animation-curve-primary);text-align:center;align-items:center;flex-direction:column}.payment-summary-card{border:1px solid var(--color-border);overflow:hidden;animation:fade-in-up .8s var(--animation-curve-primary) .2s both;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-success-actions{gap:var(--spacing-md);display:flex;animation:fade-in-up .8s var(--animation-curve-primary) .4s both}.success-footer{animation:fade-in-up .8s var(--animation-curve-primary) .6s both}.floating-element{color:var(--color-primary);width:60px;height:60px;display:flex;opacity:.1;position:absolute;animation:float 6s ease-in-out infinite;align-items:center;justify-content:center}.floating-element-1{top:15%;left:10%;animation-delay:0s}.floating-element-2{top:60%;right:8%;animation-delay:2s;animation-duration:7s}.floating-element-3{left:15%;bottom:20%;animation-delay:4s;animation-duration:8s}.untitled-success-icon-wrapper2{width:140px;height:140px;display:flex;position:relative;animation:success-bounce 1s var(--animation-curve-primary);align-items:center;margin-bottom:var(--spacing-md);justify-content:center}.untitled-success-title{color:var(--color-on-surface);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-success-subtitle,.untitled-success-title{margin:0;transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary)}.untitled-success-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);max-width:500px;line-height:var(--line-height-base)}.untitled-summary-header{gap:var(--spacing-md);display:flex;padding:var(--spacing-xl) var(--spacing-2xl);overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 85%,var(--color-secondary)));align-items:center}.untitled-summary-content1{gap:var(--spacing-2xl);display:flex;padding:var(--spacing-2xl);flex-direction:column}.footer-info-card{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 3%,transparent);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-success-icon-ring{border:2px solid;position:absolute;border-radius:var(--border-radius-full)}.success-icon-ring-outer{width:140px;height:140px;animation:ring-pulse 2s ease-out infinite;border-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}.success-icon-ring-middle{width:110px;height:110px;animation:ring-pulse 2s ease-out .3s infinite;border-color:color-mix(in srgb,var(--color-primary) 25%,transparent)}.success-icon-ring-inner{width:80px;height:80px;animation:ring-pulse 2s ease-out .6s infinite;border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.success-icon-core{width:80px;height:80px;z-index:2;animation:icon-rotate 1s var(--animation-curve-primary) .3s;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,var(--color-secondary)));box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-full)}.success-icon-core,.summary-header-icon{color:var(--color-on-primary);display:flex;position:relative;align-items:center;justify-content:center}.summary-header-icon{width:48px;height:48px;z-index:1;background:color-mix(in srgb,var(--color-on-primary) 15%,transparent);border-radius:var(--border-radius-lg)}.summary-header-title{color:var(--color-on-primary);margin:0;z-index:1;position:relative;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.summary-section{gap:var(--spacing-lg);display:flex;flex-direction:column}.features-included{border-top:2px solid var(--color-border);padding-top:var(--spacing-xl)}.footer-info-icon{color:var(--color-on-primary);width:40px;height:40px;display:flex;background:var(--color-primary);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.footer-info-content{flex:1}.summary-row{gap:var(--spacing-md);display:flex;padding:var(--spacing-md) 0;transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between}.summary-row-primary{border:1px solid var(--color-border);padding:var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md)}.features-title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-features-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.footer-info-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);font-weight:var(--font-weight-bold)}.footer-info-text{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.footer-info-text,.untitled-summary-label6{color:var(--color-on-surface-secondary);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary)}.untitled-summary-label6{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-base);align-items:center;font-weight:var(--font-weight-medium)}.untitled-summary-value6{color:var(--color-on-surface);font-size:var(--font-size-base);text-align:right;transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);font-weight:var(--font-weight-semibold)}.summary-value-primary{color:var(--color-primary);font-size:var(--font-size-xl)}.summary-value-mono{border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-surface);font-family:Courier New,monospace;border-radius:var(--border-radius-sm)}.untitled-feature-item5{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm);font-size:var(--font-size-sm);transition:background-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.success-icon-core svg{width:48px;height:48px;animation:check-draw .8s var(--animation-curve-primary) .5s both;stroke-width:3}.payment-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-summary-header:before{top:-50%;right:-20%;width:300px;height:300px;content:"";position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-on-primary) 10%,transparent),transparent 70%);border-radius:var(--border-radius-full);pointer-events:none}.summary-row:last-child{border-bottom:none}.summary-row:hover{margin:0 calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);border-radius:var(--border-radius-md);padding-right:var(--spacing-md);background-color:color-mix(in srgb,var(--color-primary) 3%,transparent)}.summary-row-primary:hover{margin:0 0 var(--spacing-md) 0;padding:var(--spacing-lg)}.untitled-summary-label6 svg{color:var(--color-primary);flex-shrink:0}.untitled-feature-item5:hover{transform:translateX(4px);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-feature-item5 svg{color:var(--color-primary);flex-shrink:0;stroke-width:3}.untitled-success-actions .btn{gap:var(--spacing-sm);flex:1;display:flex;transition:all .3s var(--animation-curve-primary);align-items:center;justify-content:center}.untitled-success-actions .btn-primary svg{transform:rotate(90deg);transition:transform .3s var(--animation-curve-primary)}.untitled-success-actions .btn-primary:hover svg{transform:rotate(90deg) translateX(-4px)}.floating-element svg{width:100%;height:100%}.payment-failed-container{display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface);min-height:100vh;transition:background-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:center}.payment-failed-wrapper{width:100%;z-index:2;position:relative;max-width:var(--content-max-width)}.background-orbs{top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;position:absolute;pointer-events:none}.payment-failed-card{padding:clamp(2rem,5vw,4rem);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.untitled-support-section1{animation:fadeIn .6s ease-out .7s backwards;margin-top:var(--spacing-2xl);text-align:center}.orb{filter:blur(60px);opacity:.05;position:absolute;animation:float 20s ease-in-out infinite;border-radius:var(--border-radius-full)}.orb-1{top:-100px;left:-100px;width:400px;height:400px;background:var(--color-primary);animation-delay:0s}.orb-2{right:-80px;width:350px;bottom:-80px;height:350px;background:var(--color-secondary);animation-delay:7s}.orb-3{top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:var(--color-accent);animation-delay:14s}.status-icon-wrapper{width:120px;height:120px;margin:0 auto var(--spacing-2xl);display:flex;position:relative;align-items:center;justify-content:center}.payment-failed-content{text-align:center}.untitled-security-badge{gap:var(--spacing-xs);display:flex;animation:fadeIn .6s ease-out .6s backwards;font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);align-items:center;padding-top:var(--spacing-xl);justify-content:center}.support-text,.untitled-security-badge{color:var(--color-on-surface-secondary)}.support-text{font-size:var(--font-size-base);line-height:var(--line-height-base)}.status-icon-background{z-index:1;background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.status-icon-background,.status-icon-pulse{top:50%;left:50%;width:100%;height:100%;position:absolute;transform:translate(-50%,-50%);border-radius:var(--border-radius-full)}.status-icon-pulse{z-index:2;animation:pulse 2s ease-out infinite;background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.status-icon{color:var(--color-secondary);width:64px;height:64px;display:flex;z-index:3;position:relative;animation:iconBounce .6s ease-out;align-items:center;justify-content:center}.error-details-card{border:1px solid var(--color-border);padding:var(--spacing-xl);animation:slideUp .6s ease-out .3s backwards;background:var(--color-surface);text-align:left;transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl)}.action-buttons-wrapper{display:flex;animation:fadeIn .6s ease-out .4s backwards;margin-bottom:var(--spacing-xl);justify-content:center}.alternative-actions{gap:var(--spacing-md);display:flex;animation:fadeIn .6s ease-out .5s backwards;flex-wrap:wrap;align-items:center;justify-content:center}.untitled-support-link{color:var(--color-primary);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-bottom:1px solid transparent;text-decoration:none}.error-details-header{gap:var(--spacing-sm);color:var(--color-secondary);display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.untitled-info-list8{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-info-item9{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-base);align-items:flex-start;line-height:var(--line-height-base)}.payment-failed-card:before{top:0;left:0;right:0;height:4px;content:"";opacity:.8;position:absolute;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary))}.status-icon svg{width:100%;height:100%}.payment-failed-content .hero-title{color:var(--color-on-surface);animation:slideDown .6s ease-out;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-heading)}.payment-failed-content .feature-text{color:var(--color-on-surface-secondary);animation:fadeIn .6s ease-out .2s backwards;font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base);margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-2xl)}.error-details-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.error-details-header svg{flex-shrink:0}.error-details-header .section-subtitle{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.untitled-info-item9 svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.action-buttons-wrapper .btn{gap:var(--spacing-sm);display:inline-flex;min-width:200px;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;justify-content:center}.action-buttons-wrapper .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.action-buttons-wrapper .btn:active{transform:translateY(0)}.action-buttons-wrapper .btn svg{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.action-buttons-wrapper .btn:hover svg{transform:rotate(180deg)}.alternative-actions .btn{gap:var(--spacing-xs);display:inline-flex;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center}.alternative-actions .btn:hover{transform:translateX(4px)}.alternative-actions .btn svg{transition:transform var(--animation-duration-fast) var(--animation-curve-primary)}.alternative-actions .btn:hover svg{transform:translateX(4px)}.untitled-security-badge svg{color:var(--color-primary);flex-shrink:0}.untitled-support-link:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.untitled-support-link:focus{outline:2px solid var(--color-primary);border-radius:var(--border-radius-sm);outline-offset:2px}.subscription-page{margin:0 auto;padding:clamp(2rem,4vw,5rem) var(--spacing-lg);max-width:var(--content-max-width);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary)}.untitled-page-header{position:relative;text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:clamp(2rem,4vw,3.5rem);padding-bottom:var(--spacing-2xl)}.subscription-grid{gap:var(--spacing-2xl);display:grid;grid-template-columns:repeat(12,1fr)}.current-plan-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.billing-history-section,.billing-info-section,.cancellation-section,.current-plan-card,.plan-actions-section{grid-column:span 12}.untitled-plan-header{display:flex;align-items:flex-start;margin-bottom:var(--spacing-xl);justify-content:space-between}.plan-details{margin-bottom:var(--spacing-2xl)}.untitled-plan-features{gap:var(--spacing-md);display:grid;border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-section-title23{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-heading)}.untitled-info-card2{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);flex-direction:column}.untitled-actions-grid2{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.untitled-alert-card8{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-section-header15{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-lg);justify-content:space-between}.history-table{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary)}.history-table,.untitled-plan-icon{border-radius:var(--border-radius-lg)}.untitled-plan-icon{color:var(--color-primary);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;justify-content:center}.plan-pricing{gap:var(--spacing-sm);display:flex;align-items:baseline}.untitled-feature-item6{gap:var(--spacing-md);display:flex;align-items:center}.untitled-info-item10{gap:var(--spacing-lg);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:background .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md)}.untitled-action-card3{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary);align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-alert-icon5{color:var(--color-accent);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-accent) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-alert-content6{flex:1}.untitled-table-header{color:var(--color-on-surface);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);letter-spacing:.05em;text-transform:uppercase}.untitled-table-header,.untitled-table-row{gap:var(--spacing-md);display:grid;padding:var(--spacing-lg);grid-template-columns:120px 1fr 100px 100px 100px}.untitled-table-row{transition:background .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary),color .3s var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.untitled-status-badge20{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.untitled-status-active9{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-price-amount{color:var(--color-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1}.untitled-price-period{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.untitled-feature-icon2{color:var(--color-primary);width:24px;height:24px;flex-shrink:0}.untitled-feature-text3{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.untitled-info-icon4{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-info-content3{gap:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.untitled-action-icon4{width:56px;height:56px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.upgrade-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-action-content{gap:var(--spacing-md);flex:1;display:flex;flex-direction:column}.downgrade-icon{color:var(--color-secondary);transform:rotate(180deg);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.cancellation-notes{padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.table-cell{color:var(--color-on-surface);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-info-label15{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-info-value10{font-size:var(--font-size-lg)}.untitled-info-value10,.untitled-section-subtitle22{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-section-subtitle22{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.untitled-info-list9{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-status-success6{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-page-header:after{left:50%;width:80px;bottom:0;height:3px;content:"";position:absolute;transform:translateX(-50%);background:var(--color-primary);border-radius:var(--border-radius-full)}.header-content .hero-title{color:var(--color-on-surface);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.header-content .hero-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-lg);max-width:600px;font-weight:var(--font-weight-regular)}.current-plan-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.current-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-plan-icon svg{width:32px;height:32px}.plan-details .card-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.untitled-info-item10:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.untitled-action-card3:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.upgrade-card:hover{border-color:var(--color-primary)}.downgrade-card:hover{border-color:var(--color-secondary)}.untitled-action-content .card-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-action-content .feature-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-sm)}.untitled-action-content .btn{gap:var(--spacing-sm);display:flex;align-self:flex-start;align-items:center}.untitled-action-content .btn svg{width:20px;height:20px}.untitled-alert-card8.warning{background:color-mix(in srgb,var(--color-accent) 3%,var(--color-surface-elevated));border-left:4px solid var(--color-accent)}.untitled-alert-content6 .card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.untitled-alert-content6 .feature-text{color:var(--color-on-surface-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.untitled-info-list9 li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);padding-left:var(--spacing-lg)}.untitled-info-list9 li:before{left:0;color:var(--color-accent);content:"•";position:absolute;font-weight:var(--font-weight-bold)}.untitled-table-row:hover{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.untitled-table-row:last-child{border-bottom:none}.untitled-section-container11{width:100%;margin:0 auto;padding:clamp(2rem,4vw,5rem) var(--spacing-lg);max-width:var(--content-max-width)}.billing-history-wrapper{gap:var(--spacing-2xl);display:flex;flex-direction:column}.billing-header{gap:var(--spacing-xl);display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xl);justify-content:space-between}.billing-summary-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(4,1fr)}.billing-controls{gap:var(--spacing-lg);display:flex;padding:var(--spacing-lg);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;justify-content:space-between}.billing-controls,.billing-table-container{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-lg)}.billing-table-container{overflow:hidden;box-shadow:var(--shadow-level-1)}.billing-pagination{border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-lg);justify-content:space-between}.billing-header-content{flex:1}.billing-header-actions{gap:var(--spacing-sm);display:flex}.summary-stat-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.untitled-search-wrapper3{flex:1;max-width:500px}.untitled-filter-controls1{gap:var(--spacing-sm);display:flex}.billing-table-wrapper{overflow-x:auto}.untitled-pagination-controls1{gap:var(--spacing-xs);display:flex}.billing-title-group{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.untitled-section-subtitle23{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-stat-card-icon{width:48px;height:48px;display:flex;align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-stat-icon-primary1{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.stat-card-content{gap:4px;display:flex;flex-direction:column}.untitled-stat-icon-success{color:#10b981;background:color-mix(in srgb,#10b981 15%,transparent)}.untitled-stat-icon-warning{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent)}.search-input-group{display:flex;position:relative;align-items:center}.untitled-filter-btn15{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.filter-btn-icon{padding:var(--spacing-sm)}.billing-table{width:100%;border-collapse:collapse}.billing-table,.btn-pagination{transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary)}.btn-pagination{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-width:40px;background:var(--color-surface);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.receipt-icon-wrapper{color:var(--color-on-primary);width:48px;height:48px;display:flex;background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.untitled-section-title24{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.stat-card-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2}.stat-card-value{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.untitled-search-icon1{left:var(--spacing-md);color:var(--color-on-surface-secondary);width:20px;height:20px;position:absolute;pointer-events:none}.untitled-search-input2{color:var(--color-on-surface);width:100%;border:1px solid var(--color-border);outline:none;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 44px;font-size:var(--font-size-base);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-filter-count3{padding:2px 8px;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-on-surface) 10%,transparent);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.billing-row-pending{background:color-mix(in srgb,#f59e0b 3%,transparent)}.untitled-th-content{gap:var(--spacing-xs);display:flex;align-items:center}.td-content{gap:4px;display:flex;flex-direction:column}.untitled-date-primary{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.2}.untitled-date-secondary{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:1.2}.invoice-number{color:var(--color-on-surface);font-size:var(--font-size-base);font-family:monospace;font-weight:var(--font-weight-semibold)}.untitled-plan-badge{display:inline-flex;padding:6px var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md)}.plan-premium{color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.amount-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.untitled-status-badge21{gap:6px;display:inline-flex;padding:6px var(--spacing-md);font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md)}.untitled-status-success7{color:#10b981;border:1px solid color-mix(in srgb,#10b981 30%,transparent);background:color-mix(in srgb,#10b981 15%,transparent)}.btn-download{gap:var(--spacing-xs);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);cursor:pointer;display:inline-flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-md)}.plan-standard{color:var(--color-secondary);border:1px solid color-mix(in srgb,var(--color-secondary) 30%,transparent);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.plan-basic{color:var(--color-on-surface);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-status-pending5{color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);background:color-mix(in srgb,#f59e0b 15%,transparent)}.btn-download-disabled{color:var(--color-on-surface-secondary);cursor:not-allowed;opacity:.6;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);border-color:var(--color-border)}.receipt-icon-wrapper svg{width:24px;height:24px}.summary-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2)}.untitled-stat-card-icon svg{width:24px;height:24px}.untitled-search-input2::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-search-input2::placeholder{color:var(--color-on-surface-secondary)}.untitled-search-input2:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-filter-btn15:hover{color:var(--color-on-surface);background:var(--color-surface-elevated);border-color:var(--color-primary)}.untitled-filter-btn15.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.untitled-filter-btn15.active .filter-count{background:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.filter-btn-icon svg{width:20px;height:20px}.billing-table thead{background:color-mix(in srgb,var(--color-surface) 50%,var(--color-surface-elevated));border-bottom:2px solid var(--color-border)}.billing-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;white-space:nowrap}.billing-table tbody tr{transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.billing-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.billing-table tbody tr:last-child{border-bottom:none}.billing-table td{padding:var(--spacing-lg);vertical-align:middle}.untitled-th-content span{color:var(--color-on-surface);font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.untitled-status-badge21 svg{width:16px;height:16px;flex-shrink:0}.btn-download:hover{color:var(--color-on-primary);transform:translateY(-1px);background:var(--color-primary);box-shadow:var(--shadow-level-2)}.btn-download svg{width:18px;height:18px}.btn-download-disabled:hover{color:var(--color-on-surface-secondary);transform:none;background:color-mix(in srgb,var(--color-neutral) 10%,transparent);box-shadow:none}.btn-pagination:hover:not(:disabled){color:var(--color-on-surface);background:var(--color-surface-elevated);border-color:var(--color-primary)}.btn-pagination.active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.btn-pagination:disabled{cursor:not-allowed;opacity:.4}.billing-history-wrapper *{transition:background-color var(--animation-duration-standard) var(--animation-curve-primary),color var(--animation-duration-standard) var(--animation-curve-primary),border-color var(--animation-duration-standard) var(--animation-curve-primary)}.billing-dashboard-container{margin:0 auto;padding:clamp(2rem,4vw,3rem);max-width:var(--content-max-width);background:var(--color-surface);min-height:100vh}.untitled-dashboard-header1{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2xl)}.analytics-section,.metrics-section,.payments-section,.untitled-dashboard-header1{margin-bottom:var(--section-gap)}.untitled-header-content3{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.untitled-metrics-grid4{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.untitled-analytics-grid1{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.untitled-section-header16{gap:var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.payments-table-wrapper{border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-xl)}.pagination-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);justify-content:space-between}.pagination-footer,.untitled-header-actions1{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.untitled-metric-card3{gap:var(--spacing-lg);display:flex;overflow:hidden;position:relative;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:flex-start}.untitled-chart-card8,.untitled-metric-card3{border:1px solid var(--color-border);padding:var(--spacing-2xl);animation:slideUp var(--animation-duration-standard) var(--animation-curve-primary);background:var(--color-surface-elevated);border-radius:var(--border-radius-xl)}.untitled-chart-card8{transition:box-shadow var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-section-title25{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.section-actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center}.payments-table{width:100%;border-collapse:collapse}.date-range-selector,.untitled-pagination-controls2{gap:var(--spacing-sm);display:flex;align-items:center}.date-range-selector{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-metric-icon-wrapper{width:56px;height:56px;display:flex;z-index:2;position:relative;align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.metric-icon-primary{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.untitled-metric-content1{flex:1;min-width:0}.metric-icon-accent,.metric-icon-success{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.metric-icon-warning{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.untitled-chart-header2{gap:var(--spacing-md);display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl);justify-content:space-between}.plan-distribution{gap:var(--spacing-xl);display:flex;flex-direction:column}.untitled-chart-visual8{width:100%;height:300px;display:flex;padding:var(--spacing-md);position:relative;background:var(--color-surface);align-items:center;border-radius:var(--border-radius-lg);justify-content:center}.filter-wrapper{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.pagination-pages{gap:4px;display:flex;align-items:center}.date-range-input{color:var(--color-on-surface);border:none;cursor:pointer;outline:none;padding:0;font-size:var(--font-size-base);background:transparent;font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.untitled-metric-label5{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-metric-value5{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.metric-change{gap:var(--spacing-xs);display:flex;font-size:var(--font-size-sm);align-items:center;font-weight:var(--font-weight-medium)}.plan-item{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-lg);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.untitled-chart-legend2{gap:var(--spacing-lg);display:flex;align-items:center}.untitled-filter-select4{color:var(--color-on-surface);border:none;cursor:pointer;outline:none;padding:0;font-size:var(--font-size-base);background:transparent;font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}.pagination-ellipsis{color:var(--color-on-surface-secondary);padding:0 var(--spacing-xs)}.plan-info{gap:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.plan-stats{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-legend-item4{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-plan-name{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-plan-price{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.plan-count{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.plan-bar-wrapper{width:100%;height:8px;overflow:hidden;position:relative;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.plan-revenue{color:var(--color-accent);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-legend-dot2{width:12px;height:12px;flex-shrink:0;border-radius:var(--border-radius-full)}.legend-dot-primary{background:var(--color-primary)}.legend-dot-secondary{background:var(--color-secondary)}.untitled-date-cell{gap:2px;display:flex;flex-direction:column}.untitled-plan-badge1{display:inline-flex;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);letter-spacing:.05em;text-transform:uppercase}.plan-badge-professional{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.payment-method{gap:var(--spacing-xs);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);align-items:center}.untitled-status-badge22{display:inline-flex;padding:6px var(--spacing-md);font-size:var(--font-size-xs);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.plan-badge-enterprise,.untitled-status-success8{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.plan-badge-basic{color:var(--color-on-surface);background:color-mix(in srgb,var(--color-neutral) 15%,transparent)}.untitled-status-pending6{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.untitled-status-warning4{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.plan-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-full)}.untitled-date-day{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.date-time{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.untitled-user-avatar{color:var(--color-on-primary);width:40px;height:40px;display:flex;font-size:var(--font-size-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.untitled-user-info{gap:2px;display:flex;flex-direction:column}.untitled-user-name{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-user-email{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.date-range-selector svg{color:var(--color-on-surface-secondary);flex-shrink:0}.date-range-selector:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-metric-card3:before{top:0;left:0;right:0;height:4px;content:"";opacity:0;position:absolute;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:opacity var(--animation-duration-standard) var(--animation-curve-primary)}.untitled-metric-card3:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-metric-card3:hover:before{opacity:1}.untitled-metric-card3:first-child{animation-delay:0s}.untitled-metric-card3:nth-child(2){animation-delay:.1s}.untitled-metric-card3:nth-child(3){animation-delay:.2s}.untitled-metric-card3:nth-child(4){animation-delay:.3s}.metric-change.positive{color:var(--color-accent)}.metric-change.warning{color:var(--color-secondary)}.metric-change svg{width:16px;height:16px;flex-shrink:0}.untitled-chart-card8:hover{box-shadow:var(--shadow-level-2)}.plan-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.filter-wrapper svg{color:var(--color-on-surface-secondary);flex-shrink:0}.filter-wrapper:hover{border-color:var(--color-primary)}.payments-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.payments-table th{color:var(--color-on-surface-secondary);padding:var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.payments-table tbody tr{transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.payments-table tbody tr:hover{background:var(--color-surface)}.payments-table td{color:var(--color-on-surface);padding:var(--spacing-lg) var(--spacing-lg)}.payment-method svg{flex-shrink:0}.pagination-pages .current{color:var(--color-on-primary);background:var(--color-primary)}.untitled-hero-content9{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.billing-toggle-wrapper,.untitled-hero-content9{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.billing-toggle-wrapper{display:flex;justify-content:center}.untitled-plans-grid{gap:var(--spacing-xl);display:grid;padding:0 var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.policy-card,.untitled-plans-grid{margin:0 auto;max-width:var(--content-max-width)}.policy-card{border:1px solid var(--color-border);padding:var(--spacing-4xl) var(--spacing-2xl);background:var(--color-surface);box-shadow:var(--shadow-level-2);text-align:center;border-radius:var(--border-radius-xl)}.untitled-section-header17{margin:0 auto var(--spacing-4xl);padding:0 var(--spacing-lg);max-width:var(--content-max-width);text-align:center}.untitled-comparison-table-wrapper1{overflow-x:auto}.untitled-comparison-table-wrapper1,.untitled-faq-grid{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-faq-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,1fr)}.hero-text-wrapper{z-index:2;position:relative}.untitled-hero-visual1{height:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.toggle-container{gap:var(--spacing-lg);display:flex;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-full)}.plan-card{border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-xl);flex-direction:column}.policy-icon{color:var(--color-accent);width:80px;height:80px;display:inline-flex;background:color-mix(in srgb,var(--color-accent) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);justify-content:center}.untitled-section-title26{color:var(--color-on-surface);margin:0 0 var(--spacing-md);font-size:clamp(1.75rem,3vw,2.5rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle24{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-comparison-table1{width:100%;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl);border-spacing:0;border-collapse:separate}.untitled-faq-item2{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);transition:all .3s ease;border-radius:var(--border-radius-lg)}.untitled-hero-badge6{gap:var(--spacing-sm);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:all .3s ease;align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg)}.untitled-hero-title24{color:var(--color-on-surface);margin:0 0 var(--spacing-lg);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle23{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-xl);font-size:var(--font-size-lg);max-width:90%;line-height:var(--line-height-base)}.current-plan-indicator{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);align-items:center;border-radius:var(--border-radius-lg)}.untitled-visual-overlay1{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,color-mix(in srgb,var(--color-accent) 15%,transparent) 100%)}.untitled-toggle-label{color:var(--color-on-surface-secondary);cursor:pointer;font-size:var(--font-size-base);transition:color .3s ease;font-weight:var(--font-weight-medium)}.untitled-toggle-switch2{width:56px;border:none;cursor:pointer;height:32px;outline:none;position:relative;background:var(--color-border);transition:background-color .3s ease;border-radius:var(--border-radius-full)}.untitled-plan-header1,.untitled-plan-pricing{margin-bottom:var(--spacing-xl)}.untitled-plan-pricing{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border)}.untitled-plan-features1{flex:1;margin-bottom:var(--spacing-xl)}.plan-action{margin-top:auto}.untitled-featured-badge1{gap:var(--spacing-xs);top:-12px;left:50%;color:var(--color-on-primary);display:flex;padding:var(--spacing-xs) var(--spacing-md);position:absolute;font-size:var(--font-size-xs);transform:translateX(-50%);background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.policy-grid{gap:var(--spacing-2xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(3,1fr)}.untitled-faq-question3{color:var(--color-on-surface);margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-faq-answer2{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-toggle-slider2{top:4px;left:4px;width:24px;height:24px;position:absolute;background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:transform .3s ease;border-radius:50%}.untitled-save-badge{color:var(--color-on-accent);display:inline-block;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-accent);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs);border-radius:var(--border-radius-sm)}.untitled-plan-icon1{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-plan-name1{color:var(--color-on-surface);margin:0 0 var(--spacing-sm);font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.untitled-plan-description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.price-display{gap:var(--spacing-xs);display:flex;align-items:baseline;margin-bottom:var(--spacing-sm)}.billing-note{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.untitled-features-list1{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.policy-item{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:left;transition:all .3s ease;border-radius:var(--border-radius-lg)}.currency{color:var(--color-on-surface-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.untitled-amount-value{color:var(--color-on-surface);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1}.period{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-feature-item7{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:flex-start}.policy-item-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-feature-name{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.untitled-feature-value{color:var(--color-on-surface-secondary);text-align:center}.untitled-hero-badge6 svg{width:20px;height:20px}.current-plan-indicator svg{color:var(--color-accent);width:18px;height:18px}.current-plan-indicator strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-hero-visual1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-toggle-label.active{color:var(--color-on-surface)}.untitled-toggle-switch2:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.untitled-toggle-switch2[aria-checked=true]{background:var(--color-primary)}.untitled-toggle-switch2[aria-checked=true] .toggle-slider{transform:translateX(24px)}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.plan-card.featured{border:2px solid var(--color-primary);transform:scale(1.05);background:linear-gradient(135deg,var(--color-surface-elevated) 0,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated)) 100%);box-shadow:var(--shadow-level-3)}.plan-card.featured:hover{transform:scale(1.05) translateY(-8px)}.untitled-featured-badge1 svg{width:16px;height:16px}.untitled-feature-item7 svg{color:var(--color-accent);width:20px;height:20px;margin-top:2px;flex-shrink:0}.plan-action .btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.policy-content .section-title{margin-bottom:var(--spacing-2xl)}.policy-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.policy-item-content h3{color:var(--color-on-surface);margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.policy-item-content p{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-comparison-table1 thead{background:var(--color-surface)}.untitled-comparison-table1 th{color:var(--color-on-surface);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);text-align:left;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-border)}.untitled-comparison-table1 th.feature-column{width:40%}.untitled-comparison-table1 th.plan-column{width:20%;text-align:center}.untitled-comparison-table1 th.featured-column{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.untitled-comparison-table1 tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--color-border)}.untitled-comparison-table1 tbody tr:hover{background:var(--color-surface)}.untitled-comparison-table1 tbody tr:last-child{border-bottom:none}.untitled-comparison-table1 td{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base)}.untitled-feature-value svg{color:var(--color-accent);display:inline-block}.untitled-faq-item2:hover{box-shadow:var(--shadow-level-2);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.cancel-subscription-container{top:0;left:0;right:0;bottom:0;display:flex;padding:var(--spacing-lg);z-index:9999;position:fixed;overflow-y:auto;align-items:center;justify-content:center}.cancel-subscription-overlay{top:0;left:0;right:0;bottom:0;z-index:1;position:fixed;animation:fadeIn .3s var(--animation-curve-primary);background:var(--color-scrim);backdrop-filter:blur(4px)}.cancel-subscription-modal{width:100%;border:1px solid var(--color-border);z-index:2;position:relative;animation:slideUp .4s var(--animation-curve-primary);max-width:42rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.untitled-modal-header4{padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl);position:relative;text-align:center;border-bottom:1px solid var(--color-border)}.untitled-modal-actions1,.untitled-modal-content2{padding:var(--spacing-xl)}.untitled-modal-actions1{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);flex-direction:column}.untitled-modal-footer1{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface);text-align:center;border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.modal-icon-wrapper{display:flex;margin-bottom:var(--spacing-lg);justify-content:center}.warning-card{border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-radius:var(--border-radius-lg)}.subscription-details,.warning-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.subscription-details{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;background:var(--color-surface);border-radius:var(--border-radius-lg);flex-direction:column}.features-lost-section{margin-bottom:var(--spacing-xl)}.retention-offer{border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.btn-destructive{color:var(--color-accent);border-color:var(--color-accent)}.footer-note{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-base)}.modal-icon-alert{color:var(--color-accent);width:4rem;border:2px solid color-mix(in srgb,var(--color-accent) 30%,transparent);height:4rem;display:flex;animation:pulse 2s ease-in-out infinite;background:color-mix(in srgb,var(--color-accent) 10%,transparent);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.warning-header{gap:var(--spacing-sm);display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.warning-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-detail-item3{gap:var(--spacing-md);display:flex;align-items:flex-start}.untitled-features-list2{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.warning-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-detail-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-detail-content{gap:.25rem;flex:1;display:flex;flex-direction:column}.untitled-feature-item8{gap:var(--spacing-sm);display:flex;padding:var(--spacing-sm) 0;align-items:flex-start}.retention-title{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.retention-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.retention-options{gap:var(--spacing-sm);display:flex;flex-direction:column}.untitled-detail-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-detail-value{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.feature-bullet{width:.375rem;height:.375rem;background:var(--color-on-surface-secondary);margin-top:.5rem;flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-feature-text4{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.retention-option{gap:var(--spacing-sm);border:1px solid var(--color-border);display:flex;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-md)}.option-label{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.untitled-modal-header4 .hero-title{color:var(--color-on-surface);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.untitled-modal-header4 .hero-subtitle{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-base);max-width:32rem;line-height:var(--line-height-base)}.warning-header svg{color:var(--color-accent);flex-shrink:0}.features-lost-section .section-subtitle{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.retention-option:before{color:var(--color-primary);content:"→";flex-shrink:0;font-weight:var(--font-weight-bold)}.btn-destructive:hover{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.untitled-modal-actions1 .btn{gap:var(--spacing-sm);display:flex;transition:all .2s var(--animation-curve-primary);align-items:center;justify-content:center}.untitled-modal-actions1 .btn svg{flex-shrink:0}.billing-settings-page{background:var(--color-surface);min-height:100vh;padding-bottom:var(--spacing-4xl)}.untitled-billing-header{padding:var(--spacing-2xl) 0;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.billing-content{padding-top:var(--section-gap)}.billing-header__content{gap:var(--spacing-xl);display:flex;align-items:flex-start;justify-content:space-between}.billing-grid{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,1fr)}.billing-grid,.billing-subscription-section,.untitled-billing-history-section{margin-bottom:var(--spacing-xl)}.billing-security-notice{margin-top:var(--spacing-2xl)}.billing-header__title-group{flex:1}.billing-header__security{display:flex;align-items:center}.billing-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:box-shadow var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-security-notice-card{gap:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:flex;padding:var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 5%,transparent);align-items:flex-start;border-radius:var(--border-radius-lg)}.untitled-security-badge1{gap:var(--spacing-xs);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:flex;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.payment-method-current,.payment-update-form{margin-top:var(--spacing-lg)}.payment-update-form{animation:slideDown var(--animation-duration-standard) var(--animation-curve-primary)}.billing-card__header{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-lg)}.billing-form{gap:var(--spacing-lg);display:flex;flex-direction:column}.invoices-table-wrapper,.untitled-subscription-details{margin-top:var(--spacing-lg)}.invoices-table-wrapper{border:1px solid var(--color-border);overflow-x:auto;border-radius:var(--border-radius-md)}.untitled-security-notice-icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-security-notice-content{flex:1}.current-card{color:var(--color-on-primary);padding:var(--spacing-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--border-radius-lg)}.form-divider{height:1px;margin:var(--spacing-xl) 0;background:var(--color-border)}.billing-card__icon{color:var(--color-primary);width:48px;height:48px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-form-grid7{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-form-actions9{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);justify-content:flex-end}.subscription-plan{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-md)}.invoices-table{width:100%;background:var(--color-surface);border-collapse:collapse}.security-notice-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.security-notice-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.current-card__visual{display:flex;align-items:flex-start;margin-bottom:var(--spacing-lg);justify-content:space-between}.current-card__details,.current-card__status,.current-card__visual{z-index:2;position:relative}.current-card__status{margin-top:var(--spacing-lg)}.untitled-card-subtitle{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.untitled-plan-header2{display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);justify-content:space-between}.untitled-plan-features2{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.plan-cycle-info,.untitled-plan-features2{display:grid;grid-template-columns:repeat(2,1fr)}.plan-cycle-info{gap:var(--spacing-lg);padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-neutral) 5%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.plan-actions{gap:var(--spacing-md);display:flex}.card-chip{width:48px;height:36px;position:relative;background:color-mix(in srgb,var(--color-on-primary) 30%,transparent);border-radius:var(--border-radius-sm)}.untitled-card-logo{display:flex;align-items:center}.card-number{font-size:var(--font-size-xl);font-family:Courier New,monospace;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);letter-spacing:.15em}.card-info-row{gap:var(--spacing-2xl);display:flex}.plan-name-section{gap:var(--spacing-md);display:flex;align-items:center}.untitled-plan-price1{text-align:right}.plan-feature{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center}.cycle-info-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.card-logo-text{opacity:.9;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.1em}.card-info-item{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-plan-name2{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.untitled-price-amount1{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.untitled-price-period1{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.card-info-label{opacity:.7;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.card-info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.untitled-invoice-number{font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.invoice-date{color:var(--color-on-surface-secondary)}.invoice-amount{font-weight:var(--font-weight-semibold)}.untitled-btn-icon-action{color:var(--color-on-surface);width:36px;border:1px solid var(--color-border);cursor:pointer;height:36px;display:flex;background:transparent;transition:all var(--animation-duration-fast) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-security-badge1 svg{flex-shrink:0}.billing-card:hover{box-shadow:var(--shadow-level-2)}.current-card:before{top:-50%;right:-20%;width:300px;height:300px;content:"";position:absolute;background:color-mix(in srgb,var(--color-on-primary) 10%,transparent);border-radius:50%;pointer-events:none}.card-chip:after{top:50%;left:50%;width:32px;border:2px solid color-mix(in srgb,var(--color-on-primary) 50%,transparent);height:24px;content:"";position:absolute;transform:translate(-50%,-50%);border-radius:4px}.plan-feature svg{color:var(--color-primary);flex-shrink:0}.invoices-table thead{background:color-mix(in srgb,var(--color-neutral) 5%,transparent);border-bottom:1px solid var(--color-border)}.invoices-table th{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.invoices-table tbody tr{transition:background-color var(--animation-duration-fast) var(--animation-curve-primary);border-bottom:1px solid var(--color-border)}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table tbody tr:hover{background:color-mix(in srgb,var(--color-neutral) 3%,transparent)}.invoices-table td{color:var(--color-on-surface);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.untitled-btn-icon-action:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.privacy-hero-container{margin:0 auto;z-index:2;position:relative;max-width:var(--content-max-width)}.privacy-hero-content{gap:var(--spacing-lg);display:flex;text-align:center;align-items:center;flex-direction:column}.privacy-hero-icon{color:var(--color-primary);width:80px;height:80px;animation:fadeInScale .6s var(--animation-curve-primary);background:var(--color-surface);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.privacy-hero-icon,.privacy-meta{display:flex;align-items:center;justify-content:center}.privacy-meta{gap:var(--spacing-md);color:var(--color-on-primary);flex-wrap:wrap;font-size:var(--font-size-sm)}.untitled-meta-item12{opacity:.95}.untitled-meta-divider{opacity:.6}.privacy-content-wrapper{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.untitled-intro-card{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);flex-direction:column}.intro-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.nav-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.nav-title{color:var(--color-on-surface);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading)}.nav-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.nav-link{gap:var(--spacing-sm);color:var(--color-on-surface);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--animation-duration-fast) var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);text-decoration:none}.nav-icon,.nav-link{display:flex;align-items:center}.nav-icon{opacity:.8;transition:opacity var(--animation-duration-fast) var(--animation-curve-primary);justify-content:center}.policy-section{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface);scroll-margin-top:2rem}.untitled-section-header18{gap:var(--spacing-lg);display:flex;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.untitled-policy-content{gap:var(--spacing-2xl);display:flex;flex-direction:column}.untitled-section-icon1{color:var(--color-on-primary);width:64px;height:64px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-2);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-section-header-text{flex:1}.content-block{padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-section-title27{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle25{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base)}.content-heading{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.content-heading,.content-text{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0}.content-text{font-size:var(--font-size-base);line-height:var(--line-height-base)}.content-list{gap:var(--spacing-md);margin:var(--spacing-md) 0 0 0;display:flex;padding:0;list-style:none;flex-direction:column}.untitled-list-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:flex-start;line-height:var(--line-height-base)}.rights-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.right-card{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);flex-direction:column}.right-card,.right-icon{display:flex;border-radius:var(--border-radius-md)}.right-icon{color:var(--color-primary);width:48px;height:48px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-secondary) 15%,transparent));align-items:center;justify-content:center}.right-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.right-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.retention-timeline{gap:var(--spacing-xl);display:flex;position:relative;margin-top:var(--spacing-xl);flex-direction:column}.untitled-timeline-item5{gap:var(--spacing-lg);display:flex;position:relative}.untitled-timeline-marker4{width:40px;border:4px solid var(--color-surface);height:40px;z-index:2;position:relative;background:var(--color-primary);box-shadow:var(--shadow-level-2);flex-shrink:0;border-radius:var(--border-radius-full)}.untitled-timeline-content5{flex:1;border:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-md)}.untitled-timeline-title3{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.timeline-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-security-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.untitled-security-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all var(--animation-duration-standard) var(--animation-curve-primary);border-radius:var(--border-radius-lg);flex-direction:column}.security-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-accent) 12%,transparent));align-items:center;border-radius:var(--border-radius-md);justify-content:center}.security-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.security-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.untitled-contact-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:center;transition:all var(--animation-duration-standard) var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg);flex-direction:column}.untitled-contact-icon{color:var(--color-on-primary);width:56px;height:56px;display:flex;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.contact-title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.contact-detail{color:var(--color-primary);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.contact-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.footer-card{gap:var(--spacing-lg);border:1px solid var(--color-border);padding:var(--spacing-3xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);text-align:center;flex-direction:column}.footer-card,.footer-icon{display:flex;align-items:center;border-radius:var(--border-radius-xl)}.footer-icon{color:var(--color-on-primary);width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-level-3);justify-content:center}.footer-title{font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.footer-title,.untitled-footer-text2{color:var(--color-on-surface);margin:0}.untitled-footer-text2{font-size:var(--font-size-base);max-width:60ch;line-height:var(--line-height-base)}.untitled-footer-meta{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.footer-version{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.intro-text:first-child{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.nav-link:hover{color:var(--color-on-primary);transform:translateY(-2px);background:var(--color-primary);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.nav-link:hover .nav-icon{opacity:1}.policy-section:nth-child(2n){background:linear-gradient(to bottom,var(--color-surface) 0,color-mix(in srgb,var(--color-primary) 2%,var(--color-surface)) 100%)}.content-text:last-child{margin-bottom:0}.content-text strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.untitled-list-item svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.untitled-list-item strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.right-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.retention-timeline:before{top:20px;left:19px;width:2px;bottom:20px;content:"";position:absolute;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}.untitled-security-card:before{top:0;left:0;right:0;height:4px;content:"";position:absolute;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform var(--animation-duration-standard) var(--animation-curve-primary);transform-origin:left}.untitled-security-card:hover:before{transform:scaleX(1)}.contact-card:hover,.untitled-security-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.contact-card:hover{border-color:var(--color-primary)}.terms-hero{display:flex;overflow:hidden;position:relative;background:var(--color-surface);min-height:70vh;align-items:center;justify-content:center}.terms-hero__background{inset:0;z-index:1;position:absolute}.terms-hero__content{padding:var(--spacing-4xl) var(--spacing-lg);z-index:3;position:relative;animation:fadeInUp .8s ease-out;max-width:56rem;text-align:center}.terms-hero__overlay{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,transparent),color-mix(in srgb,var(--color-secondary) 88%,transparent));backdrop-filter:blur(2px)}.terms-hero__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.terms-hero__icon-wrapper{width:5rem;border:1px solid color-mix(in srgb,var(--color-surface) 30%,transparent);height:5rem;display:inline-flex;background:color-mix(in srgb,var(--color-surface) 15%,transparent);align-items:center;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-xl);backdrop-filter:blur(12px);justify-content:center}.terms-hero__meta{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;justify-content:center}.terms-hero__icon{color:var(--color-surface);filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.terms-hero__meta-item{gap:var(--spacing-sm);color:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent);display:flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-surface) 12%,transparent);align-items:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);backdrop-filter:blur(8px)}.terms-nav{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.terms-nav__container{margin:0 auto;max-width:var(--content-max-width)}.terms-nav__grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.terms-nav__card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:center;flex-direction:column;text-decoration:none}.terms-nav__card,.terms-nav__icon{display:flex;transition:all .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-lg)}.terms-nav__icon{color:var(--color-primary);width:3.5rem;height:3.5rem;background:color-mix(in srgb,var(--color-primary) 12%,transparent);margin-bottom:var(--spacing-md);justify-content:center}.terms-content{padding:var(--section-gap) var(--spacing-lg);background:var(--color-surface)}.terms-content__container{margin:0 auto;max-width:var(--content-max-width)}.terms-content__layout{gap:var(--spacing-3xl);display:grid;align-items:flex-start;grid-template-columns:16rem 1fr}.terms-content__sidebar{position:relative}.terms-content__main{gap:var(--spacing-4xl);display:flex;flex-direction:column}.terms-content__sidebar-sticky{top:var(--spacing-xl);border:1px solid var(--color-border);padding:var(--spacing-xl);position:sticky;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.terms-section{position:relative;scroll-margin-top:var(--spacing-2xl)}.terms-content__toc{gap:var(--spacing-xs);display:flex;flex-direction:column}.terms-section__number{top:0;left:-4rem;color:color-mix(in srgb,var(--color-primary) 15%,transparent);position:absolute;font-size:clamp(3rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.terms-section__content{gap:var(--spacing-lg);display:flex;flex-direction:column}.terms-content__toc-link{color:var(--color-on-surface-secondary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);transition:all .2s var(--animation-curve-primary);border-left:3px solid transparent;border-radius:var(--border-radius-md);text-decoration:none}.terms-highlight{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md)}.terms-highlight,.terms-list{gap:var(--spacing-md);display:flex}.terms-list{margin:var(--spacing-lg) 0;padding:0;list-style:none;flex-direction:column}.terms-prohibited{border:1px solid var(--color-border);margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.terms-contact-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.terms-highlight__icon{color:var(--color-primary);flex-shrink:0}.terms-list__item{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;align-items:flex-start;line-height:var(--line-height-base)}.terms-contact-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:center;transition:all .3s var(--animation-curve-primary);flex-direction:column}.terms-contact-card,.terms-contact-card__icon{display:flex;align-items:center;border-radius:var(--border-radius-lg)}.terms-contact-card__icon{color:var(--color-primary);width:3rem;height:3rem;background:color-mix(in srgb,var(--color-primary) 12%,transparent);margin-bottom:var(--spacing-md);justify-content:center}.terms-cta{padding:var(--section-gap) var(--spacing-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-top:1px solid var(--color-border)}.terms-cta__content{gap:var(--spacing-lg);margin:0 auto;display:flex;max-width:48rem;text-align:center;align-items:center;flex-direction:column}.terms-cta__icon{color:var(--color-primary);margin-bottom:var(--spacing-md)}.terms-cta__buttons{gap:var(--spacing-md);display:flex;flex-wrap:wrap;margin-top:var(--spacing-lg);justify-content:center}.terms-hero .hero-title{color:var(--color-surface);text-shadow:0 2px 12px rgba(0,0,0,.3);margin-bottom:var(--spacing-md)}.terms-hero .hero-subtitle{color:color-mix(in srgb,var(--color-surface) 95%,transparent);font-size:var(--font-size-lg);text-shadow:0 1px 4px rgba(0,0,0,.2);margin-bottom:var(--spacing-2xl)}.terms-hero__meta-item svg{flex-shrink:0}.terms-nav .section-subtitle{color:var(--color-on-surface);text-align:center;margin-bottom:var(--spacing-2xl)}.terms-nav__card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.terms-nav__card:hover .terms-nav__icon{color:var(--color-on-primary);transform:scale(1.1);background:var(--color-primary)}.terms-nav__card .card-title{color:var(--color-on-surface);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.terms-nav__card .feature-text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.terms-content__sidebar .section-subtitle{color:var(--color-on-surface);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.terms-content__toc-link:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);padding-left:calc(var(--spacing-md) + .25rem);border-left-color:var(--color-primary)}.terms-section .section-title{color:var(--color-on-surface);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.terms-section__content p.feature-text{color:var(--color-on-surface);line-height:var(--line-height-base)}.terms-section__content h3.card-title{color:var(--color-on-surface);font-size:var(--font-size-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.terms-list__item svg{color:var(--color-primary);margin-top:.125rem;flex-shrink:0}.terms-list__item span{flex:1}.terms-highlight p.feature-text{color:var(--color-on-surface);margin:0}.terms-prohibited h3.card-title{color:var(--color-on-surface);margin-top:0;margin-bottom:var(--spacing-md)}.terms-contact-card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.terms-contact-card .card-title{color:var(--color-on-surface);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.terms-contact-card .feature-text{color:var(--color-primary);margin:0;font-weight:var(--font-weight-medium)}.terms-cta .section-title{color:var(--color-on-surface);margin:0}.terms-cta .hero-subtitle{color:var(--color-on-surface-secondary);margin:0}.untitled-hero-content-wrapper11{width:100%;z-index:3;position:relative;max-width:var(--content-max-width)}.untitled-hero-visual-layer{inset:0;z-index:1;overflow:hidden;position:absolute}.hero-content-container{z-index:2;position:relative;animation:heroFadeIn .8s var(--animation-curve-primary);text-align:center}.hero-background-pattern{inset:0;opacity:.6;position:absolute;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-accent) 6%,transparent) 0,transparent 50%)}.hero-accent-shape{top:-10%;right:-5%;width:40%;filter:blur(60px);height:60%;opacity:.03;position:absolute;transform:rotate(-15deg);background:var(--color-primary);border-radius:50% 40% 60% 50%}.hero-icon-wrapper{color:var(--color-primary);width:96px;height:96px;display:inline-flex;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg)}.hero-icon-wrapper,.hero-meta{align-items:center;justify-content:center}.hero-meta{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}.meta-separator{opacity:.5}.introduction-container{margin:0 auto;max-width:var(--content-max-width)}.introduction-content{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.introduction-visual{overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);aspect-ratio:4/3;border-radius:var(--border-radius-xl)}.untitled-visual-overlay2{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,transparent 60%)}.cookies-section-container{margin:0 auto;padding:var(--section-gap) var(--spacing-xl);max-width:var(--content-max-width)}.section-header-group{gap:var(--spacing-lg);display:flex;align-items:flex-start;margin-bottom:var(--spacing-3xl)}.cookies-content-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-callout{gap:var(--spacing-md);color:var(--color-on-surface);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-left:4px solid var(--color-primary);line-height:var(--line-height-base);border-radius:var(--border-radius-md)}.untitled-section-icon2{color:var(--color-primary);width:72px;height:72px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));box-shadow:var(--shadow-level-1);align-items:center;flex-shrink:0;border-radius:var(--border-radius-lg);justify-content:center}.untitled-section-header-text1{flex:1}.cookie-card{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-section-subtitle26{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-xs)}.untitled-card-header3{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);justify-content:space-between}.untitled-card-content7{color:var(--color-on-surface);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.cookie-list{margin:var(--spacing-lg) 0;padding:0;list-style:none}.cookie-details{gap:var(--spacing-md);display:grid;border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);grid-template-columns:1fr 1fr}.untitled-card-title10{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.untitled-status-badge23{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-full)}.untitled-status-success9{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.cookie-list-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;padding:var(--spacing-sm) 0;align-items:flex-start}.untitled-detail-item4{gap:var(--spacing-xs);display:flex;flex-direction:column}.untitled-detail-label1{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.untitled-detail-value1{color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.analytics-description,.untitled-analytics-grid2{margin-bottom:var(--spacing-2xl)}.untitled-analytics-grid2{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cookie-details-box{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-lg)}.analytics-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.detail-row{display:flex;padding:var(--spacing-md) 0;align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between}.untitled-analytics-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 8%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);justify-content:center}.third-party-content{margin-top:var(--spacing-2xl)}.third-party-grid{gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.warning-callout{border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));margin-top:var(--spacing-2xl);border-radius:var(--border-radius-lg)}.third-party-card,.warning-callout{gap:var(--spacing-md);display:flex;padding:var(--spacing-xl)}.third-party-card{border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg);flex-direction:column}.card-header-row{gap:var(--spacing-sm);display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);justify-content:space-between}.card-description{color:var(--color-on-surface);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.service-list{gap:var(--spacing-md);margin:var(--spacing-md) 0;display:flex;flex-direction:column}.callout-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.callout-text,.callout-title{color:var(--color-on-surface)}.callout-text{line-height:var(--line-height-base)}.provider-badge{color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-secondary) 15%,transparent);font-weight:var(--font-weight-medium);white-space:nowrap}.provider-badge,.service-item{border-radius:var(--border-radius-sm)}.service-item{padding:var(--spacing-sm);background:color-mix(in srgb,var(--color-primary) 3%,transparent);border-left:3px solid var(--color-primary)}.service-name{color:var(--color-on-surface);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.service-purpose{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.managing-section-container{margin:0 auto;padding:var(--section-gap) var(--spacing-xl);max-width:var(--content-max-width)}.managing-header{text-align:center;margin-bottom:var(--spacing-4xl)}.managing-content-wrapper{gap:var(--spacing-3xl);display:flex;flex-direction:column}.method-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-xl)}.featured-method{border:2px solid var(--color-primary);position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) 0,var(--color-surface) 100%)}.browser-methods{margin-top:var(--spacing-3xl)}.impact-notice{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-xl);background:var(--color-surface);margin-top:var(--spacing-2xl);border-radius:var(--border-radius-lg)}.method-number{top:var(--spacing-lg);color:var(--color-on-primary);right:var(--spacing-lg);width:48px;height:48px;display:flex;position:absolute;font-size:var(--font-size-xl);background:var(--color-primary);box-shadow:var(--shadow-level-2);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.method-content{padding-right:var(--spacing-4xl)}.subsection-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.browser-grid{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.untitled-notice-icon{color:var(--color-accent);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-accent) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.untitled-notice-content{flex:1}.steps-list{gap:var(--spacing-md);margin:var(--spacing-xl) 0;display:flex;flex-direction:column}.browser-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md)}.untitled-notice-title{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.untitled-notice-text{color:var(--color-on-surface);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.impact-list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.step-item{gap:var(--spacing-md);display:flex;padding:var(--spacing-md);background:var(--color-surface-elevated);align-items:center;border-left:3px solid var(--color-accent);border-radius:var(--border-radius-md)}.browser-name{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.browser-steps{margin:0;padding:0;list-style:none;counter-reset:step-counter}.impact-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;align-items:flex-start}.untitled-step-number2{color:var(--color-on-accent);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-accent);font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:var(--border-radius-sm)}.step-text{color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.consent-section-container{gap:var(--spacing-4xl);margin:0 auto;display:grid;padding:var(--section-gap) var(--spacing-xl);max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1.2fr}.consent-visual-side{height:100%;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);min-height:600px;border-radius:var(--border-radius-xl)}.consent-content-side{padding:var(--spacing-xl) 0}.visual-overlay-gradient{inset:0;z-index:2;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 30%,transparent) 0,transparent 60%)}.consent-features{gap:var(--spacing-lg);margin:var(--spacing-2xl) 0;display:flex;flex-direction:column}.consent-actions{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-2xl)}.consent-feature-item{gap:var(--spacing-md);border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary)}.consent-feature-item,.untitled-feature-icon3{display:flex;border-radius:var(--border-radius-md)}.untitled-feature-icon3{color:var(--color-primary);width:48px;height:48px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;justify-content:center}.untitled-feature-title1{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.untitled-feature-text5{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.contact-container{margin:0 auto;padding:var(--section-gap) var(--spacing-xl);max-width:var(--content-max-width)}.contact-header-content{text-align:center;margin-bottom:var(--spacing-3xl)}.untitled-contact-grid1{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.policy-meta-info{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-3xl)}.related-policies{margin-top:var(--spacing-3xl)}.untitled-contact-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface);box-shadow:var(--shadow-level-1);text-align:center;transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.meta-info-grid{gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.policy-links-grid{gap:var(--spacing-md);display:grid;margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-card-icon{color:var(--color-primary);width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-full);justify-content:center}.untitled-contact-link{color:var(--color-primary);display:inline-block;padding:var(--spacing-sm) 0;margin-top:var(--spacing-md);transition:border-color .3s var(--animation-curve-primary);font-weight:var(--font-weight-medium);border-bottom:2px solid transparent;text-decoration:none}.meta-info-item,.policy-link-card{gap:var(--spacing-xs);display:flex;flex-direction:column}.policy-link-card{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-md);text-decoration:none}.untitled-meta-label2{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.untitled-meta-value2{color:var(--color-on-surface)}.untitled-link-title,.untitled-meta-value2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.untitled-link-title{color:var(--color-primary)}.untitled-link-description{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.hero-icon-wrapper svg{width:64px;height:64px}.introduction-text p{color:var(--color-on-surface);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.introduction-visual img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.cookie-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.cookie-list-item svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.info-callout svg{color:var(--color-primary);margin-top:2px;flex-shrink:0}.analytics-card:hover{box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.detail-row:last-child{border-bottom:none}.detail-row .detail-label{color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:normal;text-transform:none}.detail-row .detail-value{color:var(--color-on-surface);text-align:right}.detail-row .highlight{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.warning-callout svg{color:var(--color-accent);flex-shrink:0}.managing-header .section-icon{margin:0 auto var(--spacing-lg)}.browser-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-level-2);border-color:var(--color-primary)}.browser-steps li{color:var(--color-on-surface);position:relative;line-height:var(--line-height-base);padding-left:var(--spacing-xl);margin-bottom:var(--spacing-sm);counter-increment:step-counter}.browser-steps li:before{top:0;left:0;color:var(--color-primary);width:24px;height:24px;content:counter(step-counter);display:flex;position:absolute;font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.impact-item svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.consent-visual-side img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.consent-feature-item:hover{box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-contact-link:hover{border-bottom-color:var(--color-primary)}.policy-link-card:hover{transform:translateX(4px);box-shadow:var(--shadow-level-1);border-color:var(--color-primary)}.untitled-feature-column1{transition:transform .4s var(--animation-curve-primary),box-shadow .4s var(--animation-curve-primary)}.untitled-feature-column1:hover{transform:translateY(-6px);box-shadow:var(--shadow-level-3)}.untitled-hero-section8{display:flex;overflow:hidden;position:relative;background:var(--color-surface);min-height:clamp(600px,80vh,800px);align-items:center}.untitled-hero-overlay9{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent) 0,color-mix(in srgb,var(--color-secondary) 3%,transparent) 100%)}.untitled-hero-content-wrapper12{gap:var(--spacing-4xl);margin:0 auto;display:grid;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);align-items:center;grid-template-columns:1fr 1fr}.untitled-hero-text-content4{gap:var(--spacing-lg);display:flex;flex-direction:column}.untitled-hero-image-wrapper{height:500px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.untitled-hero-icon-wrapper{color:var(--color-primary);width:96px;height:96px;display:inline-flex;animation:float 3s ease-in-out infinite;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-md);justify-content:center}.untitled-hero-title26{color:var(--color-on-surface);margin:0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle24{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-base)}.untitled-hero-stats-grid1{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.untitled-hero-image-overlay{top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 30%,transparent) 100%)}.hero-shield-icon{width:64px;height:64px}.hero-stat-item{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface-elevated);text-align:center;transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-stat-number2{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2}.untitled-stat-label29{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.security-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.untitled-section-container12{margin:0 auto;max-width:var(--content-max-width)}.untitled-section-header19{text-align:center;margin-bottom:var(--spacing-4xl)}.untitled-security-grid1{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-section-title28{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle27{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg)}.untitled-security-card1{border:1px solid var(--color-border);padding:var(--spacing-2xl);position:relative;background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.security-card-featured{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)),var(--color-surface-elevated));grid-column:1/-1}.security-card-icon{color:var(--color-primary);width:80px;height:80px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-card-title11{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.untitled-feature-text6{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.security-features-list{gap:var(--spacing-sm);margin:var(--spacing-lg) 0 0 0;display:flex;padding:0;list-style:none;flex-direction:column}.security-feature-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center}.storage-section{padding:var(--section-gap) var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.storage-content-wrapper{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1fr 1fr}.storage-image-column{position:relative}.storage-text-column{gap:var(--spacing-xl);display:flex;flex-direction:column}.storage-image-stack{height:600px;position:relative}.practices-list{gap:var(--spacing-xl);display:flex;flex-direction:column}.storage-img{position:absolute;box-shadow:var(--shadow-level-3);-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-xl)}.storage-img-primary{top:0;left:0;width:70%;height:400px;z-index:2}.storage-img-secondary{right:0;width:60%;border:4px solid var(--color-surface);bottom:0;height:300px;z-index:1}.practice-item{gap:var(--spacing-lg);border:1px solid var(--color-border);display:grid;padding:var(--spacing-xl);background:var(--color-surface-elevated);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg);grid-template-columns:auto 1fr}.practice-icon{color:var(--color-secondary);width:64px;height:64px;display:flex;background:color-mix(in srgb,var(--color-secondary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.practice-content{gap:var(--spacing-sm);display:flex;flex-direction:column}.third-party-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.processors-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(2,1fr)}.processor-commitment{padding:var(--spacing-3xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)),var(--color-surface-elevated));text-align:center;align-items:center;border-radius:var(--border-radius-xl)}.processor-card,.processor-commitment{gap:var(--spacing-lg);display:flex;flex-direction:column}.processor-card{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);transition:box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl)}.commitment-icon{color:var(--color-primary)}.processor-header{display:flex;align-items:center;justify-content:space-between}.processor-details{gap:var(--spacing-sm);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md);flex-direction:column}.untitled-status-badge24{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.5px;text-transform:uppercase}.untitled-status-success10{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.untitled-detail-row{display:flex;font-size:var(--font-size-sm);justify-content:space-between}.untitled-info-label16{color:var(--color-on-surface-secondary);font-weight:var(--font-weight-medium)}.untitled-info-value11{color:var(--color-on-surface);text-align:right;font-weight:var(--font-weight-regular)}.backup-section{padding:var(--section-gap) var(--spacing-xl);background:color-mix(in srgb,var(--color-secondary) 3%,var(--color-surface))}.backup-layout{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1.2fr .8fr}.backup-content{gap:var(--spacing-xl);display:flex;flex-direction:column}.backup-visual{height:600px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.backup-badge{gap:var(--spacing-sm);color:var(--color-primary);width:-moz-fit-content;width:fit-content;display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.backup-features{gap:var(--spacing-lg);display:grid;margin-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.backup-process{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);margin-top:var(--spacing-lg);border-radius:var(--border-radius-xl)}.backup-stats-overlay{left:0;right:0;bottom:0;display:flex;padding:var(--spacing-2xl);z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 95%,transparent) 100%);justify-content:space-around}.backup-feature{border:2px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);text-align:center;border-radius:var(--border-radius-lg)}.process-steps{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.feature-metric{color:var(--color-secondary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2}.feature-label{color:var(--color-on-surface);margin:var(--spacing-xs) 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.process-step{gap:var(--spacing-lg);display:grid;align-items:flex-start;grid-template-columns:auto 1fr}.untitled-stat-value29{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2}.untitled-step-number3{color:var(--color-on-primary);width:48px;height:48px;display:flex;font-size:var(--font-size-lg);background:var(--color-primary);align-items:center;flex-shrink:0;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);justify-content:center}.breach-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.breach-timeline{gap:var(--spacing-3xl);margin:0 auto;display:flex;position:relative;max-width:900px;flex-direction:column}.breach-commitment-card{border:1px solid var(--color-border);padding:var(--spacing-3xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-elevated)),var(--color-surface-elevated));margin-top:var(--spacing-4xl);text-align:center;border-radius:var(--border-radius-xl)}.untitled-timeline-item6{gap:var(--spacing-xl);display:grid;position:relative;grid-template-columns:auto 1fr}.untitled-timeline-marker5{gap:var(--spacing-sm);display:flex;z-index:2;position:relative;align-items:center;flex-direction:column}.untitled-timeline-content6{gap:var(--spacing-lg);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);transition:transform .3s var(--animation-curve-primary);border-radius:var(--border-radius-xl);flex-direction:column}.untitled-timeline-time{color:var(--color-primary);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-surface-elevated);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--border-radius-full)}.contact-section{padding:var(--section-gap) var(--spacing-xl);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.contact-wrapper{gap:var(--spacing-4xl);display:grid;align-items:center;grid-template-columns:1.2fr .8fr}.contact-info{gap:var(--spacing-xl);display:flex;flex-direction:column}.contact-image{height:600px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.contact-header{gap:var(--spacing-md)}.contact-header,.dpo-details{display:flex;flex-direction:column}.dpo-details{gap:var(--spacing-xl)}.contact-overlay{left:0;right:0;bottom:0;padding:var(--spacing-2xl);z-index:2;position:absolute;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-surface) 95%,transparent) 100%)}.untitled-contact-icon1{color:var(--color-primary)}.contact-methods{gap:var(--spacing-lg);display:flex;margin-top:var(--spacing-lg);flex-direction:column}.request-types{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-xl)}.overlay-content{display:flex;justify-content:space-around}.untitled-contact-method1{gap:var(--spacing-lg);border:1px solid var(--color-border);display:grid;padding:var(--spacing-xl);background:var(--color-surface-elevated);align-items:center;border-radius:var(--border-radius-lg);grid-template-columns:auto 1fr}.rights-list{gap:var(--spacing-sm);margin:var(--spacing-lg) 0 0 0;display:grid;padding:0;list-style:none;grid-template-columns:repeat(2,1fr)}.overlay-stat{text-align:center}.method-icon{color:var(--color-primary);width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-method-content{gap:var(--spacing-xs);display:flex;flex-direction:column}.rights-item{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;font-size:var(--font-size-base);align-items:center}.method-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.method-value{color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.certifications-section{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.certifications-grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(4,1fr)}.compliance-commitment{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-elevated))}.certification-card,.compliance-commitment{border:1px solid var(--color-border);padding:var(--spacing-2xl);text-align:center;border-radius:var(--border-radius-xl)}.certification-card{gap:var(--spacing-lg);display:flex;overflow:hidden;position:relative;background:var(--color-surface-elevated);transition:all .3s var(--animation-curve-primary);flex-direction:column}.cert-badge{color:var(--color-on-primary);margin:0 auto;display:inline-block;padding:var(--spacing-md) var(--spacing-xl);z-index:2;position:relative;font-size:var(--font-size-lg);background:var(--color-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.hero-stat-item:hover{transform:translateY(-4px)}.untitled-hero-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-security-card1:before{top:0;left:0;width:100%;height:4px;content:"";opacity:0;position:absolute;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:opacity .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.untitled-security-card1:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3)}.untitled-security-card1:hover:before{opacity:1}.security-feature-item svg{color:var(--color-primary);flex-shrink:0}.practice-item:hover{transform:translateX(8px)}.processor-card:hover{box-shadow:var(--shadow-level-2)}.step-content h4{color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.backup-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.breach-timeline:before{top:0;left:100px;width:2px;bottom:0;content:"";z-index:1;position:absolute;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary))}.untitled-timeline-marker5:after{width:16px;border:4px solid var(--color-surface);height:16px;content:"";background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--border-radius-full)}.untitled-timeline-content6:hover{transform:translateX(8px)}.request-types h4{margin:0 0 var(--spacing-sm) 0}.rights-item svg{color:var(--color-primary);flex-shrink:0}.contact-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.certification-card:before{top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent);transition:opacity .3s var(--animation-curve-primary)}.certification-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-2)}.certification-card:hover:before{opacity:1}.certification-card .card-title,.certification-card .feature-text{z-index:2;position:relative}.user-rights-page{background:var(--color-surface);overflow-x:hidden}.rights-hero{padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,6vw,6rem);position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)),var(--color-surface))}.rights-intro{background:var(--color-surface)}.rights-cards,.rights-intro{padding:clamp(3rem,6vw,5rem) 0}.rights-cards{background:var(--color-surface-elevated)}.request-process{padding:clamp(4rem,8vw,6rem) 0;position:relative;background:var(--color-surface)}.untitled-contact-methods{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.important-info{background:var(--color-surface)}.important-info,.rights-cta{padding:clamp(4rem,8vw,6rem) 0}.rights-cta{background:var(--color-surface-elevated)}.rights-hero__container{gap:clamp(2rem,5vw,4rem);margin:0 auto;display:grid;padding:0 var(--spacing-lg);max-width:var(--content-max-width);align-items:center;grid-template-columns:1.2fr 1fr}.rights-intro__container{margin:0 auto;padding:0 var(--spacing-lg);max-width:56rem;text-align:center}.rights-cards__container{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))}.contact-methods__container,.request-process__container,.rights-cards__container{margin:0 auto;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.important-info__container{grid-template-columns:1.5fr 1fr}.important-info__container,.rights-cta__container{gap:clamp(2rem,5vw,4rem);margin:0 auto;display:grid;padding:0 var(--spacing-lg);max-width:var(--content-max-width)}.rights-cta__container{align-items:center;grid-template-columns:1fr 1fr}.rights-hero__content{z-index:2;position:relative}.rights-hero__image{height:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.rights-intro__badge{gap:var(--spacing-sm);color:var(--color-secondary);border:1px solid color-mix(in srgb,var(--color-secondary) 20%,transparent);display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-secondary) 10%,transparent);align-items:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-lg)}.rights-intro__text{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-lg);line-height:var(--line-height-base)}.untitled-right-card{border:1px solid var(--color-border);padding:var(--spacing-xl);position:relative;animation:fadeInUp .6s var(--animation-curve-primary) backwards;background:var(--color-surface);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.request-process__header{margin:0 auto var(--spacing-4xl);max-width:48rem;text-align:center}.request-process__steps{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.contact-methods__header{margin:0 auto var(--spacing-4xl);max-width:48rem;text-align:center}.contact-methods__grid{gap:var(--spacing-xl);display:grid;margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.contact-methods__footer{margin:0 auto;max-width:56rem}.important-info__content,.important-info__sidebar{gap:var(--spacing-xl);display:flex;flex-direction:column}.rights-cta__content{gap:var(--spacing-lg);display:flex;flex-direction:column}.rights-cta__image{height:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-level-3);border-radius:var(--border-radius-xl)}.rights-hero__icon-wrapper{width:72px;border:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);height:72px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);justify-content:center}.rights-hero__overlay{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent),color-mix(in srgb,var(--color-secondary) 10%,transparent))}.right-card__header{gap:var(--spacing-md);display:flex;align-items:flex-start;margin-bottom:var(--spacing-lg)}.right-card__content{gap:var(--spacing-lg);display:flex;flex-direction:column}.request-process__intro{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-md)}.untitled-process-step{gap:var(--spacing-md);display:flex;position:relative;flex-direction:column}.contact-methods__description{color:var(--color-on-surface-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-md)}.untitled-contact-card1{text-align:center;transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary)}.contact-methods__assurance,.untitled-contact-card1{border:1px solid var(--color-border);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--border-radius-lg)}.contact-methods__assurance{gap:var(--spacing-lg);display:grid;align-items:flex-start;grid-template-columns:auto 1fr}.info-highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface)),var(--color-surface-elevated))}.info-highlight,.info-resources{border:1px solid var(--color-border);padding:var(--spacing-xl);border-radius:var(--border-radius-lg)}.info-resources{background:var(--color-surface-elevated)}.rights-cta__title{color:var(--color-on-surface);margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.rights-cta__text{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.rights-cta__actions{gap:var(--spacing-md);display:flex;flex-wrap:wrap}.right-card__icon,.rights-hero__icon{color:var(--color-primary)}.right-card__icon{width:56px;height:56px;display:flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;flex-shrink:0;border-radius:var(--border-radius-md);justify-content:center}.right-card__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);padding-top:var(--spacing-xs)}.right-card__description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.right-card__details{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.right-card__icon--secondary{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 10%,transparent)}.right-card__icon--accent{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.process-step__number{color:var(--color-on-primary);width:56px;height:56px;font-size:var(--font-size-xl);background:var(--color-primary);box-shadow:var(--shadow-level-2);font-weight:var(--font-weight-bold)}.contact-card__icon,.process-step__number{display:flex;align-items:center;border-radius:var(--border-radius-md);justify-content:center}.contact-card__icon{color:var(--color-primary);width:64px;height:64px;margin:0 auto var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.contact-card__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.contact-card__detail{color:var(--color-primary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.contact-card__note{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-sm)}.info-block__title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.info-block__text{color:var(--color-on-surface-secondary);margin:0;line-height:var(--line-height-base)}.info-resources__list{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.right-card__subtitle{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}.right-card__list{gap:var(--spacing-sm);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.process-step__title{color:var(--color-on-surface);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.process-step__description{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.info-resources__link{color:var(--color-primary);display:flex;font-size:var(--font-size-base);transition:color .2s var(--animation-curve-primary);align-items:center;font-weight:var(--font-weight-medium);text-decoration:none}.rights-hero__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.untitled-right-card:before{top:0;left:0;right:0;height:4px;content:"";opacity:0;position:absolute;background:var(--color-primary);transition:opacity .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.untitled-right-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-right-card:hover:before{opacity:1}.untitled-right-card:first-child{animation-delay:.1s}.untitled-right-card:nth-child(2){animation-delay:.2s}.untitled-right-card:nth-child(3){animation-delay:.3s}.untitled-right-card:nth-child(4){animation-delay:.4s}.untitled-right-card:nth-child(5){animation-delay:.5s}.untitled-right-card:nth-child(6){animation-delay:.6s}.untitled-right-card:nth-child(7){animation-delay:.7s}.untitled-right-card:nth-child(8){animation-delay:.8s}.right-card__list li{color:var(--color-on-surface-secondary);position:relative;font-size:var(--font-size-sm);line-height:1.6;padding-left:var(--spacing-xl)}.right-card__list li:before{top:8px;left:0;width:6px;height:6px;content:"";position:absolute;background:var(--color-primary);border-radius:50%}.request-process:before{top:0;left:0;right:0;height:1px;content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.untitled-contact-card1:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-2)}.contact-methods__assurance svg{color:var(--color-primary);width:32px;height:32px;flex-shrink:0}.contact-methods__assurance-text h4{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.contact-methods__assurance-text p{color:var(--color-on-surface-secondary);margin:0;line-height:var(--line-height-base)}.info-highlight svg{color:var(--color-primary);width:40px;height:40px;margin-bottom:var(--spacing-md)}.info-highlight h3{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.info-highlight p{color:var(--color-on-surface-secondary);margin:0;line-height:var(--line-height-base)}.info-resources h4{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.info-resources__link:before{content:"→";transition:transform .2s var(--animation-curve-primary);margin-right:var(--spacing-sm)}.info-resources__link:hover{color:var(--color-secondary)}.info-resources__link:hover:before{transform:translateX(4px)}.rights-cta__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.delete-data-page{background:var(--color-surface);min-height:100vh}.untitled-hero-section9{padding:clamp(4rem,8vw,7rem) var(--spacing-xl) clamp(3rem,6vw,5rem);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 3%,transparent));border-bottom:1px solid var(--color-border)}.info-section{background:var(--color-surface)}.info-section,.warning-section{padding:var(--section-gap) var(--spacing-xl)}.warning-section{background:color-mix(in srgb,var(--color-accent) 3%,var(--color-surface));border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.untitled-form-section3{padding:var(--section-gap) var(--spacing-xl);background:var(--color-surface)}.untitled-timeline-section{background:var(--color-surface-elevated)}.untitled-help-section2,.untitled-timeline-section{padding:var(--section-gap) var(--spacing-xl);border-top:1px solid var(--color-border)}.untitled-help-section2{background:var(--color-surface)}.untitled-hero-content10{z-index:2;position:relative;text-align:center}.untitled-hero-content10,.warning-container{margin:0 auto;max-width:var(--content-max-width)}.untitled-form-container4{margin:0 auto;max-width:56rem}.timeline-container,.untitled-help-container{margin:0 auto;max-width:var(--content-max-width)}.untitled-help-container{text-align:center}.untitled-hero-icon-wrapper1{width:96px;border:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);height:96px;display:inline-flex;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));box-shadow:var(--shadow-level-2);align-items:center;border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-xl);justify-content:center}.untitled-hero-title27{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-hero);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.untitled-hero-subtitle25{color:var(--color-on-surface-secondary);margin:0 auto;font-size:var(--font-size-xl);max-width:48rem;font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.untitled-info-header{gap:var(--spacing-md);display:flex;align-items:center;margin-bottom:var(--spacing-2xl)}.untitled-info-grid{gap:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}.untitled-warning-card{gap:var(--spacing-xl);border:2px solid var(--color-accent);display:grid;padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-2);border-radius:var(--border-radius-lg);grid-template-columns:auto 1fr}.untitled-form-header4{gap:var(--spacing-lg);display:flex;align-items:flex-start;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.deletion-form{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);border-radius:var(--border-radius-lg)}.untitled-timeline-header2{gap:var(--spacing-md);display:flex;text-align:center;align-items:center;margin-bottom:var(--spacing-3xl);flex-direction:column}.timeline-steps{gap:var(--spacing-2xl);margin:0 auto;display:flex;position:relative;max-width:48rem;flex-direction:column}.timeline-note{gap:var(--spacing-md);display:flex;padding:var(--spacing-lg);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));margin-top:var(--spacing-3xl);align-items:flex-start;border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md)}.untitled-section-title29{color:var(--color-on-surface);margin:0;font-size:var(--font-size-xxl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading)}.untitled-section-subtitle28{color:var(--color-on-surface-secondary);margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}.untitled-help-cards{gap:var(--spacing-xl);display:grid;margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.untitled-hero-icon{color:var(--color-primary);width:48px;height:48px}.untitled-info-icon5{color:var(--color-primary);width:24px;height:24px;flex-shrink:0}.untitled-info-card3{border:1px solid var(--color-border);padding:var(--spacing-2xl);position:relative;background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.warning-icon{color:var(--color-accent);align-items:flex-start}.warning-content{min-width:0}.form-header-icon{color:var(--color-primary);width:28px;height:28px;margin-top:4px;flex-shrink:0}.form-header-text{flex:1;min-width:0}.untitled-form-grid8{gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,1fr)}.untitled-form-actions10{gap:var(--spacing-md);display:flex;border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);align-items:center;padding-top:var(--spacing-xl);justify-content:flex-end}.timeline-header-icon{color:var(--color-primary);width:24px;height:24px}.timeline-step{gap:var(--spacing-xl);display:grid;position:relative;grid-template-columns:auto 1fr}.timeline-note-text{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-help-card3{border:1px solid var(--color-border);padding:var(--spacing-2xl);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1);text-align:center;transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary),border-color .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.info-card-icon{color:var(--color-primary);width:56px;height:56px;display:inline-flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);align-items:center;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:center}.untitled-info-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-info-list10{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.info-note{color:var(--color-on-surface-secondary);padding:var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-accent) 5%,transparent);margin-top:var(--spacing-lg);border-left:3px solid var(--color-accent);line-height:var(--line-height-base);border-radius:var(--border-radius-sm)}.untitled-warning-title{color:var(--color-accent);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.untitled-warning-text{color:var(--color-on-surface);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.warning-list{gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0;display:flex;padding:0;list-style:none;flex-direction:column}.warning-footer{color:var(--color-on-surface);margin:0;font-size:var(--font-size-sm);border-top:1px solid var(--color-border);font-weight:var(--font-weight-semibold);padding-top:var(--spacing-md)}.untitled-form-group-full5{grid-column:1/-1}.untitled-btn{gap:var(--spacing-sm);display:inline-flex;align-items:center}.timeline-step-number{color:var(--color-on-primary);width:64px;height:64px;display:flex;z-index:2;position:relative;font-size:var(--font-size-xl);background:var(--color-primary);box-shadow:var(--shadow-level-2),0 0 0 4px var(--color-surface-elevated),0 0 0 6px var(--color-border);transition:transform .3s var(--animation-curve-primary);align-items:center;flex-shrink:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center}.timeline-step-content{border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);box-shadow:var(--shadow-level-1);transition:transform .3s var(--animation-curve-primary),box-shadow .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg)}.untitled-help-card-icon1{color:var(--color-primary);width:64px;height:64px;margin:0 auto var(--spacing-lg) auto;display:inline-flex;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:transform .3s var(--animation-curve-primary);align-items:center;border-radius:var(--border-radius-md);justify-content:center}.untitled-help-card-title{color:var(--color-on-surface);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.help-card-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.info-list-item,.warning-list-item{gap:var(--spacing-sm);display:flex;position:relative;align-items:flex-start;line-height:var(--line-height-base);padding-left:var(--spacing-lg)}.info-list-item,.untitled-form-input19,.warning-list-item{color:var(--color-on-surface);font-size:var(--font-size-base)}.untitled-form-input19{width:100%;border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-surface);transition:border-color .2s var(--animation-curve-primary),box-shadow .2s var(--animation-curve-primary);font-family:var(--font-family-body);border-radius:var(--border-radius-md)}.untitled-form-textarea1{resize:vertical;min-height:120px;font-family:var(--font-family-body)}.untitled-form-hint{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-base)}.checkbox-wrapper{gap:var(--spacing-md);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);display:flex;padding:var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 3%,transparent);align-items:flex-start;border-radius:var(--border-radius-md)}.timeline-step-title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.timeline-step-text{color:var(--color-on-surface-secondary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);line-height:var(--line-height-base)}.timeline-step-time{color:var(--color-primary);display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-primary) 10%,transparent);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm)}.untitled-info-label17{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.untitled-checkbox-input1{width:20px;cursor:pointer;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--color-primary)}.untitled-checkbox-label4{flex:1;cursor:pointer;margin:0}.untitled-checkbox-text2{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.untitled-hero-section9:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--color-secondary) 6%,transparent) 0,transparent 50%);pointer-events:none}.untitled-info-card3:before{top:0;left:0;right:0;height:4px;content:"";opacity:0;position:absolute;background:var(--color-primary);transition:opacity .3s var(--animation-curve-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.untitled-info-card3:hover{transform:translateY(-4px);box-shadow:var(--shadow-level-3)}.untitled-info-card3:hover:before{opacity:1}.info-card-warning:before{background:var(--color-accent)}.info-card-warning .info-card-icon{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.info-card-warning .info-list-item:before{background:var(--color-accent)}.info-list-item:before{top:.5em;left:0;width:6px;height:6px;content:"";position:absolute;background:var(--color-primary);border-radius:50%}.warning-list-item:before{top:-2px;left:0;color:var(--color-accent);content:"×";position:absolute;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.untitled-form-input19:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.untitled-form-input19::-moz-placeholder{color:var(--color-on-surface-secondary)}.untitled-form-input19::placeholder{color:var(--color-on-surface-secondary)}.timeline-steps:before{top:40px;left:32px;width:2px;bottom:40px;content:"";position:absolute;background:linear-gradient(to bottom,var(--color-primary) 0,var(--color-primary) 80%,color-mix(in srgb,var(--color-primary) 30%,transparent) 100%)}.timeline-step:hover .timeline-step-number{transform:scale(1.1)}.timeline-step:hover .timeline-step-content{transform:translateX(8px);box-shadow:var(--shadow-level-2)}.timeline-note svg{color:var(--color-primary);flex-shrink:0}.untitled-help-container .section-title{margin-bottom:var(--spacing-sm)}.untitled-help-container .section-subtitle{margin-bottom:var(--spacing-3xl)}.untitled-help-card3:hover{transform:translateY(-8px);box-shadow:var(--shadow-level-3);border-color:var(--color-primary)}.untitled-help-card3:hover .help-card-icon{transform:scale(1.1) rotate(5deg)}.Content{font-size:16px;font-family:Inter;font-weight:400;line-height:1.15;text-transform:none;text-decoration:none}.Headings{font-size:2em;font-family:Red Hat Display;font-weight:700}.BodyFont{font-size:1rem;font-family:Inter;font-weight:400}@media(max-width:991px){.thq-grid-4{grid-template-columns:1fr 1fr 1fr}.navigation__container{height:64px;padding:0 var(--spacing-md)}.navigation__menu{gap:0;top:64px;left:0;right:0;bottom:0;opacity:0;padding:var(--spacing-md);z-index:999;position:fixed;transform:translateX(-100%);background:var(--color-surface);box-shadow:var(--shadow-level-3);overflow-y:auto;transition:all var(--animation-duration-standard) var(--animation-curve-primary);visibility:hidden;align-items:stretch;flex-direction:column;justify-content:flex-start}.navigation__menu[aria-hidden=false]{opacity:1;transform:translateX(0);visibility:visible}.navigation__logo-icon{width:36px;height:36px}.navigation__logo-text{font-size:var(--font-size-base)}.navigation__menu-item{width:100%;border-bottom:1px solid var(--color-border)}.navigation__menu-item:last-child{border-bottom:none}.navigation__mobile-toggle{display:flex}.navigation__link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);border-radius:0}.footer-content{gap:var(--spacing-3xl);grid-template-columns:1fr}.footer-trust-section{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.footer-nav-columns{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.hero{padding:var(--spacing-3xl);min-height:auto;grid-template-columns:1fr}.stats-quick-access{grid-template-columns:1fr 1fr}.carousel{grid-column:1/-1}.announcements{grid-template-columns:1fr 280px}.bento,.onboarding-grid{grid-template-columns:1fr}.docs-resources{grid-template-columns:1fr 280px}.performance-hero{grid-template-columns:1fr}.performance-controls{top:var(--spacing-md);position:sticky}.actions,.hero-body,.schedule-layout{grid-template-columns:1fr}.schedule-toolbar{order:-1}.submissions-layout{grid-template-columns:1fr 320px}.priority-list{display:none}.attendance-grid,.observations-layout{grid-template-columns:1fr}.observation-card{grid-template-rows:auto auto;grid-template-columns:150px 1fr}.observation-actions{grid-column:1/-1;flex-direction:row}.middle,.top-row{grid-template-columns:1fr}.utilities-grid{grid-template-columns:repeat(2,1fr)}.hero-container,.messages-container,.performance-layout{grid-template-columns:1fr}.hero-container{gap:var(--spacing-2xl)}.profile-card{padding:var(--spacing-2xl)}.hero-right-column{opacity:1;animation:none;transform:none}.next-class-container{grid-template-columns:1fr}.actions-rail{bottom:0;position:sticky;box-shadow:var(--shadow-level-2)}.tasks-container{grid-template-columns:1fr}.tasks-sidebar{order:-1}.attendance-panel{gap:var(--spacing-lg);grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.grade-container{grid-template-columns:1fr 1fr}.student-dashboard-actions{grid-column:1/-1}.student-dashboard-messages-container{grid-template-columns:1fr}.announcements-rail{order:-1}.filter-bar-horizontal{top:0;position:sticky}.attendance-layout,.course---group-detail-observations-layout,.export-layout,.grades-layout,.independent-study-layout,.reports-layout,.students-layout{grid-template-columns:1fr}.detail-panel,.detail-reader,.export-sidebar,.grades-tools,.reports-rail,.session-fiche,.study-detail-rail{position:static}.reports-kpis,.rubric-grid{grid-template-columns:repeat(2,1fr)}.control-grid,.kpi-grid,.user-management-hero-container{grid-template-columns:1fr}.profiles-container,.profiles-rail{flex-direction:column}.profiles-rail{overflow-x:visible}.user-management-profile-card{min-width:auto}.documents-grid{grid-template-columns:repeat(2,1fr)}.enrollment-container,.messaging-container,.status-container{grid-template-columns:1fr}.summary-stack{flex-wrap:wrap;flex-direction:row}.summary-card{flex:1;min-width:200px}.filters-container{flex-direction:column}.filter-rail{flex:1;width:100%}.reports-container{flex-wrap:wrap}.export-column,.schedule-column{flex:1;min-width:280px}.records-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-split{grid-template-columns:1fr}.dashboard-right-column{position:static}.attendance-performance-container,.site-detail-grid{grid-template-columns:1fr}.export-reports-wrapper{grid-template-columns:1fr 1fr}.group-risk-cards,.login-container,.reporting-container,.risk-top-bar,.risk-two-column{grid-template-columns:1fr}.brand-panel{min-height:50vh}.brand-panel,.form-panel{padding:var(--spacing-2xl) var(--spacing-lg)}.brand-header{align-items:center;flex-direction:column}.brand-header,.welcome-section{text-align:center}.hero-image{height:200px}.edushield-hero{height:300px}.edushield-modules-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.register-container{grid-template-columns:1fr}.register-visual-panel{display:none}.untitled-form-container{max-width:100%}.success-hero{padding:var(--spacing-3xl) var(--spacing-lg);min-height:auto}.decoration-circle-1,.decoration-circle-2{width:12rem;height:12rem}.features-content{gap:var(--spacing-3xl)}.features-content,.support-grid{grid-template-columns:1fr}.success-icon-bg{width:8rem;height:8rem}.success-icon{width:6rem;height:6rem}.features-visual{height:28rem}.hero-content-wrapper{gap:var(--spacing-3xl);grid-template-columns:1fr}.hero-content{text-align:center}.hero-image-section{height:400px;margin:0 auto;max-width:500px}.info-content{gap:var(--spacing-3xl)}.info-content,.roles-grid{grid-template-columns:1fr}.logo-shield-wrapper{margin:0 auto var(--spacing-xl)}.untitled1-hero-actions{justify-content:center}.card-1{width:240px;height:280px}.card-2{right:20px;width:200px;height:240px}.card-3{left:140px;width:180px;height:220px}.info-stats-card{right:0;position:relative;margin-top:var(--spacing-lg)}.hero-stats{position:static;animation:none;transform:none;margin-top:var(--spacing-3xl);flex-direction:column}.analytics-charts,.deadlines-layout{grid-template-columns:1fr}.deadlines-sidebar{order:-1}.plan-de-planeamiento-central-hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.plan-de-planeamiento-central-metrics-grid{grid-template-columns:1fr}.plan-de-planeamiento-central-table-controls{align-items:stretch;flex-direction:column}.planning-table-wrapper{overflow-x:auto}.metric-large{grid-row:auto}.search-filter-group{flex-direction:column}.planning-table{min-width:1000px}.grid-container{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.staff---roles-center-hero-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.staff---roles-center-hero-title{font-size:var(--font-size-xl)}.untitled-hero-content-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-visual{min-height:350px}.management-layout{grid-template-columns:1fr}.untitled-visual-card{transform:none}.untitled-filters-panel{position:static}.main-nav__container{gap:var(--spacing-lg);height:72px;padding:0 var(--spacing-lg)}.main-nav__menu{gap:0;top:72px;left:0;right:0;bottom:0;opacity:0;padding:var(--spacing-lg);z-index:999;position:fixed;transform:translateX(-100%);background:var(--color-surface);box-shadow:var(--shadow-level-3);overflow-y:auto;visibility:hidden;align-items:stretch;flex-direction:column;justify-content:flex-start}.main-nav__logo{width:40px;height:40px}.main-nav__brand-text{font-size:var(--font-size-lg)}.main-nav__item{width:100%;border-bottom:1px solid var(--color-border)}.main-nav__auth-buttons{display:none}.main-nav__mobile-toggle{display:flex}.main-nav__link{padding:var(--spacing-lg);font-size:var(--font-size-lg);border-radius:0}.internal-communications-hero-container{gap:var(--spacing-2xl);grid-template-columns:1fr}.interface-container{gap:var(--spacing-lg);grid-template-columns:1fr}.comm-sidebar{position:static}.message-detail{display:none}.announcements-grid{grid-template-columns:1fr}.internal-communications-actions-grid{grid-template-columns:repeat(2,1fr)}.role-container{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-hero-title1{font-size:var(--font-size-xxl)}.untitled-hero-subtitle1{font-size:var(--font-size-lg)}.role-visual{order:-1}.integration-diagram{height:500px}.integration-node{padding:var(--spacing-md);min-width:120px}.node-icon{width:48px;height:48px}.what-we-do-content{gap:var(--spacing-2xl)}.choose-layout,.help-roles,.what-we-do-content{grid-template-columns:1fr}.choose-layout{gap:var(--spacing-2xl)}.mission-card,.vision-card{grid-template-columns:1fr}.vision-card{grid-template-areas:"content" "image"}.vision-content{grid-area:content}.vision-image-wrapper{grid-area:image}.visual-grid{height:500px}.header-content-wrapper{flex-direction:column}.header-right{flex:1;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.tab-container{align-items:stretch;flex-direction:column}.tab-nav{overflow-x:auto}.tab-actions{width:100%;justify-content:space-between}.students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grades-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tasks-grid{grid-template-columns:1fr}.untitled-summary-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid,.grades-components,.overview-grid{grid-template-columns:1fr}.profile-card-main{text-align:center;flex-direction:column}.info-grid,.restricted-grid{grid-template-columns:1fr}.untitled-activity-item2{flex-direction:column}.untitled-profile-meta{justify-content:center}.untitled-activity-header{gap:var(--spacing-xs);align-items:flex-start;flex-direction:column}.about-layout,.reviews-layout,.teacher-profile-card{grid-template-columns:1fr}.teacher-profile-card{text-align:center;justify-items:center}.about-sidebar{order:-1}.reviews-summary{position:static}.teacher-header-info{align-items:center}.teacher-quick-actions{width:100%}.teacher-name-group{align-items:center;flex-direction:column}.profiles-grid,.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.cta-card{grid-template-columns:1fr}.cta-visual{min-height:320px}.profile-header-main{text-align:center;align-items:center;flex-direction:column}.profile-header-actions{justify-content:center}.section-header-inline{align-items:flex-start;flex-direction:column}.groups-grid,.metrics-row,.observaciones-grid,.profile-meta-grid{grid-template-columns:1fr}.profile-meta-item{justify-content:center}.dashboard-header-content{align-items:flex-start;flex-direction:column}.quick-contact-card,.untitled-profiles-grid{grid-template-columns:1fr}.quick-contact-image{min-height:300px}.untitled-profile-header1{text-align:center;align-items:center;padding-top:140px;flex-direction:column}.profile-actions{flex-direction:column}.profile-avatar-large{width:140px;height:140px}.untitled-profile-meta1{gap:var(--spacing-sm);flex-direction:column}.analytics-grid,.profile-header-card,.two-column-layout{grid-template-columns:1fr}.profile-header-visual{min-height:200px}.untitled-profile-image-wrapper{width:150px;height:150px;margin:var(--spacing-lg) auto}.untitled-profile-header-content1{grid-template-columns:1fr}.untitled-profile-avatar-container{margin-top:0}.untitled-profile-actions,.untitled-profile-header-info1{padding-top:0}.untitled-analytics-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.progress-chart{flex-direction:column}.profile-hero-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.untitled-metrics-grid3{grid-template-columns:repeat(2,1fr)}.activity-grid,.notes-layout,.statistics-layout,.training-grid{grid-template-columns:1fr}.action-panel-content{text-align:center;align-items:stretch;flex-direction:column}.action-panel-buttons{flex-direction:column}.untitled-profile-header-content2{align-items:flex-start;flex-direction:column}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-layout{grid-template-columns:1fr}.untitled-profile-header-actions{width:100%;flex-direction:column}.profile-sidebar{order:2}.profile-content-main{order:1}.grades-grid,.support-content-grid{grid-template-columns:1fr}.support-sidebar{position:static}.untitled-profile-header-main{text-align:center;grid-template-columns:1fr}.untitled-profile-avatar-section{margin:0 auto}.account-details-grid{grid-template-columns:1fr}.untitled-profile-title-group{justify-content:center}.device-card-details,.profile-header-grid,.untitled-profile-main-card,.untitled-support-content-grid{grid-template-columns:1fr}.profile-avatar-area{flex-direction:row;justify-content:flex-start}.compliance-grid,.notes-alerts-grid,.profile-contact-grid,.profile-grid,.technical-grid,.untitled-groups-grid2{grid-template-columns:1fr}.untitled-profile-header-content4{align-items:flex-start;flex-direction:column}.untitled-profile-header-actions1{width:100%;flex-wrap:wrap}.untitled-stats-grid1{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-edit-content{padding:var(--spacing-2xl) var(--spacing-lg);grid-template-columns:1fr}.untitled-profile-sidebar{position:static}.profile-nav{gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.profile-stats-card{display:none}.untitled-form-footer1{align-items:stretch;flex-direction:column}.profile-content-grid{grid-template-columns:1fr}.untitled-profile-sidebar1{position:static}.untitled-profile-edit-container{gap:var(--spacing-xl);grid-template-columns:1fr}.profile-edit-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-header-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}.profile-content-container{padding:0 var(--spacing-lg)}.profile-forms-grid{grid-template-columns:1fr}.untitled-avatar-upload-card{gap:var(--spacing-2xl);padding:var(--spacing-2xl)}.profile-form-card{padding:var(--spacing-2xl)}.profile-form-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-profile-sidebar2{gap:var(--spacing-lg);display:grid;position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preview-sidebar{top:0;order:-1;position:relative}.untitled-hero-content-wrapper2{grid-template-columns:1fr}.untitled-hero-visual{display:none}.untitled-form-grid1{grid-template-columns:1fr}.untitled-checkbox-group{grid-template-columns:repeat(2,1fr)}.untitled-success-hero{padding:clamp(3rem,6vw,5rem) var(--spacing-md) clamp(2rem,4vw,4rem)}.untitled-actions-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.course-details-card__header{text-align:center;align-items:center;flex-direction:column}.course-details-grid{grid-template-columns:repeat(2,1fr)}.instructions-grid,.security-points{grid-template-columns:1fr}.course-title-info{text-align:center}.untitled-form-container2{grid-template-columns:1fr}.form-visual-column{position:static}.help-cards-grid{grid-template-columns:1fr}.error-hero-section{padding:var(--spacing-3xl) var(--spacing-lg);min-height:auto}.return-container{text-align:center;grid-template-columns:1fr}.untitled-help-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-info-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.return-decoration{order:-1}.return-shield-icon{width:80px;height:80px}.welcome-grid{gap:var(--spacing-3xl);grid-template-columns:1fr}.welcome-text-area{padding-right:0}.visual-card-stack{height:400px}.untitled-course-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.untitled-timeline-item3{gap:var(--spacing-lg);grid-template-columns:60px 1fr}.marker-number{width:48px;height:48px;font-size:var(--font-size-lg)}.untitled-cta-card{padding:var(--spacing-3xl) var(--spacing-xl)}.auth-split-layout,.cta-features-list{grid-template-columns:1fr}.auth-brand-panel{min-height:40vh}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-3xl) var(--spacing-xl)}.auth-brand-content{max-width:100%}.course-header-visual{width:100%;padding:var(--spacing-lg);position:static;margin-bottom:var(--spacing-xl);justify-content:center}.course-header-content{max-width:100%}.modules-grid{grid-template-columns:1fr}.assignments-table-wrapper{overflow-x:auto}.course-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.assignments-table{min-width:900px}.course-hero-wrapper{grid-template-columns:1fr}.course-quick-stats{gap:var(--spacing-lg);flex-direction:row}.untitled-stat-card3{flex:1}.assignments-grid,.untitled-overview-grid{grid-template-columns:1fr}.grades-overview-grid{grid-template-columns:repeat(2,1fr)}.materials-grid{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.untitled-hero-header{gap:var(--spacing-lg);flex-direction:column}.untitled-reports-grid{grid-template-columns:1fr}.untitled-stats-grid2{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-hero-badge3{align-self:flex-start}.untitled-form-grid2{grid-template-columns:1fr}.controls-container{align-items:stretch;flex-direction:column}.groups-container{grid-template-columns:1fr}.untitled-hero-content5{gap:var(--spacing-xl)}.sort-section{justify-content:stretch}.sort-section .btn{width:100%}.untitled-quick-stats{grid-template-columns:1fr}.untitled-stats-container{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.untitled-filter-section{align-items:stretch;flex-direction:column}.untitled-hero-title11{font-size:clamp(2rem,6vw,3rem)}.untitled-hero-subtitle12{font-size:var(--font-size-base)}.untitled-filter-group4{min-width:100%}.untitled-filter-btn6{width:100%;justify-content:center}.untitled-assignment-header{align-items:flex-start;flex-direction:column}.untitled-assignment-actions{width:100%}.submission-item{gap:var(--spacing-md);grid-template-columns:1fr}.untitled-submission-actions{width:100%}.untitled-submission-actions .btn{flex:1}.maintenance-hero{padding:var(--spacing-3xl) var(--spacing-lg)}.maintenance-info__grid{grid-template-columns:1fr}.maintenance-progress__stages{align-items:stretch;flex-direction:column}.untitled-hero-title12{font-size:clamp(2rem,8vw,3rem)}.untitled-hero-subtitle13{font-size:var(--font-size-lg)}.maintenance-timer__card{padding:var(--spacing-lg) var(--spacing-xl);min-width:6rem}.maintenance-progress__stage{flex-direction:row;justify-content:flex-start}.maintenance-progress__stage-label{text-align:left}.error-details__content{gap:var(--spacing-2xl);grid-template-columns:1fr}.error-details__visual{order:-1}.error-visual{max-width:20rem}.error-404-page{padding:var(--spacing-lg) var(--spacing-md)}.error-content{gap:var(--spacing-xl)}.search-modal{padding:var(--spacing-2xl) var(--spacing-md)}.links-grid{gap:var(--spacing-md);grid-template-columns:1fr}.code-digit{font-size:clamp(4rem,12vw,8rem)}.code-image-wrapper{width:clamp(100px,18vw,160px);height:clamp(130px,22vw,200px)}.untitled-hero-content-wrapper5{grid-template-columns:1fr}.hero-form-section{justify-content:center}.support-form-card{max-width:100%}.contact-cards-grid,.faq-grid,.team-content-wrapper{grid-template-columns:1fr}.team-image-section{order:-1}.auth-recovery-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.auth-recovery-info{top:0;position:relative}.auth-info-features{gap:var(--spacing-lg);display:grid}.auth-info-features,.courses-grid,.filters-grid,.header-stats,.untitled-form-row{grid-template-columns:1fr}.days-selector{grid-template-columns:repeat(4,1fr)}.assignments-container{grid-template-columns:1fr}.untitled-header-stats{grid-template-columns:repeat(2,1fr)}.assignments-sidebar{position:static}.untitled-assignments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.untitled-form-grid5{grid-template-columns:1fr}.untitled-course-header-container1{flex-direction:column}.untitled-input-wrapper2{min-width:100%}.filter-btn-group,.filter-dropdowns{width:100%}.create-announcement-grid,.untitled-stats-container1{grid-template-columns:1fr}.untitled-section-header8{align-items:stretch;flex-direction:column}.tips-grid{grid-template-columns:1fr}.preview-container{position:static}.untitled-hero-stats-grid{grid-template-columns:repeat(2,1fr)}.untitled-courses-grid{grid-template-columns:1fr}.quick-access-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}.tasks-hero{min-height:380px}.tasks-controls,.untitled-tasks-grid{padding:var(--spacing-lg)}.untitled-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tasks-hero-content{padding:var(--spacing-3xl) var(--spacing-lg)}.tasks-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.untitled-hero-content-wrapper7{text-align:center;flex-direction:column}.untitled-hero-actions1{justify-content:center}.student-profile-header{text-align:center;flex-direction:column}.untitled-analysis-grid{grid-template-columns:1fr}.analysis-card--large{grid-column:span 1}.goals-hero{grid-template-columns:1fr}.goals-hero-image{height:300px}.reports-main-grid{grid-template-columns:1fr}.profile-hero-content{align-items:flex-start;flex-direction:column}.untitled-overview-grid1{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.reports-column-right{position:static}.untitled-action-buttons6{grid-template-columns:1fr}.attendance-hero{padding:var(--spacing-2xl) var(--spacing-lg);min-height:380px}.untitled-controls-container1{align-items:stretch;flex-direction:column}.untitled-student-profile-header1{text-align:center;flex-direction:column}.untitled-attendance-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.untitled-filter-section1{width:100%}.untitled-actions-section{width:100%;justify-content:stretch}.untitled-actions-section .btn{flex:1}.untitled-table-wrapper1{overflow-x:auto}.untitled-profile-avatar15{width:100px;height:100px}.untitled-attendance-table1{min-width:800px}.untitled-hero-content-wrapper9,.week-days{grid-template-columns:1fr}.hero-image-container{order:-1;aspect-ratio:16/9}.justification-grid{grid-template-columns:1fr}.untitled-action-panel-content{align-items:stretch;flex-direction:column}.panel-actions{width:100%;justify-content:stretch}.panel-actions .btn{flex:1}.untitled-course-header-container3{align-items:stretch;flex-direction:column}.untitled-action-buttons7{flex-direction:row;justify-content:flex-start}.untitled-preferences-grid1{grid-template-columns:1fr}.untitled-stat-content8{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.component-analysis-grid{grid-template-columns:1fr}.untitled-alert-card7{align-items:flex-start;flex-direction:column}.untitled-hero-title22{font-size:clamp(2rem,5vw,3rem)}.untitled-hero-subtitle21{font-size:var(--font-size-lg)}.hero-search-container{flex-direction:column}.role-guides-container{grid-template-columns:1fr}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.manuals-layout{grid-template-columns:1fr}.manuals-visual{order:-1;height:400px}.contact-support-grid{grid-template-columns:1fr}.contact-support-image{order:-1;height:400px}.contact-support-options{grid-template-columns:1fr}.contact-support-cta{flex-direction:column}.support-form-layout,.support-hero-content{grid-template-columns:1fr}.support-hero-image{order:-1}.untitled-support-sidebar{gap:var(--spacing-md);display:grid;position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.featured-plan{transform:scale(1)}.untitled-cta-section{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-cta-visual{order:-1}.checkout-hero{padding:clamp(2rem,4vw,3rem) var(--spacing-md)}.checkout-content{padding:clamp(1.5rem,3vw,2rem) var(--spacing-md)}.checkout-content__wrapper{gap:var(--spacing-xl);grid-template-columns:1fr}.checkout-summary-section{order:-1;position:static}.payment-hero__trust-badges{gap:var(--spacing-md)}.payment-form-section__layout{gap:var(--spacing-2xl);grid-template-columns:1fr}.order-summary-column{order:-1;position:static}.trust-badge__text{font-size:var(--font-size-xs)}.payment-success-page{padding:var(--spacing-3xl) var(--spacing-lg)}.success-container{gap:var(--spacing-xl)}.backdrop-circle-1,.backdrop-circle-2,.backdrop-circle-3{width:300px;height:300px}.untitled-success-icon-wrapper2{width:120px;height:120px}.untitled-summary-content1{padding:var(--spacing-xl)}.success-icon-ring-outer{width:120px;height:120px}.success-icon-ring-middle{width:95px;height:95px}.success-icon-core,.success-icon-ring-inner{width:70px;height:70px}.untitled-features-grid{grid-template-columns:1fr}.payment-failed-card{padding:var(--spacing-2xl)}.orb-1,.orb-2,.orb-3{width:250px;height:250px}.status-icon-wrapper{width:100px;height:100px}.status-icon{width:52px;height:52px}.subscription-page{padding:var(--spacing-xl) var(--spacing-md)}.current-plan-card{padding:var(--spacing-xl)}.untitled-actions-grid2,.untitled-plan-features{grid-template-columns:1fr}.untitled-table-header{font-size:var(--font-size-xs)}.untitled-table-header,.untitled-table-row{gap:var(--spacing-sm);padding:var(--spacing-md);grid-template-columns:100px 1fr 80px 80px 80px}.table-cell{font-size:var(--font-size-xs)}.billing-header{align-items:flex-start;flex-direction:column}.billing-summary-grid{grid-template-columns:repeat(2,1fr)}.billing-controls{align-items:stretch;flex-direction:column}.untitled-search-wrapper3{max-width:none}.untitled-filter-controls1{flex-wrap:wrap}.billing-dashboard-container{padding:var(--spacing-xl)}.untitled-header-content3{align-items:stretch;flex-direction:column}.untitled-analytics-grid1{grid-template-columns:1fr}.payments-table-wrapper{overflow-x:auto}.untitled-header-actions1{justify-content:flex-start}.payments-table{min-width:900px}.untitled-hero-content9{gap:var(--spacing-2xl);grid-template-columns:1fr}.untitled-plans-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.untitled-comparison-table-wrapper1{overflow-x:scroll}.untitled-faq-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.untitled-hero-visual1{height:300px}.untitled-comparison-table1{min-width:700px}.policy-grid{gap:var(--spacing-lg)}.billing-grid,.plan-cycle-info,.policy-grid,.untitled-plan-features2{grid-template-columns:1fr}.untitled-section-header18{align-items:flex-start;flex-direction:column}.untitled-section-icon1{width:56px;height:56px}.untitled-section-icon1 svg{width:28px;height:28px}.rights-grid{grid-template-columns:1fr}.untitled-timeline-marker4{width:32px;height:32px}.untitled-contact-grid,.untitled-security-grid{grid-template-columns:1fr}.terms-nav__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.terms-content__layout{gap:var(--spacing-2xl);grid-template-columns:1fr}.terms-content__sidebar{order:-1}.terms-content__sidebar-sticky{position:static}.terms-section__number{position:static;font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}.introduction-content{grid-template-columns:1fr}.introduction-visual{order:-1}.cookies-content-grid{grid-template-columns:1fr}.browser-grid,.untitled-analytics-grid2{grid-template-columns:repeat(2,1fr)}.consent-section-container{grid-template-columns:1fr}.consent-visual-side{min-height:400px}.untitled-hero-content-wrapper12{gap:var(--spacing-3xl);grid-template-columns:1fr}.untitled-hero-image-wrapper{height:400px}.untitled-hero-stats-grid1{grid-template-columns:repeat(3,1fr)}.storage-content-wrapper,.untitled-security-grid1{grid-template-columns:1fr}.storage-image-stack{height:400px}.backup-features,.backup-layout,.contact-wrapper,.processors-grid{grid-template-columns:1fr}.certifications-grid{grid-template-columns:repeat(2,1fr)}.important-info__container,.rights-cta__container,.rights-hero__container{grid-template-columns:1fr}.rights-hero__image{height:300px}.rights-cta__image{height:350px}.untitled-hero-section9{padding:clamp(3rem,6vw,5rem) var(--spacing-lg) clamp(2rem,4vw,3rem)}.info-section,.untitled-form-section3,.untitled-help-section2,.untitled-timeline-section,.warning-section{padding:clamp(2rem,4vw,3rem) var(--spacing-lg)}.untitled-hero-icon-wrapper1{width:80px;height:80px}.untitled-hero-icon{width:40px;height:40px}.timeline-step-number{width:56px;height:56px;font-size:var(--font-size-lg)}}@media(max-width:767px){.thq-section-padding{padding:var(--dl-layout-space-threeunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-oneandhalfunits)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr 1fr}.thq-card{padding:var(--dl-layout-space-oneandhalfunits)}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr}.thq-grid-4{flex-direction:row}.thq-grid-2{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr}.thq-img-scale{width:100%}.navigation__container{gap:var(--spacing-md);height:60px}.navigation__logo{gap:var(--spacing-xs);font-size:var(--font-size-base)}.navigation__menu{top:60px;padding:var(--spacing-sm)}.navigation__logo-icon{width:32px;height:32px}.navigation__mobile-toggle,.navigation__theme-toggle{width:40px;height:40px}.footer-container{padding:0 var(--spacing-lg)}.footer-trust-section{gap:var(--spacing-md);grid-template-columns:1fr}.footer-nav-columns{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-trust-item{padding:var(--spacing-lg)}.footer-bottom-content{text-align:center;flex-direction:column}.footer-brand-tagline{max-width:100%}.footer-legal-links{justify-content:center}.hero{padding:var(--spacing-2xl) var(--spacing-lg)}.announcements,.docs-grid,.docs-resources,.highlights,.metric-grid,.quick-access,.stats-quick-access{grid-template-columns:1fr}.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-banner{gap:var(--spacing-md);padding:var(--spacing-md);align-items:flex-start;flex-direction:column}.hero-urgency{width:100%}.teacher-dashboard-hero-title{font-size:var(--font-size-xxl)}.teacher-dashboard-hero-subtitle{font-size:var(--font-size-lg)}.class-card{align-items:flex-start;flex-direction:column}.class-card-actions{width:100%;flex-direction:column}.submissions-layout{grid-template-columns:1fr}.tools{order:-1}.observation-card{grid-template-columns:1fr}.observation-thumbnail{width:100%}.utilities-grid{grid-template-columns:1fr}.bar-chart{height:150px}.student-dashboard-hero-section{padding:var(--spacing-2xl) var(--spacing-lg)}.hero-container{gap:var(--spacing-lg)}.profile-avatar{width:72px;height:72px}.student-dashboard-hero-title,.student-dashboard-section-title{font-size:var(--font-size-xl)}.class-metadata{gap:var(--spacing-sm);flex-direction:column}.class-descriptor{font-size:var(--font-size-lg)}.task-card{grid-template-columns:auto 1fr}.task-actions{min-width:auto;grid-column:1/-1;flex-direction:row;justify-content:flex-end}.task-actions .btn{flex:1}.attendance-panel{padding:var(--spacing-md)}.attendance-percentage{font-size:var(--font-size-xxl)}.cards{gap:var(--spacing-md);grid-template-columns:1fr}.quick-actions-footer{flex-direction:column}.grade-section{padding:var(--spacing-lg)}.grade-container,.student-dashboard-message-card{grid-template-columns:1fr}.message-action{width:100%;grid-column:1}.header-content{align-items:flex-start;flex-direction:column}.executive-summary{width:100%;justify-content:space-between}.rubric-grid{grid-template-columns:1fr}.student-metrics{gap:var(--spacing-sm);align-items:flex-start}.export-actions,.student-metrics{flex-direction:column}.export-actions .btn{width:100%}.panel-content{grid-template-columns:1fr}.user-management-hero-section{padding:var(--spacing-2xl) var(--spacing-md);min-height:auto}.user-management-hero-title{font-size:var(--font-size-xxl)}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.kpi-grid{gap:var(--spacing-sm);display:flex;overflow-x:auto;padding-bottom:var(--spacing-sm)}.user-management-kpi-card{flex:0 0 auto;min-width:200px}.documents-grid,.user-management-summary-grid{grid-template-columns:1fr}.summary-stack{flex-direction:column}.table-header{gap:var(--spacing-xs);display:none}.records-grid,.table-header{grid-template-columns:1fr}.analytics-dashboard-wrapper{padding:0 var(--spacing-md)}.dashboard-top-bar{align-items:stretch;flex-direction:column}.top-bar-actions{justify-content:stretch}.kpi-cards-row{flex-direction:column}.distribution-cards-stack{grid-template-columns:1fr}.analytics---reports-kpi-card{min-width:100%}.attendance-performance-container{padding:0 var(--spacing-md)}.charts-grid{grid-template-columns:1fr}.site-comparisons-container{padding:0 var(--spacing-md)}.executive-summary-row{flex-direction:column}.summary-kpis{justify-content:space-between}.export-reports-wrapper,.site-cards-grid{grid-template-columns:1fr}.export-reports-wrapper{padding:0 var(--spacing-md)}.export-controls-column{top:var(--spacing-sm);position:sticky}.risk-insights-container{padding:0 var(--spacing-md)}.risk-severity-breakdown{grid-template-columns:1fr}.alert-actions{align-self:flex-start;grid-column:2;flex-direction:row}.reporting-container{padding:0 var(--spacing-md)}.template-tabs{flex-direction:column}.alert-list-items .critical-alert-item{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.brand-panel{min-height:40vh}.brand-panel,.form-panel{padding:var(--spacing-xl) var(--spacing-md)}.trust-features{gap:var(--spacing-md)}.hero-image{display:none}.feature-item{padding:var(--spacing-md)}.role-buttons{gap:var(--spacing-sm);grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column}.untitled-role-btn{padding:var(--spacing-md);flex-direction:row;justify-content:flex-start}.edushield-hero{height:250px}.edushield-dashboard-container,.edushield-footer-container,.edushield-header-container{padding:0 var(--spacing-lg)}.edushield-header-actions{gap:var(--spacing-sm)}.home-hero-title{font-size:var(--font-size-xxl)}.home-hero-subtitle{font-size:var(--font-size-sm)}.edushield-modules-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.edushield-brand-name{font-size:var(--font-size-lg)}.edushield-module-card{padding:var(--spacing-xl)}.register-form-panel{padding:var(--spacing-xl) var(--spacing-lg)}.benefits-showcase{margin-bottom:var(--spacing-xl)}.trust-indicators{gap:var(--spacing-md);grid-template-columns:1fr}.untitled-form-title{font-size:var(--font-size-xl)}.form-row,.untitled-role-selector{grid-template-columns:1fr}.success-hero{padding:var(--spacing-2xl) var(--spacing-md)}.verification-card{padding:var(--spacing-lg);text-align:center;align-items:center;flex-direction:column}.success-actions{width:100%;flex-direction:column}.success-actions .btn{width:100%}.steps-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.features-visual{height:24rem}.visual-card-1{width:75%;height:60%}.visual-card-2{width:65%;height:50%}.hero-restricted{padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.cta-access{padding:clamp(3rem,6vw,5rem) var(--spacing-md)}.hero-image-section{height:350px}.features-grid{grid-template-columns:1fr}.logo-shield-wrapper{width:140px;height:140px}.untitled1-hero-actions{width:100%;flex-direction:column}.card-1{width:200px;height:240px}.card-2{width:160px;height:200px}.card-3{left:100px;width:140px;height:180px}.shield-icon-large{width:140px;height:140px}.info-image-stack{height:400px}.info-stats-card{gap:var(--spacing-md);left:0;right:0;width:calc(100% - var(--spacing-2xl));margin:var(--spacing-lg) auto 0;flex-direction:column}.lock-icon-overlay svg{width:40px;height:40px}.planeamientos-hero{min-height:70vh}.planeamientos-hero-title{font-size:2rem}.planeamientos-hero-actions{width:100%;flex-direction:column}.quick-actions-grid{grid-template-columns:1fr}.overview-controls,.overview-header{flex-direction:column}.overview-controls,.planeamientos-filter-btn,.planeamientos-search-box{width:100%}.planeamientos-table-wrapper{overflow-x:auto}.planeamientos-table{min-width:800px}.planeamientos-table-row{gap:var(--spacing-xs);padding:var(--spacing-md);grid-template-columns:1fr}.plan-de-planeamiento-central-section-header{align-items:stretch;flex-direction:column}.alert-grid,.hero-stats-grid{grid-template-columns:1fr}.period-selector{width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center}.plan-de-planeamiento-central-timeline-item{padding-left:56px}.plan-de-planeamiento-central-hero-title{font-size:var(--font-size-xxl)}.plan-de-planeamiento-central-hero-subtitle{font-size:var(--font-size-base)}.period-btn{flex:1}.plan-de-planeamiento-central-timeline-marker{left:5px}.level-grid{grid-template-columns:1fr}.staff-hero{padding:var(--spacing-xl) var(--spacing-md)}.staff-filters{padding:var(--spacing-lg) var(--spacing-md)}.quick-actions-panel,.staff-grid{padding:var(--spacing-xl) var(--spacing-md)}.grid-container{grid-template-columns:1fr}.hero-header{align-items:flex-start;flex-direction:column}.staff---roles-center-hero-stats{grid-template-columns:1fr}.filter-controls{align-items:stretch;flex-direction:column}.actions-grid{grid-template-columns:1fr}.staff---roles-center-hero-actions{width:100%;flex-direction:column}.staff---roles-center-hero-actions .btn{width:100%;justify-content:center}.staff---roles-center-filter-group{width:100%;justify-content:space-between}.advanced-filters,.advanced-filters .btn{width:100%}.staff---roles-center-hero-title{font-size:var(--font-size-lg)}.modal-container{max-height:95vh}.untitled-quick-actions-grid{grid-template-columns:1fr}.activity-timeline{padding-left:var(--spacing-md)}.untitled-hero-subtitle{max-width:100%}.untitled-hero-stats{gap:var(--spacing-lg);flex-wrap:wrap}.stat-divider{display:none}.content-toolbar{flex-direction:column}.users-table-wrapper{overflow-x:auto}.pagination-wrapper{align-items:flex-start;flex-direction:column}.role-options{grid-template-columns:1fr}.activity-icon{width:32px;height:32px}.activity-icon svg{width:16px;height:16px}.untitled-search-wrapper{width:100%;min-width:auto}.toolbar-actions{width:100%;justify-content:space-between}.users-table{min-width:800px}.signup-page{padding:var(--spacing-lg) var(--spacing-md)}.signup-card{padding:var(--spacing-2xl) var(--spacing-xl)}.signup-footer-links,.signup-logo-container{gap:var(--spacing-sm);flex-direction:column}.signup-logo-text{text-align:center}.signup-card-title{font-size:var(--font-size-xl)}.signup-footer-divider{display:none}.signup-brand-name{font-size:var(--font-size-xl)}.signup-role-label{padding:var(--spacing-lg) var(--spacing-md);text-align:center;flex-direction:column}.signup-role-check{top:var(--spacing-md);right:var(--spacing-md);position:absolute}.main-nav__container{gap:var(--spacing-md);height:64px;padding:0 var(--spacing-md)}.main-nav__brand{gap:var(--spacing-sm);font-size:var(--font-size-lg)}.main-nav__menu{top:64px;padding:var(--spacing-md)}.navigation-navigation__actions{gap:var(--spacing-sm)}.main-nav__logo{width:36px;height:36px}.main-nav__mobile-toggle,.main-nav__theme-toggle{width:40px;height:40px}.internal-communications-section-header{align-items:stretch;flex-direction:column}.internal-communications-actions-grid{grid-template-columns:1fr}.internal-communications-hero-actions{width:100%;flex-direction:column}.internal-communications-hero-actions .btn{width:100%}.message-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr}.message-checkbox{display:none}.message-avatar{width:40px;height:40px}.untitled-hero-stats1{gap:var(--spacing-lg)}.comparison-table-wrapper{border-radius:var(--border-radius-md)}.integration-diagram{height:700px}.intro-grid{grid-template-columns:1fr}.role-header{align-items:flex-start;flex-direction:column}.integration-node{font-size:var(--font-size-xs);min-width:100px}.node-student{top:2%;left:50%}.node-teacher{top:20%;right:2%}.node-coordinator{right:2%;bottom:20%}.node-admin{left:50%;bottom:2%}.node-support{left:2%;bottom:20%}.cta-buttons{align-items:stretch;flex-direction:column}.cta-features{gap:var(--spacing-md);flex-direction:column}.untitled-stat-number{font-size:var(--font-size-xl)}.untitled-hero-title2{font-size:var(--font-size-xxl)}.untitled-hero-subtitle2{font-size:var(--font-size-base)}.untitled-hero-stats2{gap:var(--spacing-lg)}.values-grid,.why-stats{grid-template-columns:1fr}.untitled-cta-buttons{flex-direction:column}.untitled-cta-buttons .btn{width:100%}.untitled-stat-number1{font-size:var(--font-size-xl)}.visual-grid{height:400px;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.visual-main{grid-row:1/2;grid-column:1}.visual-secondary{grid-row:2/3;grid-column:1}.visual-accent{grid-row:3/4;grid-column:1}.course-header-section{padding:var(--spacing-xl) 0}.course-group-detailed-view-course-title{font-size:var(--font-size-xl)}.course-meta-info{gap:var(--spacing-sm);flex-direction:column}.stats-grid{grid-template-columns:1fr}.course-group-detailed-view-tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.students-grid{grid-template-columns:1fr}.attendance-table-wrapper{overflow-x:auto}.course-group-detailed-view-attendance-table{min-width:800px}.grades-summary-cards{grid-template-columns:1fr}.course-group-detailed-view-grades-table-wrapper{overflow-x:auto}.course-group-detailed-view-grades-table{min-width:900px}.observation-stats{width:100%;justify-content:space-around}.breadcrumb{padding:0 var(--spacing-md);font-size:var(--font-size-xs)}.profile-header-content{flex-direction:column}.untitled-summary-grid{grid-template-columns:1fr}.profile-header-left{text-align:center;flex-direction:column}.tabs-nav{flex-wrap:wrap}.tabs-content{padding:var(--spacing-lg)}.untitled-action-buttons{width:100%;flex-direction:column}.tab-btn{flex:1 1 auto;min-width:150px}.untitled-profile-avatar{width:100px;height:100px}.attendance-header{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.attendance-stats{grid-template-columns:repeat(2,1fr)}.untitled-tasks-header{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.attendance-filters{flex-direction:column}.grades-summary-banner{align-items:stretch;flex-direction:column}.tasks-filter-group{flex-wrap:wrap}.untitled-task-card{flex-direction:column}.observation-entry{gap:var(--spacing-md)}.summary-divider{width:100%;height:1px}.untitled-task-actions{align-items:stretch;flex-direction:column}.dashboard-header{padding:var(--spacing-md)}.profile-hero{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);min-height:380px}.dashboard-content{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-header-content{align-items:flex-start;flex-direction:column}.restricted-section{padding:var(--spacing-2xl) var(--spacing-lg)}.privacy-notice{padding:var(--spacing-lg);flex-direction:column}.profile-card-main{gap:var(--spacing-lg);padding:var(--spacing-lg)}.untitled-section-title3{font-size:var(--font-size-xl)}.profile-image{width:100px;height:100px}.hero-profile-content{padding:var(--spacing-2xl) var(--spacing-md)}.classes-grid,.untitled-stats-grid{grid-template-columns:1fr}.teacher-profile-card{padding:var(--spacing-2xl)}.teacher-avatar-border{width:120px;height:120px}.expertise-grid{grid-template-columns:1fr}.untitled-hero-content2{padding:var(--spacing-2xl) var(--spacing-lg)}.untitled-hero-title3{font-size:var(--font-size-xxl)}.untitled-hero-subtitle4{font-size:var(--font-size-base)}.profiles-grid,.teachers-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.cta-card{gap:var(--spacing-xl);padding:var(--spacing-xl)}.untitled-section-header-content1{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.cta-visual{min-height:280px}.profile-card-header,.teacher-card-visual{height:240px}.untitled-action-buttons1{flex-direction:column}.teacher-quick-stats{gap:var(--spacing-sm);padding:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.untitled-profile-header{padding:var(--spacing-2xl) var(--spacing-md)}.performance-summary-grid{grid-template-columns:1fr}.performance-summary-grid,.profile-tabs-container{padding:0 var(--spacing-md)}.profile-tabs-header{gap:0}.profile-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.untitled-profile-avatar2{width:120px;height:120px}.untitled-rubric-item{gap:var(--spacing-xs);grid-template-columns:1fr}.untitled-rubric-score{text-align:left}.bar-chart-item{grid-template-columns:60px 1fr}.page-intro{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-profiles-section1{padding:var(--spacing-xl) var(--spacing-md)}.quick-contact-section{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-support-grid{padding:0 var(--spacing-md);grid-template-columns:1fr}.logo-container{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.breadcrumb-nav{flex-wrap:wrap}.profile-card-content,.quick-contact-content{padding:var(--spacing-lg)}.untitled-profile-header1{padding-top:100px}.stats-compact{grid-template-columns:1fr}.profile-avatar-large{width:120px;height:120px}.untitled-profile-name1{font-size:var(--font-size-xl)}.responsibilities-grid{grid-template-columns:1fr}.untitled-section-container2{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-dashboard-header-content,.untitled-section-header4{align-items:flex-start;flex-direction:column}.planeamientos-grid,.untitled-groups-grid,.untitled-metrics-grid1{grid-template-columns:1fr}.untitled-observation-card2{flex-direction:column}.profile-quick-stats{grid-template-columns:1fr}.untitled-chart-visual1{min-height:200px}.untitled-bar-chart2{height:200px}.untitled-profile-header-content1{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.untitled-profile-actions{flex-direction:column}.untitled-profile-avatar-large{width:120px;height:120px}.untitled-metrics-grid2,.untitled-profile-meta-grid{grid-template-columns:1fr}.untitled-tabs-nav{flex-wrap:nowrap}.tab-content{padding:var(--spacing-lg)}.tab-content-header{flex-direction:column}.observations-grid,.untitled-groups-grid1{grid-template-columns:1fr}.untitled-data-table{font-size:var(--font-size-xs)}.chart-data-points{position:static;margin-top:var(--spacing-md);justify-content:center}.untitled-teacher-avatar1{width:36px;height:36px}.untitled-profile-hero{padding:var(--spacing-2xl) 0}.untitled-breadcrumb-nav{flex-wrap:wrap}.untitled-metrics-grid3{grid-template-columns:1fr}.profile-main-card{padding:var(--spacing-xl)}.action-panel-buttons{width:100%}.action-panel-buttons .btn{width:100%;justify-content:center}.permissions-grid,.status-grid{grid-template-columns:1fr}.untitled-profile-header-left{text-align:center;align-items:center;flex-direction:column}.untitled-profile-avatar3{width:100px;height:100px}.untitled-profile-meta2{gap:var(--spacing-sm);align-items:center;flex-direction:column}.untitled-attendance-summary{gap:var(--spacing-md);flex-direction:column}.untitled-chart-visual4{height:200px}.course-info-grid{grid-template-columns:1fr}.untitled-status-overview{padding:var(--spacing-md)}.support-content-grid{padding:0 var(--spacing-md) var(--spacing-2xl)}.untitled-profile-header-content3{padding:var(--spacing-md)}.untitled-status-grid{grid-template-columns:1fr}.profile-header-top{gap:var(--spacing-md);align-items:stretch;flex-direction:column}.untitled-support-section{padding:var(--spacing-md)}.untitled-profile-actions1{flex-direction:column}.support-section-header{gap:var(--spacing-sm);align-items:stretch;flex-direction:column}.account-actions{flex-direction:column}.profile-avatar-wrapper-large{width:100px;height:100px}.untitled-profile-meta-grid1{grid-template-columns:1fr}.profile-main-title{font-size:var(--font-size-xl)}.untitled-profile-header-section,.untitled-support-content-grid{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.support-banner-content{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-avatar-area{flex-direction:column}.system-actions-bar{padding:var(--spacing-md)}.support-header{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.untitled-profile-header-section1{text-align:center;align-items:center;flex-direction:column}.contact-grid{grid-template-columns:1fr}.group-header{flex-direction:column}.untitled-observation-header4{align-items:flex-start;flex-direction:column}.untitled-section-content2{padding:0 var(--spacing-md)}.untitled-profile-avatar-section1{align-items:flex-start;flex-direction:column}.untitled-action-list,.untitled-permissions-grid,.untitled-stats-grid1{grid-template-columns:1fr}.untitled-profile-avatar6{width:100px;height:100px}.untitled-hero-title4{font-size:var(--font-size-xl)}.untitled-profile-meta4{gap:var(--spacing-sm);flex-direction:column}.untitled-profile-header-info6{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-nav{grid-template-columns:1fr}.untitled-profile-avatar-section2{width:100%;text-align:center;align-items:center;flex-direction:column}.untitled-profile-header-actions2{width:100%;padding-bottom:0}.untitled-profile-header-actions2 .btn{flex:1}.profile-nav-item span{display:block}.untitled-profile-actions2{flex-direction:column-reverse}.untitled-profile-actions2 .btn{width:100%}.profile-edit-sidebar{grid-template-columns:1fr}.profile-edit-main{padding:var(--spacing-xl)}.form-actions{align-items:stretch;flex-direction:column-reverse}.untitled-profile-header-content5{align-items:stretch;flex-direction:column}.untitled-profile-header-actions3{width:100%;justify-content:stretch}.untitled-avatar-upload-card{padding:var(--spacing-xl);align-items:center}.save-changes-content,.untitled-avatar-upload-card{text-align:center;flex-direction:column}.save-changes-actions{width:100%;justify-content:stretch}.save-changes-actions .btn{flex:1}.untitled-form-grid{grid-template-columns:1fr}.preference-toggle-item{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.profile-form-wrapper,.untitled-profile-header-content6{padding:0 var(--spacing-lg)}.profile-section-card{padding:var(--spacing-lg)}.untitled-profile-actions3{flex-direction:column}.untitled-profile-actions3 .btn{width:100%}.toast-notification{left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg)}.untitled-form-actions{flex-direction:column-reverse}.teacher-info-card{text-align:center;flex-direction:column}.untitled-checkbox-group{grid-template-columns:1fr}.untitled-teacher-avatar2{margin:0 auto}.teacher-stats{justify-content:center}.recipient-tabs,.untitled-cta-buttons1{flex-direction:column}.untitled-cta-buttons1 .btn{width:100%}.recipient-tab{justify-content:center}.course-details-grid{grid-template-columns:1fr}.code-display{text-align:center;flex-direction:column}.code-value{font-size:var(--font-size-lg)}.btn-copy{width:100%;justify-content:center}.untitled-hero-title6{font-size:var(--font-size-xxl)}.untitled-hero-subtitle7{font-size:var(--font-size-base)}.help-card{padding:var(--spacing-xl)}.untitled-form-actions1{flex-direction:column}.error-action-buttons{width:100%;flex-direction:column}.error-action-buttons .btn{width:100%}.untitled-help-cards-grid{grid-template-columns:1fr}.contact-emergency-notice{text-align:center;flex-direction:column}.error-shield-wrapper{width:120px;height:120px}.untitled-contact-info-card{text-align:center;align-items:center;flex-direction:column}.error-shield-icon{width:60px;height:60px}.error-alert-icon{width:36px;height:36px}.faq-question-text{font-size:var(--font-size-base)}.success-hero-wrapper{min-height:70vh}.success-icon-container{width:140px;height:140px}.success-title{font-size:clamp(2rem,8vw,3rem)}.success-course-badge{padding:var(--spacing-sm) var(--spacing-lg)}.success-icon-circle{width:110px;height:110px}.badge-text{font-size:var(--font-size-base)}.untitled-success-icon{width:48px;height:48px}.welcome-features{gap:var(--spacing-md)}.welcome-feature-item{padding:var(--spacing-md)}.untitled-visual-card3{height:200px}.untitled-course-details-grid{grid-template-columns:1fr}.untitled-timeline-item3{gap:var(--spacing-md);grid-template-columns:50px 1fr}.untitled-timeline-content3{padding:var(--spacing-lg)}.marker-number{width:40px;height:40px;font-size:var(--font-size-base)}.marker-line{top:40px}.untitled-cta-card{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-action-area{flex-direction:column}.cta-action-area .btn{width:100%}.auth-brand-panel{min-height:35vh}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-2xl) var(--spacing-lg)}.auth-logo-icon{width:48px;height:48px}.auth-brand-title{font-size:var(--font-size-xl)}.auth-features-list{gap:var(--spacing-md)}.untitled-security-info-card1{padding:var(--spacing-lg)}.untitled-section-header6{align-items:flex-start;flex-direction:column}.untitled-section-header6 .btn{width:100%}.assignments-filters{flex-direction:column}.course-meta-grid{grid-template-columns:1fr}.course-header-actions{width:100%;flex-direction:column}.untitled-filter-btn3{width:100%;text-align:center}.course-quick-stats{flex-direction:column}.untitled-course-meta-grid{grid-template-columns:1fr}.tabs-navigation{flex-wrap:wrap}.untitled-tab-button1{padding:var(--spacing-md)}.untitled-tab-button1 span{display:none}.modules-header{align-items:flex-start;flex-direction:column}.grades-overview-grid{grid-template-columns:1fr}.untitled-progress-bar-wrapper{width:100%}.assignment-actions{flex-direction:column}.untitled-announcement-badge{top:var(--spacing-md);right:var(--spacing-md)}.untitled-announcement-meta{align-items:flex-start;flex-direction:column}.untitled-hero-section2{padding:clamp(2rem,5vw,3rem) 0 clamp(1.5rem,3vw,2rem)}.download-toast{left:1rem;right:1rem;min-width:auto}.reports-grid,.untitled-summary-grid1{grid-template-columns:1fr}.filters-actions,.report-actions{flex-direction:column}.reports-hero{padding:clamp(2rem,5vw,3rem) var(--spacing-md)}.reports-list,.reports-stats,.untitled-reports-filters{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.untitled-filter-card{padding:var(--spacing-lg)}.untitled-stats-grid2{grid-template-columns:1fr}.filter-summary{gap:var(--spacing-md);flex-direction:column}.untitled-report-card{padding:var(--spacing-lg)}.untitled-hero-title9{font-size:var(--font-size-xxl)}.untitled-hero-subtitle10{font-size:var(--font-size-base)}.untitled-report-actions{flex-direction:column}.untitled-hero-content-wrapper4{padding:var(--spacing-xl) var(--spacing-md)}.untitled-actions-grid1{grid-template-columns:1fr}.untitled-filter-buttons{justify-content:center}.untitled-profile-header6{text-align:center;flex-direction:column}.card-actions{flex-direction:column}.card-actions .btn{width:100%}.untitled-hero-title10{font-size:var(--font-size-xxl)}.untitled-hero-subtitle11{font-size:var(--font-size-lg)}.assignments-controls,.assignments-list,.assignments-stats{padding:0 var(--spacing-md)}.untitled-modal-overlay{padding:var(--spacing-md)}.untitled-hero-content6{padding:0 var(--spacing-md)}.untitled-stats-container{grid-template-columns:1fr}.untitled-hero-actions{width:100%;flex-direction:column}.modal-content,.untitled-modal-header{padding:var(--spacing-lg)}.untitled-form-grid3{grid-template-columns:1fr}.untitled-card-title3{font-size:var(--font-size-lg)}.assignment-meta{gap:var(--spacing-xs);align-items:flex-start;flex-direction:column}.maintenance-hero{padding:var(--spacing-3xl) var(--spacing-md);min-height:auto}.maintenance-info,.maintenance-progress{padding:var(--spacing-2xl) var(--spacing-md)}.maintenance-footer__container{text-align:center;flex-direction:column}.maintenance-timer{gap:var(--spacing-md)}.maintenance-hero__return-info{padding:var(--spacing-lg);text-align:center;flex-direction:column}.maintenance-footer__copyright{text-align:center}.maintenance-hero__brand{font-size:var(--font-size-xxl)}.maintenance-timer__card{padding:var(--spacing-md) var(--spacing-lg);min-width:5rem}.maintenance-hero__return-text{text-align:center}.maintenance-info__card{padding:var(--spacing-xl)}.maintenance-timer__value{font-size:clamp(2rem,8vw,3rem)}.error-hero{padding:clamp(2rem,6vw,3rem) var(--spacing-md);min-height:85vh}.error-hero__actions{width:100%;flex-direction:column}.error-hero__actions .btn{width:100%;justify-content:center}.help-cards{grid-template-columns:1fr}.error-hero__icon-circle,.error-hero__pulse{width:7rem;height:7rem}.error-hero__subtitle{font-size:var(--font-size-lg)}.error-hero__description{font-size:var(--font-size-sm)}.support-contact__methods{grid-template-columns:1fr}.error-hero__icon{width:3rem;height:3rem}.error-visual__code{font-size:4rem}.error-actions{width:100%;flex-direction:column}.error-actions .btn{width:100%;justify-content:center}.shape{opacity:.05}.error-code{gap:var(--spacing-sm)}.untitled-hero-title13{font-size:2rem}.untitled-hero-subtitle14{max-width:100%}.untitled-support-stats{gap:var(--spacing-md);flex-direction:column}.support-form-card{padding:var(--spacing-xl)}.untitled-stat-divider{display:none}.team-image-grid,.team-stats-wrapper,.untitled-form-grid4{grid-template-columns:1fr}.team-floating-badge{position:static;margin-top:var(--spacing-lg)}.team-image-large,.team-image-small{height:200px}.auth-recovery-section{padding:var(--spacing-xl) var(--spacing-md)}.auth-card,.auth-recovery-info{padding:var(--spacing-xl)}.auth-info-title{font-size:var(--font-size-xl)}.untitled-info-feature-item{text-align:center;align-items:center;flex-direction:column}.untitled-brand-name1{font-size:var(--font-size-xl)}.auth-icon-wrapper{width:64px;height:64px}.auth-icon-wrapper svg{width:28px;height:28px}.auth-card-title{font-size:var(--font-size-xl)}.page-header{padding:var(--spacing-xl) var(--spacing-md)}.control-row{align-items:stretch}.control-row,.untitled-modal-footer{flex-direction:column}.untitled-modal-footer .btn{width:100%}.untitled-hero-title14{font-size:var(--font-size-xxl)}.untitled-search-wrapper1{min-width:100%}.untitled-filter-controls{width:100%}.untitled-filter-controls select{flex:1}.days-selector{grid-template-columns:repeat(3,1fr)}.untitled-assignments-header{padding:var(--spacing-xl) var(--spacing-md)}.assignments-main{padding:0 var(--spacing-md)}.untitled-modal-overlay2{padding:var(--spacing-md)}.untitled-header-content2{align-items:stretch;flex-direction:column}.untitled-header-stats{grid-template-columns:repeat(2,1fr)}.content-header{align-items:stretch;flex-direction:column}.untitled-assignments-grid{grid-template-columns:1fr}.view-controls{width:100%}.view-controls .btn{flex:1}.untitled-card-actions{flex-direction:column}.untitled-action-buttons5{width:100%}.untitled-action-buttons5 .btn{flex:1}.untitled-stat-item8{gap:var(--spacing-md);flex-direction:column}.untitled-hero-title15{font-size:var(--font-size-xl)}.untitled-meta-content{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.untitled-chart-visual5{align-self:center}.student-col{min-width:180px}.grade-col{min-width:80px}.untitled-profile-avatar11{width:32px;height:32px}.hero-icon{width:72px;height:72px}.untitled-hero-title16{font-size:var(--font-size-xxl)}.untitled-hero-subtitle16{font-size:var(--font-size-base)}.untitled-form-container3{padding:var(--spacing-xl)}.announcement-card-footer,.announcement-card-header{align-items:flex-start;flex-direction:column}.announcement-card-footer{gap:var(--spacing-md)}.untitled-form-actions5{flex-direction:column-reverse}.announcement-stats{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.hero-profile-card{text-align:center;flex-direction:column}.quick-access-grid,.untitled-hero-stats-grid{grid-template-columns:1fr}.untitled-course-header-container2{align-items:flex-start;flex-direction:column}.course-actions{flex-direction:column}.tasks-hero{min-height:340px}.tasks-controls{align-items:stretch;flex-direction:column}.untitled-tasks-grid{gap:var(--spacing-md);grid-template-columns:1fr}.untitled-tasks-grid,.upload-modal{padding:var(--spacing-md)}.tasks-hero-content{padding:var(--spacing-2xl) var(--spacing-md)}.tasks-filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-xs)}.tasks-sort{width:100%}.tasks-stats-grid{grid-template-columns:1fr}.untitled-filter-btn11{flex-shrink:0}.sort-select{width:100%}.untitled-task-actions1{flex-direction:column}.upload-modal-body,.upload-modal-footer,.upload-modal-header{padding:var(--spacing-lg)}.upload-modal-footer{flex-direction:column-reverse}.upload-modal-footer .btn{width:100%}.attendance-summary-cards,.insights-grid,.untitled-grades-grid,.untitled-performance-grid{grid-template-columns:1fr}.recommendations-card{flex-direction:column}.goals-grid,.next-steps-list{grid-template-columns:1fr}.student-reports-container{padding:var(--spacing-md)}.untitled-overview-grid1{grid-template-columns:1fr}.profile-main-info{align-items:flex-start;flex-direction:column}.untitled-report-card1,.untitled-stat-card12{padding:var(--spacing-lg)}.untitled-card-header-with-action4{align-items:flex-start;flex-direction:column}.untitled-attendance-grid{grid-template-columns:repeat(7,1fr)}.untitled-profile-avatar14{width:90px;height:90px}.untitled-hero-title19{font-size:var(--font-size-xl)}.untitled-profile-meta5{gap:var(--spacing-xs);flex-direction:column}.attendance-hero{padding:var(--spacing-xl) var(--spacing-md);min-height:320px}.untitled-modal-content{max-height:100vh;border-radius:var(--border-radius-lg)}.untitled-attendance-summary-cards{grid-template-columns:1fr}.untitled-progress-header{align-items:flex-start;flex-direction:column}.untitled-modal-body1,.untitled-modal-header3{padding:var(--spacing-lg)}.untitled-alert-card6{text-align:center;flex-direction:column}.untitled-profile-avatar15{width:80px;height:80px}.untitled-summary-card3{padding:var(--spacing-lg)}.untitled-filter-group7{flex-direction:column}.untitled-progress-bar-track{height:40px}.calendar-week{padding:var(--spacing-lg)}.untitled-alert-icon4{margin:0 auto}.untitled-filter-btn13{width:100%;justify-content:center}.week-days{gap:var(--spacing-sm)}.untitled-form-actions7{flex-direction:column}.untitled-form-actions7 .btn{width:100%}.help-grid,.untitled-stats-grid3{grid-template-columns:1fr}.untitled-hero-title20{font-size:var(--font-size-xxl)}.untitled-hero-subtitle19{font-size:var(--font-size-base)}.course-item{align-items:stretch;flex-direction:column}.course-item .btn{width:100%}.table-actions{flex-direction:column}.table-actions .btn{width:100%}.student-item{align-items:stretch;flex-direction:column}.student-item .btn{width:100%}.student-stats{width:100%;justify-content:space-around}.untitled-action-buttons7{width:100%;flex-direction:column}.untitled-hero-title21{font-size:var(--font-size-xl)}.untitled-hero-subtitle20{font-size:var(--font-size-base)}.untitled-meta-content1{gap:var(--spacing-sm);flex-direction:column}.untitled-filter-btn-group{flex-direction:column}.untitled-filter-btn14{width:100%}.untitled-stat-content8{grid-template-columns:1fr}.untitled-table-container1{margin:0 calc(-1 * var(--spacing-lg));border-radius:0}.untitled-section-title20{font-size:var(--font-size-xl)}.untitled-hero-section6{min-height:100vh}.untitled-hero-content8{padding:var(--spacing-3xl) var(--spacing-lg)}.hero-quick-links{align-items:stretch;flex-direction:column}.quick-link{text-align:center}.manual-item,.untitled-quick-access-grid{grid-template-columns:1fr}.manual-item{gap:var(--spacing-md);text-align:center}.manual-icon{margin:0 auto}.support-contact-hero,.support-form-container{padding:var(--spacing-xl) var(--spacing-md)}.support-stats-grid,.untitled-support-sidebar{grid-template-columns:1fr}.untitled-support-form-card{padding:var(--spacing-lg)}.untitled-form-row1{grid-template-columns:1fr}.untitled-form-actions8{flex-direction:column-reverse}.untitled-form-actions8 button{width:100%}.untitled-hero-section7{min-height:clamp(450px,70vh,600px)}.billing-toggle{gap:var(--spacing-sm);padding:var(--spacing-md);flex-wrap:wrap}.plans-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.pricing-card{padding:var(--spacing-xl)}.untitled-comparison-table-wrapper{border-radius:var(--border-radius-md)}.untitled-cta-buttons2{flex-direction:column}.untitled-cta-buttons2 .btn{width:100%}.checkout-form-card,.checkout-summary-content{padding:var(--spacing-lg)}.checkout-form-header__icon{width:2.5rem;height:2.5rem}.untitled-form-grid6{grid-template-columns:1fr}.checkout-summary-icon{width:2.5rem;height:2.5rem}.summary-plan-name{font-size:var(--font-size-xl)}.payment-hero__container{padding:var(--spacing-xl) var(--spacing-lg)}.payment-hero__trust-badges{align-items:stretch;flex-direction:column}.trust-badge{justify-content:center}.payment-form-column{padding:var(--spacing-xl)}.payment-hero__title{font-size:var(--font-size-xl)}.order-summary{padding:var(--spacing-xl)}.untitled-form-row2{grid-template-columns:1fr}.payment-method-option__content{padding:var(--spacing-md)}.payment-success-page{padding:var(--spacing-2xl) var(--spacing-md)}.untitled-success-actions{flex-direction:column}.floating-element{width:40px;height:40px}.untitled-summary-header{padding:var(--spacing-lg) var(--spacing-xl)}.untitled-summary-content1{gap:var(--spacing-xl);padding:var(--spacing-lg)}.footer-info-card{text-align:center;align-items:center;flex-direction:column}.summary-row{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.untitled-summary-value6{text-align:left}.payment-failed-container{padding:var(--spacing-md)}.payment-failed-card{padding:var(--spacing-xl)}.orb-1,.orb-2,.orb-3{width:200px;height:200px}.error-details-card{padding:var(--spacing-lg)}.alternative-actions{width:100%;flex-direction:column}.untitled-page-header{text-align:left;padding-bottom:var(--spacing-xl)}.untitled-plan-header{gap:var(--spacing-md);flex-direction:column}.untitled-info-card2{padding:var(--spacing-md)}.untitled-alert-card8{flex-direction:column}.untitled-plan-icon{width:56px;height:56px}.untitled-info-item10{gap:var(--spacing-md);flex-direction:row}.untitled-action-card3{flex-direction:column}.untitled-table-header{display:none}.untitled-table-row{gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;grid-template-columns:1fr}.untitled-price-amount{font-size:clamp(2rem,8vw,2.5rem)}.table-cell{padding:var(--spacing-xs) 0;justify-content:space-between}.table-cell:before{color:var(--color-on-surface-secondary);content:attr(data-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.untitled-section-container11{padding:var(--spacing-xl) var(--spacing-md)}.billing-summary-grid{grid-template-columns:1fr}.billing-pagination{gap:var(--spacing-md);align-items:flex-start;flex-direction:column}.billing-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.untitled-pagination-controls1{width:100%;justify-content:center}.billing-title-group{align-items:flex-start;flex-direction:column}.billing-table{min-width:700px}.billing-dashboard-container{padding:var(--spacing-lg)}.untitled-metrics-grid4{grid-template-columns:1fr}.pagination-footer,.untitled-section-header16{align-items:stretch;flex-direction:column}.untitled-metric-card3{padding:var(--spacing-lg)}.section-actions{justify-content:flex-start}.untitled-pagination-controls2{justify-content:center}.policy-card{padding:var(--spacing-xl) var(--spacing-lg)}.untitled-hero-visual1{height:250px}.toggle-container{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column}.plan-card{padding:var(--spacing-xl)}.untitled-section-title26{font-size:clamp(1.5rem,4vw,2rem)}.untitled-hero-title24{font-size:clamp(1.75rem,5vw,2.5rem)}.untitled-hero-subtitle23{max-width:100%}.cancel-subscription-container{padding:var(--spacing-md);align-items:flex-start}.cancel-subscription-modal{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.untitled-modal-header4{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.untitled-modal-actions1,.untitled-modal-content2{padding:var(--spacing-lg)}.subscription-details,.warning-card{padding:var(--spacing-md)}.untitled-detail-icon{width:2rem;height:2rem}.retention-options{gap:var(--spacing-xs)}.billing-header__content{flex-direction:column}.billing-header__security{width:100%}.untitled-security-notice-card{flex-direction:column}.untitled-security-badge1{width:100%;justify-content:center}.untitled-form-grid7{grid-template-columns:1fr}.untitled-form-actions9{flex-direction:column}.untitled-form-actions9 .btn{width:100%}.invoices-table{font-size:var(--font-size-sm)}.untitled-plan-header2{gap:var(--spacing-md);flex-direction:column}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%}.card-info-row{gap:var(--spacing-md);flex-direction:column}.untitled-plan-price1{text-align:left}.privacy-hero-icon{width:64px;height:64px}.privacy-hero-icon svg{width:32px;height:32px}.untitled-hero-title25{font-size:clamp(var(--font-size-xxl),7vw,var(--font-size-hero))}.privacy-meta{gap:var(--spacing-xs);flex-direction:column}.untitled-meta-divider{display:none}.privacy-content-wrapper{padding:0 var(--spacing-md)}.nav-card,.untitled-intro-card{padding:var(--spacing-lg)}.nav-grid{grid-template-columns:1fr}.content-block{padding:var(--spacing-lg)}.untitled-section-title27{font-size:var(--font-size-xl)}.footer-card{padding:var(--spacing-lg)}.terms-hero{min-height:60vh}.terms-hero__content{padding:var(--spacing-2xl) var(--spacing-md)}.terms-hero__icon-wrapper{width:4rem;height:4rem}.terms-hero__meta{gap:var(--spacing-sm);flex-direction:column}.terms-hero__icon{width:48px;height:48px}.terms-nav__grid{grid-template-columns:1fr}.terms-content__toc{max-height:20rem;overflow-y:auto}.terms-contact-grid{grid-template-columns:1fr}.terms-cta__buttons{width:100%;flex-direction:column}.terms-cta__buttons .btn{width:100%}.hero-icon-wrapper{width:72px;height:72px}.section-header-group{flex-direction:column}.cookie-details,.untitled-analytics-grid2{grid-template-columns:1fr}.detail-row{gap:var(--spacing-xs);align-items:flex-start;flex-direction:column}.method-number{position:static;margin-bottom:var(--spacing-md)}.method-content{padding-right:0}.browser-grid{grid-template-columns:1fr}.consent-actions{flex-direction:column}.consent-actions .btn{width:100%}.untitled-contact-grid1{grid-template-columns:1fr}.untitled-hero-image-wrapper{height:300px}.untitled-hero-stats-grid1{grid-template-columns:1fr}.storage-image-stack{height:350px}.storage-img-primary{width:80%;height:280px}.storage-img-secondary{width:70%;height:220px}.backup-visual{height:400px}.untitled-timeline-item6{grid-template-columns:1fr}.contact-image{height:400px}.certifications-grid,.rights-cards__container,.rights-list{grid-template-columns:1fr}.rights-hero__image{height:250px}.contact-methods__grid,.request-process__steps{grid-template-columns:1fr}.rights-cta__image{height:300px}.contact-methods__assurance{text-align:center;grid-template-columns:1fr}.rights-cta__actions{flex-direction:column}.rights-cta__actions .btn{width:100%}.untitled-warning-card{gap:var(--spacing-lg)}.untitled-help-cards,.untitled-warning-card{grid-template-columns:1fr}.warning-icon{justify-content:flex-start}.untitled-form-grid8{grid-template-columns:1fr}.untitled-form-actions10{flex-direction:column-reverse}.untitled-form-actions10 .btn{width:100%;justify-content:center}.timeline-step{gap:var(--spacing-lg)}.timeline-step-number{width:48px;height:48px;font-size:var(--font-size-base)}}@media(max-width:479px){.thq-section-padding{padding:var(--dl-layout-space-oneandhalfunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-unit)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-unit);grid-template-columns:1fr 1fr}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-unit);align-items:center;grid-template-columns:1fr}.thq-grid-4{flex-direction:column}.thq-grid-2{grid-gap:var(--dl-layout-space-unit)}.thq-grid-auto-300{grid-template-columns:1fr}.navigation__container{padding:0 var(--spacing-sm)}.navigation__actions{gap:var(--spacing-xs)}.navigation__logo-text{display:none}.footer-container{padding:0 var(--spacing-md)}.footer-content{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.footer-trust-item{text-align:center;align-items:center;flex-direction:column}.footer-brand{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.footer-social-links{width:100%;justify-content:flex-start}.footer-trust-icon{width:52px;height:52px}.footer-legal-links{gap:var(--spacing-sm);flex-direction:column}.footer-legal-separator{display:none}.hero__roles{flex-direction:column}.role-btn{width:100%;justify-content:center}.quick-access-tile{padding:var(--spacing-md)}.docs-resources,.onboarding,.performance,.system-updates{padding:var(--spacing-2xl) var(--spacing-md)}.teacher-dashboard-hero-title{font-size:var(--font-size-xl)}.teacher-dashboard-hero-subtitle{font-size:var(--font-size-base)}.action-card,.side-card{padding:var(--spacing-sm)}.submission-actions{flex-direction:column}.submission-actions .btn{width:100%}.attendance-container{padding:var(--spacing-md)}.bottom,.info-banner{align-items:flex-start;flex-direction:column}.class-card-actions .btn{width:100%}.profile-card{padding:var(--spacing-lg);text-align:center}.action-chips-row,.profile-card{flex-direction:column}.student-dashboard-hero-title{font-size:var(--font-size-lg)}.action-chip{width:100%;justify-content:center}.primary-card{padding:var(--spacing-md)}.student-dashboard-section-title{font-size:var(--font-size-lg)}.attachments-list{flex-direction:column}.attachment-item{width:100%}.task-card{padding:var(--spacing-sm)}.task-actions{flex-direction:column}.attendance-panel{padding:var(--spacing-sm)}.featured-header{padding:var(--spacing-md)}.course-card{padding:var(--spacing-sm)}.overall-card{padding:var(--spacing-md)}.average-value,.grade-headline{font-size:var(--font-size-xl)}.student-dashboard-message-card,.student-dashboard-messages-section{padding:var(--spacing-sm)}.students-section{padding:0 var(--spacing-sm)}.students-tabs{gap:var(--spacing-sm)}.tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.detail-reader{padding:var(--spacing-lg)}.group-title{font-size:var(--font-size-xl)}.course---group-detail-summary-stat{gap:var(--spacing-sm);flex-direction:row}.session-carousel{flex-direction:column}.reports-kpis{grid-template-columns:1fr}.course---group-detail-stat-value{font-size:var(--font-size-lg)}.student-row{align-items:flex-start;flex-direction:column}.carousel-card{min-width:100%}.summary-grid{grid-template-columns:1fr}.attendance-table,.grades-table{font-size:var(--font-size-sm)}.student-metrics{width:100%;flex-direction:row;justify-content:space-between}.format-grid{grid-template-columns:1fr}.user-management-hero-section{padding:var(--spacing-xl) var(--spacing-sm)}.hero-panel{padding:var(--spacing-md)}.user-management-hero-title{font-size:var(--font-size-xl)}.hero-lead{font-size:var(--font-size-base)}.profiles-section{padding:var(--spacing-xl) var(--spacing-sm)}.profiles-canvas{padding:var(--spacing-md)}.enrollment-section{padding:var(--spacing-xl) var(--spacing-sm)}.enrollment-center,.rail-left,.rail-right{padding:var(--spacing-md)}.user-management-section-title{font-size:var(--font-size-lg)}.messaging-section,.status-section{padding:var(--spacing-xl) var(--spacing-sm)}.status-main{padding:var(--spacing-md)}.filters-section{padding:var(--spacing-xl) var(--spacing-sm)}.filter-rail{padding:var(--spacing-md)}.reports-section{padding:var(--spacing-xl) var(--spacing-sm)}.analytics-dashboard-section{padding:var(--spacing-2xl) 0}.analytics-dashboard-wrapper{padding:0 var(--spacing-sm)}.analytics---reports-kpi-value{font-size:var(--font-size-xl)}.attendance-performance-section{padding:var(--spacing-2xl) 0}.attendance-performance-container{padding:0 var(--spacing-sm)}.metric-breakdown{grid-template-columns:1fr}.mega-metric-value{font-size:var(--font-size-xl)}.site-comparisons-section{padding:var(--spacing-2xl) 0}.site-comparisons-container{padding:0 var(--spacing-sm)}.summary-kpis{flex-direction:column}.summary-kpi-token{width:100%}.export-reports-section{padding:var(--spacing-2xl) 0}.export-reports-wrapper{padding:0 var(--spacing-sm)}.export-actions-row{gap:var(--spacing-md);flex-direction:column}.export-actions-left,.export-actions-right{width:100%;flex-direction:column}.risk-insights-section{padding:var(--spacing-2xl) 0}.risk-insights-container{padding:0 var(--spacing-sm)}.risk-filter-bar{flex-direction:column}.reporting-templates-section{padding:var(--spacing-2xl) 0}.reporting-container{padding:0 var(--spacing-sm)}.template-card-footer{flex-direction:column}.brand-panel,.form-panel{padding:var(--spacing-lg) var(--spacing-md)}.logo-wrapper{width:56px;height:56px}.form-title{font-size:1.5rem}.logo-icon{width:36px;height:36px}.brand-name{font-size:1.75rem}.module-card-icon{width:56px;height:56px}.module-card-title{font-size:var(--font-size-lg)}.edushield-header-actions .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.register-form-panel{padding:var(--spacing-lg) var(--spacing-md)}.untitled-form-header{margin-bottom:var(--spacing-xl)}.registration-form{gap:var(--spacing-lg)}.benefits-title{font-size:var(--font-size-base)}.form-section{gap:var(--spacing-sm)}.untitled-brand-name{font-size:var(--font-size-lg)}.benefit-item{padding:var(--spacing-sm)}.benefit-icon{width:36px;height:36px;min-width:36px}.success-icon-bg{width:7rem;height:7rem}.success-icon{width:5.5rem;height:5.5rem}.features-visual{height:20rem}.step-number{width:2rem;height:2rem;font-size:var(--font-size-base)}.step-icon{width:3.5rem;height:3.5rem}.step-icon svg{width:1.75rem;height:1.75rem}.hero-image-section{height:300px}.untitled1-hero-title{font-size:clamp(2rem,8vw,2.5rem)}.untitled1-hero-subtitle{font-size:var(--font-size-lg)}.card-1{width:160px;height:200px}.card-2{right:10px;width:130px;height:160px}.card-3{left:80px;width:120px;height:150px}.untitled1-section-title{font-size:var(--font-size-xl)}.untitled1-section-subtitle{font-size:var(--font-size-base)}.feature-card,.role-card-body,.role-card-header{padding:var(--spacing-lg)}.planeamientos-hero-content{padding:0 var(--spacing-md)}.planeamientos-stat-card{text-align:center;flex-direction:column}.section-container{padding:0 var(--spacing-md)}.chart-bars{height:180px}.planeamientos-timeline-item{padding-left:var(--spacing-xl)}.plan-de-planeamiento-central-alert-card,.plan-de-planeamiento-central-hero-actions{flex-direction:column}.plan-de-planeamiento-central-hero-actions button{width:100%}.plan-de-planeamiento-central-stat-card{align-items:flex-start;flex-direction:column}.filter-buttons{width:100%;flex-direction:column}.plan-de-planeamiento-central-timeline-content{padding:var(--spacing-lg)}.plan-de-planeamiento-central-filter-btn{width:100%}.docente-info,.hero-brand,.plan-de-planeamiento-central-timeline-header{align-items:flex-start;flex-direction:column}.hero-brand{gap:var(--spacing-sm)}.staff---roles-center-stat-card{flex-direction:column}.card-footer{flex-wrap:wrap}.staff---roles-center-stat-icon{width:40px;height:40px}.staff---roles-center-filter-btn{flex:1;justify-content:center}.staff---roles-center-action-btn{flex:1}.untitled-hero-section{padding:var(--spacing-2xl) var(--spacing-md)}.recent-activity-section,.role-management-interface,.untitled-quick-actions-section{padding:var(--spacing-xl) var(--spacing-md)}.untitled-hero-title{font-size:clamp(1.75rem,8vw,var(--font-size-hero))}.untitled-action-card{padding:var(--spacing-lg)}.signup-card{padding:var(--spacing-xl)}.signup-input{width:100%;height:44px;box-sizing:border-box;padding-left:40px;padding-right:40px}.signup-role-icon{width:40px;height:40px}.main-nav__container{padding:0 var(--spacing-sm)}.navigation-navigation__actions{gap:var(--spacing-xs)}.main-nav__brand-text{display:none}.internal-communications-hero-title{font-size:2rem}.list-footer{gap:var(--spacing-md);text-align:center;flex-direction:column}.announcement-card,.internal-communications-action-card,.internal-communications-stat-card{padding:var(--spacing-lg)}.message-item{padding:var(--spacing-md)}.untitled-hero-badge1{padding:6px var(--spacing-md);font-size:var(--font-size-xs)}.untitled-hero-title1{font-size:var(--font-size-xl)}.untitled-hero-subtitle1{font-size:var(--font-size-base)}.untitled-cta-title{font-size:var(--font-size-xl)}.untitled-role-icon{width:56px;height:56px}.untitled-role-title{font-size:var(--font-size-xl)}.feature-column{min-width:200px}.capability-level{padding:4px 8px;font-size:10px}.untitled-hero-content{padding:var(--spacing-xl) var(--spacing-md)}.mission-card,.vision-card{padding:var(--spacing-lg)}.advantages-list{gap:var(--spacing-lg)}.course-badge-group{align-items:flex-start;flex-direction:column}.teacher-info{text-align:center;flex-direction:column}.course-group-detailed-view-action-buttons{width:100%;flex-direction:column}.course-group-detailed-view-action-buttons .btn{width:100%}.tab-actions{flex-direction:column}.course-group-detailed-view-search-wrapper{width:100%}.attendance-controls,.breakdown-header{align-items:stretch;flex-direction:column}.breakdown-header{gap:var(--spacing-md)}.tasks-header{align-items:stretch;flex-direction:column}.observation-header{align-items:flex-start}.course-group-detailed-view-observation-actions,.observation-header{flex-direction:column}.course-group-detailed-view-observation-actions .btn{width:100%}.profile-contact,.profile-meta{gap:4px;flex-direction:column}.meta-divider{display:none}.attendance-stats{grid-template-columns:1fr}.untitled-bar-label{font-size:var(--font-size-xs);min-width:100px}.untitled-breadcrumb{display:none}.profile-image{width:80px;height:80px}.card-icon-wrapper{width:48px;height:48px}.schedule-item{gap:var(--spacing-xs)}.schedule-item,.section-header-with-action{align-items:flex-start;flex-direction:column}.teacher-avatar-border{width:100px;height:100px}.untitled-hero-content2{padding:var(--spacing-xl) var(--spacing-md)}.untitled-profile-info1,.untitled-teacher-info{padding:var(--spacing-lg)}.profile-stats,.untitled-cta-features{gap:var(--spacing-md)}.profile-stats{flex-direction:column}.untitled-cta-feature{text-align:left;align-items:flex-start;flex-direction:column}.profile-header-actions{width:100%;flex-direction:column}.untitled-filter-group1{width:100%}.planeamiento-summary-stats{grid-template-columns:1fr}.untitled-filter-btn{flex:1}.observation-footer,.student-risk-item{align-items:flex-start;flex-direction:column}.profile-card-featured{margin-bottom:var(--spacing-2xl)}.detail-section{padding:var(--spacing-md)}.contact-method{align-items:flex-start;flex-direction:column}.profile-avatar-large{width:100px;height:100px}.untitled-profile-name1{font-size:var(--font-size-lg)}.untitled-action-buttons2{width:100%;flex-direction:column}.untitled-action-buttons2 .btn{width:100%;justify-content:center}.untitled-profile-header-info{padding:var(--spacing-lg)}.untitled-observation-meta1{gap:var(--spacing-xs);flex-direction:column}.observation-scores{grid-template-columns:1fr}.profile-title-group{align-items:flex-start;flex-direction:column}.untitled-filter-group3{width:100%}.untitled-filter-btn2{flex:1}.group-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.untitled-chart-legend{gap:var(--spacing-sm);flex-direction:column}.action-panel-content{padding:var(--spacing-xl)}.notes-card,.untitled-activity-card,.untitled-chart-card3,.untitled-info-card,.untitled-sidebar-card1,.untitled-summary-card1{padding:var(--spacing-lg)}.untitled-profile-header3{padding:var(--spacing-lg) 0}.content-section,.untitled-sidebar-card2{padding:var(--spacing-lg)}.untitled-task-meta,.untitled-timeline-header1{gap:var(--spacing-xs);flex-direction:column}.untitled-timeline-header1{align-items:flex-start}.timeline-stats{gap:var(--spacing-xs);flex-direction:column}.profile-avatar-wrapper-large{width:80px;height:80px}.untitled-profile-actions1 .btn span{display:none}.untitled-profile-actions1 .btn svg{margin:0}.support-mode-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.untitled-profile-main-card{padding:var(--spacing-lg)}.untitled-profile-header-content4{padding:var(--spacing-lg) var(--spacing-md)}.untitled-card-header-with-action{gap:var(--spacing-sm)}.untitled-activity-header2,.untitled-card-header-with-action,.untitled-note-header1{align-items:flex-start;flex-direction:column}.profile-edit-content{padding:var(--spacing-xl) var(--spacing-md)}.banner-content{padding:0 var(--spacing-md)}.untitled-profile-header-actions2{flex-direction:column}.profile-edit-main,.untitled-profile-card2{padding:var(--spacing-lg)}.profile-header-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.profile-content-container{padding:0 var(--spacing-md)}.untitled-avatar-upload-card{padding:var(--spacing-lg)}.profile-form-card{padding:var(--spacing-xl)}.avatar-image-wrapper{width:120px;height:120px}.avatar-upload-button,.form-card-icon{width:40px;height:40px}.profile-form-wrapper,.untitled-profile-header-content6{padding:0 var(--spacing-md)}.untitled-profile-sidebar2{grid-template-columns:1fr}.untitled-sidebar-card5{padding:var(--spacing-lg)}.untitled-profile-avatar8{width:100px;height:100px}.untitled-profile-avatar-large2{width:120px;height:120px}.permission-notice{text-align:center;flex-direction:column}.permission-icon{margin:0 auto}.security-notice-card{padding:var(--spacing-xl)}.untitled-success-icon-wrapper{width:5rem;height:5rem}.course-details-card{padding:var(--spacing-lg)}.success-icon-check{width:5rem;height:5rem}.example-message-card{padding:var(--spacing-lg)}.hero-icon-shield{width:64px;height:64px}.form-body{padding:var(--spacing-lg)}.error-code-display{gap:var(--spacing-xs);flex-direction:column}.error-code-value{font-size:var(--font-size-lg)}.untitled-help-card{padding:var(--spacing-xl)}.untitled-help-card-icon{width:56px;height:56px}.untitled-help-card-icon svg{width:32px;height:32px}.success-hero-content{padding:var(--spacing-3xl) var(--spacing-md)}.success-icon-container{width:120px;height:120px;margin-bottom:var(--spacing-2xl)}.success-icon-circle{width:90px;height:90px}.untitled-success-icon{width:40px;height:40px}.detail-icon{width:48px;height:48px}.detail-icon svg{width:24px;height:24px}.auth-brand-panel,.auth-form-panel{padding:var(--spacing-xl) var(--spacing-md)}.auth-logo-wrapper{gap:var(--spacing-sm)}.untitled-success-icon-wrapper1{width:80px;height:80px}.auth-logo-icon{width:40px;height:40px}.auth-brand-title{font-size:var(--font-size-lg)}.untitled-form-input4{font-size:var(--font-size-sm)}.untitled-course-header-section{padding:var(--spacing-2xl) 0}.module-stats{gap:var(--spacing-md);flex-direction:column}.untitled-stat-item6{width:100%;flex-direction:row;justify-content:space-between}.untitled-hero-title7{font-size:var(--font-size-xl)}.panel-content-wrapper{padding:var(--spacing-lg)}.untitled-section-title8{font-size:var(--font-size-xl)}.filters-card{padding:var(--spacing-lg)}.untitled-hero-title8{font-size:1.75rem}.untitled-summary-card2{padding:var(--spacing-lg)}.untitled-section-title9{font-size:1.5rem}.report-card{padding:var(--spacing-lg)}.untitled-section-title10{font-size:var(--font-size-xl)}.untitled-stat-card4{gap:var(--spacing-md);padding:var(--spacing-md)}.untitled-hero-title9{font-size:var(--font-size-xl)}.untitled-stat-icon3{width:48px;height:48px}.untitled-stat-value16{font-size:var(--font-size-xl)}.groups-hero{min-height:clamp(350px,45vh,500px)}.controls-container,.groups-container,.untitled-actions-container{padding:0 var(--spacing-md)}.untitled-profile-avatar9{width:80px;height:80px}.untitled-hero-title10{font-size:var(--font-size-xl)}.assignment-content,.untitled-assignment-header,.untitled-filter-section,.untitled-stat-card6{padding:var(--spacing-lg)}.maintenance-hero__logo{gap:var(--spacing-sm);flex-direction:column}.maintenance-progress__header{align-items:flex-start;flex-direction:column}.maintenance-timer__separator{display:none}.error-details,.untitled-help-section,.untitled-support-contact{padding:clamp(2rem,5vw,3rem) var(--spacing-sm)}.support-contact__card{padding:var(--spacing-xl)}.untitled-contact-method,.untitled-help-card1{padding:var(--spacing-lg)}.untitled-error-title{font-size:clamp(1.75rem,8vw,2.5rem)}.error-description{font-size:var(--font-size-base)}.link-card{padding:var(--spacing-md)}.search-body{padding:var(--spacing-lg)}.untitled-hero-badge4{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.support-form-card,.untitled-contact-info-card1{padding:var(--spacing-lg)}.faq-card{padding:var(--spacing-md)}.auth-recovery-section{padding:var(--spacing-lg) var(--spacing-sm)}.auth-card,.auth-recovery-info{padding:var(--spacing-lg)}.auth-card-header{gap:var(--spacing-md)}.untitled-form-input8{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) * 3.5)}.untitled-modal-overlay1{padding:var(--spacing-sm)}.untitled-modal-body,.untitled-modal-footer,.untitled-modal-header1{padding:var(--spacing-md)}.untitled-hero-title14{font-size:var(--font-size-xl)}.untitled-header-stats{grid-template-columns:1fr}.untitled-assignment-form,.untitled-modal-header2{padding:var(--spacing-lg)}.untitled-course-header-container1,.untitled-stat-card8{padding:var(--spacing-md)}.filter-btn-group{flex-direction:column}.untitled-hero-title15{font-size:var(--font-size-lg)}.untitled-filter-btn9{width:100%;justify-content:space-between}.untitled-stat-value22{font-size:var(--font-size-xl)}.student-col{min-width:160px}.untitled-author-name{font-size:var(--font-size-xs)}.untitled-stats-section{padding:var(--spacing-2xl) 0}.untitled-stat-card9{padding:var(--spacing-lg)}.untitled-stat-icon8{width:48px;height:48px}.untitled-section-title14,.untitled-stat-value23{font-size:var(--font-size-xl)}.courses-section,.quick-access-section,.untitled-hero-section3,.untitled-performance-section{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.untitled-courses-grid{grid-template-columns:1fr}.untitled-profile-avatar-wrapper3{width:80px;height:80px}.untitled-stat-card10{text-align:center;flex-direction:column}.course-card-media{height:160px}.next-class-indicator{gap:var(--spacing-xs);text-align:center;flex-direction:column}.tasks-hero{min-height:300px}.tasks-hero-content{padding:var(--spacing-xl) var(--spacing-md)}.tasks-hero-text{margin-bottom:var(--spacing-xl)}.task-stat-card{padding:var(--spacing-md)}.untitled-file-upload-area{padding:var(--spacing-xl) var(--spacing-md)}.task-stat-icon{width:40px;height:40px}.task-stat-value{font-size:var(--font-size-xl)}.untitled-hero-section4{padding:var(--spacing-xl) var(--spacing-md)}.untitled-hero-actions1{width:100%}.untitled-profile-avatar-wrapper4{width:80px;height:80px}.untitled-hero-title18{font-size:var(--font-size-xl)}.untitled-section-header10{text-align:left}.untitled-attendance-table-wrapper,.untitled-grades-table-wrapper{padding:var(--spacing-md)}.goal-card{flex-direction:column}.untitled-stat-value26{font-size:var(--font-size-xl)}.grade-entry{padding-left:var(--spacing-lg)}.untitled-form-actions6{flex-direction:column}.untitled-form-actions6 .btn{width:100%}.untitled-timeline-item4{padding-left:var(--spacing-lg)}.attendance-page{padding-bottom:var(--spacing-2xl)}.attendance-hero{padding:var(--spacing-lg) var(--spacing-sm)}.untitled-section-title18{font-size:var(--font-size-xl)}.untitled-section-subtitle17{font-size:var(--font-size-lg)}.untitled-summary-icon3{width:48px;height:48px}.untitled-summary-value4{font-size:var(--font-size-lg)}.untitled-hero-section5{padding:var(--spacing-2xl) var(--spacing-md)}.justification-interface-section,.statistics-section,.untitled-help-section1{padding:var(--spacing-xl) var(--spacing-md)}.untitled-action-panel,.untitled-card-content6{padding:var(--spacing-md)}.untitled-attendance-summary2{gap:var(--spacing-sm);flex-direction:column}.untitled-course-header-container3{padding:0 var(--spacing-md)}.untitled-hero-title21{font-size:var(--font-size-lg)}.untitled-alert-list2,.untitled-chart-card7,.untitled-filter-group8,.untitled-preferences-grid1,.untitled-stat-content8{padding:0 var(--spacing-md)}.untitled-hero-badge5{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.untitled-section-title21{font-size:clamp(1.5rem,5vw,2rem)}.contact-option{text-align:center;flex-direction:column}.contact-option-icon{margin:0 auto}.support-modal-content{padding:var(--spacing-xl)}.support-hero-title{font-size:1.75rem}.support-hero-subtitle{font-size:var(--font-size-base)}.untitled-file-upload-label1{padding:var(--spacing-lg);text-align:center;flex-direction:column}.untitled-hero-title23{font-size:2rem}.save-badge{display:block;margin-top:var(--spacing-xs);margin-left:0}.price-amount{font-size:2.25rem}.untitled-section-title22{font-size:1.75rem}.untitled-faq-question2{padding:var(--spacing-md);font-size:var(--font-size-base)}.checkout-hero__breadcrumb{font-size:.75rem}.checkout-form-header,.checkout-summary-header{gap:var(--spacing-sm);align-items:flex-start;flex-direction:column}.checkout-submit-btn{padding:1rem var(--spacing-lg);font-size:var(--font-size-base)}.payment-form-section{padding:var(--spacing-xl) var(--spacing-md)}.payment-hero__brand{gap:var(--spacing-sm);flex-direction:column}.order-summary,.payment-form-column{padding:var(--spacing-lg)}.card-logos{position:static;transform:none;margin-top:var(--spacing-sm);justify-content:flex-start}.untitled-success-title{font-size:clamp(1.75rem,6vw,2rem)}.untitled-success-subtitle{font-size:var(--font-size-base)}.summary-header-title{font-size:var(--font-size-lg)}.payment-failed-card{padding:var(--spacing-lg)}.status-icon-wrapper{width:80px;height:80px;margin-bottom:var(--spacing-xl)}.support-text{font-size:var(--font-size-sm)}.status-icon{width:42px;height:42px}.error-details-header{align-items:flex-start;flex-direction:column}.subscription-page{padding:var(--spacing-lg) var(--spacing-sm)}.current-plan-card{padding:var(--spacing-lg)}.untitled-info-card2{gap:var(--spacing-md);padding:var(--spacing-md)}.untitled-section-header15{align-items:stretch;flex-direction:column}.untitled-section-header15 .btn{width:100%}.cancellation-notes,.summary-stat-card{padding:var(--spacing-md)}.receipt-icon-wrapper,.untitled-stat-card-icon{width:40px;height:40px}.untitled-section-title24{font-size:var(--font-size-xl)}.billing-dashboard-container{padding:var(--spacing-md)}.untitled-header-actions1{width:100%;flex-direction:column}.date-range-selector{width:100%}.untitled-metric-icon-wrapper{width:48px;height:48px}.filter-wrapper{width:100%}.untitled-metric-value5{font-size:var(--font-size-xl)}.billing-toggle-wrapper,.untitled-comparison-table-wrapper1,.untitled-faq-grid,.untitled-hero-content9,.untitled-plans-grid{padding:0 var(--spacing-md)}.current-plan-indicator{gap:var(--spacing-xs);text-align:center;flex-direction:column}.price-display{flex-wrap:wrap;justify-content:center}.untitled-amount-value{font-size:2.5rem}.subscription-details{gap:var(--spacing-lg)}.modal-icon-alert{width:3rem;height:3rem}.modal-icon-alert svg{width:24px;height:24px}.untitled-detail-item3{gap:var(--spacing-sm);flex-direction:column}.billing-card,.current-card{padding:var(--spacing-lg)}.card-number{font-size:var(--font-size-lg)}.untitled-price-amount1{font-size:var(--font-size-xl)}.untitled-section-header18{gap:var(--spacing-md)}.untitled-section-icon1{width:48px;height:48px}.footer-icon{width:64px;height:64px}.footer-icon svg{width:32px;height:32px}.terms-nav__card{padding:var(--spacing-lg)}.terms-highlight,.terms-prohibited{padding:var(--spacing-md)}.hero-meta{gap:var(--spacing-xs);flex-direction:column}.meta-separator{display:none}.cookies-section-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.untitled-card-header3{flex-direction:column}.contact-container,.managing-section-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.policy-links-grid{grid-template-columns:1fr}.untitled-hero-section8{min-height:auto}.untitled-hero-title26{font-size:var(--font-size-xxl)}.untitled-section-title28{font-size:var(--font-size-xl)}.security-card-icon{width:56px;height:56px}.security-card-icon svg{width:32px;height:32px}.practice-icon{width:56px;height:56px}.practice-icon svg{width:32px;height:32px}.backup-features,.process-steps{gap:var(--spacing-md)}.right-card__header{flex-direction:column}.right-card__header,.untitled-process-step{text-align:center;align-items:center}.untitled-hero-title27{font-size:clamp(2rem,8vw,3rem)}.untitled-hero-subtitle25{font-size:var(--font-size-lg)}.untitled-info-header{align-items:flex-start;flex-direction:column}.deletion-form{padding:var(--spacing-xl)}}.es-password-field{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:9999px;border:1px solid #e5e7eb;background:#f9fafb;padding:0 12px}.es-password-icon-left{display:flex;align-items:center;justify-content:center;color:#6b7280}.es-password-input{border:none;outline:none;background:transparent;padding:10px 0;font-size:.95rem;width:100%}.es-password-input:focus{outline:none;box-shadow:none}.es-password-eye{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280}.es-password-eye:hover{color:#111827}.es-input-field{display:grid;grid-template-columns:32px 1fr;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;padding:0 12px}.es-input-icon-left{display:flex;align-items:center;justify-content:center;color:#6b7280}.es-input{border:none;outline:none;background:transparent;padding:10px 0;font-size:.95rem;width:100%}.es-input:focus{outline:none;box-shadow:none}.verify-page-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.verify-card{max-width:480px;width:100%;background:#fff;border-radius:1rem;padding:2rem 2.5rem;box-shadow:0 18px 45px rgba(15,23,42,.12);text-align:center}.verify-title{font-size:1.6rem;margin-bottom:1rem}.verify-status{margin-bottom:1.5rem;font-size:.95rem}.verify-status.loading{color:#6b7280}.verify-status.success{color:#16a34a}.verify-status.error{color:#dc2626}.verify-button{margin-top:.5rem}.account-panel--floating{position:fixed;top:64px;right:0;width:360px;max-width:360px;max-height:calc(100vh - 80px);border-radius:1rem 0 0 1rem;box-shadow:-24px 16px 45px rgba(15,23,42,.28);z-index:80;display:flex;flex-direction:column;overflow:hidden}@media (max-width:640px){.account-panel--floating{right:0;left:0;margin:0 8px;width:auto;max-width:none;border-radius:1rem}}.navbar-root{position:relative;z-index:50}.navbar-inner{display:flex;align-items:center;justify-content:center;padding:.5rem 1.5rem}.navbar-profile-pill{position:fixed;top:8px;right:16px;z-index:90}.navbar-profile-pill>*{max-width:360px}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-right-10{right:-2.5rem}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-4{left:1rem}.left-\[-40px\]{left:-40px}.right-4{right:1rem}.right-\[-10px\]{right:-10px}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-24{top:6rem}.top-4{top:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-\[55vh\]{max-height:55vh}.min-h-\[300px\]{min-height:300px}.w-1{width:.25rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[260px\]{min-width:260px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[210px\]{max-width:210px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[34px\]{border-radius:34px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity))}.border-amber-200\/60{border-color:hsla(48,97%,77%,.6)}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity))}.border-emerald-200\/60{border-color:rgba(167,243,208,.6)}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity))}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-input{border-color:hsl(var(--input))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity))}.border-teal-200{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.bg-background{background-color:hsl(var(--background))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-50\/30{background-color:rgba(239,246,255,.3)}.bg-blue-50\/50{background-color:rgba(239,246,255,.5)}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity))}.bg-cyan-300{--tw-bg-opacity:1;background-color:rgb(103 232 249/var(--tw-bg-opacity))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.bg-emerald-50\/60{background-color:rgba(236,253,245,.6)}.bg-emerald-50\/80{background-color:rgba(236,253,245,.8)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-fuchsia-300{--tw-bg-opacity:1;background-color:rgb(240 171 252/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-slate-100\/50{background-color:rgba(241,245,249,.5)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-slate-950\/45{background-color:rgba(2,6,23,.45)}.bg-slate-950\/50{background-color:rgba(2,6,23,.5)}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity))}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/75{background-color:hsla(0,0%,100%,.75)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-\[radial-gradient\(circle_at_top_left\2c _rgba\(99\2c 102\2c 241\2c 0\.16\)\2c _transparent_28\%\)\2c radial-gradient\(circle_at_top_right\2c _rgba\(236\2c 72\2c 153\2c 0\.14\)\2c _transparent_26\%\)\2c linear-gradient\(180deg\2c _\#f8fafc_0\%\2c _\#ffffff_100\%\)\]{background-image:radial-gradient(circle at top left,rgba(99,102,241,.16),transparent 28%),radial-gradient(circle at top right,rgba(236,72,153,.14),transparent 26%),linear-gradient(180deg,#f8fafc,#fff)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-200\/70{--tw-gradient-from:rgba(199,210,254,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(199,210,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(79,70,229,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,86%,97%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(139,92,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/70{--tw-gradient-from:hsla(0,0%,100%,.7) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-fuchsia-200\/60{--tw-gradient-to:rgba(245,208,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(245,208,254,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-fuchsia-500{--tw-gradient-to:rgba(217,70,239,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#d946ef var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-fuchsia-600{--tw-gradient-to:rgba(192,38,211,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c026d3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-700{--tw-gradient-to:rgba(67,56,202,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4338ca var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-400{--tw-gradient-to:rgba(251,146,60,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fb923c var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-500{--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#14b8a6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-600{--tw-gradient-to:rgba(13,148,136,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0d9488 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-50{--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.to-cyan-200\/70{--tw-gradient-to:rgba(165,243,252,.7) var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-fuchsia-500{--tw-gradient-to:#d946ef var(--tw-gradient-to-position)}.to-fuchsia-600{--tw-gradient-to:#c026d3 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to:hsla(0,0%,100%,.1) var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-8{padding-bottom:2rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-relaxed{line-height:1.625}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.accent-accent{accent-color:hsl(var(--accent))}.accent-blue-600{accent-color:#2563eb}.opacity-0{opacity:0}.opacity-30{opacity:.3}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_10px_40px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_40px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{--tw-shadow:0 10px 40px rgba(15,23,42,.08);--tw-shadow-colored:0 10px 40px var(--tw-shadow-color)}.shadow-\[0_16px_50px_rgba\(99\2c 102\2c 241\2c 0\.18\)\]{--tw-shadow:0 16px 50px rgba(99,102,241,.18);--tw-shadow-colored:0 16px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_60px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{--tw-shadow:0 18px 60px rgba(15,23,42,.06);--tw-shadow-colored:0 18px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_60px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{--tw-shadow:0 18px 60px rgba(15,23,42,.08);--tw-shadow-colored:0 18px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_100px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{--tw-shadow:0 30px 100px rgba(15,23,42,.25);--tw-shadow-colored:0 30px 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_100px_rgba\(15\2c 23\2c 42\2c 0\.28\)\]{--tw-shadow:0 30px 100px rgba(15,23,42,.28);--tw-shadow-colored:0 30px 100px var(--tw-shadow-color)}.shadow-\[0_30px_100px_rgba\(15\2c 23\2c 42\2c 0\.28\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-50\/50{--tw-ring-color:rgba(239,246,255,.5)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-2xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in{--tw-enter-opacity:0}.zoom-in{--tw-enter-scale:0}.slide-in-from-bottom-2{--tw-enter-translate-y:0.5rem}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.focus-within\:border-blue-300:focus-within{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-blue-100:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity))}.hover\:-translate-y-0:hover{--tw-translate-y:-0px}.hover\:-translate-y-0:hover,.hover\:-translate-y-0\.5:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:border-amber-300:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\:bg-slate-900:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_14px_40px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover{--tw-shadow:0 14px 40px rgba(15,23,42,.1);--tw-shadow-colored:0 14px 40px var(--tw-shadow-color)}.hover\:shadow-\[0_14px_40px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus\:border-indigo-400:focus{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.focus\:shadow-\[0_0_0_4px_rgba\(99\2c 102\2c 241\2c 0\.12\)\]:focus{--tw-shadow:0 0 0 4px rgba(99,102,241,.12);--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:h-14{height:3.5rem}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[15px\]{font-size:15px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@keyframes cc-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cc-float{0%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-10px) rotate(.8deg)}70%{transform:translateY(-5px) rotate(-.4deg)}}@keyframes cc-shimmer-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cc-spin{to{transform:rotate(1turn)}}@keyframes cc-pop{0%{transform:scale(1)}35%{transform:scale(1.1) translateY(-2px)}to{transform:scale(1) translateY(-1px)}}@keyframes cc-slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes cc-check-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cc-pulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.3)}50%{box-shadow:0 0 0 8px rgba(99,102,241,0)}}@keyframes cc-preview-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.course-creation-container10{width:100%;display:block;min-height:100vh;background:#f5f7ff;position:relative}.course-creation-container10:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(99,102,241,.06) 0,transparent 45%),radial-gradient(circle at 85% 75%,rgba(16,185,129,.05) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.03) 0,transparent 60%);pointer-events:none;z-index:0}#course-creation-page{position:relative;z-index:1;padding-bottom:clamp(3rem,6vw,6rem)}#hero-section{position:relative;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,5vw,4rem) clamp(2rem,4vw,3rem);overflow:hidden}.untitled-hero-content-wrapper2{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:3.5rem;align-items:center}.hero-text-area{animation:cc-fadeUp .6s cubic-bezier(.22,1,.36,1) both}.untitled-breadcrumb1{display:flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.8rem;color:#94a3b8}.breadcrumb-link{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .18s}.breadcrumb-link:hover{color:#6366f1}.untitled-breadcrumb-separator5{color:#cbd5e1}.breadcrumb-current{color:#475569;font-weight:600}.hero-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:900;line-height:1.1;margin:0 0 1rem;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#4338ca 55%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1rem;color:#64748b;max-width:30rem;line-height:1.65;margin:0 0 2rem}.permission-notice{display:inline-flex;align-items:center;gap:.85rem;padding:.8rem 1.2rem;background:hsla(0,0%,100%,.92);backdrop-filter:blur(10px);border:1px solid #e0e7ff;border-radius:14px;box-shadow:0 4px 20px rgba(99,102,241,.1),0 1px 4px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;animation:cc-fadeUp .65s cubic-bezier(.22,1,.36,1) .15s both}.permission-notice:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.15),0 2px 6px rgba(0,0,0,.05)}.permission-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.permission-text h3{font-size:.82rem;font-weight:700;color:#1e293b;margin:0}.permission-text p{font-size:.78rem;color:#64748b;margin:2px 0 0}.untitled-hero-visual{animation:cc-fadeUp .75s cubic-bezier(.22,1,.36,1) .1s both;width:380px;flex-shrink:0}.preview-live-label{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:.75rem}.preview-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6366f1;animation:cc-pulse 2.5s ease-in-out infinite;flex-shrink:0}.untitled-visual-card1{display:flex;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 56px rgba(99,102,241,.13),0 4px 16px rgba(0,0,0,.05);overflow:hidden;animation:cc-preview-breathe 7s ease-in-out infinite;width:100%;box-sizing:border-box}.preview-accent-bar{width:5px;flex-shrink:0;transition:background .45s ease}.preview-card-body{flex:1;min-width:0;padding:1.4rem 1.4rem 1.3rem;display:flex;flex-direction:column}.preview-course-badge{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:7px;margin-bottom:.7rem;width:-moz-fit-content;width:fit-content;transition:background .3s,border-color .3s}.preview-course-badge.default{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.preview-course-badge.presencial{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.preview-course-badge.virtual{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.preview-course-badge.hibrido{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.preview-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.preview-course-badge.presencial .preview-badge-dot{background:#10b981}.preview-course-badge.virtual .preview-badge-dot{background:#6366f1}.preview-course-badge.hibrido .preview-badge-dot{background:#f59e0b}.preview-course-name{font-size:1.08rem;font-weight:800;color:#0f172a;margin:0 0 .85rem;letter-spacing:-.02em;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-info-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:0}.preview-info-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden}.preview-info-row span{overflow:hidden;text-overflow:ellipsis}.preview-info-row svg{color:#94a3b8;flex-shrink:0}.preview-divider{height:1px;background:#f1f5f9;margin:1rem 0}.preview-cta-bar{display:flex;align-items:center;gap:.5rem}.preview-cta-btn{flex:1;justify-content:center;gap:6px;padding:.55rem .8rem;background:#0f172a;color:#fff;border-radius:9px;font-size:.78rem;font-weight:700}.preview-capacity-pill,.preview-cta-btn{display:flex;align-items:center;white-space:nowrap}.preview-capacity-pill{gap:5px;font-size:.72rem;font-weight:600;color:#64748b;padding:.45rem .7rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.preview-capacity-pill svg{color:#94a3b8}#course-form-section{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem);position:relative;z-index:1}.cc-steps{gap:0;margin-bottom:2rem;background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:.9rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04);animation:cc-fadeUp .5s cubic-bezier(.22,1,.36,1) both}.cc-step,.cc-steps{display:flex;align-items:center}.cc-step{gap:.55rem;flex:1;position:relative;padding-right:1rem}.cc-step:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:22px;background:#e8ecf0}.cc-step-num{width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#94a3b8;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.22,1,.36,1)}.cc-step.done .cc-step-num{background:#ecfdf5;color:#059669}.cc-step-label{font-size:.75rem;font-weight:600;color:#94a3b8;white-space:nowrap;transition:color .3s}.cc-step.done .cc-step-label{color:#059669}.course-form{display:flex;flex-direction:column;gap:1.5rem}.untitled-form-section1{background:#fff;border:1px solid #e8ecf0;border-radius:22px;padding:2rem 2.25rem;box-shadow:0 2px 12px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.03);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;opacity:0;animation:cc-fadeUp .55s cubic-bezier(.22,1,.36,1) forwards;position:relative;overflow:hidden}.untitled-form-section1:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#8b5cf6 50%,#06b6d4);border-radius:4px 0 0 4px}.untitled-form-section1:first-child{animation-delay:.05s}.untitled-form-section1:nth-child(2){animation-delay:.1s}.untitled-form-section1:nth-child(3){animation-delay:.15s}.untitled-form-section1:nth-child(4){animation-delay:.2s}.untitled-form-section1:hover{box-shadow:0 8px 32px rgba(0,0,0,.07),0 2px 10px rgba(99,102,241,.06);border-color:#c7d2fe}.untitled-form-section-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #f1f5f9}.untitled-section-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,.12)}.cc-section-number{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;margin-bottom:1px}.section-title{font-size:1.05rem;font-weight:800;margin:0;color:#0f172a;letter-spacing:-.015em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.form-group-full{grid-column:1/-1}.form-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:#374151;margin-bottom:.45rem;letter-spacing:-.005em}.course-creation-required-mark10,.course-creation-required-mark13,.course-creation-required-mark14,.course-creation-required-mark15,.course-creation-required-mark16,.course-creation-required-mark17,.course-creation-required-mark18,.course-creation-required-mark19{color:#ef4444;margin-left:1px}.form-input,.textarea-input,select.form-input{width:100%;padding:.72rem 1rem;font-size:.925rem;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .2s cubic-bezier(.22,1,.36,1);font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input:hover,.textarea-input:hover{border-color:#c7d2fe;background:#fafbff}.form-input:focus,.textarea-input:focus,select.form-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.12),0 2px 8px rgba(99,102,241,.06)}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2.5rem;cursor:pointer}.textarea-input{resize:vertical;min-height:110px;line-height:1.6}.field-hint{font-size:.75rem;color:#94a3b8;margin-top:.35rem;line-height:1.45}.cc-modality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.cc-modality-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.2rem .85rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;position:relative;overflow:hidden}.cc-modality-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#c7d2fe;background:#fafbff}.cc-modality-card.selected,.cc-modality-card:hover{transform:translateY(-3px)}.cc-modality-card.selected.presencial{background:#ecfdf5;border-color:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.15),0 8px 24px rgba(16,185,129,.1)}.cc-modality-card.selected.virtual{background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.2),0 8px 24px rgba(99,102,241,.12)}.cc-modality-card.selected.hibrido{background:#fffbeb;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.2),0 8px 24px rgba(245,158,11,.1)}.cc-modality-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s}.selected.presencial .cc-modality-icon{background:#d1fae5}.selected.virtual .cc-modality-icon{background:#e0e7ff}.selected.hibrido .cc-modality-icon{background:#fef3c7}.cc-modality-name{font-size:.85rem;font-weight:800;color:#374151;transition:color .2s}.selected.presencial .cc-modality-name{color:#047857}.selected.virtual .cc-modality-name{color:#3730a3}.selected.hibrido .cc-modality-name{color:#92400e}.cc-modality-desc{font-size:.68rem;color:#94a3b8;line-height:1.3;transition:color .2s}.selected .cc-modality-desc{opacity:.7}.cc-check-badge{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .22s cubic-bezier(.22,1,.36,1)}.selected .cc-check-badge{opacity:1;transform:scale(1);animation:cc-check-in .25s cubic-bezier(.22,1,.36,1)}.selected.virtual .cc-check-badge{background:#6366f1}.selected.hibrido .cc-check-badge{background:#f59e0b}.cc-conditional-field{animation:cc-slide-in .25s cubic-bezier(.22,1,.36,1)}.cc-days-group{display:flex;flex-wrap:wrap;gap:.5rem}.cc-day-pill{display:flex;align-items:center;gap:.35rem;padding:.48rem 1rem;border:2px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:.825rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cc-day-pill:hover{border-color:#c7d2fe;background:#eef2ff;color:#4338ca;transform:translateY(-1px)}.cc-day-pill.selected{background:linear-gradient(135deg,#6366f1,#4338ca);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.32);transform:translateY(-1px);animation:cc-pop .22s cubic-bezier(.22,1,.36,1)}.cc-day-pill.selected:hover{box-shadow:0 6px 16px rgba(99,102,241,.4);background:linear-gradient(135deg,#818cf8,#6366f1)}.teacher-toggle-container{display:flex;gap:.6rem;padding:.3rem;background:#f1f5f9;border-radius:14px;width:-moz-fit-content;width:fit-content}.toggle-btn{padding:.65rem 1.35rem;border:none;background:transparent;border-radius:11px;cursor:pointer;font-weight:700;font-size:.85rem;color:#64748b;transition:all .2s cubic-bezier(.22,1,.36,1)}.toggle-btn:hover{color:#4338ca}.toggle-btn.active{background:#fff;color:#4338ca;box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04)}.admin-warning-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;animation:cc-slide-in .28s cubic-bezier(.22,1,.36,1)}.admin-warning-card.support-mode-info{background:#f0fdf9;border-color:#6ee7b7}.warning-icon{width:34px;height:34px;border-radius:10px;background:#fef3c7;color:#b45309;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-warning-card.support-mode-info .warning-icon{background:#d1fae5;color:#059669}.warning-title{font-size:.83rem;font-weight:700;color:#92400e;margin:0 0 3px}.warning-text{font-size:.79rem;color:#78350f;margin:0;line-height:1.5}.admin-warning-card.support-mode-info .warning-title{color:#047857}.admin-warning-card.support-mode-info .warning-text{color:#065f46}.access-code-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:.75rem;transition:all .2s}.access-code-card:hover{border-color:#c7d2fe;background:#fafbff}.access-code-card.admin-code{background:linear-gradient(135deg,#fffbeb,#fef9ec);border-color:#fde68a}.access-code-card.admin-code:hover{border-color:#fbbf24}.code-info{display:flex;flex-direction:column;gap:3px}.code-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.admin-code .code-label{color:#b45309}.code-display{font-family:ui-monospace,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;color:#0f172a;letter-spacing:.12em}.btn-icon-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid #e2e8f0;background:#fff;border-radius:10px;color:#64748b;cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1)}.btn-icon-action:hover{color:#6366f1;border-color:#c7d2fe;background:#eef2ff;transform:scale(1.08)}.checkbox-label-block{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label-block:hover{border-color:#c7d2fe;background:#fafbff}.checkbox-label-block input[type=checkbox]{width:17px;height:17px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.support-teacher-picker{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:520px}.stp-empty,.stp-loading{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:.875rem}.stp-spinner{width:16px;height:16px;border:2px solid #d1fae5;border-top-color:#059669;border-radius:50%;animation:cc-spin .7s linear infinite;flex-shrink:0}.stp-search-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;transition:border-color .15s}.stp-search-wrap:focus-within{border-color:#6ee7b7;background:#fff}.stp-search{flex:1;border:none;background:transparent;padding:.6rem 0;font-size:.875rem;color:#111827;outline:none}.stp-search::-moz-placeholder{color:#9ca3af}.stp-search::placeholder{color:#9ca3af}.stp-list{display:flex;flex-direction:column;gap:.4rem;max-height:220px;overflow-y:auto;padding-right:2px}.stp-list::-webkit-scrollbar{width:4px}.stp-list::-webkit-scrollbar-track{background:transparent}.stp-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.stp-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:all .15s;width:100%}.stp-item:hover{border-color:#6ee7b7;background:#f0fdf4}.stp-item-selected{border-color:#34d399;background:#f0fdf9;box-shadow:0 0 0 3px rgba(52,211,153,.15)}.stp-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#047857;flex-shrink:0}.stp-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stp-info{display:flex;flex-direction:column;flex:1;min-width:0}.stp-name{font-size:.9rem;font-weight:600;color:#111827}.stp-email,.stp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stp-email{font-size:.78rem;color:#6b7280}.stp-check{flex-shrink:0;margin-left:auto}.stp-selected-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;font-size:.82rem;color:#047857}.stp-selected-badge strong{font-weight:700}.untitled-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.4rem 2rem;background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);animation:cc-fadeUp .55s cubic-bezier(.22,1,.36,1) .25s both}.btn-cancel,.btn-draft,.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.35rem;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);white-space:nowrap}.btn-cancel{background:transparent;border:1.5px solid #e2e8f0;color:#64748b}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.btn-cancel:active{transform:scale(.97)}.btn-draft{background:#fff;border:1.5px solid #c7d2fe;color:#4338ca}.btn-draft:hover{background:#eef2ff;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 4px 14px rgba(99,102,241,.18)}.btn-draft:active{transform:scale(.97)}.btn-draft:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-submit{background:linear-gradient(135deg,#6366f1,#4338ca);border:none;color:#fff;padding:.75rem 2rem;font-size:.925rem;box-shadow:0 4px 16px rgba(99,102,241,.38);position:relative;overflow:hidden}.btn-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 60%);opacity:0;transition:opacity .2s}.btn-submit:hover:after{opacity:1}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.48)}.btn-submit:active{transform:scale(.98)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.cc-submit-spinner{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:cc-spin .65s linear infinite}.badge.pending-dup-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#fffbeb;color:#b45309;border:1px solid #fcd34d;padding:.35rem .65rem;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}.badge.pending-dup-badge:hover{background:#fef3c7;border-color:#f59e0b}@media (max-width:900px){.untitled-hero-content-wrapper2{grid-template-columns:1fr;gap:2rem}.untitled-hero-visual{display:none}.cc-modality-grid{grid-template-columns:repeat(3,1fr)}.untitled-form-section1{padding:1.5rem}.untitled-form-actions{padding:1.25rem 1.5rem}}@media (max-width:640px){.cc-modality-grid{grid-template-columns:1fr}.cc-steps{display:none}.untitled-form-actions{flex-wrap:wrap;justify-content:center}.btn-submit{width:100%;justify-content:center}}.edushield-agenda-modal-portal{--text:#0f172a;--muted:#64748b;--muted-2:#94a3b8;--border:rgba(226,232,240,.9);font-family:Inter,system-ui,-apple-system,sans-serif}.edushield-agenda-modal-portal .modal-backdrop{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:edushieldAgendaModalFadeIn .2s ease}@keyframes edushieldAgendaModalFadeIn{0%{opacity:0}to{opacity:1}}.edushield-agenda-modal-portal .event-modal{width:100%;max-width:560px;max-height:min(90vh,720px);overflow:hidden;display:flex;flex-direction:column;border-radius:28px;background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 34px 70px rgba(15,23,42,.18),0 10px 26px rgba(15,23,42,.08);animation:edushieldAgendaModalSlideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes edushieldAgendaModalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.edushield-agenda-modal-portal .event-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem .95rem;border-bottom:1px solid rgba(226,232,240,.8);flex-shrink:0}.edushield-agenda-modal-portal .event-type-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;border-radius:999px;padding:.32rem .72rem}.edushield-agenda-modal-portal .modal-close-btn{width:38px;height:38px;border:none;border-radius:12px;background:#f8fafc;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.edushield-agenda-modal-portal .modal-close-btn:hover{background:#eef2f7;color:var(--text)}.edushield-agenda-modal-portal .event-modal-body{padding:.95rem 1.15rem 1rem;overflow-y:auto;flex:1;min-height:0}.edushield-agenda-modal-portal .modal-accent-line{width:54px;height:4px;border-radius:999px;margin-bottom:.9rem}.edushield-agenda-modal-portal .event-modal-title{margin:0;font-size:1.24rem;line-height:1.18;font-weight:900;letter-spacing:-.03em;color:var(--text)}.edushield-agenda-modal-portal .event-modal-subtitle{margin:.3rem 0 1rem;font-size:.82rem;font-weight:600;color:var(--muted)}.edushield-agenda-modal-portal .event-detail-grid{display:grid;gap:.68rem;margin-bottom:1rem}.edushield-agenda-modal-portal .event-detail-item{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border-radius:15px;background:linear-gradient(180deg,#fafcff,#f8fafc);border:1px solid #edf2f7}.edushield-agenda-modal-portal .detail-icon-wrap{width:35px;height:35px;flex-shrink:0;border-radius:11px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.05);color:#475569;display:flex;align-items:center;justify-content:center}.edushield-agenda-modal-portal .detail-label{display:block;margin-bottom:.12rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.edushield-agenda-modal-portal .detail-val{display:block;font-size:.86rem;font-weight:700;color:var(--text);line-height:1.42}.edushield-agenda-modal-portal .custom-notes-box{padding:.86rem .92rem;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e8eef5;margin-bottom:1rem}.edushield-agenda-modal-portal .custom-notes-label{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.edushield-agenda-modal-portal .custom-notes-text{margin:.4rem 0 0;font-size:.86rem;line-height:1.62;color:#334155}.edushield-agenda-modal-portal .virtual-link-section{overflow:hidden;border-radius:16px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#f8fbff)}.edushield-agenda-modal-portal .virtual-link-title{display:flex;align-items:center;gap:.42rem;padding:.8rem .9rem;background:rgba(219,234,254,.92);font-size:.78rem;font-weight:800;color:#1d4ed8}.edushield-agenda-modal-portal .virtual-link-box{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.84rem .9rem .92rem}.edushield-agenda-modal-portal .virtual-link-href{flex:1;min-width:0;word-break:break-all;color:#1d4ed8;text-decoration:none;font-size:.78rem;font-weight:700}.edushield-agenda-modal-portal .virtual-link-href:hover{text-decoration:underline}.edushield-agenda-modal-portal .copy-link-btn{width:36px;height:36px;border-radius:10px;border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;cursor:pointer}.edushield-agenda-modal-portal .join-class-btn{height:36px;display:inline-flex;align-items:center;gap:.4rem;padding:0 .88rem;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-decoration:none;font-size:.76rem;font-weight:800;box-shadow:0 10px 16px rgba(37,99,235,.18)}.edushield-agenda-modal-portal .deadline-warn,.edushield-agenda-modal-portal .no-link-warn{display:flex;align-items:center;gap:.5rem;border-radius:14px;padding:.84rem .9rem;font-size:.82rem;font-weight:600}.edushield-agenda-modal-portal .no-link-warn{color:var(--muted);background:#f8fafc;border:1px solid #e2e8f0}.edushield-agenda-modal-portal .deadline-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.edushield-agenda-modal-portal .event-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1.15rem 1.15rem;border-top:1px solid #eef2f6;flex-shrink:0;flex-wrap:wrap}.edushield-agenda-modal-portal .event-modal-footer-left{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.edushield-agenda-modal-portal .event-modal-footer-confirm{flex-wrap:wrap;align-items:flex-start}.edushield-agenda-modal-portal .event-modal-footer-confirm .event-modal-footer-left{flex:1 1 100%;width:100%}.edushield-agenda-modal-portal .delete-confirm-block{width:100%}.edushield-agenda-modal-portal .delete-confirm-text{margin:0 0 .75rem;font-size:.84rem;color:var(--muted);line-height:1.5}.edushield-agenda-modal-portal .delete-confirm-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.edushield-agenda-modal-portal .btn-ghost-inline{background:#fff;border:1px solid var(--border);color:var(--muted);padding:.65rem .95rem;border-radius:12px;font-weight:800;font-size:.82rem;cursor:pointer;font-family:inherit}.edushield-agenda-modal-portal .btn-ghost-inline:hover{background:#f8fafc;color:var(--text)}.edushield-agenda-modal-portal .btn-delete-confirm-final{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;padding:.7rem 1.05rem;font-family:inherit;font-weight:800;font-size:.82rem;cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 22px rgba(220,38,38,.28);transition:transform .15s ease,box-shadow .15s ease}.edushield-agenda-modal-portal .btn-delete-confirm-final:hover{transform:translateY(-1px)}.edushield-agenda-modal-portal .btn-go-course{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 .95rem;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .16s ease}.edushield-agenda-modal-portal .btn-go-course:hover{background:#dbeafe}.edushield-agenda-modal-portal .btn-close-modal,.edushield-agenda-modal-portal .btn-delete-custom-event,.edushield-agenda-modal-portal .btn-save-event{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border-radius:12px;font-family:inherit;font-weight:800;cursor:pointer;transition:all .18s ease}.edushield-agenda-modal-portal .btn-close-modal{border:1px solid var(--border);background:#f8fafc;color:#475569;padding:.72rem 1.02rem}.edushield-agenda-modal-portal .btn-close-modal:hover{background:#eef2f7}.edushield-agenda-modal-portal .btn-save-event{border:none;color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);padding:.74rem 1.08rem;box-shadow:0 12px 20px rgba(79,70,229,.22)}.edushield-agenda-modal-portal .btn-save-event:hover{transform:translateY(-1px)}.edushield-agenda-modal-portal .btn-delete-custom-event{border:1px solid #fecaca;background:#fff1f2;color:#dc2626;padding:.72rem .94rem}.edushield-agenda-modal-portal .add-event-modal{max-width:580px}.edushield-agenda-modal-portal .evt-type-row{display:flex;flex-wrap:wrap;gap:.44rem;margin-bottom:1rem}.edushield-agenda-modal-portal .evt-type-chip{display:inline-flex;align-items:center;gap:.34rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:999px;padding:.44rem .76rem;font-size:.76rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .16s ease;font-family:inherit}.edushield-agenda-modal-portal .evt-type-chip:hover{background:#f8fafc;border-color:#cbd5e1}.edushield-agenda-modal-portal .ae-label{display:flex;flex-direction:column;gap:.34rem;margin-bottom:.8rem;font-size:.78rem;font-weight:800;color:#374151}.edushield-agenda-modal-portal .ae-input{width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;background:#fff;border-radius:14px;padding:.76rem .86rem;outline:none;font-size:.9rem;color:var(--text);font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}.edushield-agenda-modal-portal .ae-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.12)}.edushield-agenda-modal-portal .ae-textarea{min-height:92px;resize:vertical}.edushield-agenda-modal-portal .ae-row{display:flex;gap:.72rem}.edushield-agenda-modal-portal .ae-error{margin:0;color:#dc2626;font-size:.8rem;font-weight:700}@media (max-width:900px){.edushield-agenda-modal-portal .ae-row{flex-direction:column}}@media (max-width:640px){.edushield-agenda-modal-portal .event-modal{max-width:100%;border-radius:22px}.edushield-agenda-modal-portal .event-modal-footer{flex-direction:column;align-items:stretch}.edushield-agenda-modal-portal .btn-close-modal,.edushield-agenda-modal-portal .btn-delete-custom-event,.edushield-agenda-modal-portal .btn-go-course,.edushield-agenda-modal-portal .btn-save-event,.edushield-agenda-modal-portal .event-modal-footer-left{width:100%}.edushield-agenda-modal-portal .ae-row{flex-direction:column}}