@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#b42318;--color-primary-hover:#8e1b13;--color-primary-soft:#fff1ef;--color-on-primary:#fff;--color-accent:#9a6700;--color-accent-soft:#fff7df;--color-background:#f5f3f0;--color-surface:#fff;--color-surface-subtle:#faf9f7;--color-foreground:#201d1a;--color-muted-foreground:#625b56;--color-subtle-foreground:#7b716b;--color-border:#ded8d2;--color-border-strong:#c6bdb6;--color-success:#217a4b;--color-success-soft:#eaf7ef;--color-warning:#9a6700;--color-warning-soft:#fff7df;--color-danger:#b42318;--color-danger-soft:#fff1ef;--color-focus:#b42318;--color-brand-panel:#2f2925;--color-on-brand-panel:#fffaf7;--color-brand-panel-muted:#d9d1cc;--color-brand-panel-accent:#f1a7a0;--color-heading:oklch(23% .07 264);--color-heading-soft:oklch(96% .016 264);--color-nav-surface:oklch(99% .006 28/.96);--color-overlay:oklch(18% .018 35/.42);--font-heading:"Manrope", "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-utility:ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-dashboard-title:clamp(1.9rem, 3vw, 2.65rem);--text-2xl:clamp(1.75rem, 3vw, 2.25rem);--text-3xl:clamp(2.25rem, 5vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--content-width:72rem;--dashboard-content-width:82rem;--reading-width:46rem;--sidebar-width:15rem;--nav-height:4.5rem;--z-sticky-subnav:40;--z-sticky-nav:50;--z-skip-link:100;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--shadow-sm:0 1px 2px #201d1a0f;--shadow-md:0 10px 30px #201d1a14;--shadow-dashboard:0 1.25rem 3.5rem oklch(24% .028 30/.08);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--transition-fast:var(--dur-micro) var(--ease-out);--transition-base:var(--dur-short) var(--ease-out);--muc:var(--color-foreground);--giay:var(--color-background);--son:var(--color-primary);--son-hover:var(--color-primary-hover);--son-tint:var(--color-primary-soft);--vang-dong:var(--color-accent);--vang-dong-tint:var(--color-accent-soft);--da:var(--color-muted-foreground);--bong:var(--color-border);--trang:var(--color-surface)}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;overflow-x:clip}body{min-width:20rem;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow-x:clip}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}::selection{color:var(--color-primary-hover);background:var(--color-primary-soft)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-content{width:min(100%, var(--content-width));min-width:0;margin-inline:auto}.app-content--wide{--content-width:78rem}.app-content--dashboard{--content-width:var(--dashboard-content-width)}.not-found{place-content:center;justify-items:start;gap:var(--space-4);min-height:100dvh;padding:var(--space-6);display:grid}.not-found h1{font-family:var(--font-display);font-size:var(--text-3xl);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.route-loader{min-height:100dvh;color:var(--text-secondary);place-items:center;font-weight:700;display:grid}.error-boundary{align-content:center;gap:var(--space-4);width:min(42rem,100% - 2rem);min-height:100vh;padding-block:var(--space-8);margin-inline:auto;display:grid}.error-boundary h1,.error-boundary p{margin:0}.skip-link{z-index:var(--z-skip-link);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-stack{gap:var(--space-8);min-width:0;display:grid}.page-stack--narrow,.reading-page{width:min(100%, var(--reading-width));margin-inline:auto}.page-stack--search{width:min(100%,58rem);margin-inline:auto}.question-history-page{width:min(100%,72rem);margin-inline:auto}.question-history-page .page-header__copy{max-width:44rem}.question-history-page .question-list,.question-history-page .history-list{width:100%;min-width:0}.question-history-page .question-card,.question-history-page .history-item{min-width:0;overflow:hidden}.question-history-page .question-card h3,.question-history-page .question-card h3 a,.question-history-page .history-item h3,.question-history-page .answer-panel p{overflow-wrap:anywhere;word-break:break-word}.question-history-page .answer-panel{min-width:0}.page-header{justify-content:space-between;align-items:end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.page-header__copy{max-width:48rem}.page-header__eyebrow,.section-heading__eyebrow{margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.page-header h1{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.1}.page-header__description{max-width:44rem;color:var(--color-muted-foreground);margin-bottom:0}.page-header__actions,.button-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.class-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.class-header-stats{gap:var(--space-2);display:flex}.class-header-stat{align-items:center;column-gap:var(--space-2);min-width:6rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto 1fr;display:grid}.class-header-stat svg{color:var(--color-primary);grid-row:span 2}.class-header-stat strong{font-family:var(--font-display);line-height:1}.class-header-stat span{color:var(--color-muted-foreground);font-size:var(--text-xs);white-space:nowrap}.class-header-stat--attention svg{color:var(--color-warning)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:2.75rem;font-size:var(--text-sm);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;padding:.65rem 1rem;font-weight:600;line-height:1.2;display:inline-flex}.button--primary{color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--success{color:var(--color-on-primary);background:var(--color-success);box-shadow:var(--shadow-sm)}.button--success:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 82%, black)}.lesson-ask-lecturer{white-space:nowrap;min-width:10.5rem}.button--secondary{color:var(--color-foreground);background:var(--color-surface);border-color:var(--color-border-strong)}.button--secondary:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.button:disabled{opacity:.55}.text-link{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;display:inline-flex}.text-link:hover{color:var(--color-primary-hover);text-underline-offset:.25rem;text-decoration:underline}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-card{align-items:center;gap:var(--space-4);min-height:7.5rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex}.stat-card>svg,.stat-card__monogram{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--color-primary-soft);flex:0 0 2.75rem;place-items:center;padding:.7rem;display:grid}.stat-card__monogram{padding:0;font-weight:700}.stat-card--attention>svg{color:var(--color-warning);background:var(--color-warning-soft)}.stat-card div{gap:var(--space-1);display:grid}.stat-card strong{font-family:var(--font-display);font-size:1.8rem;line-height:1}.stat-card span{color:var(--color-muted-foreground);font-size:var(--text-sm)}.section-stack{gap:var(--space-4);min-width:0;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.section-heading h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0}.card-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{align-content:start;gap:var(--space-3);min-height:11rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.content-card--interactive{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.content-card--interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-card h2,.content-card h3{font-family:var(--font-display);margin-bottom:0;font-size:1.25rem;line-height:1.2}.content-card p{align-items:center;gap:var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-sm);margin-bottom:0;display:flex}.content-card__meta{color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.content-card__action,.content-card__muted-action{align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);margin-top:auto;font-weight:600;display:inline-flex}.content-card__muted-action{color:var(--color-subtle-foreground);font-weight:500}.content-card__icon,.result-item__icon{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.search-panel,.form-surface,.reading-surface{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.search-panel>label,.field-group>label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;display:inline-block}.search-panel__control{align-items:center;gap:var(--space-3);padding-left:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.search-panel__control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-panel__control>svg{color:var(--color-muted-foreground);flex:none}.search-panel__control input{min-width:0;min-height:3.25rem;color:var(--color-foreground);background:0 0;border:0;outline:0;flex:1}.search-panel__control .button{border-radius:0 var(--radius-md) var(--radius-md) 0;min-height:3.25rem}.field-hint,.field-error{margin:var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:var(--text-xs)}.field-error{color:var(--color-danger)}.search-suggestions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.search-suggestions p{margin:0 var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:var(--text-sm)}.search-suggestions button{border:1px solid var(--color-border);min-height:2.5rem;color:var(--color-foreground);background:var(--color-surface);border-radius:999px;padding:.45rem .85rem}.search-suggestions button:hover{color:var(--color-primary);border-color:var(--color-primary)}.result-list,.question-list,.chapter-list{gap:var(--space-3);min-width:0;display:grid}.result-item{align-items:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.result-item__copy{min-width:0}.result-item h3{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-display);font-size:1.15rem}.result-item h3 a:hover{color:var(--color-primary)}.result-item p{color:var(--color-muted-foreground);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.question-card,.chapter-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.question-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.question-card__badges,.question-card__footer-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.question-card__footer-actions{margin-top:var(--space-3);justify-content:space-between}.queue-label,.sla-label{min-height:1.75rem;color:var(--color-muted-foreground);background:var(--color-surface-subtle);font-size:var(--text-xs);border-radius:999px;align-items:center;padding:.25rem .55rem;font-weight:700;display:inline-flex}.queue-label--claimed{color:var(--color-accent);background:var(--color-accent-soft)}.sla-label--due_soon{color:var(--color-warning);background:var(--color-warning-soft)}.sla-label--overdue{color:var(--color-danger);background:var(--color-danger-soft)}.question-card__header time,.question-card__author{color:var(--color-subtle-foreground);font-size:var(--text-xs)}.question-card h2,.question-card h3{margin-bottom:var(--space-3);overflow-wrap:anywhere;font-family:var(--font-display);font-size:1.2rem;line-height:1.35}.answer-panel{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid var(--color-success);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-success-soft);display:grid}.answer-panel--pending{border-left-color:var(--color-warning);background:var(--color-warning-soft)}.answer-panel p{margin-bottom:0}.answer-panel__label{color:var(--color-success);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.chapter-card{gap:var(--space-6);grid-template-columns:minmax(12rem,.85fr) minmax(0,1.5fr);display:grid}.chapter-card__heading>span{color:var(--color-primary);font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.chapter-card__heading h2{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:1.25rem}.chapter-card__lessons{align-content:start;gap:var(--space-2);display:grid}.chapter-card__lessons a{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-muted-foreground);font-size:var(--text-sm);display:flex}.chapter-card__lessons a:hover{color:var(--color-primary);background:var(--color-primary-soft)}.reading-surface{font-family:var(--font-display);font-size:1.15rem;line-height:1.8}.lesson-summary{gap:var(--space-5);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-soft), var(--color-surface));display:grid}.lesson-summary__header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.lesson-summary__header h2{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--text-xl)}.lesson-summary__badge{padding:var(--space-1) var(--space-3);color:var(--color-primary);background:var(--color-surface);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;font-weight:700}.lesson-summary__overview{max-width:60rem;color:var(--color-foreground);margin:0;line-height:1.75}.lesson-summary__grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-summary__section h3{margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-sm)}.lesson-summary__section ul{gap:var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-sm);margin:0;padding-left:1.2rem;line-height:1.6;display:grid}.lesson-summary__sources{color:var(--color-subtle-foreground);font-size:var(--text-xs);margin:0}.reading-surface p:last-child{margin-bottom:0}.field-group{display:grid}.field-group textarea,.field-group input,.field-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-foreground);background:var(--color-surface);resize:vertical}.field-group textarea:focus,.field-group input:focus,.field-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:0}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.state-panel{place-content:center;justify-items:center;gap:var(--space-3);min-height:13rem;padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-muted-foreground);text-align:center;background:var(--color-surface-subtle);display:grid}.state-panel h2,.state-panel p{margin-bottom:0}.state-panel h2{color:var(--color-foreground);font-family:var(--font-display)}.state-panel--error{color:var(--color-danger);background:var(--color-danger-soft);border-color:#efb5af}.state-panel__loader{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}.table-surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}th{color:var(--color-muted-foreground);background:var(--color-surface-subtle);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.table-status{color:var(--color-success);background:var(--color-success-soft);font-size:var(--text-xs);border-radius:999px;padding:.2rem .5rem;font-weight:600;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=64rem){.card-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.page-header{flex-direction:column;align-items:start}.page-header__actions,.page-header__actions .button-group,.page-header__actions .button{width:100%}.stat-grid,.card-grid,.card-grid--three,.chapter-card{grid-template-columns:1fr}.search-panel{padding:var(--space-4)}.search-panel__control{padding:var(--space-3);flex-wrap:wrap;align-items:stretch}.search-panel__control>svg{align-self:center}.search-panel__control input{flex-basis:calc(100% - 2.5rem);min-height:2.75rem}.search-panel__control .button{border-radius:var(--radius-md);width:100%}.question-card__header,.section-heading{flex-direction:column;align-items:start}.question-history-page{width:100%}.question-history-page .question-card,.question-history-page .history-item{padding:var(--space-4)}}.stat-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.content-card__topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.content-card__topline>strong{font-family:var(--font-display);font-size:var(--text-xl)}.filter-toolbar{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(16rem,1fr) minmax(12rem,.35fr);display:grid}.status-cluster{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-toolbar--three{grid-template-columns:minmax(16rem,1fr) repeat(2,minmax(11rem,.35fr))}.filter-field{align-content:end;gap:var(--space-2);min-width:0;display:grid}.filter-field label{font-size:var(--text-sm);font-weight:600}.filter-field input,.filter-field select,.table-select{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-foreground);background:var(--color-surface)}.filter-field__control{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;padding-left:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.filter-field__control:focus-within,.filter-field input:focus,.filter-field select:focus,.table-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:0}.filter-field__control svg{color:var(--color-muted-foreground);flex:none}.filter-field__control input{width:auto;min-width:0;box-shadow:none;border:0;outline:0;flex:1}.feedback-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-success) 30%, var(--color-border));border-radius:var(--radius-md);color:var(--color-success);background:var(--color-success-soft);font-size:var(--text-sm);font-weight:600;display:flex}.feedback-banner--warning{border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border));color:var(--color-warning);background:var(--color-warning-soft)}.feedback-banner--error{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border));color:var(--color-danger);background:var(--color-danger-soft)}.management-grid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(18rem,.7fr) minmax(0,1.5fr);display:grid}.management-form,.answer-form{gap:var(--space-5);display:grid}.management-form h2,.answer-form h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0}.management-form .button{width:100%}.management-list,.compact-list{gap:var(--space-3);display:grid}.management-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.management-item__icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.management-item__body{min-width:0}.management-item__body h3{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-display);font-size:1.1rem}.management-item__body>p{color:var(--color-muted-foreground);font-size:var(--text-sm);margin-bottom:0}.management-item__meta{align-items:center;gap:var(--space-2);color:var(--color-subtle-foreground);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.management-item__meta>span{align-items:center;gap:var(--space-1);display:inline-flex}.compact-list__item{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.compact-list__item>div{gap:var(--space-1);display:grid}.compact-list__item>div>span,.compact-list__item>span:not(.status-label){color:var(--color-muted-foreground);font-size:var(--text-sm)}.table-secondary{margin-top:var(--space-1);color:var(--color-muted-foreground);font-size:var(--text-xs);display:block}.progress-cell{align-items:center;gap:var(--space-2);grid-template-columns:minmax(5rem,1fr) auto;min-width:8rem;display:grid}.progress-cell progress{width:100%;height:.55rem;accent-color:var(--color-primary);border:0;border-radius:999px;overflow:hidden}.progress-cell span{color:var(--color-muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.table-select{min-width:9rem;font-size:var(--text-sm)}.question-card--actionable h3 a:hover{color:var(--color-primary)}.question-card--actionable .text-link{margin-top:var(--space-3)}.question-detail{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.question-detail__icon{border-radius:var(--radius-md);width:3rem;height:3rem;color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.question-detail h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0;line-height:1.45}.queue-action-panel{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex}.queue-action-panel--claimed{border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-border));background:var(--color-primary-soft)}.queue-action-panel h2,.queue-action-panel p{margin:0}.queue-action-panel h2{color:var(--color-heading);font:750 var(--text-lg) / 1.35 var(--font-heading)}.queue-action-panel p:last-child{margin-top:var(--space-1);color:var(--color-muted-foreground)}.metadata-list{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.metadata-list>div{gap:var(--space-1);display:grid}.metadata-list dt{color:var(--color-subtle-foreground);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.metadata-list dd{font-size:var(--text-sm);margin:0}.state-panel--warning{color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border));background:var(--color-warning-soft)}@media (width<=75rem){.card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-toolbar--three{grid-template-columns:minmax(16rem,1fr) repeat(2,minmax(9rem,.4fr))}}@media (width<=64rem){.management-grid{grid-template-columns:1fr}}@media (width<=48rem){.stat-grid--two,.card-grid--four,.filter-toolbar,.filter-toolbar--three,.metadata-list{grid-template-columns:1fr}.management-item,.compact-list__item{grid-template-columns:1fr;align-items:start}.management-item .button{width:100%}.table-surface table{min-width:48rem}.question-detail{padding:var(--space-5)}.queue-action-panel{display:grid}.queue-action-panel .button{width:100%}}.question-card--actionable .answer-panel p:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.progress-cell progress::-webkit-progress-bar{background:var(--color-border);border-radius:999px}.progress-cell progress::-webkit-progress-value{background:var(--color-primary);border-radius:999px}.progress-cell progress::-moz-progress-bar{background:var(--color-primary);border-radius:999px}.knowledge-search-form{align-items:end;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(12rem,.8fr) minmax(12rem,.8fr) auto;display:grid}.knowledge-search-form__query,.knowledge-search-form__hint{grid-column:1/-1}.knowledge-search-form .field-group{gap:var(--space-2)}.knowledge-search-form .field-group>label{margin-bottom:0}.knowledge-search-form__hint{margin:0}.knowledge-search-form__submit{min-width:8rem}.result-item--sourced{box-shadow:var(--shadow-sm)}.result-item__classification{gap:var(--space-2);flex-wrap:wrap;display:flex}.result-item__classification span{color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--text-xs);border-radius:999px;padding:.2rem .5rem;font-weight:600}.result-item__classification span+span{color:var(--color-muted-foreground);background:var(--color-surface-subtle)}.source-reference{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted-foreground);background:var(--color-surface-subtle);font-size:var(--text-sm);display:grid}.source-reference strong{color:var(--color-foreground);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.result-item .source-reference--inline{margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}.result-item .source-reference--inline span{color:var(--color-muted-foreground);-webkit-line-clamp:unset;display:block;overflow:visible}.question-form{gap:var(--space-5);display:grid}.mock-disclosure,.pending-note{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-accent) 32%, var(--color-border));border-radius:var(--radius-md);color:var(--color-muted-foreground);background:var(--color-accent-soft);font-size:var(--text-sm)}.mock-response{gap:var(--space-4);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.mock-response__heading{align-items:start;gap:var(--space-3);display:flex}.mock-response__heading h2,.answer-panel h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0}.mock-response__icon,.continue-learning__icon,.history-item__icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--color-primary-soft);flex:0 0 2.75rem;place-items:center;display:grid}.mock-response>p{margin-bottom:0;line-height:1.7}.answer-panel--mock{border-left-color:var(--color-primary);background:var(--color-primary-soft)}.answer-panel--mock .answer-panel__label{align-items:center;gap:var(--space-1);color:var(--color-primary);display:inline-flex}.history-tabs{gap:var(--space-1);width:fit-content;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:inline-flex}.history-tabs button{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-muted-foreground);font-weight:600;display:inline-flex}.history-tabs button:hover,.history-tabs button.history-tabs__tab--active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.history-tabs button>span{min-width:1.5rem;color:var(--color-muted-foreground);background:var(--color-background);font-size:var(--text-xs);text-align:center;border-radius:999px;padding:.1rem .4rem}.history-list{gap:var(--space-3);display:grid}.history-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.history-item h3{margin:var(--space-1) 0;font-family:var(--font-display);font-size:1.1rem}.history-item p{color:var(--color-muted-foreground);font-size:var(--text-sm);margin-bottom:0}.continue-learning{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.continue-learning h2{margin-bottom:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl)}.continue-learning p:not(.section-heading__eyebrow){margin-bottom:var(--space-3);color:var(--color-muted-foreground);font-size:var(--text-sm)}.subject-card__progress{align-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.subject-card__progress>span{color:var(--color-muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.subject-card__classes{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.subject-card__classes li{border-radius:var(--radius-sm);color:var(--color-heading);background:var(--color-surface-subtle);font-size:var(--text-xs);padding:.3rem .55rem;font-weight:700}.subject-class-summary{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);display:grid}.subject-class-summary h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:var(--text-xl)}.subject-class-summary__items{gap:var(--space-2);display:grid}.subject-class-summary__items article{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:flex}.subject-class-summary__items span{color:var(--color-muted-foreground);font-size:var(--text-sm)}.subject-progress-summary{align-items:center;gap:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(14rem,.6fr) minmax(16rem,1fr);display:grid}.subject-progress-summary h2{margin-bottom:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl)}.subject-progress-summary p:not(.section-heading__eyebrow){color:var(--color-muted-foreground);font-size:var(--text-sm);margin-bottom:0}.subject-progress-summary__bar .progressbar{height:.75rem}.lesson-link__copy{gap:var(--space-1);display:grid}.lesson-link__copy small{align-items:center;gap:var(--space-1);color:var(--color-subtle-foreground);display:inline-flex}.lesson-progress{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.lesson-progress__copy{justify-content:space-between;align-items:end;gap:var(--space-4);grid-column:1/-1;display:flex}.lesson-progress__copy h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0}.lesson-progress__copy>strong{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.lesson-progress .progressbar{align-self:center}.lesson-pagination{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-pagination .button{text-align:left;justify-content:space-between;min-height:4.5rem}.lesson-pagination .button:last-child{text-align:right}.lesson-pagination .button span{gap:var(--space-1);display:grid}.lesson-pagination small{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:500}@media (width<=48rem){.knowledge-search-form,.subject-class-summary,.subject-progress-summary,.lesson-progress,.lesson-pagination,.lesson-summary__grid{grid-template-columns:1fr}.knowledge-search-form__query,.knowledge-search-form__hint,.lesson-progress__copy{grid-column:1}.knowledge-search-form__submit,.history-tabs,.history-tabs button,.history-item .button,.continue-learning .button,.lesson-progress .button{width:100%}.lesson-summary__header{display:grid}.lesson-summary__badge{width:fit-content}.history-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.history-tabs button{justify-content:center}.history-item,.continue-learning{grid-template-columns:1fr;align-items:start}.mock-response{padding:var(--space-5)}.lesson-pagination>span:empty{display:none}}.rag-answer{gap:var(--space-5);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.rag-answer__header{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.rag-answer__header h2,.rag-review-form h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:0}.rag-answer__icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-accent);background:var(--color-accent-soft);place-items:center;display:grid}.rag-answer__content{white-space:pre-wrap;margin:0;line-height:1.75}.rag-answer__disclosure{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-warning);color:var(--color-muted-foreground);background:var(--color-warning-soft);font-size:var(--text-sm);margin:0}.citation-list{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.citation-list__heading{align-items:center;gap:var(--space-2);color:var(--color-foreground);display:flex}.citation-list__heading svg{color:var(--color-primary)}.citation-list__heading h3{font-family:var(--font-display);margin:0;font-size:1.1rem}.citation-item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.citation-item p{margin:0 0 var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-sm)}.citation-item p strong{color:var(--color-foreground)}.citation-item blockquote{padding-left:var(--space-3);border-left:2px solid var(--color-border-strong);color:var(--color-muted-foreground);font-size:var(--text-sm);margin:0;line-height:1.65}.rag-answer--compact{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:none}.rag-answer--compact .rag-answer__header{grid-template-columns:minmax(0,1fr) auto}.rag-answer--compact .rag-answer__icon{display:none}.rag-answer--compact .rag-answer__content{color:var(--color-muted-foreground);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rag-review-form{gap:var(--space-5);display:grid}.rag-review-form__heading{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.review-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.review-actions .button--primary{margin-left:auto}.review-queue__footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.review-queue__footer>span{align-items:center;gap:var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-sm);display:inline-flex}.pending-note--warning{align-items:center;gap:var(--space-3);border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-border));background:var(--color-warning-soft);display:flex}@media (width<=48rem){.rag-answer{padding:var(--space-5)}.rag-answer__header,.rag-answer--compact .rag-answer__header{grid-template-columns:auto minmax(0,1fr)}.rag-answer__header>.status-label{grid-column:1/-1;width:fit-content}.rag-answer--compact .rag-answer__header{grid-template-columns:1fr}.review-actions,.review-queue__footer,.rag-review-form__heading,.pending-note--warning{flex-direction:column;align-items:stretch}.review-actions .button,.review-actions .button--primary,.review-queue__footer .text-link{width:100%;margin-left:0}}
