body{font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fb}*{font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-sidebar-shell{display:flex;flex-direction:column;min-height:100%;height:100%;background:linear-gradient(180deg,#6d5bd00f,#fff0 220px),#fff}.app-sidebar-brand{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 16px 14px;border-bottom:1px solid #f0f2f7;flex-shrink:0}.app-sidebar-brand-main{display:flex;align-items:center;gap:12px;min-width:0}.app-sidebar-logo{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:16px;background:#f0edff;border:1px solid rgba(109,91,208,.12);overflow:hidden}.app-sidebar-logo img{width:32px;height:32px;object-fit:contain}.app-sidebar-brand-title{color:#101828;font-size:15px;font-weight:800;letter-spacing:-.03em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-brand-subtitle.ant-typography{display:block;margin-top:3px;color:#667085;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-sidebar-section-label{padding:16px 18px 8px;color:#98a2b3;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-sidebar-menu-wrap{flex:1;min-height:0;overflow-y:auto;padding:0 10px 12px}.app-sidebar-menu-wrap::-webkit-scrollbar{width:6px}.app-sidebar-menu-wrap::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:999px}.app-sidebar-menu.ant-menu{color:#475467}.app-sidebar-menu.ant-menu-inline .ant-menu-item,.app-sidebar-menu.ant-menu-inline .ant-menu-submenu-title{width:100%;height:44px;line-height:44px;margin:3px 0;border-radius:14px;color:#475467;font-weight:650}.app-sidebar-menu.ant-menu-inline .ant-menu-item .ant-menu-item-icon,.app-sidebar-menu.ant-menu-inline .ant-menu-submenu-title .ant-menu-item-icon{font-size:17px;color:#98a2b3}.app-sidebar-menu.ant-menu-inline .ant-menu-item-selected{background:#f0edff;color:#5b4bbc;font-weight:800;box-shadow:inset 3px 0 #6d5bd0}.app-sidebar-menu.ant-menu-inline .ant-menu-item-selected .ant-menu-item-icon{color:#6d5bd0}.app-sidebar-menu.ant-menu-inline .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#5b4bbc;background:#6d5bd012}.app-sidebar-menu.ant-menu-inline .ant-menu-sub{background:transparent!important;padding:2px 0 6px 14px}.app-sidebar-menu .ant-menu-sub .ant-menu-item{height:38px;line-height:38px;margin:2px 0;color:#667085;font-size:13px;font-weight:600}.app-sidebar-menu .ant-menu-sub .ant-menu-item-selected{background:#6d5bd01a;color:#5b4bbc}.app-sidebar-footer{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:12px;border-radius:16px;background:#f8f9fc;color:#667085;font-size:12px;font-weight:650;flex-shrink:0}.app-sidebar-status-dot{width:8px;height:8px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.ant-layout-sider-collapsed .app-sidebar-brand{padding-left:0;padding-right:0}.ant-layout-sider-collapsed .app-sidebar-logo{flex-basis:40px;width:40px;height:40px}.ant-layout-sider-collapsed .app-sidebar-section-label,.ant-layout-sider-collapsed .app-sidebar-footer{display:none}.ant-layout-sider-collapsed .app-sidebar-menu-wrap{padding-left:8px;padding-right:8px}.ant-drawer .app-sidebar-shell{min-height:100dvh}.attendance-page{max-width:1480px;margin:0 auto}.attendance-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#312e81,#5b4bbc 52%,#7c3aed);box-shadow:0 20px 50px #312e812e}.attendance-eyebrow{margin:0 0 8px;color:#ffffffb8;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.attendance-title.ant-typography{margin:0;color:#fff;font-size:clamp(28px,4vw,40px);line-height:1.1;font-weight:800;letter-spacing:-.04em}.attendance-subtitle.ant-typography{display:block;margin-top:10px;max-width:720px;color:#ffffffc7;font-size:14px;line-height:1.75}.attendance-next-session{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 12px;border-radius:999px;background:#ffffff24;color:#ffffffe6;font-size:13px;font-weight:650}.attendance-scan-button.ant-btn{height:48px;padding:0 20px;border-radius:16px;background:#fff;border-color:#fff;color:#5b4bbc;font-weight:800;box-shadow:0 12px 28px #0f172a29}.attendance-scan-button.ant-btn:hover{background:#f7f5ff!important;border-color:#f7f5ff!important;color:#5b4bbc!important}.attendance-metric-card{display:flex;align-items:flex-start;gap:14px;height:100%;min-height:128px;padding:18px;border-radius:22px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a}.attendance-metric-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:16px;font-size:21px}.attendance-metric-value{color:#101828;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.04em}.attendance-metric-label{margin-top:5px;color:#344054;font-size:14px;font-weight:750}.attendance-metric-helper{margin-top:4px;color:#98a2b3;font-size:12px;font-weight:600}.attendance-toolbar-card .ant-card-body{padding:18px}.attendance-tabs-card .ant-tabs-nav{margin-bottom:20px}.attendance-tabs-card .ant-tabs-tab{font-weight:750}.attendance-loading{display:flex;justify-content:center;padding:56px 0}.attendance-status-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.attendance-table-row td{border-bottom-color:#eef0f6!important}.attendance-mobile-list{display:none}.attendance-session-card{padding:16px;border-radius:22px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a}.attendance-session-card+.attendance-session-card{margin-top:12px}.attendance-session-card-top,.attendance-session-status,.attendance-session-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attendance-session-card-top{justify-content:space-between;margin-bottom:12px}.attendance-session-card h3{margin:0;color:#101828;font-size:17px;font-weight:800;letter-spacing:-.02em}.attendance-session-card p{margin:3px 0 0;color:#667085;font-size:13px;font-weight:650}.attendance-session-meta{display:grid;gap:7px;margin-top:14px;color:#475467;font-size:13px;font-weight:600}.attendance-session-status{margin-top:14px}.attendance-session-actions{justify-content:flex-end;margin-top:14px}@media (max-width: 900px){.attendance-hero{display:block;padding:22px;border-radius:24px}.attendance-scan-button.ant-btn{width:100%;margin-top:18px}.attendance-next-session{display:flex;border-radius:16px;line-height:1.5}.attendance-desktop-table{display:none}.attendance-mobile-list{display:block}}.checkin-page{max-width:1320px;margin:0 auto}.checkin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#1e1b4b,#5b4bbc 52%,#8b5cf6);box-shadow:0 20px 50px #312e812e}.checkin-eyebrow{margin:0 0 8px;color:#ffffffb8;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.checkin-title.ant-typography{margin:0;color:#fff;font-size:clamp(30px,4vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.04em}.checkin-subtitle.ant-typography{display:block;margin-top:10px;max-width:720px;color:#ffffffc7;font-size:14px;line-height:1.75}.checkin-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;margin-bottom:24px}.checkin-scanner-card,.checkin-side-panel .ant-card{border-radius:24px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a}.checkin-scanner-card{padding:22px}.checkin-mode-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.checkin-section-label.ant-typography{display:block;margin-bottom:6px;color:#98a2b3;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.checkin-scan-zone{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:360px;padding:34px 24px;border-radius:24px;border:1px dashed rgba(109,91,208,.36);background:radial-gradient(circle at 50% 0%,rgba(109,91,208,.1),transparent 34%),#fbfaff;text-align:center}.checkin-scan-zone.is-loading{border-style:solid;box-shadow:inset 0 0 0 999px #ffffff6b}.checkin-scan-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:28px;background:#f0edff;color:#6d5bd0;font-size:42px}.checkin-input-group{width:min(100%,660px);margin-top:10px}.checkin-scan-input.ant-input{height:56px;border-radius:16px 0 0 16px;font-size:18px;font-weight:700;letter-spacing:.02em;text-align:center}.checkin-submit-button.ant-btn{height:56px;min-width:128px;border-radius:0 16px 16px 0;font-weight:800}.checkin-hints{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#667085;font-size:12px;font-weight:650}.checkin-hints span{padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #eef0f6}.checkin-side-panel{display:grid;gap:14px}.checkin-summary-card .ant-card-body{padding:18px}.checkin-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.checkin-summary-grid div{padding:12px 8px;border-radius:16px;background:#f8f9fc;text-align:center}.checkin-summary-grid strong{display:block;color:#101828;font-size:26px;font-weight:850;line-height:1}.checkin-summary-grid span{display:block;margin-top:6px;color:#667085;font-size:12px;font-weight:700}.checkin-supported-list{display:grid;gap:10px;margin-top:12px}.checkin-supported-list span{display:flex;align-items:center;gap:8px;color:#475467;font-size:13px;font-weight:700}.checkin-supported-list .anticon{color:#16a34a}@media (max-width: 980px){.checkin-hero{display:block;padding:22px;border-radius:24px}.checkin-hero .ant-space{margin-top:18px}.checkin-workspace,.checkin-side-panel{grid-template-columns:1fr}}@media (max-width: 640px){.checkin-scanner-card{padding:16px}.checkin-scan-zone{min-height:320px;padding:26px 14px}.checkin-input-group{display:block}.checkin-scan-input.ant-input{border-radius:16px}.checkin-submit-button.ant-btn{width:100%;margin-top:10px;border-radius:16px}}.students-page,.student-enroll-page,.student-edit-page{max-width:1480px;margin:0 auto}.students-hero,.student-enroll-hero,.student-edit-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(circle at 86% 10%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#4c1d95,#6d5bd0 52%,#8b5cf6);box-shadow:0 20px 50px #6d5bd02e}.students-eyebrow{margin:0 0 8px;color:#ffffffb8;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.students-title.ant-typography{margin:0;color:#fff;font-size:clamp(30px,4vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.04em}.students-subtitle.ant-typography{display:block;margin-top:10px;max-width:680px;color:#ffffffc7;font-size:14px;line-height:1.75}.student-directory-stat{height:100%;min-height:104px;padding:18px;border-radius:22px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a}.student-directory-stat span{display:block;color:#667085;font-size:13px;font-weight:700}.student-directory-stat strong{display:block;margin-top:8px;color:#101828;font-size:32px;line-height:1.1;font-weight:850;letter-spacing:-.04em}.students-filter-card.ant-card{margin-bottom:18px;border-radius:22px;border-color:#eef0f6;box-shadow:0 10px 30px #0f172a0a}.students-filter-card .ant-card-body{padding:18px}.student-mobile-list{display:none}.student-directory-card{padding:16px;border-radius:22px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a}.student-directory-card+.student-directory-card{margin-top:12px}.student-directory-card-head{display:flex;justify-content:space-between;gap:12px}.student-directory-card h3{margin:0;color:#101828;font-size:16px;font-weight:800}.student-directory-card p{margin:3px 0 0;color:#667085;font-size:13px;font-weight:650}.student-directory-meta{display:grid;gap:7px;margin-top:14px;color:#475467;font-size:13px;font-weight:650}.student-directory-meta span{display:flex;align-items:center;gap:8px}.student-directory-actions{margin-top:14px}.student-grade-note{margin:-4px 0 16px;padding:12px 14px;border-radius:16px;background:#f8f9fc;color:#667085;font-size:13px;font-weight:650;line-height:1.7}@media (max-width: 900px){.students-hero,.student-enroll-hero,.student-edit-hero{display:block;padding:22px;border-radius:24px}.students-hero .ant-space,.student-enroll-hero>.ant-btn{margin-top:18px}.student-desktop-table{display:none}.student-mobile-list{display:block;margin-bottom:18px}}.app-stat-card.ant-card:hover{box-shadow:0 16px 40px #0f172a14;transform:translateY(-2px);transition:box-shadow .2s ease,transform .2s ease}.app-stat-card.ant-card{transition:box-shadow .2s ease,transform .2s ease}.dashboard-hero{position:relative;overflow:hidden;border-radius:28px;padding:28px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#5b4bbc,#6d5bd0,#8b5cf6);box-shadow:0 20px 50px #6d5bd038}.dashboard-hero:after{content:"";position:absolute;right:-64px;bottom:-72px;width:220px;height:220px;border-radius:999px;background:#ffffff1f}.dashboard-hero-content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.dashboard-eyebrow{margin:0 0 8px;color:#ffffffc2;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dashboard-title{margin:0;color:#fff;font-size:clamp(28px,4vw,40px);line-height:1.08;font-weight:700;letter-spacing:-.04em}.dashboard-subtitle{margin:10px 0 0;max-width:680px;color:#ffffffc7;font-size:14px;line-height:1.8}.dashboard-section-title{margin:0 0 12px;color:#667085;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.priority-action-card{display:flex;align-items:center;gap:14px;height:100%;min-height:104px;padding:18px;border-radius:20px;border:1px solid #eef0f6;background:#fff;box-shadow:0 10px 30px #0f172a0a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.priority-action-card:hover{transform:translateY(-2px);border-color:#6d5bd047;box-shadow:0 16px 40px #0f172a14}.priority-action-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#f0edff;color:#6d5bd0;font-size:22px}.priority-action-title{margin:0;color:#101828;font-size:15px;font-weight:700}.priority-action-meta{margin:4px 0 0;color:#667085;font-size:13px}.dashboard-grid-block{margin-top:24px}@media (max-width: 768px){.dashboard-hero{padding:22px;border-radius:24px}.dashboard-hero-content{display:block}}