:root{--bg:#f6f4ef;--bg-2:#efece4;--surface:#fff;--surface-2:#faf8f3;--surface-3:#f1ede4;--line:rgba(15,14,12,.09);--line-strong:rgba(15,14,12,.18);--ink:#0e0d0b;--ink-2:rgba(14,13,11,.72);--ink-3:rgba(14,13,11,.52);--ink-4:rgba(14,13,11,.34);--accent:#ff5b1f;--accent-2:#d94915;--accent-soft:rgba(255,91,31,.1);--accent-tint:#fff0e8;--positive:#1f7a4d;--positive-soft:rgba(31,122,77,.1);--warning:#c47b00;--warning-soft:rgba(196,123,0,.12);--danger:#c0291f;--danger-soft:rgba(192,41,31,.1);--org-academic:#2a4d6e;--org-events:#b45309;--org-media:#6b21a8;--org-welfare:#047857;--org-treasury:#be123c;--org-newsletter:#1f2937;--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-ui:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-serif:"Source Serif 4","Source Serif Pro",ui-serif,Georgia,serif;--font-thai:"Sarabun","Noto Sans Thai",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--shadow-sm:0 1px 0 rgba(15,14,12,.04),0 1px 2px rgba(15,14,12,.04);--shadow-md:0 2px 4px rgba(15,14,12,.04),0 8px 24px rgba(15,14,12,.06);--shadow-lg:0 4px 12px rgba(15,14,12,.06),0 24px 60px rgba(15,14,12,.12);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--accent:#7c3aed;--accent-2:#6d28d9;--accent-soft:rgba(124,58,237,.1);--accent-tint:#f5f3ff}[data-theme=dark]{--bg:#0c0b09;--bg-2:#141210;--surface:#16140f;--surface-2:#1c1a14;--surface-3:#221f18;--line:hsla(0,0%,100%,.07);--line-strong:hsla(0,0%,100%,.16);--ink:#f4f1ea;--ink-2:hsla(42,31%,94%,.74);--ink-3:hsla(42,31%,94%,.52);--ink-4:hsla(42,31%,94%,.32);--accent:#9f6ef5;--accent-2:#7c3aed;--accent-soft:rgba(159,110,245,.16);--accent-tint:rgba(124,58,237,.12);--positive-soft:rgba(31,122,77,.22);--warning-soft:rgba(196,123,0,.22);--danger-soft:rgba(192,41,31,.22);--shadow-sm:0 1px 0 rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 4px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.5);--shadow-lg:0 4px 12px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.6)}[data-density=compact]{--r-sm:5px;--r-md:8px;--r-lg:11px;--r-xl:16px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";overflow-x:hidden}[data-density=compact] body{font-size:13.5px}button,input,select,textarea{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.th,[lang=th]{font-family:var(--font-thai)}.display{font-family:var(--font-display);letter-spacing:-.02em}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-md);font-family:var(--font-ui);font-size:13.5px;font-weight:500;letter-spacing:-.005em;transition:background .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .2s var(--ease-out),color .15s;white-space:nowrap;position:relative}[data-density=compact] .btn{height:32px;padding:0 12px;font-size:12.5px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent-2);color:#fff}[data-theme=dark] .btn-primary{background:var(--ink);color:var(--bg)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--ink)}.btn-outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-outline:hover{background:var(--surface-2)}.btn-sm{height:30px;padding:0 12px;font-size:12.5px}.btn-xs{height:26px;padding:0 10px;font-size:12px;gap:6px}.btn-lg{height:46px;padding:0 22px;font-size:15px}.btn-icon{width:38px;height:38px;padding:0}.btn-icon.btn-sm{width:30px;height:30px}.btn-icon.btn-xs{width:26px;height:26px}.card{background:var(--surface);border-radius:var(--r-lg);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s}.card-outlined,[data-card=outlined] .card{box-shadow:inset 0 0 0 1px var(--line)}.card-flat,[data-card=flat] .card{box-shadow:none}.card-shadow,[data-card=shadow] .card{box-shadow:var(--shadow-md)}.card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.social-link{transition:background .15s}.social-link:hover{background:var(--surface-2)}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:var(--r-md);font-family:var(--font-ui);font-size:14px;outline:none;transition:box-shadow .15s,background .15s}.input::placeholder{color:var(--ink-4)}.input:focus,.select:focus,.textarea:focus{box-shadow:inset 0 0 0 2px var(--accent);background:var(--surface)}.textarea{height:auto;padding:10px 12px;line-height:1.5;resize:vertical;min-height:80px}[data-density=compact] .input,[data-density=compact] .select{height:32px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:11.5px;font-weight:500;letter-spacing:-.003em;background:var(--surface-3);color:var(--ink-2);white-space:nowrap}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-positive{background:var(--positive-soft);color:var(--positive)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent-2)}[data-theme=dark] .badge-accent{color:var(--accent)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-3);font-weight:600;font-family:var(--font-display);letter-spacing:-.01em;flex-shrink:0;color:var(--ink);overflow:hidden;position:relative}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:80px;height:80px;font-size:26px}.avatar-2xl{width:120px;height:120px;font-size:38px}.avatar[data-org=academic]{background:color-mix(in srgb,var(--org-academic) 16%,var(--surface));color:var(--org-academic)}.avatar[data-org=events]{background:color-mix(in srgb,var(--org-events) 16%,var(--surface));color:var(--org-events)}.avatar[data-org=media]{background:color-mix(in srgb,var(--org-media) 16%,var(--surface));color:var(--org-media)}.avatar[data-org=welfare]{background:color-mix(in srgb,var(--org-welfare) 16%,var(--surface));color:var(--org-welfare)}.avatar[data-org=treasury]{background:color-mix(in srgb,var(--org-treasury) 16%,var(--surface));color:var(--org-treasury)}.avatar[data-org=newsletter]{background:color-mix(in srgb,var(--org-newsletter) 16%,var(--surface));color:var(--org-newsletter)}[data-theme=dark] .avatar[data-org]{background:color-mix(in srgb,currentColor 24%,var(--surface))}.gradient-block{background:radial-gradient(120% 80% at 20% 0,rgba(124,58,237,.5),transparent 60%),radial-gradient(120% 80% at 80% 100%,rgba(14,13,11,.85),transparent 60%),linear-gradient(135deg,#5b21b6,#1a0e2e);color:#fff}.gradient-block.serene{background:radial-gradient(80% 60% at 70% 30%,rgba(180,160,240,.7),transparent 60%),linear-gradient(135deg,#ede9fe,#a78bfa 60%,#4c1d95)}.gradient-block.cool{background:radial-gradient(90% 70% at 30% 20%,rgba(109,40,217,.6),transparent 60%),linear-gradient(135deg,#2e1065,#0f0820)}.divider{height:1px;width:100%}.divider,.vdivider{background:var(--line)}.vdivider{width:1px;align-self:stretch}.kbd{font-family:var(--font-mono);padding:1px 6px;border-radius:4px;background:var(--surface-3);box-shadow:inset 0 -1px 0 var(--line)}.eyebrow,.kbd{font-size:11px;color:var(--ink-3)}.eyebrow{font-weight:600;letter-spacing:.12em;text-transform:uppercase}.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px;border:2px solid transparent;background-clip:content-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(2%,-1%)}}.anim-fade{animation:fadeIn .35s var(--ease-out) both}.anim-up{animation:slideUp .4s var(--ease-out) both}.anim-right{animation:slideRight .4s var(--ease-out) both}.anim-scale{animation:scaleIn .4s var(--ease-out) both}.stagger>*{animation:slideUp .4s var(--ease-out) both}.stagger>:first-child{animation-delay:.04s}.stagger>:nth-child(2){animation-delay:.08s}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.8s linear infinite;border-radius:var(--r-md)}.page-fade{animation:fadeIn .25s var(--ease-out) both}[data-motion=off] *,[data-motion=off] :after,[data-motion=off] :before{animation-duration:1ms!important;transition-duration:1ms!important}.student-nav{background:hsla(43,28%,95%,.88)}[data-theme=dark] .student-nav{background:rgba(12,11,9,.88)}.staff-main{padding:28px 32px}.staff-topbar-hamburger,.student-nav-hamburger{display:none!important}.student-mobile-menu{display:none}@media (max-width:768px){.staff-sidebar{position:fixed!important;top:0;left:0;height:100dvh!important;width:272px!important;min-width:272px!important;z-index:19;transform:translateX(-100%);transition:transform .28s var(--ease-out),box-shadow .28s!important;box-shadow:none}.staff-sidebar[data-open=true]{transform:translateX(0);box-shadow:var(--shadow-lg)}.staff-main{padding:16px!important}.staff-topbar-hamburger{display:flex!important}.staff-topbar-search,.student-nav-links{display:none!important}.student-nav-hamburger{display:flex!important}.student-mobile-menu[data-open=true]{display:flex;position:fixed;inset:0;background:var(--surface);z-index:50;flex-direction:column;padding:24px 20px;gap:4px;overflow-y:auto}}.r-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.r-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.r-grid-stats{display:grid;grid-template-columns:repeat(4,1fr)}.r-grid-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.r-grid-pair{display:grid;grid-template-columns:1fr 1fr}.r-grid-weekly{display:grid;grid-template-columns:1.4fr 1fr 1fr}.r-grid-leaders{display:grid;grid-template-columns:repeat(3,1fr);background:var(--line);gap:1px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--bg)}.pub-nav-links{display:flex}.pub-nav-hamburger{display:none!important}.pub-mobile-menu{display:none}@media (max-width:768px){.r-grid-2,.r-grid-3,.r-grid-pair,.r-grid-weekly{grid-template-columns:1fr}.r-grid-stats{grid-template-columns:repeat(2,1fr)}.r-grid-footer{grid-template-columns:1fr 1fr}.r-grid-leaders{grid-template-columns:1fr;background:transparent;gap:12px}.rp{padding-left:20px!important;padding-right:20px!important}.rp-cta-inner{padding:36px 24px!important}.auth-layout{grid-template-columns:1fr}.auth-panel-right{display:none}.pub-nav-links{display:none!important}.pub-nav-hamburger{display:flex!important}.pub-mobile-menu[data-open=true]{display:flex;position:fixed;inset:0;background:var(--surface);z-index:50;flex-direction:column;padding:24px 20px;gap:4px;overflow-y:auto}}.next-image-wrapper{position:relative}