@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Noto+Serif+Thai:wght@500;600;700;800&display=swap";
.school-theme{--school-background:#f6efe0;--school-background-deep:#efe6d2;--school-foreground:#2a2218;--school-card:#fffcf4;--school-card-foreground:#2a2218;--school-primary:#0e6e6a;--school-primary-hover:#0b5c58;--school-primary-foreground:#fffcf4;--school-primary-soft:#d7ecea;--school-primary-ink:#08433f;--school-accent:#b7791f;--school-accent-hover:#92611a;--school-accent-foreground:#fffcf4;--school-accent-soft:#f7e9c9;--school-accent-ink:#6b4310;--school-secondary:#ebe2cf;--school-secondary-foreground:#4a3f2c;--school-muted:#efe6d2;--school-muted-foreground:#7a6b53;--school-border:#e1d6bd;--school-border-strong:#c8b891;--school-radius-sm:.375rem;--school-radius-md:.625rem;--school-radius-lg:.875rem;--school-radius-xl:1.125rem;--school-radius-2xl:1.5rem;--school-radius-full:9999px;--school-shadow-sm:0 1px 2px 0 #4a36180f;--school-shadow-md:0 4px 14px -4px #4a36181a, 0 2px 4px -2px #4a36180f;--school-shadow-lg:0 14px 30px -10px #4a361829, 0 6px 12px -6px #4a361814;--school-shadow-lift:0 12px 24px -8px #0e6e6a4d;--school-font-display:"Noto Serif Thai", ui-serif, Georgia, serif;--school-font-sans:"IBM Plex Sans Thai", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--school-font-sans);background:var(--school-background);color:var(--school-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.55;position:relative}.school-theme:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 80% -10%,#0e6e6a0f,#0000 60%),radial-gradient(900px 500px at -10% 30%,#b7791f0d,#0000 60%);position:fixed;inset:0}.school-theme *,.school-theme :before,.school-theme :after{box-sizing:border-box}.school-theme a{color:inherit}.school-theme .container-app{z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}@media (max-width:640px){.school-theme .container-app{padding:0 1rem}}.school-theme .btn{border-radius:var(--school-radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.school-theme .btn-primary{background:var(--school-primary);color:var(--school-primary-foreground)}.school-theme .btn-primary:hover{background:var(--school-primary-hover);box-shadow:var(--school-shadow-lift);transform:translateY(-1px)}.school-theme .btn-outline{color:var(--school-foreground);border-color:var(--school-border-strong);background:0 0}.school-theme .btn-outline:hover{background:var(--school-card)}.school-theme .btn-lg{border-radius:var(--school-radius-lg);height:3rem;padding:0 1.5rem;font-size:1rem}.school-theme .btn-on-dark{background:var(--school-accent);color:var(--school-accent-foreground)}.school-theme .btn-on-dark:hover{background:#c8841f;transform:translateY(-1px)}.school-theme .btn-ghost-dark{color:var(--school-primary-foreground);background:0 0;border:1px solid #fffcf44d}.school-theme .btn-ghost-dark:hover{background:#ffffff14}.school-theme .icon{flex-shrink:0;width:1rem;height:1rem}.school-theme .icon-lg{flex-shrink:0;width:1.25rem;height:1.25rem}.school-theme .avatar{background:var(--school-accent-soft);width:40px;height:40px;color:var(--school-accent-ink);border:1px solid var(--school-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:600;display:inline-grid;overflow:hidden}.school-theme .avatar .avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.school-theme .hr{background:var(--school-border);border:0;height:1px}.school-theme .appbar{z-index:40;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--school-border);background:#f6efe0d9;position:sticky;top:0}.school-theme .appbar-inner{align-items:center;gap:1.5rem;max-width:1200px;height:68px;margin:0 auto;padding:0 1.5rem;display:flex}@media (max-width:640px){.school-theme .appbar-inner{gap:.75rem;height:60px;padding:0 1rem}.school-theme .brand{gap:.5rem;min-width:0;font-size:.9375rem}.school-theme .brand-mark{width:34px;height:34px;font-size:.9375rem}.school-theme .brand-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.school-theme .brand-text small{display:none}}.school-theme .brand{font-family:var(--school-font-display);color:var(--school-foreground);align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.school-theme .brand-mark{background:var(--school-primary);width:38px;height:38px;color:var(--school-primary-foreground);font-family:var(--school-font-display);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:800;display:grid;position:relative;box-shadow:inset 0 -3px #0000002e,0 2px #0000000a}.school-theme .brand-mark:after{content:"";pointer-events:none;border:1px solid #fffcf44d;border-radius:6px;position:absolute;inset:4px}.school-theme .brand-text{flex-direction:column;display:flex}.school-theme .brand-text small{font-family:var(--school-font-sans);color:var(--school-muted-foreground);letter-spacing:.04em;font-size:.6875rem;font-weight:500}.school-theme .nav-links{align-items:center;gap:.25rem;margin-left:auto;display:flex}.school-theme .nav-link{color:var(--school-muted-foreground);border-radius:var(--school-radius-md);padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.school-theme .nav-link:hover{color:var(--school-foreground);background:var(--school-secondary)}.school-theme .nav-link.active{color:var(--school-primary-ink);background:var(--school-primary-soft)}.school-theme .nav-mobile-toggle{display:none}.school-theme .nav-admin{align-items:center;display:inline-flex;position:relative}.school-theme .nav-admin-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;font-family:inherit;display:inline-flex}.school-theme .nav-admin-caret{opacity:.7;width:.875rem;height:.875rem;transition:transform .15s;transform:rotate(90deg)}.school-theme .nav-admin-toggle.is-open .nav-admin-caret{transform:rotate(-90deg)}.school-theme .nav-admin-menu{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-lg);min-width:220px;box-shadow:var(--school-shadow-lg);z-index:41;flex-direction:column;gap:.125rem;padding:.375rem;display:none;position:absolute;top:calc(100% + .5rem);right:0}.school-theme .nav-admin-menu.open{display:flex}.school-theme .nav-admin-item{color:var(--school-foreground);border-radius:var(--school-radius-md);padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s;display:block}.school-theme .nav-admin-item:hover{background:var(--school-secondary)}.school-theme .nav-admin-item.active{background:var(--school-primary-soft);color:var(--school-primary-ink)}.school-theme .nav-user{align-items:center;margin-left:.5rem;display:inline-flex;position:relative}.school-theme .nav-user-toggle{border-radius:var(--school-radius-full);cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;font-family:inherit;transition:background .15s,border-color .15s;display:inline-flex}.school-theme .nav-user-toggle:hover,.school-theme .nav-user-toggle.is-open{background:var(--school-secondary);border-color:var(--school-border)}.school-theme .nav-user-avatar{background:var(--school-primary);width:2rem;height:2rem;color:var(--school-primary-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:700;display:grid}.school-theme .nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.875rem;font-weight:500;overflow:hidden}.school-theme .nav-user-menu{min-width:240px}.school-theme .nav-user-summary{border-bottom:1px solid var(--school-border);margin-bottom:.25rem;padding:.625rem .875rem}.school-theme .nav-user-summary-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.school-theme .nav-user-summary-email,.school-theme .nav-user-summary-role{color:var(--school-muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.school-theme .nav-user-signout{text-align:left;cursor:pointer;width:100%;color:var(--school-destructive,#b0341a);background:0 0;border:0;font-family:inherit}.school-theme .nav-user-signout:hover{background:#b0341a14}.school-theme .nav-signin{color:var(--school-primary-ink);background:var(--school-primary-soft);align-items:center;gap:.375rem;margin-left:.5rem;display:inline-flex}.school-theme .nav-signin:hover{background:var(--school-primary);color:var(--school-primary-foreground)}@media (max-width:880px){.school-theme .nav-links{display:none}.school-theme .nav-mobile-toggle{border-radius:var(--school-radius-md);border:1px solid var(--school-border-strong);cursor:pointer;width:2.5rem;height:2.5rem;color:inherit;background:0 0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.school-theme .nav-links.open{background:var(--school-card);border-bottom:1px solid var(--school-border);box-shadow:var(--school-shadow-md);z-index:39;flex-direction:column;align-items:stretch;gap:.125rem;max-height:calc(100dvh - 68px);padding:.75rem;display:flex;position:fixed;inset:68px 0 auto;overflow-y:auto}@media (max-width:640px){.school-theme .nav-links.open{max-height:calc(100dvh - 60px);inset:60px 0 auto}}.school-theme .nav-links.open .nav-link{padding:.875rem 1rem;font-size:.9375rem}.school-theme .nav-admin{border-top:1px solid var(--school-border);flex-direction:column;align-items:stretch;width:100%;margin-top:.375rem;padding-top:.375rem;display:flex}.school-theme .nav-admin-toggle{border-radius:var(--school-radius-md);justify-content:space-between;width:100%;padding:.875rem 1rem;font-size:.9375rem}.school-theme .nav-admin-menu{box-shadow:none;background:0 0;border:0;min-width:0;padding:0 0 .25rem .75rem;display:none;position:static}.school-theme .nav-admin-menu.open{display:flex}.school-theme .nav-admin-item{padding:.75rem 1rem;font-size:.9375rem}.school-theme .nav-user{border-top:1px solid var(--school-border);flex-direction:column;align-items:stretch;width:100%;margin-top:.375rem;margin-left:0;padding-top:.375rem;display:flex}.school-theme .nav-user-toggle{border-radius:var(--school-radius-md);justify-content:flex-start;width:100%;padding:.75rem 1rem}.school-theme .nav-user-name{flex:1;max-width:none}.school-theme .nav-user-menu{box-shadow:none;background:0 0;border:0;min-width:0;margin-top:0;padding:0;position:static}.school-theme .nav-signin{justify-content:center;margin-left:0;padding:.875rem 1rem}}.school-theme .appfoot{border-top:1px solid var(--school-border);margin-top:4rem;padding:1.5rem 0 2.5rem}.school-theme .appfoot-inner{max-width:1200px;color:var(--school-muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:0 1.5rem;font-size:.8125rem;display:flex}.school-theme .appfoot-links{gap:1rem;display:flex}.school-theme .appfoot-links a{text-decoration:none}.school-theme .hero{padding:4rem 0 3rem;position:relative;overflow:hidden}.school-theme .hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;display:grid}@media (max-width:940px){.school-theme .hero-grid{grid-template-columns:1fr;gap:2rem}}.school-theme .hero-eyebrow{background:var(--school-accent-soft);color:var(--school-accent-ink);border-radius:var(--school-radius-full);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.school-theme .hero-title{font-family:var(--school-font-display);letter-spacing:-.01em;color:var(--school-foreground);margin:0 0 1rem;font-size:clamp(2.25rem,5.5vw,3.625rem);font-weight:700;line-height:1.12}.school-theme .hero-title .accent-line{background:linear-gradient(180deg, transparent 70%, var(--school-accent-soft) 70%);padding:0 .125em}.school-theme .hero-sub{color:var(--school-muted-foreground);max-width:560px;margin:0 0 1.75rem;font-size:1.0625rem;line-height:1.65}.school-theme .hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.school-theme .hero-art{aspect-ratio:4/5;min-height:360px;max-height:520px;position:relative}.school-theme .hero-card{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-2xl);box-shadow:var(--school-shadow-lg);padding:1.25rem;position:absolute}.school-theme .hero-card-a{z-index:3;background:linear-gradient(160deg,#fffcf4 0%,#fbf1d8 100%);inset:8% 18% 28% 8%}.school-theme .hero-card-b{z-index:2;inset:22% 4% 6% 22%;transform:rotate(2deg)}.school-theme .hero-card-c{z-index:1;background:var(--school-primary);color:var(--school-primary-foreground);border-color:#0000;inset:-3% 30% 60% 0%;transform:rotate(-4deg)}.school-theme .hero-art .avatar{width:44px;height:44px}.school-theme .hero-art .stack-name{font-size:.9375rem;font-weight:600}.school-theme .hero-art .stack-meta{color:var(--school-muted-foreground);margin-top:2px;font-size:.75rem}.school-theme .hero-art .pair{align-items:center;gap:.625rem;display:flex}.school-theme .hero-art .student-list{flex-direction:column;gap:.625rem;margin-top:.875rem;display:flex}.school-theme .hero-art .student-row{border-radius:var(--school-radius-md);background:#fffcf48c;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.school-theme .hero-card-c .student-row{color:var(--school-primary-foreground);background:#ffffff14}.school-theme .hero-card-c .stack-name{color:var(--school-primary-foreground)}.school-theme .hero-card-c .stack-meta{color:#fffcf4b3}.school-theme .hero-card-c .avatar{color:var(--school-primary-foreground);background:#ffffff26;border-color:#fff3}.school-theme .hero-dot{background:var(--school-accent);z-index:0;border-radius:50%;position:absolute}.school-theme .hero-dot-1{opacity:.65;width:14px;height:14px;top:5%;right:8%}.school-theme .hero-dot-2{background:var(--school-primary);opacity:.7;width:28px;height:28px;top:90%;left:38%}.school-theme .hero-dot-3{opacity:.35;width:10px;height:10px;top:48%;left:50%}.school-theme .stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;display:grid}@media (max-width:880px){.school-theme .stats{grid-template-columns:repeat(2,1fr)}}.school-theme .stat{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);box-shadow:var(--school-shadow-sm);padding:1.25rem 1.25rem 1.125rem;position:relative}.school-theme .stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:.875rem;display:grid}.school-theme .stat-icon.teal{background:var(--school-primary-soft);color:var(--school-primary-ink)}.school-theme .stat-icon.amber{background:var(--school-accent-soft);color:var(--school-accent-ink)}.school-theme .stat-num{font-family:var(--school-font-display);color:var(--school-foreground);letter-spacing:-.01em;font-size:2.125rem;font-weight:700;line-height:1}.school-theme .stat-label{color:var(--school-muted-foreground);margin-top:.25rem;font-size:.8125rem}.school-theme .stat-sub{color:var(--school-primary);letter-spacing:.04em;text-transform:uppercase;margin-top:.5rem;font-size:.6875rem;font-weight:600}.school-theme .section{padding:2.5rem 0}.school-theme .section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.school-theme .section-title{font-family:var(--school-font-display);margin:0;font-size:1.625rem;font-weight:700}.school-theme .section-sub{color:var(--school-muted-foreground);font-size:.9375rem}.school-theme .actions{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:880px){.school-theme .actions{grid-template-columns:1fr}}.school-theme .action{color:inherit;background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);padding:1.5rem;text-decoration:none;transition:all .2s;display:block;position:relative;overflow:hidden}.school-theme .action:hover{border-color:var(--school-primary);box-shadow:var(--school-shadow-md);transform:translateY(-2px)}.school-theme .action:after{content:"";background:var(--school-primary-soft);opacity:.35;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px;right:-40px}.school-theme .action.feature{background:var(--school-primary);color:var(--school-primary-foreground);border-color:#0000}.school-theme .action.feature:after{opacity:1;background:#ffffff14}.school-theme .action.feature .action-eyebrow,.school-theme .action.feature .action-sub{color:#fffcf4bf}.school-theme .action.feature .action-arrow{color:var(--school-primary-foreground)}.school-theme .action-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--school-primary);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.school-theme .action-title{font-family:var(--school-font-display);z-index:1;margin:.625rem 0 .5rem;font-size:1.375rem;font-weight:700;position:relative}.school-theme .action-sub{color:var(--school-muted-foreground);z-index:1;font-size:.875rem;line-height:1.55;position:relative}.school-theme .action-arrow{color:var(--school-primary);z-index:1;align-items:center;gap:.375rem;margin-top:1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.school-theme .admin-strip{color:var(--school-primary-foreground);border-radius:var(--school-radius-2xl);box-shadow:var(--school-shadow-md);background:linear-gradient(115deg,#08433f 0%,#0e6e6a 80%);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:2rem 2.25rem;display:grid;position:relative;overflow:hidden}.school-theme .admin-strip:before{content:"";background:var(--school-accent);opacity:.18;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.school-theme .admin-strip h3{font-family:var(--school-font-display);color:var(--school-primary-foreground);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.school-theme .admin-strip p{opacity:.85;max-width:540px;margin:0}.school-theme .admin-cta-row{z-index:1;flex-wrap:wrap;align-items:center;gap:.625rem;display:flex;position:relative}@media (max-width:760px){.school-theme .admin-strip{grid-template-columns:1fr}}.school-theme .ribbon{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;display:grid}@media (max-width:880px){.school-theme .ribbon{grid-template-columns:1fr}}.school-theme .ribbon-step{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);padding:1.25rem;position:relative}.school-theme .ribbon-step .num{font-family:var(--school-font-display);color:var(--school-accent-ink);background:var(--school-accent-soft);border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:.625rem;font-size:.875rem;font-weight:700;display:grid}.school-theme .ribbon-step h4{margin:0 0 .375rem;font-size:1rem;font-weight:600}.school-theme .ribbon-step p{color:var(--school-muted-foreground);margin:0;font-size:.875rem;line-height:1.55}.school-theme{--school-success-bg:#dcf1e2;--school-success-fg:#1f6b3a;--school-warning-bg:#fbefd0;--school-warning-fg:#8a5a0b;--school-danger-bg:#fadad3;--school-danger-fg:#9a2a14;--school-info-bg:#d7ecea;--school-info-fg:#08433f;--school-destructive:#b0341a;--school-destructive-foreground:#fffcf4}.school-theme .page-head{padding:2.5rem 0 1.5rem}@media (max-width:640px){.school-theme .page-head{padding:1.5rem 0 1rem}}.school-theme .page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.school-theme .page-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--school-primary);align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.75rem;font-weight:600;display:inline-flex}.school-theme .page-eyebrow:before{content:"";background:var(--school-primary);width:18px;height:1px}.school-theme .page-title{font-family:var(--school-font-display);color:var(--school-foreground);margin:0 0 .5rem;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;line-height:1.15}.school-theme .page-sub{color:var(--school-muted-foreground);max-width:620px;margin:0}.school-theme .btn:disabled{opacity:.5;cursor:not-allowed}.school-theme .btn-accent{background:var(--school-accent);color:var(--school-accent-foreground)}.school-theme .btn-accent:hover{background:var(--school-accent-hover);transform:translateY(-1px)}.school-theme .btn-ghost{color:var(--school-foreground);background:0 0}.school-theme .btn-ghost:hover{background:var(--school-secondary)}.school-theme .btn-danger{background:var(--school-destructive);color:var(--school-destructive-foreground)}.school-theme .btn-danger:hover{opacity:.9}.school-theme .btn-sm{border-radius:var(--school-radius-sm);height:2rem;padding:0 .75rem;font-size:.8125rem}.school-theme .btn-icon{width:2rem;height:2rem;padding:0}.school-theme .icon-sm{flex-shrink:0;width:.875rem;height:.875rem}.school-theme .input,.school-theme .select,.school-theme .textarea{background:var(--school-card);width:100%;height:2.5rem;color:var(--school-foreground);border:1px solid var(--school-border);border-radius:var(--school-radius-md);padding:0 .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:block}.school-theme .textarea{height:auto;padding:.625rem .875rem;line-height:1.5}.school-theme .input::placeholder{color:var(--school-muted-foreground)}.school-theme .input:focus,.school-theme .select:focus,.school-theme .textarea:focus{border-color:var(--school-primary);outline:none;box-shadow:0 0 0 3px #0e6e6a1f}.school-theme .select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A6B53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.school-theme .field-label{color:var(--school-foreground);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.school-theme .field-hint{color:var(--school-muted-foreground);margin-top:.375rem;font-size:.75rem}.school-theme .field-error{color:var(--school-danger-fg);margin-top:.375rem;font-size:.75rem}.school-theme .invalid .input,.school-theme .invalid .select{border-color:var(--school-danger-fg)}.school-theme .badge{border-radius:var(--school-radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.25rem;padding:.1875rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.school-theme .badge-primary{background:var(--school-primary-soft);color:var(--school-primary-ink)}.school-theme .badge-accent{background:var(--school-accent-soft);color:var(--school-accent-ink)}.school-theme .badge-neutral{background:var(--school-secondary);color:var(--school-secondary-foreground)}.school-theme .badge-success{background:var(--school-success-bg);color:var(--school-success-fg)}.school-theme .badge-warning{background:var(--school-warning-bg);color:var(--school-warning-fg)}.school-theme .badge-danger{background:var(--school-danger-bg);color:var(--school-danger-fg)}.school-theme .badge-outline{color:var(--school-foreground);border-color:var(--school-border-strong);background:0 0}.school-theme .toolbar{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.school-theme .table-wrap{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);overflow:hidden}.school-theme table.tbl{border-collapse:collapse;width:100%;font-size:.875rem}.school-theme table.tbl thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--school-muted-foreground);background:var(--school-background-deep);border-bottom:1px solid var(--school-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.school-theme table.tbl tbody td{border-bottom:1px solid var(--school-border);vertical-align:middle;padding:.875rem 1rem}.school-theme table.tbl tbody tr:last-child td{border-bottom:0}.school-theme table.tbl tbody tr:hover{background:#0e6e6a0a}.school-theme .label-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--school-muted-foreground);font-size:.6875rem;font-weight:600}.school-theme .meta{color:var(--school-muted-foreground);font-size:.75rem}.school-theme .muted{color:var(--school-muted-foreground)}.school-theme .empty{text-align:center;color:var(--school-muted-foreground);padding:3rem 1.5rem}.school-theme .modal-back{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a221873;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.school-theme .modal{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-2xl);box-shadow:var(--school-shadow-lg);width:100%;max-width:540px;max-height:90vh;overflow:auto}.school-theme .modal-head{border-bottom:1px solid var(--school-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.school-theme .modal-body{padding:1.25rem 1.5rem}.school-theme .modal-foot{border-top:1px solid var(--school-border);background:var(--school-background-deep);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.school-theme-toast-host{z-index:80;font-family:var(--school-font-sans,"IBM Plex Sans Thai", sans-serif);flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.school-theme-toast{color:#f6efe0;background:#2a2218;border-radius:.625rem;padding:.75rem 1rem;font-size:.875rem;animation:.2s ease-out schoolToastIn;box-shadow:0 14px 30px -10px #0006}@keyframes schoolToastIn{0%{opacity:0;transform:translateY(8px)}}.school-theme .page-layout{grid-template-columns:1.1fr .9fr;gap:2rem;margin-top:.5rem;display:grid}@media (max-width:980px){.school-theme .page-layout{grid-template-columns:1fr}}.school-theme .form-card{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-2xl);box-shadow:var(--school-shadow-sm);padding:2rem}@media (max-width:640px){.school-theme .form-card{border-radius:var(--school-radius-xl);padding:1.25rem}.school-theme .form-card h2{font-size:1.25rem}}.school-theme .form-card h2{font-family:var(--school-font-display);margin:0 0 .375rem;font-size:1.5rem;font-weight:700}.school-theme .form-card .lead{color:var(--school-muted-foreground);margin:0 0 1.5rem;font-size:.9375rem}.school-theme .form-grid{gap:1rem;display:grid}.school-theme .form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:540px){.school-theme .form-row-2{grid-template-columns:1fr}}.school-theme .form-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media (max-width:540px){.school-theme .form-actions{flex-direction:column;align-items:stretch}.school-theme .form-actions .btn{width:100%}}.school-theme .result-card{border-radius:var(--school-radius-2xl);background:var(--school-card);border:1px solid var(--school-border);box-shadow:var(--school-shadow-sm);position:sticky;top:84px;overflow:hidden}@media (max-width:980px){.school-theme .result-card{position:static}}@media (max-width:640px){.school-theme .result-head,.school-theme .advisor-block{padding:1.25rem}.school-theme .result-head .stu-name{font-size:1.25rem}}.school-theme .result-empty{text-align:center;color:var(--school-muted-foreground);padding:2.5rem 2rem}.school-theme .result-empty .ill{background:var(--school-accent-soft);width:96px;height:96px;color:var(--school-accent-ink);border-radius:50%;place-items:center;margin:0 auto 1rem;display:grid}.school-theme .result-empty .ill svg{stroke-width:1.5px;width:44px;height:44px}.school-theme .result-head{color:var(--school-primary-foreground);background:linear-gradient(160deg,#08433f 0%,#0e6e6a 100%);padding:1.5rem 1.75rem 1.25rem;position:relative;overflow:hidden}.school-theme .result-head:before{content:"";background:var(--school-accent);opacity:.18;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.school-theme .result-head .label-cap{color:#fffcf4b3}.school-theme .result-head .stu-name{font-family:var(--school-font-display);margin:.375rem 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.2}.school-theme .result-head .stu-meta{opacity:.85;font-size:.875rem}.school-theme .advisor-block{padding:1.5rem 1.75rem}.school-theme .advisor-block .label-cap{margin-bottom:.75rem}.school-theme .advisor-card{background:var(--school-background-deep);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.school-theme .advisor-card .avatar{background:var(--school-primary-soft);width:200px;height:200px;color:var(--school-primary-ink);font-size:2.25rem}@media (max-width:540px){.school-theme .advisor-card .avatar{width:88px;height:88px;font-size:1.75rem}}.school-theme .advisor-card .name{font-family:var(--school-font-display);font-size:1.125rem;font-weight:600}.school-theme .advisor-card .dept{color:var(--school-muted-foreground);margin-top:2px;font-size:.875rem}.school-theme .advisor-card .ph{background:var(--school-primary);color:var(--school-primary-foreground);border-radius:var(--school-radius-full);align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.school-theme .advisor-card .ph:hover{background:var(--school-primary-hover)}.school-theme .helper-list{background:var(--school-accent-soft);border-radius:var(--school-radius-lg);color:var(--school-accent-ink);margin:1.5rem 0 0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6}.school-theme .helper-list ul{margin:.5rem 0 0;padding-left:1.125rem}.school-theme .helper-list li{margin:.25rem 0}.school-theme .student-pick{border:1px solid var(--school-border);border-radius:var(--school-radius-md);background:var(--school-card);max-height:260px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.school-theme .student-pick li{cursor:pointer;border-bottom:1px solid var(--school-border);align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.school-theme .student-pick li:last-child{border-bottom:0}.school-theme .student-pick li:hover,.school-theme .student-pick li.is-active{background:var(--school-primary-soft)}.school-theme .student-pick .ph-name{font-size:.875rem;font-weight:500}.school-theme .student-pick .ph-meta{color:var(--school-muted-foreground);font-size:.75rem}.school-theme .selected-chip{border:1px solid var(--school-primary);background:var(--school-primary-soft);border-radius:var(--school-radius-md);align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem .875rem;display:flex}.school-theme .selected-chip .x-btn{color:var(--school-primary-ink);cursor:pointer;border-radius:var(--school-radius-sm);background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:inline-flex}.school-theme .selected-chip .x-btn:hover{background:#0000000d}.school-theme .success-banner{background:var(--school-success-bg);color:var(--school-success-fg);border-radius:var(--school-radius-lg);align-items:flex-start;gap:.625rem;margin-bottom:1rem;padding:1rem 1.25rem;transition:opacity .5s;display:flex}.school-theme .head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.school-theme .search-wrap{flex:1;min-width:220px;position:relative}.school-theme .search-wrap .icon-search{color:var(--school-muted-foreground);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.school-theme .search-wrap .input{padding-left:2.25rem}.school-theme .name-cell{align-items:center;gap:.75rem;display:flex}.school-theme .name-cell .name{font-weight:500}.school-theme .name-cell .id{color:var(--school-muted-foreground);font-size:.75rem}.school-theme .row-actions{justify-content:flex-end;gap:.25rem;display:flex}.school-theme .row-actions .btn-icon{color:var(--school-muted-foreground)}.school-theme .row-actions .btn-icon:hover{background:var(--school-secondary);color:var(--school-foreground)}.school-theme .ph-cell{font-variant-numeric:tabular-nums;color:var(--school-muted-foreground)}.school-theme .when-cell{color:var(--school-muted-foreground);white-space:nowrap;font-size:.8125rem}.school-theme .stat-pill{background:var(--school-primary-soft);color:var(--school-primary-ink);border-radius:var(--school-radius-full);align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.school-theme .filter-chip{background:var(--school-card);border:1px solid var(--school-border-strong);border-radius:var(--school-radius-full);color:var(--school-foreground);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.school-theme .filter-chip.is-active{background:var(--school-primary);color:var(--school-primary-foreground);border-color:var(--school-primary)}.school-theme .filter-strip{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;display:grid}@media (max-width:720px){.school-theme .filter-strip{grid-template-columns:1fr}}.school-theme .advisor-cell{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.school-theme .advisor-cell .avatar{width:28px;height:28px;font-size:.75rem}.school-theme .summary-row{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (max-width:880px){.school-theme .summary-row{grid-template-columns:repeat(2,1fr)}}.school-theme .summary-card{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);padding:.875rem 1rem}.school-theme .summary-card .label-cap{color:var(--school-muted-foreground);font-size:.6875rem}.school-theme .summary-card .num{font-family:var(--school-font-display);margin-top:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.school-theme .imp-layout{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}@media (max-width:1080px){.school-theme .imp-layout{grid-template-columns:1fr}}.school-theme .imp-aside{align-self:start;position:sticky;top:84px}.school-theme .imp-aside-card{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);margin-bottom:1rem;padding:1.25rem}.school-theme .imp-aside-card h3{font-family:var(--school-font-display);margin:0 0 .5rem;font-size:1rem}.school-theme .imp-aside-card .tip{color:var(--school-muted-foreground);gap:.625rem;padding:.5rem 0;font-size:.8125rem;display:flex}.school-theme .imp-aside-card .tip svg{color:var(--school-primary);flex-shrink:0;margin-top:2px}.school-theme .order-list{counter-reset:step;margin:0;padding:0;list-style:none}.school-theme .order-list li{counter-increment:step;border-bottom:1px dashed var(--school-border);grid-template-columns:24px 1fr;gap:.625rem;padding:.5rem 0;font-size:.8125rem;display:grid}.school-theme .order-list li:last-child{border-bottom:0}.school-theme .order-list li:before{content:counter(step);background:var(--school-accent-soft);width:24px;height:24px;color:var(--school-accent-ink);font-size:.75rem;font-weight:700;font-family:var(--school-font-display);border-radius:50%;place-items:center;display:grid}.school-theme .stepper{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-xl);box-shadow:var(--school-shadow-sm);grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1.25rem;padding:1.25rem;display:grid}@media (max-width:880px){.school-theme .stepper{grid-template-columns:repeat(3,1fr)}}@media (max-width:540px){.school-theme .stepper{grid-template-columns:repeat(2,1fr)}}.school-theme .step{border-radius:var(--school-radius-md);color:var(--school-muted-foreground);background:0 0;border:1px dashed #0000;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.2;display:flex}.school-theme .step .step-num{background:var(--school-secondary);width:24px;height:24px;color:var(--school-secondary-foreground);font-family:var(--school-font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.school-theme .step.is-active{background:var(--school-primary-soft);color:var(--school-primary-ink);border-color:var(--school-primary)}.school-theme .step.is-active .step-num{background:var(--school-primary);color:var(--school-primary-foreground)}.school-theme .step.is-done{color:var(--school-success-fg)}.school-theme .step.is-done .step-num{background:var(--school-success-fg);color:#fff}.school-theme .step .lbl{font-weight:600}.school-theme .panel{background:var(--school-card);border:1px solid var(--school-border);border-radius:var(--school-radius-2xl);box-shadow:var(--school-shadow-sm);overflow:hidden}.school-theme .panel-head{border-bottom:1px solid var(--school-border);padding:1.5rem 1.75rem 1.25rem}.school-theme .panel-head h2{font-family:var(--school-font-display);margin:0 0 .375rem;font-size:1.5rem;font-weight:700}.school-theme .panel-head p{color:var(--school-muted-foreground);margin:0;font-size:.9375rem}.school-theme .panel-body{padding:1.5rem 1.75rem}.school-theme .panel-foot{border-top:1px solid var(--school-border);background:var(--school-background-deep);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1rem 1.75rem;display:flex}.school-theme .kind-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:880px){.school-theme .kind-grid{grid-template-columns:1fr}}.school-theme .kind-card{cursor:pointer;background:var(--school-card);border:1.5px solid var(--school-border);border-radius:var(--school-radius-xl);text-align:left;font:inherit;color:inherit;padding:1.5rem;transition:all .15s}.school-theme .kind-card:hover{border-color:var(--school-primary);box-shadow:var(--school-shadow-md);transform:translateY(-2px)}.school-theme .kind-card.is-selected{border-color:var(--school-primary);background:var(--school-primary-soft);box-shadow:var(--school-shadow-md)}.school-theme .kind-card .ic{background:var(--school-accent-soft);width:44px;height:44px;color:var(--school-accent-ink);border-radius:12px;place-items:center;margin-bottom:.875rem;display:grid}.school-theme .kind-card.is-selected .ic{background:var(--school-primary);color:var(--school-primary-foreground)}.school-theme .kind-card h3{font-family:var(--school-font-display);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.school-theme .kind-card p{color:var(--school-muted-foreground);margin:0;font-size:.875rem;line-height:1.55}.school-theme .kind-card .ck{color:var(--school-primary);opacity:0;align-items:center;gap:.375rem;margin-top:.875rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}.school-theme .kind-card.is-selected .ck{opacity:1}.school-theme .tpl-table{border-collapse:collapse;width:100%;font-size:.875rem}.school-theme .tpl-table th{text-align:left;background:var(--school-background-deep);text-transform:uppercase;letter-spacing:.04em;color:var(--school-muted-foreground);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.school-theme .tpl-table td{border-bottom:1px solid var(--school-border);padding:.625rem .75rem}.school-theme .tpl-table tr:last-child td{border-bottom:0}.school-theme .tpl-table code{background:var(--school-secondary);border-radius:var(--school-radius-sm);padding:.125rem .375rem;font-size:.8125rem}.school-theme .required-dot{color:var(--school-danger-fg);font-weight:700}.school-theme .dropzone{border:2px dashed var(--school-border-strong);border-radius:var(--school-radius-xl);text-align:center;background:var(--school-background-deep);cursor:pointer;padding:2.5rem 1.5rem;transition:all .15s}.school-theme .dropzone:hover{border-color:var(--school-primary);background:var(--school-primary-soft)}.school-theme .dropzone.is-dragover{border-color:var(--school-primary);background:var(--school-primary-soft);transform:scale(1.01)}.school-theme .dropzone .big-ic{background:var(--school-card);width:64px;height:64px;color:var(--school-primary);box-shadow:var(--school-shadow-sm);border-radius:50%;place-items:center;margin:0 auto 1rem;display:grid}.school-theme .dropzone .big-ic svg{stroke-width:1.5px;width:28px;height:28px}.school-theme .dropzone .hint{color:var(--school-muted-foreground);margin-top:.5rem;font-size:.875rem}.school-theme .file-chip{background:var(--school-primary-soft);border:1px solid var(--school-primary);border-radius:var(--school-radius-lg);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.school-theme .file-chip .ic-box{border-radius:var(--school-radius-md);background:var(--school-primary);width:36px;height:36px;color:var(--school-primary-foreground);place-items:center;display:grid}.school-theme .file-chip .name{font-weight:600}.school-theme .file-chip .size{color:var(--school-muted-foreground);font-size:.75rem}.school-theme .file-chip .x{margin-left:auto}.school-theme .preview-toolbar{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.school-theme .stat-badges{flex-wrap:wrap;gap:.5rem;display:flex}.school-theme .preview-wrap{border:1px solid var(--school-border);border-radius:var(--school-radius-xl);background:var(--school-card);max-height:420px;overflow:auto}.school-theme .preview-table{border-collapse:collapse;width:100%;font-size:.8125rem}.school-theme .preview-table thead th{background:var(--school-background-deep);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--school-muted-foreground);border-bottom:1px solid var(--school-border);white-space:nowrap;padding:.5rem .75rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.school-theme .preview-table td{border-bottom:1px solid var(--school-border);vertical-align:top;white-space:nowrap;padding:.5rem .75rem}.school-theme .preview-table tr.row-error td{background:#b0341a0f}.school-theme .preview-table tr.row-ok:hover{background:#0e6e6a0a}.school-theme .row-num{color:var(--school-muted-foreground);text-align:right;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.school-theme .row-err{color:var(--school-danger-fg);white-space:normal;max-width:240px;font-size:.75rem}.school-theme .status-cell{width:1px}.school-theme .dup-strat{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}@media (max-width:720px){.school-theme .dup-strat{grid-template-columns:1fr}}.school-theme .dup-strat label{background:var(--school-card);border:1.5px solid var(--school-border);border-radius:var(--school-radius-lg);cursor:pointer;padding:.875rem 1rem;display:block}.school-theme .dup-strat label.is-on{border-color:var(--school-primary);background:var(--school-primary-soft)}.school-theme .dup-strat input{display:none}.school-theme .dup-strat .t{align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;display:flex}.school-theme .dup-strat .d{color:var(--school-muted-foreground);font-size:.8125rem}.school-theme .result-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (max-width:720px){.school-theme .result-stats{grid-template-columns:repeat(2,1fr)}}.school-theme .res-card{border-radius:var(--school-radius-xl);border:1px solid var(--school-border);background:var(--school-card);padding:1.25rem}.school-theme .res-card .num{font-family:var(--school-font-display);margin-top:.25rem;font-size:2rem;font-weight:700;line-height:1}.school-theme .res-card.t-success{background:var(--school-success-bg);border-color:#1f6b3a40}.school-theme .res-card.t-success .num{color:var(--school-success-fg)}.school-theme .res-card.t-warning{background:var(--school-warning-bg);border-color:#8a5a0b40}.school-theme .res-card.t-warning .num{color:var(--school-warning-fg)}.school-theme .res-card.t-danger{background:var(--school-danger-bg);border-color:#9a2a1440}.school-theme .res-card.t-danger .num{color:var(--school-danger-fg)}