@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";.admission_hero{width:100%;max-height:350px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5;position:relative}.admission_hero img{margin-top:-5%;width:100%;height:auto}.admission_hero h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin:0;z-index:1}.dashboard-page .page-header{text-align:left;margin-bottom:var(--spacing-lg)}.admin-tools-panel{background-color:var(--surface-2);border:1px solid var(--primary-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-tools-panel h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--primary)}.admin-tools-panel .admin-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.admin-tools-panel .admin-links a{background-color:var(--primary);color:var(--white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);text-decoration:none;font-weight:600;transition:background-color .2s}.admin-tools-panel .admin-links a:hover{background-color:var(--primary-dark)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.dashboard-card h3{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:600;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.dashboard-card p.highlight{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.level-badge{display:inline-block;align-self:flex-start;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;background-color:var(--surface-2);color:var(--text-primary);border-radius:var(--border-radius-md);text-transform:capitalize}.dashboard-card .details-link{margin-top:auto;padding-top:var(--spacing-md);font-weight:600;color:var(--primary);text-decoration:none}.dashboard-card .details-link:hover{text-decoration:underline}.empty-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.dashboard-section{margin-top:var(--spacing-xl)}.dashboard-section h2{font-size:var(--font-size-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.empty-state{background-color:var(--surface);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center}.empty-state p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary)}.my-courses-page{max-width:960px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-md)}.my-courses-page h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background-color:var(--surface);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg)}.error-state{color:var(--error);background-color:hsla(var(--error),10%,95%)}html[data-theme=dark] .error-state{background-color:#ef44441a}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.programs-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.program-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:var(--transition-default)}.program-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.program-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.program-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.program-meta{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.program-meta strong{color:var(--text-primary);font-weight:600}.category-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--text-light);white-space:nowrap}.badge-academic{background-color:var(--primary)}.badge-professional{background-color:var(--success)}.badge-single{background-color:var(--warning)}.badge-default{background-color:var(--secondary)}.progress-bar-container{width:100%;height:8px;background-color:var(--surface-2);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-lg)}.progress-bar-fill{height:100%;background-color:var(--primary);transition:width .4s var(--transition-ease)}.courses-heading{font-size:var(--font-size-md);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.course-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.course-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.course-list-item:last-child{border-bottom:none;padding-bottom:0}.course-info{display:flex;flex-direction:column}.course-title{font-weight:600;color:var(--text-primary)}.course-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:capitalize}.course-status:before{content:"";display:block;width:8px;height:8px;border-radius:var(--border-radius-full);background-color:var(--secondary)}.status-completed:before{background-color:var(--success)}.status-in_progress:before{background-color:var(--primary)}.status-failed:before{background-color:var(--error)}.program-actions{margin-top:var(--spacing-lg)}.program-actions p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md)}.btn-primary,.btn-primary-small{background-color:var(--primary);color:var(--text-light);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-family:var(--font-primary);font-weight:600;cursor:pointer;text-align:center;transition:var(--transition-default)}.btn-primary:hover,.btn-primary-small:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active,.btn-primary-small:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}:root{--gf-primary-color: var(--primary, #007bff);--gf-error-color: #dc3545;--gf-text-color: var(--text-primary);--gf-bg-color: var(--background);--gf-border-color: var(--glass-border);--gf-focus-shadow: 0 0 0 3px rgba(74, 144, 226, .25);--gf-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}@media (prefers-color-scheme: dark){:root{--gf-text-color: var(--text-primary);--gf-bg-color: var(--background);--gf-border-color: var(--glass-border)}}.dynamic-form{box-sizing:border-box;font-family:var(--gf-font-family)}.dynamic-form *,.dynamic-form *:before,.dynamic-form *:after{box-sizing:inherit}.dynamic-form{width:100%;max-width:600px;margin:2rem auto;padding:2rem;background-color:var(--gf-bg-color);border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:all .3s ease}.field-wrapper{margin-bottom:1.5rem}label{color:var(--gf-text-color)}.label.text-lg{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gf-text-color);transition:color .3s ease}.required-indicator{color:var(--gf-error-color);margin-left:.25rem}.form-input,.dynamic-form input[type=text],.dynamic-form input[type=email],.dynamic-form input[type=number],.dynamic-form input[type=date],.dynamic-form input[type=datetime-local],.dynamic-form input[type=password],.dynamic-form input[type=url],.dynamic-form input[type=tel],.dynamic-form input[type=file],.dynamic-form select,.dynamic-form textarea{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--gf-text-color);background-color:var(--gf-bg-color);border:2px solid var(--gf-border-color);border-radius:8px;transition:all .3s ease}.form-input:focus,.dynamic-form input:focus,.dynamic-form select:focus,.dynamic-form textarea:focus{outline:none;border-color:var(--gf-primary-color);box-shadow:var(--gf-focus-shadow)}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.radio-option,.checkbox-option{display:flex;align-items:center;cursor:pointer}.dynamic-form input[type=checkbox],.dynamic-form input[type=radio]{margin-right:.5rem;cursor:pointer}.dynamic-form input[type=checkbox],.dynamic-form input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--gf-border-color);background-color:var(--gf-bg-color);display:inline-block;position:relative;cursor:pointer;margin-right:.5rem;vertical-align:text-bottom;transition:all .3s ease}.dynamic-form input[type=checkbox]{border-radius:4px}.dynamic-form input[type=radio]{border-radius:50%}.dynamic-form input[type=checkbox]:checked,.dynamic-form input[type=radio]:checked{background-color:var(--gf-primary-color);border-color:var(--gf-primary-color)}.dynamic-form input[type=checkbox]:checked:after,.dynamic-form input[type=radio]:checked:after{content:"";position:absolute;display:block}.dynamic-form input[type=checkbox]:checked:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.dynamic-form input[type=radio]:checked:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.dynamic-form textarea{min-height:120px;resize:vertical}.dynamic-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem}.field-description{margin-top:.5rem;font-size:.875rem;color:var(--gf-text-color);opacity:.7;transition:opacity .3s ease}.form-actions{margin-top:2rem}.form-submit{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--gf-primary-color);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.form-submit:hover{background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.form-submit:focus{outline:none;box-shadow:var(--gf-focus-shadow)}.form-input.error,.dynamic-form input.error,.dynamic-form select.error,.dynamic-form textarea.error{border-color:var(--gf-error-color)}.error-message{color:var(--gf-error-color);font-size:.875rem;margin-top:.5rem}@media screen and (max-width: 480px){.dynamic-form{padding:1.5rem;margin:1rem auto}.form-field{margin-bottom:1rem}.form-input,.dynamic-form input,.dynamic-form select,.dynamic-form textarea{padding:.625rem .875rem}.form-submit{width:100%}}.form-submit.loading{position:relative;color:transparent}.form-submit.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid #ffffff;border-radius:50%;border-right-color:transparent;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-input,.dynamic-form input,.dynamic-form select,.dynamic-form textarea{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.form-input:focus,.dynamic-form input:focus,.dynamic-form select:focus,.dynamic-form textarea:focus{transform:translateY(-2px)}.form-input:hover,.dynamic-form input:hover,.dynamic-form select:hover,.dynamic-form textarea:hover{border-color:var(--gf-primary-color)}::placeholder{color:#999;opacity:1;transition:opacity .3s ease}:focus::placeholder{opacity:.5}.dynamic-form input[type=file]{padding:.5rem}.dynamic-form input[type=file]::file-selector-button{padding:.5rem 1rem;border-radius:6px;background-color:#f0f0f0;border:none;cursor:pointer;transition:background-color .3s ease}.dynamic-form input[type=file]::file-selector-button:hover{background-color:#e0e0e0}.dynamic-form input:focus-visible,.dynamic-form select:focus-visible,.dynamic-form textarea:focus-visible,.form-submit:focus-visible{outline:2px solid var(--gf-primary-color);outline-offset:2px}.nested-fieldset{border:none;padding:0;margin:0;margin-bottom:2rem;border:2px solid var(--gf-border-color);border-radius:12px;padding:1.5rem;transition:border-color .3s ease}.nested-fieldset>legend{float:none;width:auto;padding:0 .5rem;margin-left:1rem;font-size:1.1rem;font-weight:600;color:var(--gf-primary-color)}.fieldset-description{margin-top:0;margin-bottom:1.5rem;padding-left:1rem;font-size:.875rem;color:var(--gf-text-color);opacity:.8}.nested-fieldset:after{content:"";display:block;clear:both}.nested-fieldset .nested-fieldset{margin-top:1.5rem;border-style:dashed;background-color:#00000005}@media (prefers-color-scheme: dark){.nested-fieldset .nested-fieldset{background-color:#ffffff08}}@media screen and (max-width: 480px){.nested-fieldset{padding:1.25rem 1rem}.nested-fieldset>legend{margin-left:.5rem}.fieldset-description{padding-left:.5rem}}.delete-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-dialog{background-color:var(--surface);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);max-width:400px;width:90%}.delete-dialog-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.delete-warning-icon{color:var(--error);font-size:var(--font-size-xl)}.delete-dialog-content{margin-bottom:var(--spacing-lg)}.delete-warning{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background-color:var(--surface);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease)}.btn-danger{padding:var(--spacing-sm) var(--spacing-md);border:none;background-color:var(--error);color:var(--text-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease)}.btn-secondary:hover{background-color:var(--surface-2)}.btn-danger:hover{filter:brightness(90%)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;z-index:1000}.loading-spinner{position:relative}.loading-spinner.small{width:24px;height:24px}.loading-spinner.medium{width:40px;height:40px}.loading-spinner.large{width:56px;height:56px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid var(--glass-bg-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion){.spinner-ring{animation-duration:1.5s}}.dynamic-grid-container{width:100%;overflow-x:auto;margin-bottom:var(--spacing-lg)}.dynamic-grid{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dynamic-grid thead th{background-color:var(--surface-2);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);cursor:pointer;position:relative;color:var(--text-primary);transition:background-color var(--transition-speed) var(--transition-ease)}.dynamic-grid thead th:hover{background-color:var(--glass-bg-light)}.dynamic-grid tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) var(--transition-ease)}.dynamic-grid tbody tr:hover{background-color:var(--surface-2);cursor:pointer}.dynamic-grid td{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary)}.actions-cell{white-space:nowrap;text-align:right}.action-icon-button{margin-left:var(--spacing-xs);padding:var(--spacing-xs);border:none;border-radius:var(--border-radius-sm);cursor:pointer;background:none;transition:all var(--transition-speed) var(--transition-ease);display:inline-flex;align-items:center;justify-content:center}.action-icon-button:hover{background-color:var(--glass-bg-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-btn{color:var(--primary)}.edit-btn{color:var(--warning)}.delete-btn{color:var(--error)}.loading,.error,.no-data{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.error{color:var(--error)}.sort-indicator{font-weight:600;margin-left:var(--spacing-xs)}.sort-asc:after,.sort-desc:after{margin-left:var(--spacing-xs);font-family:var(--font-primary)}.sort-asc:after{content:"↑"}.sort-desc:after{content:"↓"}.search-bar-container{width:100%;max-width:768px;margin:var(--spacing-sm) auto}.search-bar{display:flex;align-items:center;width:100%;background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:2px var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-ease)}.search-bar label{display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--glass-bg-light)}.search-icon{color:var(--text-secondary);font-size:var(--font-size-lg);margin-right:var(--spacing-sm)}.search-input{background:transparent;border:none;font-size:var(--font-size-sm);color:var(--text-primary);width:100%;font-family:var(--font-primary)}.search-input:focus{outline:none;border:none;box-shadow:none}.search-input::placeholder{color:var(--text-secondary)}@media screen and (max-width: 768px){.dynamic-grid-container{margin:0 calc(-1 * var(--spacing-sm))}.dynamic-grid td,.dynamic-grid th{padding:var(--spacing-xs) var(--spacing-sm)}}.page-layout{display:flex;flex-direction:column;max-height:100vh;background-color:var(--background);overflow-y:hidden}.page-content{flex:1;overflow-x:hidden;overflow-y:hidden;max-width:1440px;margin:0 auto;width:100%}@media (max-width: 768px){.page-content{padding:var(--spacing-md)}}html[data-theme=dark] .page-layout{background-color:var(--dark-background)}:root{--prism-background: var( --surface-2, #f5f2f0 );--prism-text-color: var( --text-secondary, #383a42 );--prism-border-color: var(--border-color, #e0e0e0);--prism-comment: #6a737d;--prism-prolog: #6a737d;--prism-doctype: #6a737d;--prism-cdata: #6a737d;--prism-punctuation: #5c6370;--prism-property: #e45649;--prism-tag: #22863a;--prism-boolean: #d19a66;--prism-number: #005cc5;--prism-constant: #005cc5;--prism-symbol: #005cc5;--prism-deleted: #e45649;--prism-selector: #6f42c1;--prism-attr-name: #6f42c1;--prism-string: #032f62;--prism-char: #032f62;--prism-builtin: #50a14f;--prism-inserted: #50a14f;--prism-operator: #d73a49;--prism-entity: #22863a;--prism-url: #0366d6;--prism-atrule: #d73a49;--prism-attr-value: #032f62;--prism-function: #6f42c1;--prism-class-name: #c18401;--prism-keyword: #d73a49;--prism-regex: #032f62;--prism-important: #e45649;--prism-variable: var( --primary, #005cc5 );--prism-line-highlight-background: hsla( var(--brand-hue), var(--brand-saturation), 70%, .2 );--prism-line-number-color: #adb5bd;--prism-line-number-active-color: var(--primary, #005cc5)}html[data-theme=dark]{--prism-background: var( --dark-surface-2, #282c34 );--prism-text-color: var( --dark-text-primary, #abb2bf );--prism-border-color: var( --dark-border-color, #21252b );--prism-comment: #5c6370;--prism-prolog: #5c6370;--prism-doctype: #5c6370;--prism-cdata: #5c6370;--prism-punctuation: #abb2bf;--prism-property: #e06c75;--prism-tag: #e06c75;--prism-boolean: #d19a66;--prism-number: #d19a66;--prism-constant: #d19a66;--prism-symbol: #61afef;--prism-deleted: #e06c75;--prism-selector: #61afef;--prism-attr-name: #61afef;--prism-string: #98c379;--prism-char: #98c379;--prism-builtin: #98c379;--prism-inserted: #98c379;--prism-operator: #c678dd;--prism-entity: #c678dd;--prism-url: #61afef;--prism-atrule: #c678dd;--prism-attr-value: #98c379;--prism-function: #61afef;--prism-class-name: #e5c07b;--prism-keyword: #c678dd;--prism-regex: #98c379;--prism-important: #c678dd;--prism-variable: var( --dark-primary, #61afef );--prism-line-highlight-background: hsla( var(--brand-hue), var(--brand-saturation), 20%, .3 );--prism-line-number-color: #4b5263;--prism-line-number-active-color: var(--dark-primary, #61afef)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--prism-comment);font-style:italic}.token.punctuation{color:var(--prism-punctuation)}.token.property,.token.tag .token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--prism-property)}.token.tag{color:var(--prism-tag)}.token.boolean{color:var(--prism-boolean)}.token.number{color:var(--prism-number)}.token.constant{color:var(--prism-constant)}.token.symbol{color:var(--prism-symbol)}.token.deleted{color:var(--prism-deleted)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--prism-string)}.token.selector{color:var(--prism-selector)}.token.attr-name{color:var(--prism-attr-name)}.token.char{color:var(--prism-char)}.token.builtin{color:var(--prism-builtin)}.token.inserted{color:var(--prism-inserted)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--prism-operator)}.token.entity{color:var(--prism-entity)}.token.url{color:var(--prism-url)}.language-css .token.string,.style .token.string{color:var(--prism-string)}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:var(--prism-atrule)}.token.attr-value{color:var(--prism-attr-value)}.token.function{color:var(--prism-function)}.token.class-name{color:var(--prism-class-name)}.token.keyword{color:var(--prism-keyword);font-weight:500}.token.regex,.token.important{color:var(--prism-regex)}.token.important{color:var(--prism-important);font-weight:700}.token.variable{color:var(--prism-variable)}.token.bold{font-weight:700}.token.italic{font-style:italic}.line-numbers .line-numbers-rows{border-right:1px solid var(--prism-border-color);padding:var(--spacing-md, 1em) 0;margin-right:var(--spacing-md, 1em);transition:border-color var(--transition-speed) var(--transition-ease)}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:var(--prism-line-number-color);display:block;padding-right:.8em;text-align:right;transition:color var(--transition-speed) var(--transition-ease)}.line-highlight{background:var(--prism-line-highlight-background);transition:background-color var(--transition-speed) var(--transition-ease)}.command-line-prompt>span:before{color:var( --prism-line-number-active-color );transition:color var(--transition-speed) var(--transition-ease)}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.quiz-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.quiz-modal{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.quiz-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.quiz-header h2{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-full);transition:all var(--transition-speed) ease;display:flex;align-items:center}.close-button:hover{color:var(--text-primary);background:var(--surface-2)}.close-review-button{background:var(--error);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600}.close-review-button:hover{background:#dc2626;transform:translateY(-1px)}.quiz-info{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.timer{color:var(--primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.score-display{color:var(--primary);font-weight:600;font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--spacing-xs)}.score-status{font-size:var(--font-size-sm);padding:2px 8px;border-radius:var(--border-radius-sm);font-weight:600}.score-status.passed{background:var(--success);color:#fff}.score-status.failed{background:var(--error);color:#fff}.progress{font-size:var(--font-size-sm)}.review-navigation-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg-light);border-bottom:1px solid var(--border-color);gap:var(--spacing-md)}.nav-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-speed) ease;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);white-space:nowrap}.nav-button:hover:not(:disabled){background:var(--primary);color:var(--text-light);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-button.secondary{background:var(--surface-2)}.question-indicators{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;align-items:center;max-width:400px;overflow-x:auto;padding:var(--spacing-xs)}.question-indicator{width:32px;height:32px;border-radius:var(--border-radius-full);border:2px solid var(--border-color);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;position:relative}.question-indicator:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.question-indicator.active{border-color:var(--primary);background:var(--primary);color:var(--text-light);transform:scale(1.1)}.question-indicator.correct{border-color:var(--success);background:var(--success);color:#fff}.question-indicator.incorrect{border-color:var(--error);background:var(--error);color:#fff}.question-indicator.unanswered{border-color:var(--warning);background:var(--warning);color:#fff}.question-indicator.active.correct,.question-indicator.active.incorrect,.question-indicator.active.unanswered{box-shadow:0 0 0 3px var(--primary),var(--shadow-md)}.quiz-content{padding:var(--spacing-lg);flex:1}.question h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:1.4}.options{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.option-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface);color:var(--text-primary);text-align:left;font-size:var(--font-size-md);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-speed) ease;cursor:pointer;position:relative}.option-button:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary);transform:translateY(-1px)}.option-button.selected{background:var(--glass-bg-light);border:2px solid var(--primary)}.option-button.correct{border-color:var(--success);color:var(--success);background:#16a2491a}.option-button.incorrect{border-color:var(--error);color:var(--error);background:#ef43431a}.option-button:disabled{cursor:default;opacity:.9}.option-text{flex:1;text-align:left}.result-icons{display:flex;align-items:center;margin-left:var(--spacing-md)}.result-icon{font-size:var(--font-size-lg)}.result-icon.success{color:var(--success)}.result-icon.error{color:var(--error)}.explanation{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface-2);border-radius:var(--border-radius-md);border-left:4px solid var(--primary);color:var(--text-secondary)}.explanation strong{color:var(--text-primary)}.quiz-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--surface)}.navigation{display:flex;justify-content:space-between;gap:var(--spacing-md)}.submit-button{background:var(--primary);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.submit-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.quiz-summary{text-align:center;color:var(--text-primary)}.quiz-summary h4{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.quiz-summary p{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.quiz-stats{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--surface-2);border-radius:var(--border-radius-md);min-width:80px;font-size:var(--font-size-sm);color:var(--text-secondary)}.stat strong{font-size:var(--font-size-lg);color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-modal{width:95%;max-height:95vh}.quiz-content{padding:var(--spacing-md)}.option-button{padding:var(--spacing-sm) var(--spacing-md)}.navigation{flex-direction:column-reverse;gap:var(--spacing-sm)}.navigation .nav-button{width:100%;justify-content:center}.review-navigation-bar{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.review-navigation-bar .nav-button{width:100%;justify-content:center}.question-indicators{max-width:none;width:100%;justify-content:center}.quiz-stats{gap:var(--spacing-sm)}.stat{min-width:60px;padding:var(--spacing-xs)}}.c-page{display:flex;height:100%;flex-grow:1;background-color:var(--background);overflow:hidden}.c-page .course-view-main-area{flex-grow:1;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-top:0;overflow-y:auto;height:100%;max-height:100vh;display:flex;flex-direction:column;position:relative}.c-page .course-view-content{display:flex;flex-direction:column;height:100%;flex-grow:1;margin-bottom:5rem}.c-page .floating-nav-bar-top{position:sticky;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:200;pointer-events:none;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(to bottom,var(--background) 0%,var(--background) 50%,transparent 100%);margin-bottom:var(--spacing-sm)}.c-page .floating-nav-bar-top .subtle-nav-button{pointer-events:auto;background-color:rgba(var(--surface-rgb),.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--border-color-rgb),.3);color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);opacity:.7;transition:all var(--transition-speed) ease}.c-page .floating-nav-bar-top .subtle-nav-button:hover:not(:disabled){opacity:1;color:var(--primary);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.c-page .floating-nav-bar-top .subtle-nav-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.c-page .content-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.c-page .lesson-title-main{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;text-align:center;font-weight:600}.c-page .lesson-main-media{border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);overflow:hidden}.c-page .lesson-main-media video,.c-page .lesson-main-media audio{display:block;border-radius:var(--border-radius-lg)}.c-page .lesson-content-text,.c-page .lesson-content-project,.c-page .lesson-content-quiz,.c-page .lesson-content-external-link,.c-page .lesson-content-empty,.c-page .lesson-content-error,.c-page .lesson-content-unknown{padding:var(--spacing-lg);width:100%;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8}.c-page .lesson-content-text p,.c-page .lesson-content-project p{margin-bottom:var(--spacing-md)}.c-page .lesson-content-text img,.c-page .lesson-content-project img{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.c-page .lesson-content-pidgin{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface-2);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.c-page .lesson-content-pidgin summary{cursor:pointer;font-weight:500;color:var(--primary)}.c-page .external-link-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--text-light);text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;transition:var(--transition-default);margin-top:var(--spacing-md)}.c-page .external-link-button:hover{background-color:var(--primary-dark);text-decoration:none}.c-page .lesson-tabs{margin-top:var(--spacing-lg);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-grow:1;display:flex;flex-direction:column;min-height:300px}.c-page .tab-navigation{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--spacing-sm);flex-wrap:wrap}.c-page .tab-button{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;transition:var(--transition-default);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-bottom:-1px}.c-page .tab-button:hover:not(.active):not(:disabled){color:var(--primary);border-bottom-color:var(--primary-light)}.c-page .tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.c-page .tab-button:focus-visible{outline:none;border-bottom-color:var(--primary);background-color:var(--glass-bg-light);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.c-page .tab-button.disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.c-page .tab-content{padding:var(--spacing-lg);overflow-y:auto;flex-grow:1}.c-page .tab-pane-transcript{line-height:1.7}.c-page .tab-pane-notes textarea.notes-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-height:150px;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);transition:border-color var(--transition-speed) ease}.c-page .tab-pane-notes textarea.notes-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.3)}.c-page .tab-pane-notes .notes-save-button{background-color:var(--primary);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer}.c-page .tab-pane-notes .notes-save-button:disabled{background-color:var(--secondary);opacity:.6}.c-page .tab-pane-resources-list,.c-page .tab-pane-activities-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.c-page .resource-list-item,.c-page .activity-list-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--surface-2);box-shadow:var(--shadow-sm);transition:var(--transition-default);display:flex;flex-direction:column}.c-page .resource-list-item:hover,.c-page .activity-list-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.c-page .resource-item-header,.c-page .activity-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.c-page .resource-icon,.c-page .activity-icon{font-size:1.3em;color:var(--primary)}.c-page .resource-title,.c-page .activity-title{font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.c-page .resource-description,.c-page .activity-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);flex-grow:1}.c-page .resource-link{color:var(--primary);text-decoration:none;font-weight:500;margin-top:auto;padding:var(--spacing-xs) 0;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.c-page .resource-link:hover{text-decoration:underline;color:var(--primary-dark)}.c-page .resource-code-snippet{background-color:var(--dark-surface);color:var(--dark-text-primary);padding:var(--spacing-md);border-radius:var(--border-radius-sm);overflow-x:auto;font-family:monospace;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);border:1px solid var(--dark-border-color)}html[data-theme=light] .c-page .resource-code-snippet{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.c-page .activity-start-button{background-color:var(--primary);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;margin-top:auto;transition:var(--transition-default);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.c-page .activity-start-button:hover{background-color:var(--primary-dark)}.c-page .lesson-footer{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0;border-top:1px solid var(--border-color);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.c-page .continue-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-light);padding:var(--spacing-sm);border-radius:var(--border-radius-full);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:250px;justify-content:center}.c-page .continue-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4);background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.c-page .continue-button:active:not(:disabled){transform:translateY(-1px)}.c-page .continue-button:disabled{background:var(--secondary);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.c-page .course-view-content-empty h2,.c-page .course-view-content-error p,.c-page .lesson-content-empty p,.c-page .lesson-content-error p,.c-page .lesson-content-unknown p{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-lg)}.c-page .course-view-content-empty h2{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.c-page .course-view-page-error{padding:var(--spacing-xl);text-align:center;color:var(--error);font-size:var(--font-size-lg);width:100%}.c-page .ql-code-block{background-color:var(--dark-surface);color:var(--dark-text-primary);padding:var(--spacing-md);border-radius:var(--border-radius-sm);overflow-x:auto;font-family:monospace;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);border:1px solid var(--dark-border-color)}html[data-theme=dark] .c-page .floating-nav-bar-top .subtle-nav-button{background-color:rgba(var(--dark-surface-rgb),.9);border-color:rgba(var(--dark-border-color-rgb),.3)}@media (max-width: 768px){.c-page{flex-direction:column;height:auto}.c-page .course-view-main-area{height:auto;padding:var(--spacing-md);padding-top:0}.c-page .floating-nav-bar-top{padding:var(--spacing-xs) var(--spacing-sm)}.c-page .floating-nav-bar-top .subtle-nav-button{width:32px;height:32px;font-size:12px}.c-page .lesson-title-main{font-size:var(--font-size-xl)}.c-page .continue-button{min-width:auto;width:100%;max-width:300px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.c-page .lesson-footer{padding:var(--spacing-lg) var(--spacing-md)}.c-page .tab-navigation{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.c-page .tab-navigation::-webkit-scrollbar{display:none}.c-page .tab-pane-resources-list,.c-page .tab-pane-activities-list{grid-template-columns:1fr}.c-page .lesson-main-media,.c-page .lesson-tabs{box-shadow:var(--shadow-sm)}}.c-page .course-view-sidebar{width:var(--course-view-sidebar-width, 300px);flex-shrink:0;background:var(--background);position:relative;padding:0;overflow-y:auto;height:calc(100vh - 60px);display:flex;flex-direction:column;transition:var(--transition-default);box-shadow:var(--shadow-lg);overflow-x:hidden}.c-page .course-view-sidebar>*{position:relative;z-index:1}.c-page .sidebar-header{display:flex;align-items:center;padding:var(--spacing-lg) var(--spacing-md);margin-bottom:0;border-bottom:1px solid var(--glass-border);color:var(--text-primary);background:linear-gradient(135deg,hsla(var(--brand-hue),var(--brand-saturation),50%,.15),hsla(var(--brand-hue),var(--brand-saturation),45%,.1));-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:sticky;top:0;z-index:10}.c-page .course-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-sm);flex-shrink:0}.c-page .sidebar-course-title{font-size:var(--font-size-md);font-weight:700;margin:0;flex:1;position:relative;cursor:help;min-width:0}.c-page .sidebar-course-title .sidebar-course-title-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.c-page .sidebar-course-title .tooltip{visibility:hidden;position:absolute;z-index:1000;top:calc(100% + var(--spacing-xs));left:calc(-1 * (var(--font-size-lg) + var(--spacing-sm)));padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:400;white-space:normal;color:var(--text-primary);box-sizing:border-box;max-width:calc(var(--course-view-sidebar-width) - (2 * var(--spacing-md)));width:max-content;opacity:0;transform:translateY(-8px);transition:all var(--transition-speed) var(--transition-ease)}.c-page .sidebar-course-title:hover .tooltip{visibility:visible;opacity:1;transform:translateY(0)}.c-page .sidebar-nav-list{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);flex:1}.c-page .sidebar-module{border-radius:var(--border-radius-lg);overflow:hidden;background:var(--glass-bg-light);border:1px solid var(--glass-border);transition:var(--transition-default)}.c-page .sidebar-module.has-active-lesson{background:linear-gradient(135deg,hsla(var(--brand-hue),var(--brand-saturation),50%,.15),hsla(var(--brand-hue),var(--brand-saturation),45%,.1));border-left:2px solid var(--primary)}.c-page .sidebar-module-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md);background:transparent;border:none;text-align:left;font-weight:600;font-size:var(--font-size-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-default);position:relative}.c-page .sidebar-module-header:hover{background:var(--glass-bg-light);color:var(--primary)}.c-page .sidebar-module-header:hover .module-title-sidebar:after{color:var(--primary)}.c-page .sidebar-module-header:focus-visible{background:var(--glass-bg-light);color:var(--primary);outline:2px solid var(--primary);outline-offset:-2px}.c-page .sidebar-module.has-active-lesson .sidebar-module-header{color:var(--primary);font-weight:700}.c-page .module-title-sidebar{flex-grow:1;font-weight:inherit;font-family:var(--font-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.c-page .module-title-sidebar:after{content:attr(data-progress);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:400;opacity:.8}.c-page .sidebar-module.has-active-lesson .module-title-sidebar:after{color:var(--primary);font-weight:500}.c-page .module-toggle-icon{transition:transform var(--transition-speed) var(--transition-ease);display:flex;align-items:center;color:var(--text-secondary);font-size:var(--font-size-lg)}.c-page .sidebar-module-header:hover .module-toggle-icon,.c-page .sidebar-module.has-active-lesson .module-toggle-icon{color:var(--primary)}.c-page .sidebar-module-header[aria-expanded=true] .module-toggle-icon{transform:rotate(0)}.c-page .sidebar-module-header[aria-expanded=false] .module-toggle-icon{transform:rotate(-90deg)}.c-page .sidebar-lesson-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--glass-border)}.c-page .sidebar-lesson-item{border-bottom:1px solid var(--border-color);transition:var(--transition-default)}.c-page .sidebar-lesson-item:last-child{border-bottom:none}.c-page .sidebar-lesson-item:hover{background:var(--glass-bg-light)}.c-page .sidebar-lesson-button{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);text-align:left;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:var(--transition-default);font-size:var(--font-size-sm);position:relative}.c-page .sidebar-lesson-button:hover{background:var(--glass-bg-light);color:var(--primary)}.c-page .sidebar-lesson-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;background:var(--glass-bg-light);color:var(--primary)}.c-page .sidebar-lesson-item.active .sidebar-lesson-button{color:var(--primary);font-weight:600;background:transparent}.c-page .lesson-status-icon{font-size:var(--font-size-md);color:var(--text-secondary);flex-shrink:0;transition:var(--transition-default)}.c-page .sidebar-lesson-item.completed .lesson-status-icon{color:var(--success)}.c-page .sidebar-lesson-item.active .lesson-status-icon,.c-page .sidebar-lesson-button:hover .lesson-status-icon{color:var(--primary)}.c-page .lesson-type-icon{font-size:var(--font-size-md);color:var(--text-secondary);flex-shrink:0;transition:var(--transition-default)}.c-page .sidebar-lesson-item.active .lesson-type-icon,.c-page .sidebar-lesson-button:hover .lesson-type-icon{color:var(--primary)}.c-page .lesson-title-sidebar{flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.c-page .lesson-duration{font-size:var(--font-size-xs);opacity:.7;color:var(--text-secondary);font-weight:400}.c-page .sidebar-lesson-item.active .lesson-duration{color:var(--primary);opacity:.8}.c-page .sidebar-course-title:has-text("Loading Course..."){color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.c-page .course-view-sidebar{width:100%;height:auto;max-height:50vh;border-right:none;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.c-page .sidebar-header{padding:var(--spacing-md)}.c-page .sidebar-nav-list,.c-page .sidebar-module-header,.c-page .sidebar-lesson-button{padding:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.c-page .course-view-sidebar,.c-page .sidebar-module,.c-page .sidebar-module-header,.c-page .module-toggle-icon,.c-page .sidebar-lesson-button,.c-page .lesson-status-icon,.c-page .lesson-type-icon,.c-page .sidebar-course-title .tooltip{transition:none}}@media (prefers-contrast: high){.c-page .sidebar-module.has-active-lesson{border-width:2px}}.c-page .sidebar-nav-list:focus-within{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lesson-content-text{color:var(--text-primary);font-family:var(--font-primary);line-height:1.8;font-size:var(--font-size-md)}.lesson-content-text h1{font-size:var(--font-size-2xl);font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--text-primary);line-height:1.3}.lesson-content-text h2{font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-md);color:var(--text-primary);line-height:1.35}.lesson-content-text h3{font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--text-primary);line-height:1.4}.lesson-content-text p{margin-bottom:var(--spacing-md)}.lesson-content-text p:last-child{margin-bottom:0}.lesson-content-text a{color:var(--primary);text-decoration:none;transition:var(--transition-default);border-bottom:1px solid transparent}.lesson-content-text a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.lesson-content-text ul,.lesson-content-text ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.lesson-content-text li{margin-bottom:var(--spacing-xs)}.lesson-content-text li:last-child{margin-bottom:0}.lesson-content-text blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--primary);background:var(--surface-2);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-style:italic;color:var(--text-secondary)}.lesson-content-text pre:not([class*=language-]){padding:var(--spacing-md);background:var(--surface-2);border:1px solid var(--border-color);font-family:monospace;overflow:auto;white-space:pre-wrap;font-size:var(--font-size-sm)}pre:not([class*=language-]) code:not([class*=language-]){border:none}.lesson-content-text code:not([class*=language-]){font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em;background:var(--surface-2);padding:.2em .4em;border-radius:var(--border-radius-sm);color:var( --primary );border:1px solid var(--border-color);white-space:nowrap}.lesson-content-text img{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;display:block;box-shadow:var(--shadow-sm)}.lesson-content-text table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;font-size:var(--font-size-sm)}.lesson-content-text th,.lesson-content-text td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);text-align:left}.lesson-content-text th{background:var(--surface-2);font-weight:600}.lesson-content-text strong{font-weight:600;color:var(--text-primary)}.lesson-content-text em{font-style:italic}.lesson-content-text mark{background-color:hsla(var(--brand-hue),var(--brand-saturation),90%,.2);padding:.1em .2em;border-radius:var(--border-radius-sm)}.lesson-content-text hr{margin:var(--spacing-lg) 0;border:none;border-top:1px solid var(--border-color)}.lesson-content-text [style*="text-align: center"]{text-align:center}.lesson-content-text [style*="text-align: right"]{text-align:right}.lesson-content-text [style*="text-align: justify"]{text-align:justify}.lesson-content-text .code-block-wrapper{position:relative;margin:var(--spacing-lg) 0;border-radius:var(--border-radius-md);overflow:hidden;background:var(--prism-background);border:1px solid var(--prism-border-color);box-shadow:var(--shadow-sm)}.lesson-content-text .code-block-wrapper pre[class*=language-]{margin:0;border-radius:0;background:transparent;padding:var(--spacing-md);overflow:auto;border:none;box-shadow:none;font-size:calc(var(--font-size-md) * .95)}.lesson-content-text .code-block-wrapper pre[class*=language-] code[class*=language-]{color:var(--prism-text-color)}.lesson-content-text .code-block-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface);border-top:1px solid var(--prism-border-color);font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.2}.lesson-content-text .code-block-footer .copy-code-button{background:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;display:inline-flex;align-items:center;font-size:inherit;font-weight:500;border-radius:var(--border-radius-sm);transition:var(--transition-default)}.lesson-content-text .code-block-footer .copy-code-button:hover:not(:disabled){color:var(--text-primary);background:var(--surface-2)}.lesson-content-text .code-block-footer .copy-code-button:disabled{color:var(--success);background:transparent;cursor:default}.lesson-content-text .code-block-footer .copy-code-button.failed{color:var(--error)}.lesson-content-text .code-block-footer .code-language-label{color:var(--text-secondary);font-size:inherit}.math-wrapper{display:inline-block;margin:0 .2em;vertical-align:middle}.math-display{display:block;margin:var(--spacing-md) 0;overflow-x:auto;text-align:center}.math-inline{display:inline-block;vertical-align:middle}@media (max-width: 768px){.lesson-content-text{font-size:var(--font-size-sm)}.lesson-content-text h1{font-size:var(--font-size-xl)}.lesson-content-text h2{font-size:var(--font-size-lg)}.lesson-content-text h3{font-size:var(--font-size-md)}.lesson-content-text blockquote{padding:var(--spacing-sm) var(--spacing-md)}.lesson-content-text .code-block-wrapper pre[class*=language-],.lesson-content-text pre:not([class*=language-]){padding:var(--spacing-sm);font-size:calc(var(--font-size-sm) * .9)}}.module-toggle-button{background:none;border:none;display:flex;gap:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);min-width:175px}.module-toggle-button:hover{color:var(--text-primary)}.module-toggle-button .module-title-sidebar{text-align:left;font-weight:500;transition:color var(--transition-speed) var(--transition-ease)}.sidebar-item-controls{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-speed) var(--transition-ease)}.sidebar-module:hover .sidebar-item-controls,.sidebar-lesson-item:hover .sidebar-item-controls{opacity:1}.control-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--text-secondary);border-radius:var(--border-radius-sm)}.control-button:hover{background-color:var(--surface-2);color:var(--primary)}.add-item-button{display:flex;align-items:center;gap:var(--spacing-xs);width:calc(100% - var(--spacing-md));margin:var(--spacing-sm) auto;padding:var(--spacing-sm);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-speed) ease}.add-item-button:hover{background-color:var(--surface-2);color:var(--primary);border-color:var(--primary-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;padding:var(--spacing-xl)}.modal-content{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:800px;animation:slide-down .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-title{margin:0;font-size:var(--font-size-xl)}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-close-button:hover{color:var(--text-primary)}.modal-body .module-form,.modal-body .lesson-form,.modal-body .activity-form,.modal-body .resource-form{border:none;padding:0;margin-top:0;background-color:transparent}.builder-item-list li{margin-left:2.5rem}@keyframes slide-down{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.rich-editor button{background-color:var( --glass-bg-light, rgba(230, 230, 230, .5) );color:var(--text-primary, #333);border:1px solid var(--glass-border, #ccc);border-radius:var(--border-radius-sm, 4px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);transition:var(--transition-default, all .2s ease);cursor:pointer;font-size:.7rem;margin:2px;line-height:1.5}.rich-editor ul,.rich-editor ol{padding-left:2rem}.rich-editor button:hover:not(:disabled){background-color:var(--glass-bg, rgba(200, 200, 200, .7))}.rich-editor button:disabled{background-color:var(--surface-2, #f0f0f0);color:var(--text-secondary, #6c757d);opacity:.5;cursor:not-allowed}.rich-editor .tiptap{color:var(--text-primary, #333);background:var(--surface, #fff);border-radius:var( --border-radius-md, 6px )}.rich-editor .tiptap:focus-visible,.rich-editor .ProseMirror:focus-visible{outline:none}.rich-editor .tiptap>*+*{margin-top:var(--spacing-md, 16px)}.rich-editor .ProseMirror{padding:var(--spacing-md, 16px);min-height:250px;max-height:500px;border:1px solid var(--border-color, #ced4da);border-radius:0 0 var(--border-radius-md, 6px) var(--border-radius-md, 6px);background:var(--surface, #fff);color:var(--text-primary, #333);overflow-y:auto}.rich-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.rich-editor .editor-menu{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px);background:var(--surface-2, #f8f9fa);border:1px solid var(--border-color, #ced4da);border-bottom:none;border-radius:var(--border-radius-md, 6px) var(--border-radius-md, 6px) 0 0;position:sticky;top:0;z-index:var(--z-popup, 10)}.rich-editor .tiptap-menu-button-group{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:0 var(--spacing-sm, 8px);border-right:1px solid var(--border-color, #e0e0e0)}.rich-editor .tiptap-menu-button-group:first-child{padding-left:0}.rich-editor .tiptap-menu-button-group:last-child{border-right:none;padding-right:0}.rich-editor button.is-active{background:var(--primary, #007bff);color:var(--text-light, #fff)}.rich-editor .ProseMirror h1,.rich-editor .ProseMirror h2,.rich-editor .ProseMirror h3,.rich-editor .ProseMirror h4,.rich-editor .ProseMirror h5,.rich-editor .ProseMirror h6{color:var(--text-primary, #333);line-height:1.3;margin-top:1em;margin-bottom:.5em}.rich-editor .ProseMirror code{background:var(--surface-2, #f0f0f0);color:var(--text-primary, #333);padding:.2rem .4rem;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-sm, .875rem)}.rich-editor .ProseMirror pre{background:var( --surface-2, #343a40 );color:#f8f9fa;padding:var(--spacing-md, 16px);border-radius:var(--border-radius-md, 6px);overflow-x:auto}.rich-editor .ProseMirror pre code{background:transparent;color:inherit;padding:0;font-size:inherit}.rich-editor .ProseMirror blockquote{border-left:3px solid var(--border-color, #ccc);margin:var(--spacing-md, 16px) 0;padding-left:var(--spacing-md, 16px);color:var(--text-secondary, #555);font-style:italic}.rich-editor .ProseMirror img{max-width:100%;height:auto}.rich-editor .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--primary, #007bff)}.rich-editor .ProseMirror mark.ProseMirror-highlight{background-color:var(--warning, #ffc107)}.rich-editor input[type=color]{width:32px;height:32px;border:1px solid var(--glass-border, #ccc);border-radius:var(--border-radius-sm, 4px);padding:2px;cursor:pointer;background-color:transparent}.rich-editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rich-editor input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius-sm, 4px) - 2px)}.rich-editor input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius-sm, 4px) - 2px)}.gradebook-page{max-width:1200px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-md)}.gradebook-page h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.gradebook-controls{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.gradebook-controls select{flex-grow:1;padding:var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-md);background-color:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:var(--transition-default)}.gradebook-controls select:focus{border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.3)}.error-message{padding:var(--spacing-md);background-color:hsla(var(--error),10%,95%);color:var(--error);border:1px solid var(--error);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.gradebook-table-container{overflow-x:auto;background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.gradebook-table{width:100%;border-collapse:collapse}.gradebook-table th,.gradebook-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.gradebook-table th{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;background-color:var(--surface-2)}.gradebook-table tbody tr{transition:background-color var(--transition-speed) ease}.gradebook-table tbody tr:hover{background-color:var(--surface-2)}.gradebook-table td:first-child{font-weight:600;color:var(--text-primary)}.score-input{width:100%;max-width:80px;padding:var(--spacing-xs);font-family:var(--font-primary);font-size:var(--font-size-md);background-color:var(--background);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-align:center;transition:var(--transition-default)}.score-input:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.3)}.score-input.is-dirty{border-left:3px solid var(--primary)}.gradebook-actions{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}.btn-primary:disabled{background-color:var(--secondary);cursor:not-allowed;transform:none;box-shadow:none}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-md);overflow:hidden;position:relative}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(var(--brand-hue),var(--brand-saturation),50%,.08) 10%,transparent 70%);animation:rotateBackground 20s linear infinite;z-index:0}.auth-glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--border-radius-lg);padding:var(--spacing-xl);width:100%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);position:relative;overflow:hidden;animation:fadeIn .5s var(--transition-ease);transition:var(--theme-transition)}html[data-theme=dark] .auth-glass-card{background:hsla(var(--brand-hue),5%,15%,.7)}.auth-glass-card h2{font-size:var(--font-size-2xl);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg);font-weight:700;letter-spacing:.5px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-form-group{position:relative;margin-bottom:var(--spacing-lg)}.auth-form-group label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;position:absolute;top:-8px;left:12px;background-color:var(--surface);padding:0 var(--spacing-xs);transition:var(--transition-default)}html[data-theme=dark] .auth-form-group label{background-color:#262c3a}.auth-form-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background-color:var(--surface-2);color:var(--text-primary);transition:var(--transition-default);box-shadow:var(--shadow-sm)}.auth-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 8px hsla(var(--brand-hue),var(--brand-saturation),50%,.25);background-color:var(--surface)}.auth-form-group input::placeholder{color:var(--text-secondary);opacity:.6;transition:opacity var(--transition-speed) var(--transition-ease)}.auth-form-group input:focus::placeholder{opacity:0}.auth-form-group input:-webkit-autofill,.auth-form-group input:-webkit-autofill:hover,.auth-form-group input:-webkit-autofill:focus,.auth-form-group input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 30px var(--surface-2) inset!important;transition:background-color 5000s ease-in-out 0s}html[data-theme=dark] .auth-form-group input:-webkit-autofill,html[data-theme=dark] .auth-form-group input:-webkit-autofill:hover,html[data-theme=dark] .auth-form-group input:-webkit-autofill:focus,html[data-theme=dark] .auth-form-group input:-webkit-autofill:active{-webkit-text-fill-color:var(--dark-text-primary)!important;box-shadow:0 0 0 30px var(--dark-surface-2) inset!important}.auth-error{background:#ef43431a;color:var(--error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--spacing-md);animation:shake .3s var(--transition-ease)}.auth-btn-primary{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary);color:var(--text-light);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-default);position:relative;overflow:hidden}.auth-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s var(--transition-ease),height .4s var(--transition-ease)}.auth-btn-primary:hover:after{width:200%;height:200%}.auth-links{text-align:center;margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-links a{color:var(--primary);text-decoration:none;font-weight:600;transition:color var(--transition-speed) var(--transition-ease)}.auth-links a:hover{color:var(--primary-dark);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 480px){.auth-glass-card{padding:var(--spacing-lg);max-width:100%;margin:0 var(--spacing-sm)}.auth-form-group input{padding:var(--spacing-sm)}.auth-btn-primary{padding:var(--spacing-sm) var(--spacing-md)}}.admissions-landing .page-header{text-align:center;margin-bottom:var(--spacing-lg)}.admissions-landing .page-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:var(--spacing-xs) auto 0}.admissions-landing .page-controls{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.search-input{width:100%;max-width:500px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:var(--transition-default)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--brand-hue),var(--brand-saturation),50%,.3)}.loading-indicator,.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state h2{color:var(--text-primary)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.program-card{display:flex;flex-direction:column;background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:var(--transition-default)}.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.program-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.program-card-about{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:var(--spacing-md)}.program-card-meta{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-lg)}.program-card-meta span{display:inline-block;padding:4px 8px;background-color:var(--surface-2);border-radius:var(--border-radius-sm)}.program-card-actions{margin-top:auto}.btn-primary{display:inline-block;width:100%;text-align:center;background-color:var(--primary);color:var(--text-light);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition-default)}.error-message{padding:var(--spacing-md);background-color:hsla(var(--error),10%,95%);color:var(--error);border:1px solid var(--error);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);text-align:center}html[data-theme=dark] .error-message{background-color:#ef44441a}.status-page-container{max-width:800px;margin:var(--spacing-lg) auto}.applications-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.application-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-default);overflow:hidden;border-left:5px solid var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-2);border-bottom:1px solid var(--border-color)}.card-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;background-color:var(--text-secondary)}.card-body{padding:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.application-card.status-submitted,.application-card.status-under-review{border-left-color:var(--info)}.status-submitted .status-badge,.status-under-review .status-badge{background-color:var(--info)}.application-card.status-accepted{border-left-color:var(--success)}.status-accepted .status-badge{background-color:var(--success)}.application-card.status-enrolled{border-left-color:var(--primary)}.status-enrolled .status-badge{background-color:var(--primary)}.application-card.status-rejected{border-left-color:var(--error)}.status-rejected .status-badge{background-color:var(--error)}.acceptance-section,.enrolled-section,.decision-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color)}.acceptance-section h4,.enrolled-section h4{color:var(--success);margin-top:0}.decision-section p{font-weight:500}.remarks{font-style:italic;padding-left:var(--spacing-md);border-left:3px solid var(--border-color)}.payment-action{margin-top:var(--spacing-md)}.tuition-amount{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0 var(--spacing-md) 0}.applicant-email-container{max-width:600px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.applicant-email-container .form-group{margin:0}.applicant-email-container .form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.applicant-email-container .form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background-color:var(--surface-2);color:var(--text-primary);box-sizing:border-box;transition:var(--transition-default)}.applicant-email-container .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.2)}.applicant-email-container .form-group input[readOnly]{background-color:var(--background);color:var(--text-secondary);cursor:not-allowed;opacity:.9;border-style:dashed}.applicant-email-container .form-group input[readOnly]:focus{box-shadow:none;border-color:var(--border-color)}.applicant-email-container .form-group small{display:block;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.applicant-email-container .form-group input[readOnly]+small{color:var(--text-primary);font-weight:500}.status-indicator{text-align:center;padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-secondary)}.message-box{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.6}.error-box{color:var(--error);background-color:hsla(var(--brand-hue),90%,95%,1);border-color:var(--error)}html[data-theme=dark] .error-box{background-color:#ef44441a}.success-box{color:var(--success);background-color:hsla(var(--brand-hue),90%,95%,1);border-color:var(--success)}html[data-theme=dark] .success-box{background-color:#22c55e1a}.payment-container{max-width:500px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--surface);box-shadow:var(--shadow-md);transition:var(--transition-default)}.payment-container h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-xl);color:var(--text-primary)}.payment-amount-box{padding:var(--spacing-md);background-color:var(--background);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-color)}.amount-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.amount-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.payment-info{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.payment-footer{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.payment-container .form-group{margin-bottom:var(--spacing-md)}.payment-container .form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.payment-container .form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background-color:var(--surface-2);color:var(--text-primary);box-sizing:border-box;transition:var(--transition-default)}.payment-container .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.2)}.payment-container .form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.payment-container .btn-primary{width:100%;padding:var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:600}.payment-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center}.admission_hero{position:relative;text-align:center;color:var(--text-light)}.admission_hero img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-lg);filter:brightness(.6)}.admission_hero h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-2xl);color:#fff;margin:0}.success-container{max-width:550px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--surface);box-shadow:var(--shadow-md);text-align:center}.success-container h3{margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-2xl);color:var(--text-primary)}.success-container p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg);font-size:var(--font-size-md)}.next-steps{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.next-steps h4{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.next-steps p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.next-steps .btn-primary{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);width:auto}.next-steps div{margin-top:1.5rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.next-steps div p{margin:0}.next-steps div a{color:var(--primary);text-decoration:none;font-weight:500}.next-steps div a:hover{text-decoration:underline}.manage-applications-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.page-header h1{font-size:var(--font-size-2xl);color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:var(--font-size-md);margin-top:calc(var(--spacing-xs) / 2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{background-color:var(--surface);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border-left:5px solid var(--primary);box-shadow:var(--shadow-sm);transition:var(--transition-default)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card-icon{font-size:2rem;line-height:1}.stat-card-info{display:flex;flex-direction:column}.stat-card-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.card.table-card{background-color:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input,.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--surface-2);color:var(--text-primary);font-size:var(--font-size-md);transition:var(--transition-default)}.search-input{flex-grow:1;min-width:250px}.search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.2);outline:none}.table-responsive{overflow-x:auto}.applications-table{width:100%;border-collapse:collapse;text-align:left}.applications-table thead{border-bottom:2px solid var(--border-color)}.applications-table th{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.applications-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) ease;cursor:pointer}.applications-table tbody tr:last-child{border-bottom:none}.applications-table tbody tr:hover{background-color:var(--surface-2)}.applications-table td{padding:var(--spacing-md);vertical-align:middle;color:var(--text-primary)}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.loading-state,.error-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.error-state{color:var(--error)}.application-detail-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.detail-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 992px){.detail-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}.detail-main-content,.detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-card{background-color:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.detail-card h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.data-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.data-item{display:flex;flex-direction:column;gap:4px}.data-item dt{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.data-item dd{font-size:var(--font-size-md);color:var(--text-primary);margin-left:0;word-break:break-word}@media (min-width: 576px){.data-item{flex-direction:row;justify-content:space-between;align-items:flex-start}.data-item dt{flex-basis:30%;flex-shrink:0}.data-item dd{text-align:right;flex-basis:70%}}.file-download-link{color:var(--primary);text-decoration:underline;font-weight:500;transition:var(--transition-default)}.file-download-link:hover{color:var(--primary-dark)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--surface-2);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-primary);transition:var(--transition-default)}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--brand-hue),var(--brand-saturation),50%,.2);outline:none}.btn-primary,.btn-secondary{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;text-align:center;transition:var(--transition-default)}.btn-primary{background-color:var(--primary);color:var(--text-light);width:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--surface-2);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.form-message{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);text-align:center}.form-message.success{background-color:#28af6026;color:#178244}.form-message.error{background-color:#dc282826;color:#a92828}.status-chip{padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;line-height:1.5}.status-chip.submitted{background-color:#f2c40d26;color:#a18412}html[data-theme=dark] .status-chip.submitted{background-color:#cfaa1733;color:#f7dc6e}.status-chip.review{background-color:#f1f5f8;color:#617d98}html[data-theme=dark] .status-chip.review{background-color:#617d9833;color:#cedbe8}.status-chip.accepted{background-color:#28af6026;color:#178244}html[data-theme=dark] .status-chip.accepted{background-color:#28af6033;color:#8be5b0}.status-chip.rejected{background-color:#dc282826;color:#a92828}html[data-theme=dark] .status-chip.rejected{background-color:#dc282833;color:#ea8080}.notifications-container{padding:var(--spacing-lg);max_width:1000px;margin:0 auto;animation:fadeIn var(--transition-speed) ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify_content:space-between;align_items:center;margin-bottom:var(--spacing-lg)}.notifications-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary)}.mark-read-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-default);display:flex;align-items:center;gap:var(--spacing-xs)}.mark-read-btn:hover{background-color:var(--surface-2);color:var(--primary);border-color:var(--primary)}.notifications-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.tab-btn{background:none;border:none;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);font-weight:600;cursor:pointer;position:relative;transition:color var(--transition-speed) ease}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background-color:var(--primary);border-radius:var(--border-radius-full)}.notifications-list{background-color:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden;min-height:400px;display:flex;flex-direction:column}.notifications-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify_content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.empty-icon-wrapper{background-color:var(--surface-2);padding:var(--spacing-lg);border-radius:50%;margin-bottom:var(--spacing-md);color:var(--secondary);display:flex;align-items:center;justify_content:center}.notifications-empty h3{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.notification-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) ease;cursor:pointer;position:relative}.notification-item:hover{background-color:var(--surface-2)}.notification-item.unread{background-color:hsla(var(--brand-hue),var(--brand-saturation),95%,.5)}html[data-theme=dark] .notification-item.unread{background-color:hsla(var(--brand-hue),var(--brand-saturation),20%,.4)}.notif-icon-box{width:40px;height:40px;border-radius:var(--border-radius-full);background-color:var(--surface-2);color:var(--primary);display:flex;align-items:center;justify_content:center;flex-shrink:0}.notif-content{flex:1}.notif-header{display:flex;justify_content:space-between;margin-bottom:4px}.notif-title{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.notif-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.notif-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.unread-dot{width:8px;height:8px;background-color:var(--primary);border-radius:50%;margin-top:6px}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;background:var(--surface, #f8f9fa);font-family:var(--font-primary, "Open Sans", system-ui, sans-serif)}.not-found-header{font-size:var(--font-size-2xl, 2rem);color:var(--error, #ef4444);margin-bottom:var(--spacing-md, 1rem)}.not-found-text{font-size:var(--font-size-md, 1.1rem);color:var(--text-secondary, #475569);margin-bottom:var(--spacing-xs, .5rem)}.not-found-actions{margin-top:var(--spacing-lg, 2rem);display:flex;gap:var(--spacing-md, 1rem);justify-content:center}.not-found-btn{padding:var(--spacing-sm, .75rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-md, 1rem);color:var(--text-light, #fff);background:var(--primary, #007bff);border:none;border-radius:var(--border-radius-md, 8px);text-decoration:none;cursor:pointer;transition:background var(--transition-speed, .2s) var(--transition-ease, cubic-bezier(.4, 0, .2, 1));box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05))}.not-found-btn:hover,.not-found-btn:focus{background:var(--primary-dark, #0056b3);color:var(--text-light, #fff);outline:none}:root{--brand-hue: 212;--brand-saturation: 90%;--primary: hsl(var(--brand-hue), var(--brand-saturation), 45%);--primary-light: hsl(var(--brand-hue), var(--brand-saturation), 55%);--primary-dark: hsl(var(--brand-hue), var(--brand-saturation), 35%);--glass-bg: hsla(var(--brand-hue), var(--brand-saturation), 45%, .95);--glass-bg-light: hsla(var(--brand-hue), var(--brand-saturation), 50%, .1);--glass-border: hsla(var(--brand-hue), var(--brand-saturation), 60%, .2);--glass-blur: 12px;--gradient-sidebar: linear-gradient( 145deg, var(--glass-bg) 0%, hsla(var(--brand-hue), var(--brand-saturation), 35%, .95) 100% );--secondary: #64748b;--background: #f4f5f7;--surface: #f8f9fa;--surface-2: #edf0f3;--text-primary: #0a0f1a;--text-secondary: #3b4451;--text-light: #ffffff;--scrollbar-thumb: #d1d3d5;--scrollbar-track: transparent;--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--border-color: #d0d0d0;--dark-primary: hsl( var(--brand-hue), var(--brand-saturation), 55% );--dark-primary-light: hsl(var(--brand-hue), var(--brand-saturation), 65%);--dark-primary-dark: hsl(var(--brand-hue), var(--brand-saturation), 45%);--dark-background: #14171e;--dark-surface: #1d2029;--dark-surface-2: #2d3341;--dark-text-primary: #e2e8f0;--dark-text-secondary: #abb8ca;--dark-text-light: #dbeafe;--scrollbar-thumb-dark: #5b5b5b91;--dark-error: #ef4444;--dark-success: #10b981;--dark-warning: #f59e0b;--dark-border-color: #414141;--dark-glass-bg: hsla( var(--brand-hue), var(--brand-saturation), 30%, .85 );--dark-glass-bg-light: hsla( var(--brand-hue), var(--brand-saturation), 35%, .15 );--dark-glass-border: hsla( var(--brand-hue), var(--brand-saturation), 45%, .25 );--dark-glass-blur: 10px;--dark-gradient-sidebar: linear-gradient( 145deg, var(--dark-glass-bg) 0%, hsla(var(--brand-hue), var(--brand-saturation), 20%, .9) 100% );--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dark-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .15), 0 0 1px rgba(255, 255, 255, .05) inset;--dark-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .15), 0 0 1px rgba(255, 255, 255, .05) inset;--dark-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -4px rgba(0, 0, 0, .2), 0 0 1px rgba(255, 255, 255, .05) inset;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--font-primary: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-speed: .2s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--transition-default: all var(--transition-speed) var(--transition-ease);--sidebar-width: 300px;--sidebar-collapsed-width: 80px;--course-view-sidebar-width: 300px;--z-drawer: 100;--z-popup: 200;--z-modal: 300;--z-overlay: 350;--z-tooltip: 400;--icon-size-md: 20px;--theme-transition-speed: .3s;--theme-transition: all var(--theme-transition-speed) cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--primary: var(--dark-primary);--primary-light: var(--dark-primary-light);--primary-dark: var(--dark-primary-dark);--background: var(--dark-background);--surface: var(--dark-surface);--surface-2: var(--dark-surface-2);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-light: var(--dark-text-light);--scrollbar-thumb: var(--scrollbar-thumb-dark);--scrollbar-track: transparent;--error: var(--dark-error);--success: var(--dark-success);--warning: var(--dark-warning);--border-color: var(--dark-border-color);--glass-bg: var(--dark-glass-bg);--glass-bg-light: var(--dark-glass-bg-light);--glass-border: var(--dark-glass-border);--glass-blur: var(--dark-glass-blur);--gradient-sidebar: var(--dark-gradient-sidebar);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--shadow-lg: var(--dark-shadow-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);transition:scrollbar-color var(--transition-speed) ease}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--border-radius-full);border:2px solid var(--surface);transition:background-color var(--transition-speed) ease}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}html{scroll-behavior:smooth;font-size:100%}body{font-family:var(--font-primary);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--background);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}*,*:before,*:after{transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var( --border-radius-sm )}@media (hover: none){*{-webkit-tap-highlight-color:transparent}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--primary-light)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.form-group{flex:1}.form-group.full-width{width:100%}label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm)}input,select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);background-color:var(--surface);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00808033}.btn-primary,.btn-secondary,.btn-danger{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:none;font-size:var(--font-size-md);cursor:pointer;color:var(--text-light);transition:background-color var(--transition-speed) var(--transition-ease)}.btn-primary{background-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary)}.btn-secondary:hover{background-color:#1a2531}.btn-danger{background-color:var(--error)}.btn-danger:hover{background-color:#c0392b}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}table{width:100%;border-collapse:collapse;background-color:var(--surface);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:#f5f5f5;font-weight:600;color:var(--text-secondary)}tr:last-child td{border-bottom:none}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500}.status-badge.completed,.status-badge.allocated,.status-paid{background-color:#2ecc7133;color:var(--success)}.status-badge.pending{background-color:#f1c40f33;color:var(--warning)}.card,.dashboard-card,.fee-card,.payment-card{background-color:var(--surface);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color)}.admin-layout{display:flex;min-height:100vh;width:100%;position:relative}.sidebar{flex-shrink:0;width:var(--sidebar-width);height:100vh;background:var(--gradient-sidebar);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);box-shadow:0 0 20px hsla(var(--brand-hue),30%,20%,.1);transition:all var(--transition-speed) var(--transition-ease);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);background:var(--glass-bg-light);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(calc(var(--glass-blur) * 1.5));-webkit-backdrop-filter:blur(calc(var(--glass-blur) * 1.5))}.sidebar-link{margin:4px var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:#ffffffd9;background:var(--glass-bg-light);transition:all .3s var(--transition-ease);position:relative;overflow:hidden}.sidebar-link:hover{background:var(--glass-bg-light);transform:translate(4px);color:#fff}.sidebar-link.active{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.sidebar-icon{transition:transform .3s ease;opacity:.9}.sidebar-link:hover .sidebar-icon{transform:scale(1.1);opacity:1}.sidebar-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,hsla(var(--brand-hue),var(--brand-saturation),80%,.1),transparent);opacity:0;transition:opacity .3s ease}.sidebar-link:hover:after{opacity:1}.sidebar-section-title{color:#fff9;font-size:var(--font-size-xs);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);letter-spacing:.05em}.sidebar-footer{margin-top:auto;padding:var(--spacing-md);background:var(--glass-bg-light);border-top:1px solid var(--glass-border)}.logout-btn{color:#ffffffd9;transition:all .3s ease}.logout-btn:hover{color:#fff;transform:translate(4px)}.main-container{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--background);transition:margin-left var(--transition-speed) ease}.content-area{flex:1;padding:var(--spacing-xl);overflow-x:auto}.topbar{width:100%;background-color:var(--surface);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.topbar-left{display:flex;align-items:center}.topbar-menu-toggle{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.topbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.topbar-notification-btn,.topbar-profile-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.topbar-notification-btn:hover,.topbar-profile-btn:hover{color:var(--primary-color)}.logout-icon{font-size:1.5rem}.logout-text{font-size:1rem}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;display:none;opacity:0;transition:opacity var(--transition-speed) ease}@media (min-width: 768px){.main-container{margin-left:var(--sidebar-width)}.admin-layout.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.admin-layout.collapsed .main-container{margin-left:var(--sidebar-collapsed-width)}.mobile-overlay{display:none!important}}@media (max-width: 767px){.main-container{margin-left:0;width:100%}.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:900;box-shadow:none;width:var(--sidebar-width);max-width:85%;-webkit-overflow-scrolling:touch}.sidebar-open .sidebar{transform:translate(0);box-shadow:0 0 15px #0003}.sidebar-open .mobile-overlay{display:block;opacity:1}}.page-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.page-header h1{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xl)}.page-header p{color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.dashboard-card h3{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.highlight{font-size:var(--font-size-lg);font-weight:600;color:var(--primary)}.document-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.document-card{display:flex;gap:var(--spacing-md)}.document-icon{font-size:2rem;color:var(--primary)}.document-details{flex:1}.document-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.fee-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.fee-amount{font-size:var(--font-size-xl);font-weight:600;color:var(--primary)}.fee-status{margin-bottom:var(--spacing-md)}.timetable-table .time-slot{font-weight:600;background-color:#f5f5f5}.course-slot{background-color:#0080801a}.course-item{padding:var(--spacing-xs)}.course-code{font-weight:600}.course-venue{font-size:var(--font-size-sm);color:var(--text-secondary)}.not-found{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.not-found-content h1{font-size:6rem;color:var(--primary)}.not-found-content h2{margin-bottom:var(--spacing-md)}.sidebar{width:var(--sidebar-width);background:var(--primary);color:var(--text-light);display:flex;flex-direction:column;transition:width var(--transition-speed) ease,transform var(--transition-speed) ease;flex-shrink:0;height:100vh;overflow-x:hidden}.sidebar-header{display:flex;align-items:center;padding:var(--spacing-md);height:60px;border-bottom:2px solid rgba(255,255,255,.1);gap:var(--spacing-sm)}.sidebar-logo{height:40px;width:40px;object-fit:contain;transition:transform var(--transition-speed) ease}.sidebar-header-text{font-size:var(--font-size-lg);font-weight:600;white-space:nowrap;opacity:1;transition:opacity var(--transition-speed) ease}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0;scrollbar-width:thin;scrollbar-color:var(--primary-dark) var(--primary)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--primary-dark);border-radius:10px}.sidebar-nav::-webkit-scrollbar-track{background-color:var(--primary)}.sidebar-section-title{padding:var(--spacing-xs) var(--spacing-lg);font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;white-space:nowrap;opacity:1;transition:opacity var(--transition-speed) ease;margin-bottom:var(--spacing-xs)}.sidebar-links{list-style:none;padding:0;margin:0}.sidebar-links li{margin-bottom:2px}.sidebar-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-light);text-decoration:none;border-left:4px solid transparent;gap:var(--spacing-md);transition:background-color var(--transition-speed) ease,border-left-color var(--transition-speed) ease;position:relative;overflow:hidden}.sidebar-link:hover{background-color:var(--primary-light)}.sidebar-link.active{background-color:var(--primary-dark);border-left-color:var(--text-light)}.sidebar-icon{font-size:var(--font-size-lg);min-width:1.5rem;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed) ease}.sidebar-link-text{white-space:nowrap;opacity:1;transition:opacity var(--transition-speed) ease}.sidebar-footer{padding:var(--spacing-md);border-top:2px solid rgba(255,255,255,.234)}.logout-btn{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--text-light);cursor:pointer;gap:var(--spacing-md);transition:background-color var(--transition-speed) ease;border-radius:var(--border-radius-sm)}.logout-btn:hover{background-color:var(--primary-dark)}.logout-icon{font-size:1.2rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center}.logout-text{white-space:nowrap;opacity:1;transition:opacity var(--transition-speed) ease}.sidebar.collapsed .sidebar-link:after{content:attr(title);position:absolute;left:100%;top:0;background:var(--primary-dark);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;white-space:nowrap;opacity:0;transform:translate(-20px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000}.sidebar.collapsed .sidebar-link:hover:after{opacity:1;transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-md) var(--spacing-sm)}.sidebar.collapsed .sidebar-logo{transform:scale(.9)}.sidebar.collapsed .sidebar-header-text,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .logout-text{opacity:0;width:0;display:none}.sidebar.collapsed .sidebar-link,.sidebar.collapsed .logout-btn{padding:var(--spacing-sm);justify-content:center;gap:0}.sidebar.collapsed .sidebar-icon{transform:scale(1.1)}@media (max-width: 767px){.sidebar{position:fixed;left:0;z-index:1200;transform:translate(-100%);box-shadow:none}.sidebar-footer{padding-bottom:4rem}.sidebar.open{transform:translate(0);box-shadow:4px 0 15px #0003}.sidebar.collapsed .sidebar-link:after{display:none}}@media (min-width: 768px){.sidebar{position:fixed;transform:none}}.sidebar-expand-icon{margin-left:auto;font-size:.75rem;transition:transform var(--transition-speed) ease;color:#ffffffb3}.sidebar-sublinks{list-style:none;padding:0;margin:0;background-color:#00000026;border-left:2px solid rgba(255,255,255,.1);margin-left:var(--spacing-lg)}.sidebar-sublink{padding:var(--spacing-xs) var(--spacing-md)!important;font-size:.85rem;border-left:2px solid transparent!important;margin-left:0!important}.sidebar-sublink:hover{background-color:#ffffff0d}.sidebar-sublink.active{background-color:#ffffff1a;border-left-color:var(--text-light)!important}.sidebar-sublink .sidebar-icon{font-size:.9rem;opacity:.8;min-width:1.2rem}.sidebar-sublink .sidebar-link-text{font-weight:400}.sidebar-link.active .sidebar-expand-icon{color:var(--text-light)}.sidebar.collapsed .sidebar-expand-icon,.sidebar.collapsed .sidebar-sublinks{display:none}.sidebar-link[style*="cursor: pointer"]:hover{background-color:var(--primary-light)}.sidebar-sublinks{animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-5px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.sidebar-group{margin-bottom:var(--spacing-sm)}.sidebar-section-title{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.sidebar-section-title:first-child{margin-top:0}.topbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);position:sticky;top:0;left:0;width:100%;z-index:var(--z-modal);margin:0;height:60px;box-shadow:0 2px 10px #0000000d;transition:all var(--transition-speed) var(--transition-ease)}.topbar-left{display:flex;gap:var(--spacing-sm);align-items:center}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-icon-btn{background:none;border:1px solid var(--border-color);padding:8px;height:40px;width:40px;border-radius:var(--border-radius-full);cursor:pointer;color:var(--text-primary);transition:var(--transition-default);display:flex;align-items:center;justify-content:center}.topbar-icon-btn:hover{background-color:var(--glass-bg-light);color:var(--primary)}.topbar-icon-btn svg{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md)}.notification-icon-wrapper{position:relative}.topbar-notification-icon{font-size:1.2rem}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary);color:#fff;font-size:.6rem;font-weight:700;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.notification-dropdown-container{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:-10px;background-color:var(--surface);border-radius:8px;box-shadow:0 4px 16px #00000026;width:320px;max-height:400px;overflow-y:auto;z-index:1000;border:1px solid var(--border-color)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--surface);z-index:2}.notification-header h3{margin:0;font-size:1rem;font-weight:600}.notification-actions{display:flex;gap:8px}.notification-actions button{background:none;border:none;font-size:.8rem;color:var(--primary, #6e7fff);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.notification-actions button:hover{background-color:#0000000d}.notification-list{list-style:none;padding:0;margin:0}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color, #eaeaea);transition:all .2s ease;cursor:pointer;display:flex;gap:12px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#00000005}.notification-item.unread{background-color:#6e7fff0d}.notification-item.unread:hover{background-color:#6e7fff1a}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.assignment{background-color:#6e7fff1a;color:var(--primary, #6e7fff)}.notification-icon.announcement{background-color:#ff9f431a;color:#ff9f43}.notification-icon.grade{background-color:#28c76f1a;color:#28c76f}.notification-icon.reminder{background-color:#ea54551a;color:#ea5455}.notification-content{flex:1}.notification-title{font-size:.9rem;font-weight:500;margin-bottom:4px}.notification-message{font-size:.8rem;color:var(--text-secondary, #666);margin-bottom:6px}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary, #999)}.notification-course{font-weight:500}.notification-empty{padding:32px 16px;text-align:center;color:var(--text-secondary, #666)}.notification-empty svg{font-size:2rem;color:var(--text-tertiary, #999);margin-bottom:12px}.notification-empty p{margin:0;font-size:.9rem}.notification-footer{padding:12px 16px;text-align:center;border-top:1px solid var(--border-color, #eaeaea);background-color:var(--surface, white);position:sticky;bottom:0}.notification-footer a{color:var(--primary, #6e7fff);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.notification-footer a:hover{text-decoration:underline}.topbar-profile-btn{background:none;border:none;padding:6px 12px 6px 6px;border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary);transition:var(--transition-default);display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:10px}.avatar-container{height:36px;width:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a}.user-avatar{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;font-weight:600;font-size:1rem}.user-name{font-size:.9rem;font-weight:500;white-space:nowrap;color:var(--text-color)}.profile-dropdown-container{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--surface);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;z-index:var(--z-popup);overflow:hidden;border:1px solid var(--border-color)}.profile-dropdown ul{list-style:none;padding:0;margin:0}.profile-dropdown li{border-bottom:1px solid var(--border-color, #eaeaea)}.profile-dropdown li:last-child{border-bottom:none}.profile-dropdown button{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;transition:all .2s ease}.profile-dropdown button:hover{background-color:#0000000d}.profile-dropdown button svg{font-size:1rem;color:var(--text-secondary)}.profile-dropdown button:hover svg{color:var(--primary, #6e7fff)}@media (max-width: 767px){.topbar{padding:var(--spacing-sm) var(--spacing-sm)}.user-name{display:none}.topbar-profile-btn{padding:8px}.notification-dropdown{right:-3rem}}@media (min-width: 768px){.topbar-profile-btn:hover .user-name{color:var(--primary)}}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}