@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sarabun,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f4f6f9;width:100%;min-width:320px;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width:768px){.btn,a.sidebar-link{min-height:44px}input,select,textarea{font-size:16px!important}}.sidebar{color:#ecf0f1;z-index:1000;background-color:#2c3e50;flex-direction:column;width:260px;height:100vh;font-family:Sarabun,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000001a}.sidebar-header{background-color:#1a252f;border-bottom:1px solid #34495e;align-items:center;gap:15px;padding:20px;display:flex}.logo-icon{color:#3498db;font-size:2rem}.app-name h3{margin:0;font-size:1.1rem;font-weight:600}.app-name small{color:#7f8c8d;font-size:.75rem}.user-info{background-color:#243342;align-items:center;gap:15px;margin-bottom:10px;padding:20px;display:flex}.user-avatar{color:#fff;background-color:#3498db;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex}.user-name{font-size:.9rem;font-weight:500}.user-role{color:#f1c40f;background:#f1c40f1a;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem}.sidebar-menu{flex:1;padding:10px 0;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-thumb{background:#34495e;border-radius:5px}.menu-group{text-transform:uppercase;color:#7f8c8d;letter-spacing:.5px;padding:15px 20px 5px;font-size:.75rem;font-weight:700}.sidebar-link{color:#bdc3c7;border-left:4px solid #0000;align-items:center;padding:12px 20px;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-link svg{text-align:center;width:20px;margin-right:15px;font-size:1.1rem}.sidebar-link:hover{color:#fff;background-color:#34495e}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#3498db33 0%,#0000 100%);border-left-color:#3498db}.layout-sidebar.mobile-open{z-index:999;position:fixed;top:0;left:0;display:block!important}.sidebar-overlay{display:none}.sidebar-overlay.active{z-index:998;background:#00000080;display:block;position:fixed;inset:0}.hamburger-btn{z-index:1000;color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.hamburger-btn{display:flex}}.sidebar-footer{background-color:#1a252f;border-top:1px solid #34495e;padding:15px}.btn-logout{color:#fff;cursor:pointer;background-color:#c0392b;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:700;transition:background .2s;display:flex}.btn-logout:hover{background-color:#e74c3c}.app-layout{background-color:#f4f6f9;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.layout-sidebar{z-index:10;background-color:#2c3e50;flex-shrink:0;width:260px;min-width:260px;height:100vh;overflow-y:auto}.layout-content{flex-direction:column;flex-grow:1;height:100vh;display:flex;position:relative;overflow-y:auto}.content-inner{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:30px}@media (max-width:1024px){.content-inner{padding:20px 20px 74px}}@media (max-width:768px){.layout-sidebar{display:none}.content-inner{padding:15px 15px 74px}}.teacher-bottom-nav{z-index:900;background:#fff;border-top:1px solid #e0e0e0;height:60px;font-family:Sarabun,sans-serif;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}@media (max-width:1024px){.teacher-bottom-nav{align-items:stretch;display:flex}}.tbn-items{width:100%;display:flex}.tbn-item{color:#7f8c8d;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 4px;font-family:Sarabun,sans-serif;font-size:.68rem;text-decoration:none;transition:color .2s;display:flex}.tbn-item:hover,.tbn-item.active{color:#3498db}.tbn-item svg{font-size:1.2rem}.tbn-drawer-overlay{z-index:950;background:#0006;position:fixed;inset:0}.tbn-drawer{z-index:960;background:#fff;border-radius:16px 16px 0 0;max-height:70vh;padding:16px 0 8px;position:fixed;bottom:60px;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #00000026}.tbn-drawer-title{color:#aaa;text-transform:uppercase;letter-spacing:.5px;padding:0 20px 10px;font-size:.8rem;font-weight:700}.tbn-drawer-item{color:#2c3e50;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;min-height:44px;padding:14px 24px;font-family:Sarabun,sans-serif;font-size:.95rem;text-decoration:none;display:flex}.tbn-drawer-item:hover{background:#f4f6f9}.tbn-drawer-item svg{color:#3498db;width:20px;font-size:1.1rem}.tbn-drawer-item.logout{color:#e74c3c;border-top:1px solid #f0f0f0;margin-top:4px}.tbn-drawer-item.logout svg{color:#e74c3c}.student-bottom-nav{z-index:900;background:#fff;border-top:1px solid #e0e0e0;height:60px;font-family:Sarabun,sans-serif;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}@media (max-width:1024px){.student-bottom-nav{align-items:stretch;display:flex}}.sbn-items{width:100%;display:flex}.sbn-item{color:#7f8c8d;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 4px;font-family:Sarabun,sans-serif;font-size:.68rem;text-decoration:none;transition:color .2s;display:flex}.sbn-item:hover,.sbn-item.active{color:#27ae60}.sbn-item svg{font-size:1.2rem}.sbn-drawer-overlay{z-index:950;background:#0006;position:fixed;inset:0}.sbn-drawer{z-index:960;background:#fff;border-radius:16px 16px 0 0;padding:16px 0 8px;position:fixed;bottom:60px;left:0;right:0;box-shadow:0 -4px 20px #00000026}.sbn-drawer-title{color:#aaa;text-transform:uppercase;letter-spacing:.5px;padding:0 20px 10px;font-size:.8rem;font-weight:700}.sbn-drawer-item{color:#2c3e50;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;min-height:44px;padding:14px 24px;font-family:Sarabun,sans-serif;font-size:.95rem;text-decoration:none;display:flex}.sbn-drawer-item:hover{background:#f4f6f9}.sbn-drawer-item svg{color:#27ae60;width:20px;font-size:1.1rem}.sbn-drawer-item.logout{color:#e74c3c;border-top:1px solid #f0f0f0;margin-top:4px}.sbn-drawer-item.logout svg{color:#e74c3c}*{box-sizing:border-box}.login-page{background:#0f1b35;width:100vw;min-height:100vh;font-family:Sarabun,sans-serif;display:flex}.login-left{background:linear-gradient(160deg,#1a1a6e 0%,#0f1b35 60%,#1a3a1a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4ac0d14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;left:-120px}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#27ae6012 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-80px}.login-logo-ring{flex-shrink:0;width:160px;height:160px;margin-bottom:28px;position:relative}.login-logo-ring:before{content:"";background:conic-gradient(#d4ac0d 0deg,#f5e06a 60deg,#d4ac0d 120deg,#b8860b 180deg,#d4ac0d 240deg,#f5e06a 300deg,#d4ac0d 360deg);border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-6px}.login-logo-ring:after{content:"";background:#0f1b35;border-radius:50%;position:absolute;inset:-3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-logo-img{object-fit:cover;z-index:1;background:#fff;border-radius:50%;width:100%;height:100%;padding:8px;position:absolute;inset:0}.login-school-name{color:#fff;text-align:center;text-shadow:0 2px 8px #0006;margin-bottom:6px;font-size:1.55rem;font-weight:700;line-height:1.4}.login-school-sub{color:#ffffff8c;text-align:center;letter-spacing:.5px;margin-bottom:36px;font-size:.88rem}.login-divider{align-items:center;gap:10px;width:100%;max-width:320px;margin-bottom:28px;display:flex}.login-divider span{background:#ffffff26;flex:1;height:1px}.login-divider-icon{color:#d4ac0d;opacity:.8;font-size:1rem}.login-features{flex-direction:column;gap:14px;width:100%;max-width:300px;display:flex}.login-feature{color:#ffffffbf;align-items:center;gap:14px;font-size:.9rem;display:flex}.login-feature-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.login-right{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:440px;min-width:440px;padding:60px 48px;display:flex;position:relative;overflow-y:auto}.login-right-logo{display:none}.login-form-header{width:100%;margin-bottom:28px}.login-form-header h2{color:#1a1a4e;margin:0 0 6px;font-size:1.6rem;font-weight:700}.login-form-header p{color:#7f8c8d;margin:0;font-size:.9rem}.login-tabs{gap:8px;width:100%;margin-bottom:24px;display:flex}.login-tab{cursor:pointer;color:#7f8c8d;background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-family:Sarabun,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.login-tab:hover:not(.active){color:#555;background:#f8f9fa;border-color:#b0b0b0}.login-tab.active.staff-tab{color:#2980b9;background:#eaf4fd;border-color:#3498db}.login-tab.active.student-tab{color:#219a52;background:#eafaf1;border-color:#27ae60}.login-tab svg{font-size:1rem}.login-form{width:100%}.form-group{text-align:left;margin-bottom:18px}.form-group label{color:#444;align-items:center;gap:7px;margin-bottom:7px;font-size:.88rem;font-weight:600;display:flex}.input-icon{color:#3498db;flex-shrink:0;font-size:.9rem;line-height:1}.login-mode-student .input-icon{color:#27ae60}.form-group input{color:#2c3e50;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;width:100%;padding:11px 14px;font-family:Sarabun,sans-serif;font-size:.95rem;transition:all .2s}.form-group input:focus{background:#fff;border-color:#3498db;outline:none;box-shadow:0 0 0 4px #3498db1a}.login-mode-student .form-group input:focus{border-color:#27ae60;box-shadow:0 0 0 4px #27ae601a}.btn-login{cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:8px;padding:13px;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-login-staff{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 14px #3498db59}.btn-login-staff:hover{background:linear-gradient(135deg,#2980b9,#1a6fa0);transform:translateY(-1px);box-shadow:0 6px 20px #3498db73}.btn-login-student{color:#fff;background:linear-gradient(135deg,#27ae60,#219a52);box-shadow:0 4px 14px #27ae6059}.btn-login-student:hover{background:linear-gradient(135deg,#219a52,#1a7a42);transform:translateY(-1px);box-shadow:0 6px 20px #27ae6073}.btn-login:active{transform:translateY(0)}.error-message{color:#c62828;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:.88rem;display:flex}.login-footer-note{text-align:center;color:#bbb;margin-top:28px;font-size:.78rem}@media (max-width:900px){.login-left{display:none}.login-right{width:100%;min-width:unset;padding:40px 32px}.login-right-logo{flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:24px;display:flex}.login-right-logo img{object-fit:cover;border:3px solid #d4ac0d;border-radius:50%;width:80px;height:80px}.login-right-logo span{color:#1a1a4e;text-align:center;font-size:1rem;font-weight:700}}@media (max-width:480px){.login-right{padding:30px 20px}}.btn-find-code{color:#3498db;cursor:pointer;background:0 0;border:1.5px solid #3498db80;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;padding:10px;font-family:Sarabun,sans-serif;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.btn-find-code:hover{background:#3498db14;border-color:#3498db}.finder-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.finder-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px #00000040}.finder-header{color:#1a1a4e;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:1rem;font-weight:700;display:flex}.finder-close{cursor:pointer;color:#888;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1}.finder-close:hover{color:#333}.finder-fields{gap:10px;display:flex}.finder-fields .form-group{flex:1}.finder-error{color:#e74c3c;align-items:center;gap:6px;margin-top:12px;font-size:.88rem;display:flex}.finder-results{flex-direction:column;gap:8px;margin-top:14px;display:flex}.finder-result-row{background:#f0f4ff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.finder-result-info{flex-direction:column;gap:2px;display:flex}.finder-name{color:#1a2a3a;font-size:.92rem;font-weight:600}.finder-class{color:#7f8c8d;font-size:.8rem}.finder-use-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1a1a4e;border:none;border-radius:8px;padding:6px 14px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:700;transition:background .15s}.finder-use-btn:hover{background:#2c2c7e}@media (max-width:480px){.finder-fields{flex-direction:column}}.dashboard-container{width:100%;padding-bottom:50px;font-family:Sarabun,sans-serif}.dashboard-header,div[class*=dashboard-header]{border-left:5px solid #2c3e50;border-radius:8px;margin-bottom:20px;padding:20px;color:#2c3e50!important;background:#fff!important;box-shadow:0 2px 5px #0000000d!important}.dashboard-header svg{color:#2c3e50!important}.dashboard-container{background-color:#0000!important}.dashboard-subtitle{color:#7f8c8d;margin-top:5px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000000d}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-info h3{color:#2c3e50;margin:0;font-size:2rem;font-weight:700}.stat-info p{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.stat-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000000d}.chart-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.chart-header h3{color:#2c3e50;margin:0;font-size:1.1rem}.main-schedule-area{width:100%;min-height:500px;padding-top:10px;overflow-x:auto}.scheduler-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:1000px;padding:15px;box-shadow:0 4px 10px #0000000d}.sticky-header-wrapper{z-index:1000;background-color:#f8f9fa;padding:15px 20px;position:sticky;top:0;box-shadow:0 4px 6px -2px #0000001a}.control-bar-manual{background-color:#fff;border:1px solid #dce1e6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 15px;display:flex}.input-group{align-items:center;width:300px;display:flex;position:relative}.input-icon{color:#7f8c8d;z-index:2;pointer-events:none;position:absolute;left:12px}.control-bar-manual select{cursor:pointer;border:1px solid #bdc3c7;border-radius:6px;outline:none;width:100%;padding:10px 15px 10px 40px;font-size:1rem}.btn-load-schedule{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.holding-status-box{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:20px;align-items:center;gap:10px;padding:5px 15px;font-size:.9rem;animation:.3s fadeIn;display:flex}.btn-cancel-select{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:flex}.unscheduled-horizontal-bar{background:#fff;border:1px solid #dce1e6;border-radius:8px;flex-direction:column;padding:10px 15px;transition:all .3s;display:flex}.unscheduled-horizontal-bar.remove-zone{cursor:pointer;background-color:#ffecec;border:2px dashed #e74c3c}.unscheduled-horizontal-bar.remove-zone:hover{background-color:#fcc}.unscheduled-label{color:#d35400;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.unscheduled-row{align-items:center;gap:10px;min-height:80px;padding-bottom:5px;display:flex;overflow-x:auto}.unscheduled-card-h{cursor:pointer;background:#fff;border:1px solid #eee;border-left:4px solid #f39c12;border-radius:5px;flex-shrink:0;min-width:130px;max-width:130px;padding:8px;transition:transform .2s;box-shadow:0 2px 4px #0000000d}.unscheduled-card-h:hover{transform:translateY(-2px)}.unscheduled-card-h.selected-h{background-color:#eafaf1;border:2px solid #27ae60;transform:scale(1.05);box-shadow:0 4px 8px #27ae6033}.u-code{color:#d35400;font-size:.85rem;font-weight:700}.u-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.u-teacher{color:#7f8c8d;font-size:.75rem}.manual-grid{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%}.manual-grid th{color:#fff;text-align:center;background-color:#2c3e50;border-radius:4px;padding:8px}.th-period-badge{background:#fff3;border-radius:4px;padding:2px 6px;display:inline-block}.day-cell{text-align:center;vertical-align:middle;background-color:#ecf0f1;border-radius:4px;width:80px;font-weight:700}.manual-cell{vertical-align:top;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e0;border-radius:4px;height:90px;padding:0;transition:background .2s;position:relative}.manual-cell:hover{background-color:#f1f5f9}.manual-cell.fixed{cursor:not-allowed;background-image:repeating-linear-gradient(45deg,#eee 0 5px,#fff 5px 10px)}.manual-cell.source-cell{opacity:.5;background-color:#ddd;border-style:dotted}.manual-cell.teacher-busy{cursor:not-allowed;color:#c62828;background-color:#ffebee}.manual-cell.restricted{cursor:not-allowed;color:#546e7a;background-color:#eceff1}.cell-break-manual{color:#757575;text-align:center;vertical-align:middle;cursor:default;background-color:#e0e0e0;border-radius:4px;font-size:.85rem}.subject-card-grid{background:#fff;border-radius:4px;flex-direction:column;justify-content:center;height:calc(100% - 4px);margin:2px;padding:6px;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.subject-card-grid.card-fixed{background-color:#fffc;border-left-color:#7f8c8d!important}.lock-icon{color:#7f8c8d;font-size:10px;position:absolute;top:3px;right:3px}.warn-icon{font-size:12px;position:absolute;top:3px;right:3px}.cell-placeholder{color:#ddd;text-align:center;opacity:0;font-size:2rem;line-height:90px}.manual-cell:hover .cell-placeholder{opacity:1}.restricted-overlay{opacity:.8;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viewer-container{box-sizing:border-box;background-color:#f0f2f5;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.viewer-controls{background:#fff;border-radius:8px;align-items:center;gap:15px;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #00000014}.control-group select{border:1px solid #ddd;border-radius:4px;outline:none;padding:6px 10px;font-family:Sarabun,sans-serif}.btn-print{color:#fff;cursor:pointer;background-color:#2c3e50;border:none;border-radius:4px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.btn-print:hover{background-color:#1a252f}.btn-print:disabled{cursor:not-allowed;background-color:#ccc}.timetable-paper{box-sizing:border-box;background:#fff;width:297mm;margin:0 auto;padding:10mm;position:relative;box-shadow:0 0 15px #0000001a}.text-area p{color:#000;margin:4px 0;font-size:15px;line-height:1.2}.timetable-grid th{background-color:#e0e0e0;height:40px;font-size:15px;font-weight:700;line-height:1.2}.time-range{margin-top:2px;font-size:12px;font-weight:400}.slot-cell,.break-cell,.merged-break{vertical-align:middle;height:80px}.slot-info{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.subj-code{margin-bottom:2px;font-size:11px;font-weight:700}.subj-name{white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;width:95%;margin-bottom:2px;font-size:11px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.subj-detail{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dots{color:#000;margin-bottom:5px;font-size:14px;font-weight:700}@media print{@page{margin:5mm;size:landscape!important}html,body{width:100%;height:100%;margin:0!important;padding:0!important;overflow:visible!important}.no-print,.viewer-controls,.control-group,button{display:none!important}.viewer-container,.timetable-paper{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.timetable-grid th,.timetable-grid td{border:1px solid #000!important;padding:4px!important;font-size:11pt!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.teachers-container{padding-bottom:50px;font-family:Sarabun,sans-serif}.header-actions{gap:15px;display:flex}.search-box{position:relative}.search-input{border:1px solid #ddd;border-radius:8px;outline:none;width:250px;padding:10px 15px 10px 35px;font-family:Sarabun,sans-serif}.search-icon{color:#999;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.btn-add{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:background .2s;display:flex}.btn-add:hover{background-color:#27ae60}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eee;padding:15px 20px}.data-table th{color:#2c3e50;background-color:#f8f9fa;font-weight:600}.teacher-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;margin-right:5px;padding:5px;font-size:1.1rem;transition:color .2s}.btn-edit{color:#f39c12}.btn-edit:hover{color:#d35400}.btn-delete:hover{color:#c0392b}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:400px;padding:30px;animation:.3s slideDown;box-shadow:0 10px 30px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#555;margin-bottom:5px;font-weight:600;display:block}.students-page{box-sizing:border-box;background-color:#f4f6f9;gap:20px;min-height:calc(100vh - 100px);padding:20px;font-family:Sarabun,sans-serif;display:flex}.students-class-panel{background-color:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;width:240px;min-width:200px;max-height:calc(100vh - 140px);padding:15px;display:flex;overflow-y:auto;box-shadow:0 2px 5px #0000000d}.students-main-panel{background-color:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:0;padding:20px;display:flex;box-shadow:0 2px 5px #0000000d}.students-main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.students-main-header h2{color:#2c3e50;align-items:center;gap:10px;margin:0;font-size:1.1rem;display:flex}.students-action-group{flex-wrap:wrap;gap:10px;display:flex}.students-table-wrap{border:1px solid #eee;border-radius:5px;flex:1;overflow-y:auto}@media (max-width:1100px){.students-class-panel{width:180px;min-width:160px}}@media (max-width:768px){.students-page{min-height:unset;flex-direction:column;gap:12px;padding:12px 12px 80px}.students-class-panel{width:100%;min-width:unset;max-height:none;overflow-y:visible}.students-class-panel ul{flex-wrap:wrap;gap:8px;display:flex}.students-class-panel ul li{font-size:.85rem;margin-bottom:0!important;padding:8px 12px!important}.students-main-panel{padding:12px}.students-main-header{flex-direction:column;align-items:flex-start}}.settings-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.tabs{border-bottom:2px solid #2980b9;gap:5px;margin-bottom:0;display:flex}.tab-btn{cursor:pointer;color:#555;background-color:#ecf0f1;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 20px;font-family:Sarabun,sans-serif;font-weight:700;transition:all .2s;display:flex}.tab-btn.active{color:#fff;background-color:#2980b9}.tab-content{background-color:#fff;border-radius:0 0 8px 8px;padding:30px;box-shadow:0 4px 10px #0000000d}.form-group label{color:#34495e;margin-bottom:5px;font-size:14px;font-weight:600;display:block}.form-control{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:Sarabun,sans-serif}.form-control:focus{border-color:#3498db;outline:none}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.divider{border:none;border-top:1px solid #eee;margin:25px 0}.hint-text{color:#7f8c8d;margin-bottom:15px;font-size:14px}.btn-save{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:5px;align-items:center;gap:5px;padding:10px 25px;font-weight:700;display:flex}.btn-save:hover{background-color:#219150}.btn-save:disabled{cursor:not-allowed;background-color:#95a5a6}.btn-blue{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:8px 15px}.btn-gray{color:#fff;cursor:pointer;background-color:#95a5a6;border:none;border-radius:4px;padding:8px 15px}.btn-icon-del{color:#e74c3c;cursor:pointer;background:0 0;border:none;font-size:16px}.config-box{background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.flex-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.data-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.data-table th{color:#2c3e50;text-align:left;background-color:#ecf0f1;padding:12px}.data-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:10px}.no-data{text-align:center;color:#999;padding:20px}.row-current{background-color:#f0fdf4}.date-input{border:1px solid #ddd;border-radius:4px;width:100%;max-width:160px;padding:6px}.badge-active{color:#fff;background-color:#27ae60;border-radius:12px;padding:4px 10px;font-size:11px}.badge-history{color:#95a5a6;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.constraints-layout{gap:30px;display:flex}.constraint-form{background-color:#fcfcfc;border:1px solid #eee;border-radius:8px;flex:1;padding:20px}.constraint-list{flex:2}.btn-submit-constraint{color:#fff;cursor:pointer;background-color:#e67e22;border:none;border-radius:5px;width:100%;margin-top:20px;padding:12px;font-weight:700}.btn-submit-constraint:hover{background-color:#d35400}.grid-selector{margin-top:15px}.text-red{color:#c0392b;margin-bottom:5px;font-weight:700;display:block}.grid-table{border-collapse:collapse;width:100%;margin-top:5px}.grid-table th{text-align:center;background:#ecf0f1;border:1px solid #ccc;padding:8px;font-size:13px}.grid-table .day-head{text-align:center;background:#f9f9f9;width:80px;font-weight:700}.grid-cell{text-align:center;cursor:pointer;background:#fff;border:1px solid #ccc;height:35px;transition:all .1s}.grid-cell:hover{background-color:#fbecec}.grid-cell.selected{color:#fff;background-color:#c0392b;font-size:16px}.badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.badge.AVOID_SLOT{color:#c62828;background-color:#fce4ec}.badge.MAX_PER_DAY{color:#1565c0;background-color:#e3f2fd}.badge.CONSECUTIVE{color:#2e7d32;background-color:#e8f5e9}.badge-avoid{color:#c0392b;font-weight:700}.text-green{color:#27ae60}.text-blue{color:#2980b9}.btn-set-active{color:#7f8c8d;cursor:pointer;background:#fff;border:1px solid #bdc3c7;border-radius:20px;align-items:center;gap:5px;margin:0 auto;padding:5px 12px;font-size:.85rem;transition:all .2s;display:flex}.btn-set-active:hover{color:#3498db;background:#ebf5fb;border-color:#3498db;transform:scale(1.05)}.badge-active{color:#fff;background-color:#27ae60;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #27ae604d}.row-current{border-left:4px solid #27ae60;background-color:#f0fdf4!important}.substitution-container{background-color:#f8f9fa;min-height:100vh;padding:30px;font-family:Sarabun,sans-serif}.page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:25px;font-size:24px;font-weight:700;display:flex}.sub-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 4px 6px #0000000d}.card-header{color:#34495e;border-bottom:2px solid #f0f2f5;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:700;display:flex}.input-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#555;font-size:14px;font-weight:600}.form-control{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:Sarabun,sans-serif;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.radio-group{gap:20px;padding:10px 0;display:flex}.radio-label{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:15px;display:flex}.radio-label input[type=radio]{accent-color:#3498db;transform:scale(1.2)}.btn-submit{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 25px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-submit:hover{background-color:#219150;transform:translateY(-1px)}.sub-table{border-collapse:separate;border-spacing:0;width:100%}.sub-table th{color:#7f8c8d;text-align:left;background-color:#f8f9fa;border-bottom:2px solid #eef2f7;padding:15px;font-weight:600}.sub-table td{vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:15px}.sub-table tr:hover td{background-color:#fbfbfb}.period-badge{color:#fff;background-color:#3498db;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.status-badge{border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-empty{color:#e74c3c;background-color:#fbecec}.status-assigned{color:#27ae60;background-color:#e8f8f5}.btn-assign{color:#fff;cursor:pointer;text-shadow:0 1px 1px #0000001a;background-color:#f1c40f;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-assign:hover{background-color:#f39c12}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:450px;max-height:85vh;padding:30px;animation:.3s ease-out slideUp;display:flex;box-shadow:0 10px 25px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.teacher-list{border:1px solid #eee;border-radius:8px;flex:1;margin:15px 0;overflow-y:auto}.teacher-option{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:12px 15px;transition:all .2s;display:flex}.teacher-option:hover{color:#3498db;background-color:#f5f9ff}.teacher-option:last-child{border-bottom:none}.btn-close{color:#fff;cursor:pointer;background-color:#95a5a6;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px}.btn-close:hover{background-color:#7f8c8d}.printable-report{display:none}@media print{@page{margin:20mm;size:A4 portrait!important}body{visibility:hidden;background:#fff}.sidebar,.navbar,.sub-card,.page-title,.modal-overlay,.no-print{display:none!important}.printable-report{visibility:visible;color:#000;background:#fff;width:100%;margin:0;padding:0;font-family:Sarabun,sans-serif;position:absolute;top:0;left:0;display:block!important}.printable-report *{visibility:visible}.memo-header-top{justify-content:center;align-items:flex-end;height:60px;margin-bottom:15px;display:flex;position:relative}.report-logo{width:60px;height:auto;position:absolute;bottom:0;left:0}.memo-title-text{font-size:28px;font-weight:700;line-height:1}.gov-header{border-top:none;margin-bottom:15px;padding-top:5px;font-size:16px;line-height:1.6}.gov-line{flex-wrap:wrap;margin-bottom:2px;display:flex}.gov-label{min-width:80px;margin-right:10px;font-weight:700}.gov-content{border-bottom:1px dotted #999;flex-grow:1;padding-left:5px}.gov-row-split{justify-content:space-between;display:flex}.gov-left,.gov-right{width:45%;display:flex}.report-body{text-indent:2.5cm;text-align:justify;margin-top:25px;margin-bottom:20px;font-size:16px;line-height:1.6}.print-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.print-table th,.print-table td{text-align:center;vertical-align:middle;border:1px solid #000;padding:8px}.print-table th{-webkit-print-color-adjust:exact;font-weight:700;background-color:#f0f0f0!important}.print-footer{page-break-inside:avoid;justify-content:space-between;margin-top:40px;padding:0 20px;display:flex}.print-sign-box{text-align:center;width:40%}}.print-only-section{display:none!important}.official-table{border-collapse:collapse;background-color:#fff;width:100%;margin-top:10px;font-size:14px}.official-table th{color:#333;text-align:center;background-color:#f8f9fa;border:1px solid #ddd;padding:10px;font-weight:700}.official-table td{vertical-align:middle;border:1px solid #ddd;padding:10px}.period-badge{color:#fff;text-align:center;background:#34495e;border-radius:50%;width:25px;height:25px;font-weight:700;line-height:25px;display:inline-block}.tutoring-container{background-color:#f0f2f5;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.sub-card{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.level-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.level-box{cursor:pointer;border:1px solid #ddd;border-radius:4px;align-items:center;gap:5px;padding:8px;display:flex}.level-box.selected{color:#27ae60;background:#eafaf1;border-color:#27ae60}.level-box.selected-joint{color:#e67e22;background:#fdf2e9;border-color:#e67e22}.subject-pool{background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;gap:10px;min-height:80px;margin-top:10px;padding:10px;display:flex;overflow-x:auto}.pool-item{text-align:center;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:110px;padding:8px;box-shadow:0 2px 4px #0000000d}.schedule-grid td{text-align:center;vertical-align:top;border:1px solid #eee;min-width:100px;height:70px}.slot-item{color:#fff;border-radius:4px;flex-direction:column;justify-content:center;height:90%;padding:5px;display:flex}.modal-content.sub-modal{background:#fff;border-radius:8px;flex-direction:column;width:210mm;height:90vh;display:flex;overflow:hidden}.modal-header{background:#f8f9fa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-body{background:#fff;flex:1;padding:20px;overflow-y:auto}.modal-footer{text-align:right;background:#f8f9fa;border-top:1px solid #ddd;padding:10px}.btn-icon{cursor:pointer;color:#fff;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;display:flex}.btn-icon.view{background:#3498db}.btn-icon.delete{background:#e74c3c}.btn-icon.print-btn{background:#34495e}.btn-close,.btn-close-icon{cursor:pointer;background:0 0;border:none;font-size:16px}.btn-close{color:#fff;background:#95a5a6;border-radius:4px;padding:8px 20px}@media print{@page{size:A4 portrait!important;margin:10mm!important}*,:before,:after{box-sizing:border-box!important}body{visibility:hidden!important;background:#fff!important;margin:0!important;padding:0!important}.modal-overlay{visibility:visible!important;z-index:9999!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.modal-content.sub-modal{visibility:visible!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.modal-body{visibility:visible!important;width:100%!important;padding:0!important;overflow:visible!important}.modal-body *{visibility:visible!important}.no-print,.modal-header,.modal-footer,.btn-close,.sidebar,.navbar{display:none!important}.print-only-section{display:block!important}.official-doc-header{text-align:center;border-bottom:2px solid #000;width:100%;margin-bottom:15px;padding-bottom:10px}.doc-title{color:#000;margin:0;font-size:20px;font-weight:700;line-height:1.2}.doc-subtitle{color:#000;margin:5px 0;font-size:16px}.date-group{page-break-inside:avoid;width:100%;margin-bottom:20px}.official-table{border-collapse:collapse;color:#000;table-layout:fixed;font-size:13px;width:100%!important}.official-table th{white-space:nowrap;padding:6px 4px;color:#000!important;background-color:#eee!important;border:1px solid #000!important}.official-table td{word-wrap:break-word;padding:6px 4px;color:#000!important;border:1px solid #000!important}.official-footer{page-break-inside:avoid;margin-top:30px;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;display:flex!important}.sign-block{text-align:center;width:45%!important}.sign-line{border-bottom:1px dotted #000;width:80%;height:1px;margin:30px auto 10px}}.viewer-container{box-sizing:border-box;background-color:#f0f2f5;flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif;display:flex}.viewer-controls{z-index:10;background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #00000014}.control-group{color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.control-group select{border:1px solid #ddd;border-radius:4px;outline:none;min-width:160px;padding:6px 10px;font-family:Sarabun,sans-serif}.btn-search{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:8px 15px}.btn-print{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;padding:8px 15px}.timetable-paper{box-sizing:border-box;background:#fff;border-radius:2px;width:297mm;min-height:210mm;margin:0 auto;padding:15mm;position:relative;box-shadow:0 0 15px #0000001a}.paper-header{justify-content:center;align-items:center;gap:20px;margin-bottom:15px;padding-bottom:5px;display:flex}.logo-area img{width:auto;height:70px}.text-area{text-align:center;color:#000}.text-area h1{margin:0;font-size:22px;font-weight:700;line-height:1.2}.text-area h2{margin:2px 0;font-size:16px;font-weight:700}.text-area h3{color:#333;margin:2px 0;font-size:16px;font-weight:700}.text-area p{color:#000;margin:2px 0;font-size:14px}.timetable-grid{border-collapse:collapse;table-layout:fixed;width:100%;margin-bottom:20px}.timetable-grid th,.timetable-grid td{text-align:center;vertical-align:middle;box-sizing:border-box;border:1px solid #000;padding:0;overflow:hidden}.timetable-grid th{background-color:#e0e0e0;height:40px;padding:5px;font-size:14px;font-weight:700}.day-header{width:70px}.day-cell{background-color:#f5f5f5;width:70px;font-size:16px;font-weight:700}.slot-cell{vertical-align:top;height:80px}.cell-content{box-sizing:border-box;text-align:center;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:5px;font-size:13px;display:flex}.project-cell{border:2px solid #fff;box-shadow:inset 0 0 0 1px #eee}.tutor-cell{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2;font-weight:700}.regular-cell{color:#33691e;background:#f1f8e9;border:1px solid #c5e1a5}.break-header{background-color:#dcdcdc!important}.merged-break{border:1px solid #000;padding:0;background-color:#f0f0f0!important}.vertical-text{writing-mode:vertical-rl;white-space:nowrap;color:#333;letter-spacing:2px;justify-content:center;align-items:center;height:100%;margin:0 auto;font-size:16px;font-weight:700;display:flex;transform:rotate(180deg)}.time-range{color:#555;margin-top:2px;font-size:11px;font-weight:400}.paper-footer{justify-content:space-around;margin-top:30px;padding-top:10px;display:flex}.sign-box{text-align:center;min-width:200px}.dots{margin-bottom:5px;font-size:14px;font-weight:700}.sign-name{margin-bottom:2px;font-size:13px}.sign-role{font-size:13px;font-weight:700}.sub-list-section{border-top:2px dashed #ccc;margin-top:20px;padding-top:10px;font-size:14px}.sub-list-section ul{padding-left:20px}.sub-list-section li{margin-bottom:5px}@media print{@page{size:A4 landscape;margin:5mm}.sidebar,.navbar,.viewer-controls,.no-print{display:none!important}html,body,#root,.app-container,.main-content,.viewer-container{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.timetable-paper{width:100%!important;max-width:100%!important;min-height:0!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;visibility:visible!important;border:none!important;margin:0!important;padding:0!important}.timetable-paper *{visibility:visible!important}*{-webkit-print-color-adjust:economy!important;print-color-adjust:economy!important}.day-cell{width:70px!important}.slot-cell,.break-cell{height:80px!important}.project-cell,.tutor-cell,.regular-cell{color:#000!important;box-shadow:none!important;background-color:#fff!important;border:1px solid #999!important}.timetable-grid th,.day-cell,.break-header,.merged-break{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#e0e0e0!important}}.workload-container{background-color:#eef2f5;flex-direction:column;height:100vh;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif;display:flex;overflow:hidden}.setup-card{background:#fff;border-radius:8px;width:100%;max-width:800px;margin:20px auto;padding:30px;overflow-y:auto;box-shadow:0 4px 15px #0000000d}.selection-group{margin-bottom:25px}.selection-group label{color:#2c3e50;margin-bottom:10px;font-weight:700;display:block}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.checkbox-grid.teachers{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.check-box{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;transition:all .2s}.check-box:hover{background-color:#f9f9f9}.check-box.active{color:#27ae60;background-color:#e8f6f3;border-color:#27ae60;font-weight:700}.btn-link{color:#3498db;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.btn-next{color:#fff;cursor:pointer;background-color:#2c3e50;border:none;border-radius:6px;align-items:center;gap:10px;margin:0 auto;padding:12px 30px;font-size:16px;display:flex}.btn-next:hover{background-color:#34495e}.planning-board-wrapper{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.board-toolbar{background:#fff;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 20px;display:flex;box-shadow:0 2px 5px #0000000d}.summary-text{color:#555;font-size:14px}.btn-back,.btn-save-plan{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:5px;padding:8px 15px;font-weight:700;display:flex}.btn-back{color:#fff;background:#95a5a6}.btn-save-plan{color:#fff;background:#27ae60}.board-layout{flex-direction:column;flex:1;gap:15px;padding-right:5px;display:flex;overflow-y:auto}.unassigned-zone{z-index:100;background:#fff8e1;border:1px solid #ffe0b2;border-radius:8px;flex-direction:column;min-height:140px;max-height:140px;margin-bottom:5px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0000001a}.zone-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 5px;display:flex}.zone-title{color:#d35400;white-space:nowrap;font-size:13px;font-weight:700}.filter-box{align-items:center;width:250px;max-width:40%;display:flex;position:relative}.filter-box input{color:#333;background-color:#fff;border:1px solid #f39c12;border-radius:15px;outline:none;width:100%;padding:5px 30px;font-size:12px}.filter-box .search-icon{color:#f39c12;pointer-events:none;font-size:12px;position:absolute;left:10px}.filter-box .clear-btn{color:#666;cursor:pointer;background:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;right:8px}.filter-box .clear-btn:hover{background:#ccc}.unassigned-row{flex:1;align-items:center;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.unassigned-row.dragging-over{background-color:#fff9}.teachers-zone{flex-wrap:wrap;gap:15px;padding-bottom:20px;display:flex}.teacher-column{background:#fff;border-radius:8px;flex-direction:column;min-width:260px;max-width:260px;margin-bottom:15px;display:flex;box-shadow:0 2px 5px #0000000d}.teacher-header{background:#f8f9fa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px;display:flex}.t-name{color:#2c3e50;font-size:14px;font-weight:700}.load-badge{color:#1565c0;background:#e3f2fd;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.load-badge.overload{color:#c62828;background:#ffebee}.teacher-body{background:#fdfdfd;flex:1;min-height:100px;max-height:500px;padding:10px;transition:background .2s;overflow-y:auto}.teacher-body.active{background-color:#f0f7ff}.task-card{cursor:grab;background:#fff;border:1px solid #ddd;border-radius:6px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 2px #0000000d}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.task-card.compact{border-left-style:solid;border-left-width:5px;flex-direction:column;justify-content:space-between;min-width:150px;max-width:150px;height:75px;padding:8px;display:flex}.compact-top{justify-content:space-between;font-size:10px;display:flex}.badge-room{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.badge-credit{color:#666;font-size:10px}.compact-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.task-card.full{border-left-style:solid;border-left-width:5px;margin-bottom:10px;padding:10px}.task-header{color:#888;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.task-code{color:#555;background:#f0f0f0;border-radius:3px;padding:1px 4px;font-weight:700}.task-room{font-size:11px;font-weight:700}.task-name{color:#333;margin-bottom:5px;font-size:13px;font-weight:700}.task-footer{text-align:right;color:#2980b9;font-size:11px;font-weight:700}.empty-placeholder{color:#aaa;margin:auto;font-size:14px;font-style:italic}.teacher-header{background:#f8f9fa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;display:flex}.btn-return-all{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.btn-return-all:hover{background-color:#ffebee;border-color:#e74c3c}.t-name{color:#2c3e50;margin-bottom:3px;font-size:14px;font-weight:700}.load-badge{color:#1565c0;background:#e3f2fd;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.users-page-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-add-user{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.users-table-wrapper{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #eee;padding:12px 15px}.users-table th{color:#fff;background-color:#2c3e50}.role-badge{border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:700}.role-badge.ADMIN{color:#fff;background-color:#e74c3c}.role-badge.TEACHER{color:#fff;background-color:#3498db}.linked-teacher{color:#2c3e50;align-items:center;gap:5px;font-weight:500;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;margin-right:10px;padding:5px;font-size:1.1rem;transition:all .2s}.action-btn.edit{color:#f39c12}.action-btn.edit:hover{background-color:#feb}.action-btn.delete{color:#c0392b}.action-btn.delete:hover{background-color:#fcc}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:8px;width:450px;padding:30px;box-shadow:0 5px 15px #0003}.modal-box h3{color:#2c3e50;margin-top:0;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-size:.9rem;font-weight:700;display:block}.form-group input,.form-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:inherit}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:4px;padding:10px 20px}.btn-save{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:10px 20px}.hm-container{max-width:1100px;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.hm-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.hm-header-row h2{color:#1a1a4e;align-items:center;gap:8px;margin:0;font-size:1.4rem;font-weight:700;display:flex}.hm-header-actions{flex-wrap:wrap;gap:10px;display:flex}.hm-btn-sync{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.hm-btn-sync:hover:not(:disabled){background:#1a6a9a}.hm-btn-sync:disabled{opacity:.7;cursor:not-allowed}.hm-btn-add{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.hm-btn-add:hover{background:#1e8449}.hm-filter-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:14px 18px;box-shadow:0 1px 4px #0000000f}.hm-filter-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.hm-filter-group{align-items:center;gap:8px;display:flex}.hm-filter-group label{color:#555;white-space:nowrap;font-size:.9rem;font-weight:600}.hm-filter-group select{border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-family:Sarabun,sans-serif;font-size:.9rem}.hm-daterange{color:#555;white-space:nowrap;background:#f0f4ff;border:1px solid #d0d8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;display:flex}.hm-daterange-sep{color:#aaa}.hm-stats{flex-wrap:wrap;gap:12px;display:flex}.hm-stat{white-space:nowrap;background:#f5f5f5;border-radius:20px;padding:4px 12px;font-size:.88rem}.hm-stat-holiday{color:#c0392b;background:#fdecea}.hm-stat-makeup{color:#196f3d;background:#e9f7ef}.hm-type-filter{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.hm-filter-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:20px;padding:5px 14px;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.hm-filter-btn.active.hm-filter-all{color:#fff;background:#3498db;border-color:#3498db}.hm-filter-btn.active.hm-filter-holiday{color:#fff;background:#e74c3c;border-color:#e74c3c}.hm-filter-btn.active.hm-filter-makeup{color:#fff;background:#27ae60;border-color:#27ae60}.hm-filter-btn:not(.active):hover{border-color:#aaa}.hm-table-wrap{border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.hm-table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.hm-table thead{color:#fff;background:#1a1a4e}.hm-table th{text-align:left;white-space:nowrap;padding:12px 14px;font-weight:600}.hm-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px 14px}.hm-row-holiday{background:#fff}.hm-row-holiday:hover{background:#fef9f9}.hm-row-makeup{background:#f9fffe}.hm-row-makeup:hover{background:#f0fdf4}.hm-row-holiday td:first-child{border-left:4px solid #e74c3c}.hm-row-makeup td:first-child{border-left:4px solid #27ae60}.hm-date-cell{flex-direction:column;gap:2px;display:flex}.hm-date-main{color:#2c3e50;font-weight:600}.hm-date-iso{color:#888;font-size:.78rem}.hm-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-block}.hm-badge-holiday{color:#c0392b;background:#fdecea}.hm-badge-makeup{color:#196f3d;background:#e9f7ef}.hm-sched-badge{color:#1a5c36;white-space:nowrap;background:#d5f5e3;border-radius:4px;margin-left:6px;padding:2px 7px;font-size:.75rem;font-weight:600;display:inline-block}.hm-source{white-space:nowrap;font-size:.82rem}.hm-source-google{color:#2980b9}.hm-source-manual{color:#7f8c8d}.hm-actions{gap:6px;display:flex}.hm-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;line-height:1;transition:background .15s,color .15s;display:flex}.hm-btn-icon.flip{background:#fef9e7;color:#e67e22!important}.hm-btn-icon.flip:hover{background:#e67e22;color:#fff!important}.hm-btn-icon.edit{background:#ebf5fb;color:#2980b9!important}.hm-btn-icon.edit:hover{background:#2980b9;color:#fff!important}.hm-btn-icon.delete{background:#fdedec;color:#e74c3c!important}.hm-btn-icon.delete:hover{background:#e74c3c;color:#fff!important}.hm-btn-icon svg{fill:currentColor;width:1em;height:1em;display:block}.hm-loading,.hm-empty{text-align:center;color:#888;padding:40px 20px}.hm-empty-hint{color:#aaa;margin-top:8px;font-size:.85rem}.hm-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hm-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 8px 30px #0003}.hm-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hm-modal-header h3{color:#1a1a4e;margin:0;font-size:1.1rem}.hm-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.hm-modal-close:hover{color:#333}.hm-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.hm-field{flex-direction:column;gap:6px;display:flex}.hm-field label{color:#444;font-size:.9rem;font-weight:600}.hm-field select,.hm-field input[type=date],.hm-field input[type=text]{border:1px solid #ddd;border-radius:7px;outline:none;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:.95rem;transition:border-color .2s}.hm-field input:focus{border-color:#3498db}.hm-field input:disabled{color:#888;background:#f5f5f5}.hm-field-note{color:#e74c3c;font-size:.78rem}.hm-type-toggle{flex-direction:column;gap:8px;display:flex}.hm-type-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px 14px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s}.hm-type-btn.active.holiday{color:#c0392b;background:#fdecea;border-color:#e74c3c}.hm-type-btn.active.makeup{color:#196f3d;background:#e9f7ef;border-color:#27ae60}.hm-type-btn:not(.active):hover{border-color:#aaa}.hm-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.hm-btn-cancel{color:#555;cursor:pointer;background:#ecf0f1;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 18px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;display:flex}.hm-btn-cancel:hover{background:#d5dbdb}.hm-btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 20px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.hm-btn-save:hover:not(:disabled){background:#1e8449}.hm-btn-save:disabled{opacity:.7;cursor:not-allowed}.hm-school-days-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:16px 18px;box-shadow:0 1px 4px #0000000f}.hm-school-days-title{color:#1a1a4e;margin-bottom:14px;font-size:1rem;font-weight:700}.hm-school-days-row{flex-wrap:wrap;gap:12px;display:flex}.hm-term-box{background:#f0f4ff;border:1px solid #d0d8f0;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:140px;padding:14px 16px;display:flex}.hm-term-total{color:#fff;background:#1a1a4e;border-color:#1a1a4e}.hm-term-label{color:#555;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.hm-term-total .hm-term-label{color:#a8b8e8}.hm-term-days{color:#1a1a4e;font-size:2rem;font-weight:800;line-height:1.1}.hm-term-days span{font-size:1rem;font-weight:600}.hm-term-total .hm-term-days{color:#fff}.hm-term-detail{color:#666;margin-top:2px;font-size:.78rem}.hm-term-total .hm-term-detail{color:#a8b8e8}.hm-minus{color:#c0392b}.hm-plus{color:#196f3d}.hm-term-range{color:#888;border-top:1px solid #d8e0f0;margin-top:4px;padding-top:4px;font-size:.72rem}.hm-term-total .hm-term-range{color:#a8b8e8;border-color:#2a3a7e}.spin{animation:.8s linear infinite spin;display:inline-block}@media (max-width:768px){.hm-header-row,.hm-filter-row{flex-direction:column;align-items:flex-start}.hm-type-filter{margin-left:0}.hm-table th,.hm-table td{padding:8px 10px}}.teacher-dashboard{padding-bottom:50px;font-family:Sarabun,sans-serif}.teacher-dashboard .dashboard-header{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 10px #3498db4d}.teacher-dashboard .dashboard-header h1{margin:0;font-size:1.8rem}.teacher-dashboard .date-badge{opacity:.9;margin-top:10px;font-size:1rem}.teacher-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.teacher-dashboard .stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000000d}.teacher-dashboard .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.teacher-dashboard .stat-info h3{color:#2c3e50;margin:0;font-size:2rem;font-weight:700}.teacher-dashboard .stat-info p{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.teacher-dashboard .stat-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.schedule-section{margin-bottom:30px}.schedule-section h2{color:#2c3e50;align-items:center;gap:8px;margin-bottom:15px;font-size:1.3rem;display:flex}.timeline-container{flex-direction:column;gap:15px;display:flex}.timeline-card{background:#fff;border-left:5px solid #3498db;border-radius:10px;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 5px #0000000d}.timeline-card:hover{transform:translateY(-3px)}.time-box{flex-direction:column;align-items:center;gap:3px;min-width:120px;display:flex}.time-period{color:#1a1a4e;font-size:.95rem;font-weight:700}.time-range{color:#555;white-space:nowrap;align-items:center;gap:5px;font-size:.85rem;display:flex}.info-box{flex-grow:1}.info-box h3{color:#2c3e50;margin:0 0 5px;font-size:1.1rem}.code-badge{color:#7f8c8d;background:#ecf0f1;border-radius:4px;padding:2px 6px;font-size:.8rem}.room-info{color:#7f8c8d;align-items:center;gap:5px;margin:0;font-size:.9rem;display:flex}.btn-check-in{color:#fff;cursor:pointer;white-space:nowrap;background:#27ae60;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 15px;font-size:.9rem;text-decoration:none;display:flex}.btn-check-in:hover{background:#219150}.empty-schedule{text-align:center;color:#7f8c8d;background:#fff;border-radius:10px;padding:40px;font-size:1.1rem;box-shadow:0 2px 5px #0000000d}.quick-actions-section h2{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.action-card{color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0000001a}.action-card:hover{color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.action-icon{font-size:2rem}.action-green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.action-blue{background:linear-gradient(135deg,#2980b9,#3498db)}.action-purple{background:linear-gradient(135deg,#8e44ad,#9b59b6)}@media (max-width:768px){.teacher-dashboard .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.teacher-dashboard .dashboard-header{margin-bottom:20px;padding:20px}.timeline-card{flex-direction:column;align-items:flex-start;gap:10px}.time-box{min-width:auto}.btn-check-in{align-self:flex-end}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.action-card{padding:20px 12px;font-size:.95rem}}@media (max-width:480px){.teacher-dashboard .stats-grid{grid-template-columns:1fr}.teacher-dashboard .dashboard-header h1{font-size:1.4rem}.quick-actions-grid{grid-template-columns:1fr}}.score-entry-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.filter-card{background:#fff;border-left:5px solid #3498db;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}.subject-select{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;max-width:500px;padding:10px;font-size:1rem}.term-selector-row{align-items:center;gap:10px;margin-top:12px;display:flex}.term-selector-row label{color:#2c3e50;white-space:nowrap;font-weight:600}.term-btn-group{gap:8px;display:flex}.term-btn{color:#3498db;cursor:pointer;background:#fff;border:2px solid #3498db;border-radius:6px;padding:7px 18px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.term-btn.active{color:#fff;background:#3498db}.term-btn:hover:not(.active){background:#ebf5fb}.toolbar{justify-content:space-between;margin-bottom:15px;display:flex}.btn-tool{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;transition:transform .2s;display:flex}.btn-tool:hover{transform:translateY(-2px)}.btn-add{color:#fff;background-color:#f39c12}.btn-save{color:#fff;background-color:#27ae60}.table-responsive{background:#fff;border-radius:8px;max-height:70vh;overflow-x:auto;box-shadow:0 4px 10px #0000000d}.score-table{border-collapse:separate;border-spacing:0;width:100%}.score-table-container{max-height:70vh;overflow:auto}.score-table th{color:#fff;z-index:10;text-align:center;background:#2c3e50;border-right:1px solid #ffffff1a;padding:12px 8px;font-size:.9rem;position:sticky;top:0}.col-header{flex-direction:column;align-items:center;display:flex}.max-score{opacity:.8;font-size:.75rem}.score-table td{border-bottom:1px solid #eee;padding:5px}.fixed-col{z-index:5;background:#fff;border-right:2px solid #ddd;position:sticky;left:0}.score-table th.fixed-col{z-index:15}.name-col{min-width:180px;left:50px;text-align:left!important;padding-left:10px!important}.score-input{text-align:center;border:1px solid #ddd;border-radius:4px;width:60px;padding:8px;transition:all .2s}.score-input:focus{background-color:#eafaf1;border-color:#3498db;outline:none;transform:scale(1.1)}.grade-badge{color:#fff;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.sum-col{background-color:#f8f9fa;font-weight:700}.text-center{text-align:center}.btn-import{color:#fff;background-color:#9b59b6;margin-left:10px}.btn-import:hover{background-color:#8e44ad}.btn-copy-term{color:#fff;background-color:#16a085;margin-left:10px}.btn-copy-term:hover{background-color:#1a7a60}.toolbar-left{gap:10px;display:flex}.btn-icon-fill{color:#bdc3c7;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:2px;font-size:.8rem;transition:all .2s}.btn-icon-fill:hover{color:#f1c40f;transform:scale(1.2)}.col-header{flex-direction:column;align-items:center;gap:4px;display:flex}.col-title{white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-weight:700;display:block;overflow:hidden}.header-actions{background:#ffffff1a;border-radius:10px;gap:8px;margin-top:4px;padding:2px 8px;display:flex}.btn-icon-action{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:.85rem;transition:all .2s;display:flex}.btn-edit-col{color:#bdc3c7}.btn-edit-col:hover{color:#3498db;background:#ffffff1a}.btn-fill{color:#bdc3c7}.btn-fill:hover{color:#f1c40f;background:#ffffff1a}.btn-delete{color:#bdc3c7}.btn-delete:hover{color:#e74c3c;background:#ffffff1a;transform:scale(1.1)}.activity-threshold-row{background:#eafaf1;border-left:4px solid #27ae60;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:12px;padding:8px 12px;font-size:.9rem;display:flex}.btn-threshold-edit{color:#27ae60;cursor:pointer;background:#fff;border:1.5px solid #27ae60;border-radius:4px;margin-left:4px;padding:3px 12px;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.btn-threshold-edit:hover{color:#fff;background:#27ae60}@media (max-width:768px){.filter-card{padding:14px}.subject-select{max-width:100%}.toolbar{flex-direction:column;gap:10px}.toolbar-left{flex-wrap:wrap}.btn-tool{flex:1;justify-content:center;min-height:44px}.table-responsive{max-height:55vh}}.attendance-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-bar{background:#fff;border-left:5px solid #3498db;border-radius:8px;align-items:flex-end;gap:20px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 5px #0000000d}.form-control{border:1px solid #ddd;border-radius:4px;min-width:200px;padding:8px 12px;font-size:1rem}.date-picker.holiday-highlight{color:#c0392b;background-color:#ffebee;border:2px solid #e74c3c;font-weight:700}.term-info-badge{color:#16a085;background:#e8f6f3;border:1px solid #16a085;border-radius:20px;align-self:center;height:fit-content;padding:5px 15px}.holiday-banner{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;animation:2s infinite pulse;display:flex}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.makeup-banner{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.action-bar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.bulk-btn-group{gap:10px;display:flex}.btn-bulk{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 15px;font-size:.9rem;transition:transform .2s;display:flex}.btn-bulk:hover{transform:translateY(-2px)}.btn-bulk.present{color:#27ae60;background:#d4efdf}.btn-bulk.absent{color:#c0392b;background:#fadbd8}.btn-save-main{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-size:1rem;display:flex;box-shadow:0 4px 6px #3498db33}.btn-save-main:hover{background-color:#2980b9}.table-responsive{background:#fff;border-bottom:1px solid #eee;border-radius:8px;max-height:65vh;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.attendance-table th{color:#fff;text-align:left;z-index:10;background:#2c3e50;padding:12px;position:sticky;top:0}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{color:#fff;text-align:left;background:#2c3e50;padding:12px}.attendance-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:10px}.radio-group{background:#f8f9fa;border-radius:25px;justify-content:center;gap:5px;width:fit-content;margin:0 auto;padding:4px;display:flex}.radio-opt{cursor:pointer;color:#7f8c8d;-webkit-user-select:none;user-select:none;border-radius:20px;padding:6px 15px;font-size:.85rem;font-weight:700;transition:all .2s}.radio-opt input{display:none}.radio-opt:hover{background:#0000000d}.radio-opt.present.active{color:#fff;background:#27ae60}.radio-opt.late.active{color:#fff;background:#f39c12}.radio-opt.leave.active{color:#fff;background:#8e44ad}.radio-opt.absent.active{color:#fff;background:#c0392b}.row-absent{background-color:#fff5f5}.row-late{background-color:#fffaf0}.row-leave{background-color:#fcf0ff}.remark-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:6px}.btn-autofill{cursor:pointer;color:#8e44ad;background:#e8daef;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 15px;font-size:.9rem;font-weight:600;transition:transform .2s;display:flex}.btn-autofill:hover{background:#d2b4de;transform:translateY(-2px)}.btn-fill-student{justify-content:center;padding:4px 10px;font-size:1rem}@media (max-width:768px){.filter-bar{flex-direction:column;align-items:stretch;gap:12px}.form-control{min-width:unset;width:100%}.action-bar{flex-direction:column;align-items:stretch;gap:10px}.bulk-btn-group{justify-content:space-between}.btn-save-main{justify-content:center;width:100%}.table-responsive{max-height:55vh;overflow-x:auto}}.grade-report-container{font-family:Sarabun,sans-serif}.grade-report-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.grade-report-container .filter-card{background:#fff;border-radius:12px;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.grade-report-container .filter-card select{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px;font-size:1rem}.grade-summary-cards{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.summary-card{text-align:center;background:#fff;border-top:4px solid #3498db;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.summary-card.pass{border-top-color:#27ae60}.summary-card.fail{border-top-color:#e74c3c}.summary-card.gpa{border-top-color:#f39c12}.summary-card h3{color:#2c3e50;margin:0;font-size:2rem}.summary-card p{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.grade-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.grade-table{border-collapse:collapse;width:100%;font-size:.9rem}.grade-table th{text-align:center;white-space:nowrap;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px 8px;font-weight:600}.grade-table td{text-align:center;border-bottom:1px solid #eee;padding:10px 8px}.grade-table tbody tr:hover{background:#f8f9fa}.name-cell{white-space:nowrap;text-align:left!important}.total-cell{font-weight:700}.grade-badge{color:#fff;border-radius:12px;min-width:60px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}@media (max-width:768px){.grade-report-container .page-title{margin-bottom:14px;font-size:1.2rem}.grade-report-container .filter-card{flex-direction:column;align-items:stretch;gap:8px;padding:14px}.grade-report-container .filter-card label{color:#555;font-weight:600}.grade-report-container .filter-card select{font-size:.95rem}.grade-summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:14px 10px}.summary-card h3{font-size:1.6rem}.grade-table{font-size:.8rem}.grade-table th,.grade-table td{padding:8px 5px}.grade-badge{min-width:48px;padding:3px 6px;font-size:.75rem}}@media (max-width:480px){.grade-summary-cards{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card h3{font-size:1.4rem}.summary-card p{font-size:.8rem}}.attendance-report-container{font-family:Sarabun,sans-serif}.attendance-report-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.attendance-report-container .filter-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group:first-child{flex:1}.filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.filter-group select,.filter-group input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:1rem}.warning-box{color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;font-size:1rem;display:flex}.att-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.att-table{border-collapse:collapse;width:100%;font-size:.95rem}.att-table th{text-align:center;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px 10px;font-weight:600}.att-table td{text-align:center;border-bottom:1px solid #eee;padding:10px}.att-table tbody tr:hover{background:#f8f9fa}.att-table .name-cell{text-align:left;white-space:nowrap}.row-warning{background:#fff8f0!important}.status-present{color:#27ae60;font-weight:700}.status-late{color:#f39c12;font-weight:700}.status-leave{color:#3498db;font-weight:700}.status-absent{color:#e74c3c;font-weight:700}.pct-badge{border-radius:12px;min-width:55px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.pct-good{color:#155724;background:#d4edda}.pct-bad{color:#721c24;background:#f8d7da}.ar-legend{flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:flex}.ar-legend-item{border-radius:6px;padding:3px 10px}.ar-calendar-wrap{flex-direction:column;gap:24px;display:flex}.ar-month-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.ar-month-title{color:#2c3e50;border-bottom:2px solid #3498db;margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:700}.ar-daily-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.75rem}.ar-daily-table th,.ar-daily-table td{text-align:center;border:1px solid #dee2e6;min-width:28px;padding:4px 3px}.ar-th-student{color:#fff;z-index:2;background:#2c3e50;min-width:160px;position:sticky;left:0;text-align:left!important}.ar-td-student{color:#fff;z-index:1;background:#34495e;min-width:160px;font-size:.72rem;position:sticky;left:0;text-align:left!important;padding-left:8px!important}.ar-th-day{color:#fff;background:#2c3e50}.ar-th-weekend{color:#fff;background:#7f8c8d}.ar-th-makeup{color:#fff;background:#196f3d}.day-out{background:#f0f0f0}.day-weekend{background:#ecf0f1}.day-holiday{writing-mode:vertical-rl;vertical-align:middle;white-space:nowrap;background:#d5d8dc;padding:4px 2px;font-size:.6rem;overflow:hidden;width:28px!important;max-width:28px!important}.day-makeup{outline-offset:-2px;outline:2px solid #196f3d}.day-present{color:#1e8449;background:#d5f5e3;font-weight:700}.day-late{color:#d68910;background:#fef9e7;font-weight:700}.day-leave{color:#1a5276;background:#eaf4fd;font-weight:700}.day-absent{color:#c0392b;background:#fde8e4;font-weight:700}.day-none{color:#bdc3c7;background:#fafafa}.ar-ec-badge{color:#1a5276;background:#eaf4fd;border:1.5px solid #3498db;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:600}@media (max-width:768px){.filter-row{flex-direction:column}.ar-month-section{padding:10px}.ar-daily-table{font-size:.7rem}.ar-th-student,.ar-td-student{min-width:120px}}.report-card-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.report-card-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.report-card-container .filter-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.report-card-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.report-card-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.report-card-container .filter-group select{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-size:1rem}.report-card-container .filter-group label{color:#2c3e50;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.btn-export{color:#fff;cursor:pointer;white-space:nowrap;background:#e74c3c;border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;display:flex}.btn-export:hover{background:#c0392b}.report-print-area{flex-direction:column;align-items:center;gap:20px;display:flex}.report-page{box-sizing:border-box;background:#fff;position:relative;box-shadow:0 2px 12px #0000001a}.report-page-portrait{width:210mm;min-height:297mm;padding:12mm 15mm}.summary-table{border-collapse:collapse;width:100%;font-size:7.5pt}.summary-table th{color:#fff;text-align:center;word-break:break-word;background:#2c3e50;border:1px solid #34495e;padding:4px 2px;font-size:7pt;font-weight:600}.summary-table td{text-align:center;border:1px solid #dee2e6;padding:3px 2px;font-size:7pt}.summary-table tbody tr:nth-child(2n){background:#f8f9fa}.summary-table .name-cell{text-align:left;white-space:nowrap;font-size:7pt}.report-page-landscape{width:297mm;min-height:210mm;padding:10mm 15mm}.cover-logo{object-fit:contain;width:80px;height:80px;margin-bottom:10px}.report-cover .cover-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260mm;display:flex}.cover-school{color:#2c3e50;margin:0 0 20px;font-size:1.4rem;font-weight:700}.cover-title{color:#2c3e50;margin:0;font-size:1.6rem}.cover-subtitle{color:#7f8c8d;margin:5px 0 30px;font-size:1.3rem;font-weight:400}.cover-subject-info{margin-bottom:20px}.cover-subject-info p{color:#2c3e50;margin:5px 0;font-size:1.2rem;font-weight:600}.cover-details p{color:#555;margin:5px 0;font-size:1.1rem}.cover-teacher{color:#2c3e50;margin:25px 0;font-size:1.1rem;font-weight:600}.cover-approval-date{color:#555;text-align:right;margin:10px 0;font-size:1rem}.cover-result-summary{margin:20px 0}.cover-summary-table{border-collapse:collapse;margin:0 auto;font-size:1.05rem}.cover-summary-table td{text-align:left;padding:5px 15px}.cover-stats-compact{width:100%;margin:10px 0}.cover-stat-label{color:#2c3e50;text-align:left;margin:5px 0 2px;font-size:.72rem;font-weight:600}.cover-stat-table{border-collapse:collapse;width:100%;margin-bottom:3px;font-size:.7rem}.cover-stat-table th{color:#fff;text-align:center;background:#2c3e50;border:1px solid #34495e;padding:3px 4px;font-size:.68rem}.cover-stat-table td{text-align:center;color:#2c3e50;border:1px solid #dee2e6;padding:3px 4px;font-weight:700}.cover-signatures{justify-content:space-around;width:100%;margin-top:20px;display:flex}.sig-box{text-align:center;min-width:160px}.sig-box p{color:#2c3e50;margin:8px 0;font-size:.85rem}.cover-school-bottom{color:#7f8c8d;margin-top:30px;font-size:1rem}.page-header{border-bottom:2px solid #2c3e50;margin-bottom:10px;padding-bottom:5px}.page-header h4{color:#2c3e50;margin:0;font-size:1.1rem}.page-header p{color:#7f8c8d;margin:3px 0 0;font-size:.85rem}.page-footer{margin-top:8px}.page-footer p{color:#7f8c8d;margin:2px 0;font-size:.7rem;font-style:italic}.report-table{border-collapse:collapse;width:100%;font-size:.75rem}.report-table th{color:#fff;text-align:center;background:#2c3e50;border:1px solid #34495e;padding:6px 4px;font-size:.7rem;font-weight:600}.report-table .subject-header{word-break:break-all;max-width:55px;font-size:.65rem}.report-table .credit-header{background:#34495e;font-size:.6rem;font-weight:400}.report-table .indicator-col-header{max-width:30px;padding:4px 2px;font-size:.6rem}.report-table td{text-align:center;border:1px solid #dee2e6;padding:4px 3px;font-size:.7rem}.report-table tbody tr:nth-child(2n){background:#f8f9fa}.report-table .name-cell{text-align:left;white-space:nowrap;font-size:.7rem}.report-table .code-cell{color:#7f8c8d;white-space:nowrap;font-size:.65rem}.report-table .gpa-cell{color:#2c3e50;font-weight:700}.report-table .grade-fail{color:#e74c3c;font-weight:700}.indicator-list-table td.name-cell{white-space:normal;font-size:.8rem}.primary-score-table th.primary-term-header{background:#34495e;padding:3px 2px;font-size:.65rem}.primary-score-table th.primary-term2{background:#2980b9}.primary-score-table th.primary-sub-header{background:#4a6278;padding:2px;font-size:.6rem;font-weight:400}.primary-assess-table th{padding:3px 2px;font-size:.58rem}.primary-assess-table td{padding:3px 2px;font-size:.65rem}@media print{.report-card-container .page-title,.report-card-container .filter-card,.btn-export{display:none!important}.report-print-area{gap:0}.report-page{box-shadow:none;page-break-after:always;margin:0}.report-page:last-child{page-break-after:auto}}@media (max-width:768px){.report-card-container .filter-row{flex-direction:column}.report-page-portrait,.report-page-landscape{width:100%;min-height:auto;padding:15px}.report-table{font-size:.65rem}}.health-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.health-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.health-container .filter-card{background:#fff;border-left:5px solid #27ae60;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}.health-container .filter-row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.health-container .class-select{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;max-width:400px;padding:10px;font-size:1rem}.health-container .toolbar{justify-content:flex-end;margin-bottom:15px;display:flex}.health-container .btn-save{cursor:pointer;color:#fff;background-color:#27ae60;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-size:.95rem;transition:transform .2s;display:flex}.health-container .btn-save:hover{transform:translateY(-2px)}.health-container .table-responsive{background:#fff;border-radius:8px;max-height:70vh;overflow:auto;box-shadow:0 4px 10px #0000000d}.health-table{border-collapse:separate;border-spacing:0;width:100%}.health-table th{color:#fff;z-index:10;text-align:center;background:#2c3e50;padding:12px 8px;font-size:.9rem;position:sticky;top:0}.health-table td{text-align:center;border-bottom:1px solid #eee;padding:8px}.health-table tbody tr:hover{background-color:#f0faf4}.health-input{text-align:center;border:1px solid #ddd;border-radius:4px;width:80px;padding:8px;transition:all .2s}.health-input:focus{background-color:#eafaf1;border-color:#27ae60;outline:none;transform:scale(1.05)}.bmi-badge{color:#fff;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.bmi-under{background-color:#3498db}.bmi-normal{background-color:#27ae60}.bmi-over{background-color:#f39c12}.bmi-obese{background-color:#e74c3c}.name-left{text-align:left!important;padding-left:15px!important}.animate-fade-in{animation:.5s healthFadeIn}@keyframes healthFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.indicator-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.indicator-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.indicator-container .filter-card{background:#fff;border-left:5px solid #8e44ad;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.indicator-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.indicator-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.indicator-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.indicator-container .filter-group select{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:1rem}.indicator-container .toolbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:15px;display:flex}.indicator-container .bulk-btn-group{gap:8px;display:flex}.indicator-container .btn-bulk{cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.indicator-container .btn-pass-all{color:#27ae60;background:#d4efdf;border:1px solid #27ae60}.indicator-container .btn-pass-all:hover{background:#a9dfbf}.indicator-container .btn-fail-all{color:#e74c3c;background:#fadbd8;border:1px solid #e74c3c}.indicator-container .btn-fail-all:hover{background:#f5b7b1}.indicator-container .btn-ec-3{color:#27ae60;background:#d4efdf;border:1px solid #27ae60}.indicator-container .btn-ec-2{color:#f39c12;background:#fef9e7;border:1px solid #f39c12}.indicator-container .btn-ec-1{color:#e74c3c;background:#fadbd8;border:1px solid #e74c3c}.indicator-container .btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 25px;font-size:1rem;font-weight:600;display:flex}.indicator-container .btn-save:hover{background:#219a52}.indicator-container .btn-save:disabled{opacity:.6;cursor:not-allowed}.indicator-container .table-responsive{background:#fff;border-radius:8px;max-height:70vh;overflow:auto;box-shadow:0 2px 10px #0000000d}.indicator-table{border-collapse:collapse;width:100%;font-size:.8rem}.indicator-table th{color:#fff;text-align:center;z-index:10;background:#8e44ad;border:1px solid #7d3c98;padding:8px 6px;position:sticky;top:0}.indicator-table th.indicator-header{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;max-width:35px;min-height:120px;padding:8px 4px;font-size:.7rem}.indicator-table td{text-align:center;border:1px solid #dee2e6;padding:6px 5px}.indicator-table tbody tr:nth-child(2n){background:#f8f9fa}.indicator-table tbody tr:hover{background:#f3e5f5}.indicator-table .name-cell{text-align:left;white-space:nowrap;font-size:.8rem}.indicator-table .check-cell{cursor:pointer}.indicator-table .check-cell input[type=checkbox]{cursor:pointer;accent-color:#8e44ad;width:18px;height:18px}.indicator-info{color:#6c3483;background:#f3e5f5;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-size:.9rem}.ec-level-select{text-align:center;border:1px solid #ddd;border-radius:4px;width:80px;padding:4px;font-size:.85rem}.config-panel{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000012}.config-header{color:#fff;background:linear-gradient(135deg,#6c3483,#8e44ad);align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.config-icon{flex-shrink:0;margin-top:3px;font-size:1.5rem}.config-header h3{margin:0 0 4px;font-size:1.1rem}.config-subtitle{opacity:.85;margin:0;font-size:.88rem}.config-toolbar{background:#fafafa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.config-count{color:#555;font-size:.9rem}.config-count strong{color:#8e44ad;font-size:1rem}.btn-select-all{color:#6c3483;background:#e8d5f5;border:1px solid #8e44ad}.btn-select-all:hover{background:#d2b4e8}.btn-clear-all{color:#c0392b;background:#fadbd8;border:1px solid #e74c3c}.btn-clear-all:hover{background:#f5b7b1}.config-indicator-list{flex-direction:column;gap:6px;max-height:55vh;padding:16px 20px;display:flex;overflow-y:auto}.config-indicator-item{cursor:pointer;border:1px solid #eee;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.config-indicator-item:hover{background:#f3e5f5;border-color:#c39bd3}.config-indicator-item.selected{background:#f3e5f5;border-color:#8e44ad}.config-indicator-item input[type=checkbox]{cursor:pointer;accent-color:#8e44ad;flex-shrink:0;width:18px;height:18px;margin-top:2px}.config-indicator-info{flex-direction:column;gap:2px;display:flex}.config-indicator-code{color:#6c3483;font-size:.88rem;font-weight:700}.config-indicator-desc{color:#555;font-size:.83rem;line-height:1.4}.config-footer{background:#fafafa;border-top:1px solid #eee;justify-content:flex-end;padding:16px 20px;display:flex}.btn-save-config{color:#fff;cursor:pointer;background:#8e44ad;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 28px;font-size:1rem;font-weight:600;transition:background .15s;display:flex}.btn-save-config:hover:not(:disabled){background:#6c3483}.btn-save-config:disabled{opacity:.55;cursor:not-allowed}.config-empty{text-align:center;color:#aaa;padding:50px 20px}.config-empty p{margin:8px 0;font-size:.95rem}.btn-config-back{color:#2980b9;background:#eaf2ff;border:1px solid #2980b9}.btn-config-back:hover{background:#d0e8fc}.assessment-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.assessment-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.assessment-container .filter-card{background:#fff;border-left:5px solid #e67e22;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.assessment-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.assessment-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.assessment-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.assessment-container .filter-group select{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:1rem}.assessment-tabs{border-bottom:2px solid #ddd;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.assessment-tab{cursor:pointer;color:#7f8c8d;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.assessment-tab:hover{color:#2c3e50;background:#f8f9fa}.assessment-tab.active{color:#e67e22;border-bottom-color:#e67e22}.assessment-container .toolbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:15px;display:flex}.assessment-container .bulk-btn-group{align-items:center;gap:8px;display:flex}.assessment-container .bulk-label{color:#666;font-size:.85rem;font-weight:600}.assessment-container .btn-bulk-rating{cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.85rem;font-weight:600}.btn-rating-3{color:#27ae60;background:#d4efdf;border:1px solid #27ae60}.btn-rating-3:hover{background:#a9dfbf}.btn-rating-2{color:#2980b9;background:#d6eaf8;border:1px solid #2980b9}.btn-rating-2:hover{background:#aed6f1}.btn-rating-1{color:#f39c12;background:#fef9e7;border:1px solid #f39c12}.btn-rating-1:hover{background:#fdebd0}.btn-rating-pass{color:#27ae60;background:#d4efdf;border:1px solid #27ae60}.btn-rating-pass:hover{background:#a9dfbf}.btn-rating-fail{color:#e74c3c;background:#fadbd8;border:1px solid #e74c3c}.btn-rating-fail:hover{background:#f5b7b1}.assessment-container .btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 25px;font-size:1rem;font-weight:600;display:flex}.assessment-container .btn-save:hover{background:#219a52}.assessment-container .btn-save:disabled{opacity:.6;cursor:not-allowed}.assessment-container .btn-copy-term{color:#fff;cursor:pointer;background:#16a085;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;display:flex}.assessment-container .btn-copy-term:hover{background:#138d75}.assessment-container .table-responsive{background:#fff;border-radius:8px;max-height:70vh;overflow:auto;box-shadow:0 2px 10px #0000000d}.assessment-table{border-collapse:collapse;width:100%;font-size:.85rem}.assessment-table th{color:#fff;text-align:center;z-index:10;background:#e67e22;border:1px solid #d35400;padding:10px 8px;font-weight:600;position:sticky;top:0}.assessment-table td{text-align:center;vertical-align:middle;border:1px solid #dee2e6;padding:8px 6px}.assessment-table tbody tr:nth-child(2n){background:#fdf5ef}.assessment-table tbody tr:hover{background:#fdebd0}.assessment-table .name-cell{text-align:left;white-space:nowrap}.assessment-table select{border:1px solid #ddd;border-radius:4px;min-width:70px;padding:4px 8px;font-size:.85rem}.assessment-table .toggle-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:15px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.assessment-table .toggle-btn.pass{color:#27ae60;background:#d4efdf;border-color:#27ae60}.assessment-table .toggle-btn.fail{color:#c0392b;background:#fadbd8;border-color:#c0392b}.assessment-table textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:60px;padding:6px;font-family:Sarabun,sans-serif;font-size:.85rem}.rating-labels{color:#888;text-align:center;margin-top:5px;font-size:.7rem}.student-report-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.student-report-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.student-report-container .filter-card{background:#fff;border-left:5px solid #16a085;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.student-report-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.student-report-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.student-report-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.student-report-container .filter-group select{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:1rem}.sr-print-area{flex-direction:column;align-items:center;gap:20px;display:flex}.sr-page{box-sizing:border-box;background:#fff;flex-direction:column;width:210mm;min-height:297mm;padding:15mm 20mm;display:flex;box-shadow:0 2px 12px #0000001a}.sr-page-header{text-align:center;border-bottom:2px solid #2c3e50;margin-bottom:15px;padding-bottom:10px}.sr-school-name{color:#2c3e50;margin:0 0 5px;font-size:1.2rem;font-weight:700}.sr-page-header h3{color:#2c3e50;margin:0;font-size:1.3rem}.sr-term-info{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.sr-page-subheader{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px}.sr-page-subheader p{color:#7f8c8d;margin:0;font-size:.85rem}.sr-student-info{background:#f8f9fa;border-radius:6px;margin-bottom:15px;padding:10px 15px}.sr-info-row{flex-wrap:wrap;gap:25px;font-size:.9rem;display:flex}.sr-section{margin-bottom:15px}.sr-section-title{color:#2c3e50;border-bottom:2px solid #16a085;margin:0 0 8px;padding-bottom:4px;font-size:.95rem;font-weight:600}.sr-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:.8rem}.sr-table th{color:#fff;text-align:center;background:#2c3e50;border:1px solid #34495e;padding:7px 6px;font-size:.75rem;font-weight:600}.sr-table td{text-align:center;border:1px solid #dee2e6;padding:6px;font-size:.8rem}.sr-table tbody tr:nth-child(2n){background:#f8f9fa}.sr-table .name-left{text-align:left}.sr-table .grade-fail{color:#e74c3c;font-weight:700}.sr-table .gpa-row{font-weight:700;background:#eaf2f8!important}.sr-table-compact td{padding:4px 6px;font-size:.78rem}.sr-table-compact th{padding:5px 6px;font-size:.72rem}.sr-info-grid{flex-wrap:wrap;gap:15px;padding:8px 0;display:flex}.sr-info-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex-direction:column;align-items:center;min-width:80px;padding:8px 15px;display:flex}.sr-info-card .label{color:#7f8c8d;font-size:.75rem}.sr-info-card .value{color:#2c3e50;font-size:.95rem;font-weight:600}.sr-inline-result{color:#2c3e50;background:#f8f9fa;border-radius:6px;padding:8px 12px;font-size:.9rem}.sr-comment-box{background:#fefefe;border:1px solid #dee2e6;border-radius:6px;margin-bottom:8px;padding:10px 12px}.sr-comment-box .comment-label{color:#2c3e50;margin-bottom:4px;font-size:.8rem;font-weight:600}.sr-comment-box .comment-text{color:#555;min-height:25px;font-size:.85rem}.sr-approval-date{text-align:right;color:#555;margin:10px 0 4px;font-size:.85rem}.sr-signatures{justify-content:space-around;margin-top:20px;padding-top:15px;display:flex}.sr-sig-box{text-align:center;min-width:150px}.sr-sig-box p{color:#2c3e50;margin:8px 0;font-size:.8rem}.sr-school-logo{object-fit:contain;width:70px;height:70px;margin-bottom:8px;margin-left:auto;margin-right:auto;display:block}.sr-address-row{margin-top:4px;font-size:.9rem}.sr-term-tag{color:#16a085;margin:6px 0 2px;font-size:.75rem;font-weight:700}.sr-student-photo-wrap{text-align:right;margin:0 0 8px}.sr-student-photo{object-fit:cover;border:2px solid #dee2e6;border-radius:4px;width:90px;height:110px}.sr-photo-placeholder{color:#adb5bd;border:2px dashed #adb5bd;border-radius:4px;justify-content:center;align-items:center;width:90px;height:110px;font-size:.8rem;display:inline-flex}.sr-ec-domain{margin-bottom:12px}.sr-ec-domain h5{color:#16a085;margin:0 0 6px;font-size:.9rem}@media print{.student-report-container .page-title,.student-report-container .filter-card,.btn-export{display:none!important}.sr-print-area{gap:0}.sr-page{box-shadow:none;page-break-after:always;margin:0}.sr-page:last-child{page-break-after:auto}}@media (max-width:768px){.sr-page{width:100%;min-height:auto;padding:15px}.sr-info-row{flex-direction:column;gap:5px}.sr-info-grid{gap:8px}}.temp-cert-container{max-width:820px;margin:0 auto;padding:20px}.cert-info-note{color:#6c757d;margin-top:8px;font-size:.82rem;font-style:italic}.cert-edit-badge{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:5px;align-items:center;gap:12px;margin-top:10px;padding:7px 14px;font-size:.87rem;display:flex}.cert-reset-all-btn{color:#856404;cursor:pointer;background:#fff;border:1px solid #c9920a;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:.82rem}.cert-reset-all-btn:hover{background:#ffeaa0}.cert-print-area{flex-direction:column;gap:28px;margin-top:22px;display:flex}.cert-page{box-sizing:border-box;background:#fff;border:1px solid #ccc;width:210mm;min-height:297mm;margin:0 auto;padding:14mm 18mm 12mm;font-family:Sarabun,TH Sarabun New,Tahoma,sans-serif;font-size:12pt;position:relative;box-shadow:0 2px 16px #00000021}.cert-header{border-bottom:2px solid #222;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.cert-logo{object-fit:contain;flex-shrink:0;width:68px;height:68px}.cert-title-block{text-align:center;flex:1}.cert-school-name{color:#333;margin:0 0 2px;font-size:11.5pt}.cert-main-title{color:#111;letter-spacing:.5px;margin:0 0 2px;font-size:17pt;font-weight:700}.cert-term-info{color:#444;margin:0;font-size:11pt}.cert-student-bar{background:#fafafa;border:1px solid #aaa;border-radius:4px;flex-wrap:wrap;gap:10px 28px;margin-bottom:12px;padding:7px 14px;font-size:11pt;display:flex}.cert-student-bar span{white-space:nowrap}.cert-section{margin-bottom:10px}.cert-section-title{color:#222;border-bottom:1.5px solid #555;margin-bottom:7px;padding-bottom:3px;font-size:11pt;font-weight:700}.cert-period-label{color:#444;font-size:10pt;font-weight:400}.cert-half-note{color:#666;margin-left:4px;font-size:9pt;font-weight:400}.cert-table{border-collapse:collapse;width:100%;font-size:10.5pt}.cert-table th,.cert-table td{text-align:center;vertical-align:middle;border:1px solid #999;padding:4px 6px}.cert-table th{color:#fff;white-space:nowrap;background:#2c3e50;font-weight:600}.cert-name-left{text-align:left!important}.cert-gpa-row td{background:#f0f0f0;font-weight:700}.cert-score-cell{padding:2px 4px!important}.cert-score-wrap{justify-content:center;align-items:center;gap:3px;display:flex}.cert-score-input{text-align:center;background:#fff;border:1px solid #bbb;border-radius:3px;width:48px;padding:2px 3px;font-family:inherit;font-size:10pt}.cert-score-input:focus{border-color:#555;outline:2px solid #555}.cert-score-input.edited{color:#a05000;background:#fffde7;border-color:#e6940a;font-weight:700}.cert-score-input:disabled{color:#aaa;cursor:not-allowed;background:#f5f5f5}.cert-grade-auto{text-align:center;font-size:11pt}.cert-grade-auto.fail{color:#c0392b}.cert-grade-auto.special{color:#555}.cert-max-cell{color:#555;font-size:9.5pt}.cert-default-max{color:#888;cursor:help;font-style:italic}.cert-pct-cell{color:#555;font-size:9.5pt}.cert-row-edited{background:#fffef0}.cert-edited-mark{color:#a05000;font-weight:700}.cert-reset-btn{cursor:pointer;color:#aaa;vertical-align:middle;background:0 0;border:none;flex-shrink:0;padding:0 1px;font-size:10pt;line-height:1}.cert-reset-btn:hover{color:#c0392b}.cert-att-row{flex-wrap:wrap;gap:10px;display:flex}.cert-att-box{text-align:center;border:1px solid #bbb;border-radius:4px;min-width:68px;padding:5px 14px}.cert-att-box span{color:#555;font-size:9pt;display:block}.cert-att-box b{color:#222;font-size:11pt}.cert-att-absent b{color:#c0392b}.cert-disclaimer-wrap{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0 6px;padding:6px 0}.cert-disclaimer{color:#333;text-align:center;margin:0 0 4px;font-size:9.5pt;font-style:italic}.cert-issue-date{color:#222;text-align:right;margin:0;font-size:10pt}.cert-signatures{border-top:1px dashed #aaa;justify-content:space-around;margin-top:18px;padding-top:12px;display:flex}.cert-sig-box{text-align:center;min-width:140px}.cert-sig-line{margin-bottom:4px;font-size:10.5pt}.cert-sig-name{color:#333;margin-bottom:2px;font-size:9.5pt}.cert-sig-role{color:#555;font-size:9.5pt}@media (max-width:820px){.cert-page{width:100%;padding:8mm 6mm}}@media print{.temp-cert-container>h2,.filter-card{display:none}.cert-print-area{gap:0}.cert-page{box-shadow:none;page-break-after:always;border:none;width:210mm;margin:0;padding:14mm 18mm}.cert-reset-btn{display:none}}.act-container{max-width:1000px;margin:0 auto;padding:20px}.act-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.act-header-row h2{color:#1a1a4e;margin:0;font-size:1.3rem}.act-btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.9rem;transition:background .15s;display:inline-flex}.act-btn-primary{color:#fff;background:#1a1a4e}.act-btn-primary:hover{background:#2a2a7e}.act-btn-outline{color:#1a1a4e;background:#fff;border:1px solid #1a1a4e}.act-btn-outline:hover{background:#eef2ff}.act-btn-edit{color:#1a5276;background:#f0f4ff;border:1px solid #aac}.act-btn-edit:hover{background:#d6e4ff}.act-btn-danger{color:#c0392b;background:#fff0f0;border:1px solid #f5b7b1}.act-btn-danger:hover{background:#fde8e8}.act-btn-sm{padding:4px 10px;font-size:.82rem}.act-btn-save{justify-content:center;width:100%;margin-top:14px}.act-table-wrap{overflow-x:auto}.act-table{border-collapse:collapse;width:100%;font-size:.9rem}.act-table th{color:#fff;text-align:left;white-space:nowrap;background:#1a1a4e;padding:8px 10px}.act-table td{vertical-align:middle;border-bottom:1px solid #e0e0e0;padding:8px 10px}.act-table tbody tr:hover{background:#f8f9fc}.act-row-selected{background:#eef2ff!important}.act-td-time{white-space:nowrap}.act-td-actions{white-space:nowrap;gap:6px;display:flex}.act-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;display:inline-flex}.act-badge-active{color:#155724;background:#d4edda}.act-badge-inactive{color:#721c24;background:#f8d7da}.act-panel{z-index:1000;background:#fff;flex-direction:column;width:340px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-3px 0 18px #00000026}.act-panel-header{color:#fff;background:#1a1a4e;align-items:center;gap:8px;padding:14px 16px;font-size:.95rem;display:flex}.act-panel-close{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.2rem;line-height:1}.act-panel-body{flex:1;padding:14px;overflow-y:auto}.act-panel-hint{color:#666;margin-bottom:10px;font-size:.82rem;font-style:italic}.act-class-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.act-search{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:7px 10px;font-size:.9rem}.act-student-list{flex-direction:column;gap:4px;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.act-check-label{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:5px 6px;font-size:.88rem;display:flex}.act-check-label:hover{background:#f0f4ff}.act-check-label input[type=checkbox]{accent-color:#1a1a4e}.act-stu-class{color:#888;font-size:.8rem}.act-modal-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.act-modal{background:#fff;border-radius:8px;width:380px;max-width:95vw;padding:24px;box-shadow:0 8px 32px #0003}.act-modal h3{color:#1a1a4e;margin:0 0 16px}.act-form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.act-form-group label{color:#444;font-size:.88rem}.act-form-group input,.act-form-group select{border:1px solid #ccc;border-radius:5px;padding:7px 10px;font-family:inherit;font-size:.9rem}.act-form-row{gap:12px;display:flex}.act-form-row .act-form-group{flex:1}.act-modal-actions{gap:10px;margin-top:16px;display:flex}.act-att-container{max-width:900px;margin:0 auto;padding:20px}.act-att-tabs{border-bottom:2px solid #1a1a4e;gap:0;margin-bottom:16px;display:flex}.act-att-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 22px;font-family:inherit;font-size:.95rem;display:inline-flex}.act-att-tab.active{color:#1a1a4e;background:#eef2ff;border-bottom-color:#1a1a4e;font-weight:600}.act-att-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.act-att-filters>div{flex-direction:column;gap:4px;display:flex}.act-att-filters label{color:#555;font-size:.86rem}.act-att-filters select,.act-att-filters input[type=date]{border:1px solid #ccc;border-radius:5px;padding:7px 10px;font-family:inherit;font-size:.9rem}.act-att-window-note{color:#555;margin:6px 0 0;font-size:.85rem}.act-att-load-btn{color:#fff;cursor:pointer;background:#1a1a4e;border:none;border-radius:5px;align-self:flex-end;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.act-att-load-btn:hover{background:#2a2a7e}.act-att-body{margin-top:16px}.act-att-loading{color:#888;padding:20px 0}.act-att-empty{color:#999;padding:20px 0;font-style:italic}.act-att-hint{color:#888;padding:20px 0;font-style:italic}.act-att-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.act-att-autofill-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#27ae60;border:none;border-radius:5px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:.88rem;display:inline-flex}.act-att-autofill-btn:hover:not(:disabled){background:#219150}.act-att-autofill-btn:disabled{opacity:.6;cursor:not-allowed}.act-att-name{white-space:nowrap;text-align:left!important}.act-att-quickset{color:#555;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:.88rem;display:flex}.act-att-quick-btn{cursor:pointer;background:#fff;border:1.5px solid;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:.85rem}.act-att-quick-btn:hover{opacity:.8}.act-att-class-block{margin-bottom:20px}.act-att-class-title{color:#1a1a4e;background:#eef2ff;border-left:4px solid #1a1a4e;margin-bottom:6px;padding:5px 12px;font-size:.92rem;font-weight:700}.act-att-table{border-collapse:collapse;width:100%;font-size:.88rem}.act-att-table th{color:#fff;text-align:center;background:#1a1a4e;padding:6px 8px}.act-att-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #e8e8e8;padding:5px 8px}.act-att-table td:nth-child(2){text-align:left}.act-att-radio-cell input[type=radio]{accent-color:#1a1a4e;cursor:pointer}.act-att-row-present{background:#f0fff4}.act-att-row-late{background:#fffbf0}.act-att-row-leave{background:#f0f7ff}.act-att-row-absent{background:#fff5f5}.act-att-checked-by{color:#888;white-space:nowrap;font-size:.78rem}.act-att-save-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.act-att-note{border:1px solid #ccc;border-radius:5px;flex:1;min-width:200px;padding:7px 10px;font-family:inherit;font-size:.88rem}.act-att-save-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:.92rem;display:inline-flex}.act-att-save-btn:hover:not(:disabled){background:#219150}.act-att-save-btn:disabled{opacity:.6;cursor:not-allowed}.act-summary-table{margin-top:16px}.act-summary-fail{background:#fff5f5}@media (max-width:768px){.act-att-container{padding:12px}.act-att-filters{flex-direction:column;gap:10px}.act-att-filters select,.act-att-filters input[type=date]{width:100%}.act-att-load-btn{justify-content:center;width:100%;min-height:44px}.act-att-action-bar{flex-direction:column;align-items:stretch}.act-att-autofill-btn,.act-att-save-btn{justify-content:center;width:100%;min-height:44px}.table-responsive{overflow-x:auto}}.gcm-container{max-width:900px;margin:0 auto;padding:20px}.gcm-container h2{color:#1a1a4e;margin-bottom:16px}.gcm-filters{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.gcm-filters>div{flex-direction:column;gap:4px;display:flex}.gcm-filters label{color:#555;font-size:.85rem}.gcm-filters select{border:1px solid #ccc;border-radius:5px;padding:7px 10px;font-family:inherit;font-size:.9rem}.gcm-empty{text-align:center;color:#999;background:#f8f9fc;border-radius:8px;padding:30px;font-style:italic}.gcm-list{flex-direction:column;gap:10px;display:flex}.gcm-card{background:#fff;border:1px solid #e0e0e8;border-radius:8px;overflow:hidden}.gcm-card-pending{border-left:4px solid #f39c12}.gcm-card-approved{border-left:4px solid #27ae60}.gcm-card-rejected{border-left:4px solid #c0392b}.gcm-card-header{background:#f8f9fc;border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.gcm-type-badge{color:#fff;white-space:nowrap;background:#1a1a4e;border-radius:12px;padding:2px 7px;font-size:.72rem}.gcm-student{flex:1;font-size:.92rem;font-weight:600}.gcm-status{white-space:nowrap;font-size:.85rem;font-weight:700}.gcm-date{color:#888;white-space:nowrap;font-size:.8rem}.gcm-card-body{padding:10px 14px}.gcm-info-row{flex-wrap:wrap;gap:14px;margin-bottom:6px;font-size:.88rem;display:flex}.gcm-reason{color:#555;margin-top:4px;font-size:.88rem}.gcm-teacher-note{color:#7a5000;background:#fffbe6;border-left:3px solid #ffc107;margin-top:6px;padding:4px 8px;font-size:.84rem;font-style:italic}.gcm-card-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:8px;padding:8px 14px;display:flex}.gcm-btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.85rem;display:inline-flex}.gcm-btn-approve{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.gcm-btn-approve:hover{background:#c3e6cb}.gcm-btn-reject{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.gcm-btn-reject:hover{background:#f5c6cb}.gcm-btn-print{color:#1a3a8e;background:#e8f0fe;border:1px solid #bcd0f7;margin-left:auto}.gcm-btn-print:hover{background:#d0e3fd}.gcm-print-page{color:#000;box-sizing:border-box;background:#fff;width:210mm;padding:20mm 18mm;font-family:Sarabun,TH Sarabun New,Tahoma,sans-serif;font-size:13pt}.gcm-print-header{text-align:center;border-bottom:2px solid #000;margin-bottom:16px;padding-bottom:10px}.gcm-print-school{font-size:12pt}.gcm-print-title{margin-top:4px;font-size:18pt;font-weight:700}.gcm-print-info{border-collapse:collapse;width:100%;margin-top:12px;font-size:12pt}.gcm-print-info td{border:1px solid #999;padding:5px 8px}.gcm-print-info td:first-child,.gcm-print-info td:nth-child(3){white-space:nowrap;background:#f0f0f0;width:130px}.gcm-print-sigs{justify-content:space-around;gap:16px;margin-top:50px;display:flex}.gcm-print-sig{text-align:center;flex:1}.gcm-print-sig-line{margin-bottom:40px;font-size:11pt}.gcm-print-sig-name{font-size:10pt}.gcm-print-sig-role{color:#555;font-size:10pt}.eca-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.eca-container .page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.eca-container .page-header-row h2{color:#2c3e50;align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.eca-action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eca-container .filter-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.eca-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.eca-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:220px;display:flex}.eca-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.eca-container .filter-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:Sarabun,sans-serif;font-size:1rem}.eca-term-badge{color:#2980b9;white-space:nowrap;background:#eaf4fd;border:1px solid #3498db;border-radius:20px;align-self:flex-end;padding:8px 16px;font-size:.9rem;font-weight:600}.eca-no-ec{color:#e67e22;margin-top:10px;font-size:.9rem}.btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-report{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;display:flex}.btn-report:hover{background:#219a52}.eca-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.eca-tab-btn{cursor:pointer;color:#7f8c8d;background:#fff;border:2px solid #dee2e6;border-radius:8px;min-height:44px;padding:10px 16px;font-family:Sarabun,sans-serif;font-size:.9rem;transition:all .2s}.eca-tab-btn:hover{color:#3498db;border-color:#3498db}.eca-tab-btn.active{color:#fff;background:#3498db;border-color:#3498db;font-weight:600}.eca-tab-content{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.eca-aspect-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.eca-aspect-header h3{color:#2c3e50;margin:0;font-size:1.1rem}.btn-copy-term-ec{color:#fff;cursor:pointer;background:#16a085;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 16px;font-size:.9rem;font-weight:600;display:flex}.btn-copy-term-ec:hover{background:#138d75}.eca-indicator-count{color:#2980b9;background:#eaf4fd;border-radius:12px;padding:3px 10px;font-size:.8rem}.table-responsive{overflow-x:auto}.eca-table{border-collapse:collapse;width:100%;font-size:.85rem}.eca-table th,.eca-table td{text-align:center;vertical-align:middle;border:1px solid #dee2e6;padding:8px}.eca-table th{color:#fff;background:#2c3e50;font-weight:600}.eca-th-student{min-width:140px;text-align:left!important}.eca-th-indicator{min-width:110px;max-width:140px}.eca-th-summary{min-width:130px}.eca-indicator-label{text-align:center;flex-direction:column;gap:2px;display:flex}.eca-standard{color:#bdc3c7;font-size:.7rem;font-weight:400}.eca-indicator-name{font-size:.8rem;line-height:1.3}.eca-td-student{text-align:left;white-space:nowrap;color:#2c3e50;background:#f8f9fa;font-weight:500}.eca-td-cell{padding:4px}.eca-table tbody tr:hover td{background:#f0f7ff}.eca-table tbody tr:hover .eca-td-student{background:#e8f4fd}.eca-select{cursor:pointer;text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;width:100%;min-height:36px;padding:6px 4px;font-family:Sarabun,sans-serif;font-size:.85rem;transition:border-color .2s}.eca-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.eca-select.level-0{color:#bdc3c7}.eca-select.level-1{color:#e74c3c;background:#fdf0ee;border-color:#e74c3c}.eca-select.level-2{color:#e67e22;background:#fef5ec;border-color:#e67e22}.eca-select.level-3{color:#27ae60;background:#eafaf1;border-color:#27ae60}.eca-td-summary{padding:6px}.eca-level-badge{color:#fff;white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.eca-badge-none{color:#7f8c8d;background:#bdc3c7!important}.eca-save-row{justify-content:flex-end;margin-top:10px;display:flex}@media (max-width:768px){.eca-container{padding:12px}.eca-container .page-header-row{flex-direction:column;align-items:flex-start}.eca-action-buttons{width:100%}.eca-action-buttons .btn-primary,.eca-action-buttons .btn-report{flex:1;justify-content:center}.eca-container .filter-row{flex-direction:column}.eca-container .filter-group{min-width:unset;width:100%}.eca-tabs{gap:4px}.eca-tab-btn{padding:8px 12px;font-size:.82rem}.eca-table{font-size:.78rem}.eca-th-student{min-width:100px}.eca-th-indicator{min-width:80px}.eca-select{padding:4px 2px;font-size:.78rem}.eca-save-row{padding-bottom:74px}.btn-primary,.btn-report{justify-content:center;width:100%}}.eca-bulk-bar{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.eca-bulk-label{color:#555;white-space:nowrap;font-size:.9rem;font-weight:600}.eca-bulk-btn{cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-family:Sarabun,sans-serif;font-size:.88rem;font-weight:600;transition:opacity .15s}.eca-bulk-btn:hover{opacity:.8}.eca-bulk-3{color:#fff;background:#27ae60}.eca-bulk-2{color:#fff;background:#e67e22}.eca-bulk-1{color:#fff;background:#e74c3c}.eca-bulk-0{color:#2c3e50;background:#bdc3c7}.comment-pattern-box{background:#fef9e7;border:1px solid #f4d03f;border-radius:8px;margin-bottom:15px;padding:15px}.pattern-row{gap:20px;display:flex}.pattern-group{flex:1}.pattern-group label{color:#2c3e50;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.pattern-group textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;min-height:60px;margin:5px 0;padding:8px;font-family:Sarabun,sans-serif;font-size:.9rem}.btn-copy-pattern{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.btn-copy-pattern:hover{background:#2980b9}@media (max-width:600px){.pattern-row{flex-direction:column}}.hd-container{background:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.hd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.hd-header h2{color:#2c3e50;align-items:center;gap:10px;margin:0;display:flex}.hd-term-select{border:1px solid #ddd;border-radius:6px;outline:none;min-width:240px;padding:8px 14px;font-family:Sarabun,sans-serif;font-size:.95rem}.hd-error{color:#c0392b;background:#fdecea;border:1px solid #f5c6cb;border-radius:8px;align-items:center;gap:10px;margin:20px 0;padding:16px 20px;font-size:1rem;display:flex}.hd-loading{color:#888;justify-content:center;align-items:center;gap:10px;padding:60px;font-size:1.1rem;display:flex}.hd-summary-cards{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.hd-card{text-align:center;background:#fff;border-top:4px solid #ddd;border-radius:10px;flex:1;min-width:120px;padding:16px 22px;box-shadow:0 2px 6px #0000000f}.hd-card.blue{border-top-color:#3498db}.hd-card.green{border-top-color:#27ae60}.hd-card.orange{border-top-color:#f39c12}.hd-card.red{border-top-color:#e74c3c}.hd-card-val{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1}.hd-card-lbl{color:#7f8c8d;margin-top:4px;font-size:.82rem}.hd-rankings{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.hd-rank-box{background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 2px 6px #0000000f}.hd-rank-box h4{color:#2c3e50;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;display:flex}.hd-rank-box.top h4{color:#f39c12}.hd-rank-box.bottom h4{color:#e74c3c}.hd-rank-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:6px 0;font-size:.9rem;display:flex}.hd-rank-row:last-child{border-bottom:none}.rank-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.rank-name{color:#2c3e50;flex:1;font-weight:600}.rank-class{color:#7f8c8d;font-size:.82rem}.rank-pct{text-align:right;min-width:40px;font-weight:700}.hd-tabs{gap:8px;margin-bottom:16px;display:flex}.hd-tab{color:#7f8c8d;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;padding:9px 20px;font-family:Sarabun,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s}.hd-tab.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.hd-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 2px 6px #0000000f}.hd-table{border-collapse:collapse;width:100%;min-width:700px}.hd-table thead th{color:#fff;text-align:center;white-space:nowrap;background:#2c3e50;border-right:1px solid #ffffff1a;padding:10px 8px;font-size:.82rem}.hd-table thead th:first-child{text-align:left;padding-left:16px}.hd-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.hd-table tbody tr:hover{background:#f8f9fa}.hd-table tbody tr.row-good{border-left:3px solid #27ae60}.hd-table tbody tr.row-mid{border-left:3px solid #f39c12}.hd-table tbody tr.row-low{border-left:3px solid #e74c3c}.td-teacher{min-width:140px;padding:10px 16px}.td-class{text-align:center;color:#3498db;white-space:nowrap;padding:10px 8px;font-weight:600}.td-count{text-align:center;color:#555;padding:10px 8px}.teacher-name{color:#2c3e50;font-weight:600}.no-teacher{color:#bdc3c7;font-style:italic;font-weight:400}.metric-cell{text-align:center;vertical-align:middle;padding:6px 8px}.metric-icon{color:#aaa;margin-bottom:2px;font-size:.75rem}.metric-count{color:#888;margin-top:2px;font-size:.72rem}.no-data{color:#bdc3c7;font-size:.75rem;font-style:italic}.attend-cell{min-width:60px}.attend-days{font-size:1.2rem;font-weight:700}.attend-days.has-data{color:#27ae60}.attend-days.no-days{color:#bdc3c7}.pct-bar-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.pct-bar-wrap.md .pct-bar-bg{width:100px;height:8px}.pct-bar-wrap.sm .pct-bar-bg{width:64px;height:6px}.pct-bar-bg{background:#ecf0f1;border-radius:4px;overflow:hidden}.pct-bar-fill{border-radius:4px;height:100%;transition:width .4s}.pct-label{font-size:.8rem;font-weight:700}.pct-bar-wrap.sm .pct-label{font-size:.75rem}.overall-cell .pct-bar-wrap.md .pct-bar-bg{width:90px;height:10px}.hd-row-clickable{cursor:pointer}.hd-row-clickable:hover{background:#eef2ff!important}.hd-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hd-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.hd-modal-header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;display:flex}.hd-modal-title{color:#1a1a4e;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.hd-modal-sub{color:#7f8c8d;margin-top:3px;font-size:.83rem}.hd-modal-close{cursor:pointer;color:#888;background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.hd-modal-close:hover{color:#333}.hd-modal-loading,.hd-modal-empty{text-align:center;color:#888;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.hd-modal-all-done{text-align:center;color:#27ae60;padding:32px 20px;font-size:1rem;font-weight:600}.hd-modal-body{flex-direction:column;gap:20px;padding:16px 20px 20px;display:flex;overflow-y:auto}.hd-detail-section-title{color:#2c3e50;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:700;display:flex}.hd-detail-row{border-bottom:1px solid #f5f5f5;grid-template-columns:1fr 56px 44px 80px;align-items:center;gap:8px;padding:7px 0;font-size:.88rem;display:grid}.hd-detail-row:last-child{border-bottom:none}.hd-detail-name{color:#2c3e50}.hd-detail-count{text-align:center;color:#7f8c8d;font-size:.8rem}.hd-detail-pct{text-align:right;font-size:.88rem;font-weight:700}.hd-detail-bar-bg{background:#ecf0f1;border-radius:4px;height:6px;overflow:hidden}.hd-detail-bar-fill{border-radius:4px;height:100%;transition:width .4s}@media (max-width:1024px){.hd-rankings{grid-template-columns:1fr}}@media (max-width:768px){.hd-container{padding:12px 12px 80px}.hd-summary-cards{gap:10px}.hd-card{min-width:80px;padding:12px}.hd-card-val{font-size:1.6rem}.hd-rankings{grid-template-columns:1fr}}.roster-page{background:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.roster-controls{background:#fff;border-left:5px solid #3498db;border-radius:10px;margin-bottom:20px;padding:20px 24px;box-shadow:0 2px 6px #0000000f}.roster-page-title{color:#2c3e50;align-items:center;gap:10px;margin:0 0 16px;font-size:1.2rem;display:flex}.controls-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.ctrl-group{flex-direction:column;gap:6px;display:flex}.ctrl-group label{color:#555;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.ctrl-select{border:1px solid #ddd;border-radius:6px;outline:none;min-width:200px;padding:9px 14px;font-family:Sarabun,sans-serif;font-size:1rem}.col-count-ctrl{border:1px solid #ddd;border-radius:6px;align-items:center;gap:0;display:flex;overflow:hidden}.col-count-ctrl button{color:#2c3e50;cursor:pointer;background:#ecf0f1;border:none;justify-content:center;align-items:center;width:36px;height:38px;font-size:1rem;transition:background .15s;display:flex}.col-count-ctrl button:hover{background:#d5dbdb}.col-count-val{text-align:center;color:#2c3e50;width:44px;font-size:1rem;font-weight:700}.btn-print{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:6px;align-items:center;gap:8px;height:38px;padding:9px 22px;font-family:Sarabun,sans-serif;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.btn-print:hover:not(:disabled){background:#1a252f}.btn-print:disabled{opacity:.45;cursor:default}.preview-hint{color:#888;margin-top:12px;font-size:.82rem}.roster-preview{box-sizing:border-box;background:#fff;border-radius:10px;width:210mm;min-height:297mm;margin:0 auto;padding:15mm;box-shadow:0 2px 8px #00000014}.roster-header{align-items:flex-start;margin-bottom:6mm;display:flex}.roster-logo{object-fit:contain;flex-shrink:0;width:22mm;height:22mm}.roster-logo-placeholder{flex-shrink:0;width:22mm;height:22mm}.roster-title-wrap{text-align:center;flex:1}.roster-title-wrap h2{color:#000;margin:0 0 1mm;font-size:15pt;font-weight:700}.roster-title-wrap p{color:#000;margin:0;font-size:12pt;line-height:1.6}.roster-table{border-collapse:collapse;table-layout:fixed;width:100%}.roster-table th,.roster-table td{white-space:nowrap;height:var(--row-h,7.5mm);line-height:var(--row-h,7.5mm);vertical-align:middle;color:#000;border:1px solid #000;padding:0 1mm;font-size:11pt;overflow:hidden}.roster-table thead th{text-align:center;background:#f0f0f0;font-weight:700}.col-no,.col-code{text-align:center}.col-name{text-align:left;padding-left:2mm!important}@media (max-width:900px){.roster-preview{width:100%;min-height:unset;padding:10px}}.ecdr-container{max-width:870px;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.ecdr-container .page-title{color:#2c3e50;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ecdr-print-area{flex-direction:column;gap:32px;margin-top:22px;display:flex}.ecdr-page{box-sizing:border-box;page-break-after:always;background:#fff;border:1px solid #ccc;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;padding:12mm 16mm 10mm;font-family:Sarabun,TH Sarabun New,Tahoma,sans-serif;font-size:10.5pt;display:flex;box-shadow:0 2px 16px #0000001f}.ecdr-spacer-fill{flex:1;min-height:12px}.ecdr-header{border-bottom:2.5px solid #1a1a4e;align-items:center;gap:14px;margin-bottom:10px;padding-bottom:8px;display:flex}.ecdr-header-compact{border-bottom-width:1.5px;margin-bottom:8px;padding-bottom:6px}.ecdr-logo{object-fit:contain;flex-shrink:0;width:60px;height:60px}.ecdr-logo-sm{width:46px;height:46px}.ecdr-title-block{text-align:center;flex:1}.ecdr-school{color:#333;margin:0 0 2px;font-size:10.5pt}.ecdr-title{color:#1a1a4e;margin:0 0 2px;font-size:14pt;font-weight:700}.ecdr-title-sm{font-size:12pt}.ecdr-sub{color:#555;margin:0;font-size:9.5pt}.ecdr-student-bar{background:#fafafa;border:1px solid #aaa;border-radius:4px;flex-wrap:wrap;gap:6px 20px;margin-bottom:8px;padding:5px 10px;font-size:10pt;display:flex}.ecdr-student-bar span{white-space:nowrap}.ecdr-aspect-block{margin-bottom:8px}.ecdr-aspect-title{color:#fff;background:#2c3e50;border-radius:2px;margin-bottom:2px;padding:3px 8px;font-size:10pt;font-weight:700}.ecdr-table{border-collapse:collapse;width:100%;font-size:9pt}.ecdr-table th,.ecdr-table td{text-align:center;vertical-align:middle;border:1px solid #999;padding:3px 5px}.ecdr-th-std{color:#fff;background:#34495e;width:55%;text-align:left!important}.ecdr-th-lvl{color:#fff;white-space:nowrap;background:#34495e;width:10%;font-size:8.5pt}.ecdr-th-lvl-label{color:#fff;background:#34495e;width:15%;font-size:8.5pt}.ecdr-td-name{font-size:9pt;text-align:left!important}.ecdr-td-center{text-align:center!important}.ecdr-std{color:#777;margin-bottom:1px;font-size:7.5pt;display:block}.ecdr-ind{font-size:9pt;display:block}.ecdr-td-mark{color:#1a7a3c;text-align:center;font-size:11pt;font-weight:700}.ecdr-level-badge{border-radius:3px;padding:1px 10px;font-size:10pt;font-weight:700;display:inline-block}.ecdr-no-data{color:#999;margin:4px 0;font-size:9pt;font-style:italic}.ecdr-issue-date{text-align:right;color:#333;margin:6px 0 4px;font-size:9.5pt}.ecdr-signatures{border-top:1px dashed #aaa;justify-content:space-around;margin-top:10px;padding-top:8px;display:flex}.ecdr-sig{text-align:center;min-width:140px}.ecdr-sig-line{margin-bottom:3px;font-size:10pt}.ecdr-sig-name{color:#333;margin-bottom:2px;font-size:9pt}.ecdr-sig-role{color:#555;font-size:9pt}.ecdr-table-scroll{margin-bottom:6px;overflow-x:auto}.ecdr-class-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:8.5pt}.ecdr-class-table th,.ecdr-class-table td{text-align:center;vertical-align:middle;border:1px solid #bbb;padding:3px 4px}.ecdr-th-name{color:#fff;white-space:nowrap;background:#34495e;min-width:120px;max-width:180px;font-size:8.5pt;text-align:left!important;padding:4px 6px!important}.ecdr-th-ind{color:#fff;background:#34495e;width:26px;min-width:26px;font-size:8pt;font-weight:700;padding:4px 2px!important}.ecdr-th-term-group{color:#fff;text-align:center;background:#2c3e50;font-size:8.5pt;border-bottom:2px solid #aaa!important;padding:4px 6px!important}.ecdr-td-name-left{white-space:nowrap;font-size:8.5pt;text-align:left!important;padding:3px 6px!important}.ecdr-td-level{text-align:center;min-width:22px;font-size:9pt;font-weight:700;padding:3px 2px!important}.ecdr-tr-alt{background:#f8f9fa}.ecdr-footnotes{background:#f8f9fa;border:1px solid #ddd;border-radius:3px;margin-top:6px;padding:5px 8px}.ecdr-footnote-legend{color:#444;margin-bottom:4px;font-size:8pt}.ecdr-footnote-list{flex-direction:column;gap:2px;display:flex}.ecdr-footnote-item{color:#555;font-size:7.5pt;line-height:1.4}.ecdr-footnote-inline{flex-flow:wrap;gap:4px 12px}.ecdr-footnote-inline span{color:#555;font-size:7.5pt}.ecdr-aspect-legend{opacity:.85;font-size:8pt;font-weight:400}@media (max-width:820px){.ecdr-page{width:100%;min-height:unset;padding:6mm 4mm}}@media print{.ecdr-container>h2,.filter-card,.btn-export{display:none!important}.ecdr-print-area{gap:0}.ecdr-page{box-shadow:none;page-break-after:always;border:none;width:210mm;min-height:297mm;padding:12mm 16mm 10mm}}.ecdr-approval-date{text-align:right;color:#333;margin:6px 0 4px;font-size:9.5pt}.ecdr-cover-page{justify-content:center;align-items:center;display:flex}.ecdr-cover-content{text-align:center;width:100%;padding:20mm 0}.ecdr-cover-logo{object-fit:contain;width:80px;height:80px;margin-bottom:12px}.ecdr-cover-school{color:#1a1a4e;margin-bottom:10px;font-size:14pt;font-weight:700}.ecdr-cover-title{color:#1a1a4e;margin:16px 0 12px;font-size:22pt;font-weight:700}.ecdr-cover-details{color:#333;margin:12px 0;font-size:13pt;line-height:2}.ecdr-cover-teacher{color:#333;margin:12px 0;font-size:12pt}.ecdr-cover-approval{color:#555;margin:8px 0 20px;font-size:11pt}.ecdr-cover-signatures{justify-content:space-around;margin-top:30px;display:flex}.ecrc-container{max-width:870px;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.ecrc-print-area{flex-direction:column;gap:32px;margin-top:22px;display:flex}.ecrc-page{box-sizing:border-box;page-break-after:always;background:#fff;border:1px solid #ccc;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;padding:14mm 18mm 12mm;font-family:Sarabun,TH Sarabun New,Tahoma,sans-serif;font-size:11pt;display:flex;box-shadow:0 2px 16px #0000001f}.ecrc-spacer-fill{flex:1;min-height:16px}.ecrc-header{border-bottom:2.5px solid #1a1a4e;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}.ecrc-header-compact{border-bottom-width:1.5px;margin-bottom:10px;padding-bottom:7px}.ecrc-logo{object-fit:contain;flex-shrink:0;width:68px;height:68px}.ecrc-logo-sm{width:50px;height:50px}.ecrc-title-block{text-align:center;flex:1}.ecrc-school{color:#333;margin:0 0 2px;font-size:11pt}.ecrc-title{color:#1a1a4e;margin:0 0 2px;font-size:16pt;font-weight:700}.ecrc-title-sm{font-size:13pt}.ecrc-sub{color:#555;margin:0;font-size:10pt}.ecrc-info-row{background:#fafafa;border:1.5px solid #aaa;border-radius:4px;gap:16px;margin-bottom:14px;padding:10px 14px;display:flex}.ecrc-info-main{flex:1}.ecrc-info-line{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:5px;font-size:11pt;display:flex}.ecrc-label{color:#333;flex-shrink:0;min-width:88px;font-weight:700}.ecrc-label-right{min-width:70px;margin-left:12px}.ecrc-value{color:#111;flex:1}.ecrc-name-big{color:#1a1a4e;font-size:12pt;font-weight:600}.ecrc-blank-line{color:#aaa;letter-spacing:2px}.ecrc-photo-wrap{flex-shrink:0;width:80px}.ecrc-photo{object-fit:cover;border:1px solid #aaa;border-radius:4px;width:80px;height:100px}.ecrc-photo-placeholder{color:#aaa;border:1px dashed #aaa;border-radius:4px;justify-content:center;align-items:center;width:80px;height:100px;font-size:9pt;display:flex}.ecrc-section{margin-bottom:12px}.ecrc-section-title{color:#fff;background:#2c3e50;border-radius:2px;margin-bottom:7px;padding:4px 10px;font-size:11pt;font-weight:700}.ecrc-dev-table{border-collapse:collapse;width:100%;font-size:10.5pt}.ecrc-dev-table th,.ecrc-dev-table td{text-align:center;vertical-align:middle;border:1px solid #999;padding:4px 7px}.ecrc-dev-table th{color:#fff;background:#34495e;font-weight:600}.ecrc-asp-name{font-size:10pt;text-align:left!important}.ecrc-asp-badge-cell{width:70px}.ecrc-level-badge{border-radius:4px;padding:2px 12px;font-size:11pt;font-weight:700;display:inline-block}.ecrc-asp-label{font-size:10pt}.ecrc-scale-note{color:#666;text-align:right;margin:4px 0 8px;font-size:9pt;font-style:italic}.ecrc-no-data{color:#999;margin:4px 0;font-size:10pt;font-style:italic}.ecrc-att-row{flex-wrap:wrap;gap:10px;display:flex}.ecrc-att-box{text-align:center;border:1px solid #bbb;border-radius:4px;min-width:70px;padding:5px 14px}.ecrc-att-box span{color:#555;font-size:9pt;display:block}.ecrc-att-box b{color:#222;font-size:11pt}.ecrc-att-absent b{color:#c0392b}.ecrc-comment-row{gap:16px;display:flex}.ecrc-comment-box{flex:1}.ecrc-comment-label{color:#333;margin-bottom:6px;font-size:10pt;font-weight:700}.ecrc-line{border-bottom:1px solid #aaa;height:20px;margin-bottom:5px}.ecrc-issue-date{text-align:right;color:#333;margin:8px 0 6px;font-size:10pt}.ecrc-signatures{border-top:1px dashed #aaa;justify-content:space-around;margin-top:10px;padding-top:10px;display:flex}.ecrc-sig{text-align:center;min-width:120px}.ecrc-sig-line{margin-bottom:4px;font-size:10.5pt}.ecrc-sig-name{color:#333;margin-bottom:2px;font-size:9.5pt}.ecrc-sig-role{color:#555;font-size:9.5pt}@media (max-width:820px){.ecrc-page{width:100%;min-height:unset;padding:8mm 6mm}}@media print{.ecrc-container>h2,.filter-card,.btn-export{display:none!important}.ecrc-print-area{gap:0}.ecrc-page{box-shadow:none;page-break-after:always;border:none;width:210mm;min-height:297mm;padding:14mm 18mm 12mm}}.ecrc-approval-date{text-align:right;color:#333;margin:8px 0 6px;font-size:10pt}.ecr-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.ecr-container .page-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ecr-container .page-header-row h2{color:#2c3e50;align-items:center;gap:10px;margin:0;display:flex}.ecr-container .filter-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.ecr-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.ecr-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:180px;display:flex}.ecr-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.ecr-container .filter-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:Sarabun,sans-serif;font-size:1rem}.ecr-table th,.ecr-table td{vertical-align:middle;padding:8px 6px}.ecr-th-student{white-space:nowrap;min-width:160px;text-align:left!important}.ecr-th-routine{text-align:center;vertical-align:top;min-width:110px}.ecr-routine-label{margin-bottom:4px;font-size:.82rem;font-weight:600;line-height:1.3}.ecr-bulk-col-btns,.ecr-bulk-row-btns{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:3px;display:flex}.ecr-bulk-row-btns{justify-content:flex-start;margin-top:4px}.ecr-mini-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:3px;padding:2px 5px;font-family:Sarabun,sans-serif;font-size:.7rem;font-weight:600}.ecr-mini-btn:hover{opacity:.8}.ecr-td-student{text-align:left;min-width:160px;font-size:.88rem}.ecr-td-cell{text-align:center;padding:4px!important}.ecr-select{cursor:pointer;border:2px solid;border-radius:5px;width:100%;padding:4px;font-family:Sarabun,sans-serif;font-size:.82rem}.ecr-td-save{white-space:nowrap}.ecr-save-btn{gap:4px!important;padding:6px 12px!important;font-size:.85rem!important}@media (max-width:768px){.ecr-container .filter-row{flex-direction:column}.ecr-select{font-size:16px!important}}.dspm-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.dspm-container .page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dspm-container .page-header-row h2{color:#2c3e50;align-items:center;gap:10px;margin:0;display:flex}.dspm-container .filter-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.dspm-container .filter-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.dspm-container .filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.dspm-container .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.dspm-container .filter-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:Sarabun,sans-serif;font-size:1rem}.dspm-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.dspm-student-header{color:#fff;background:#2c3e50;padding:16px 20px}.dspm-student-header h3{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 4px;font-size:1.2rem;display:flex}.dspm-level-tag{background:#fff3;border-radius:4px;padding:2px 10px;font-size:.9rem;font-weight:400}.dspm-subtitle{opacity:.8;margin:0;font-size:.9rem}.dspm-table{border-radius:0!important}.dspm-table th{text-align:center}.dspm-td-label{font-size:.95rem;padding:10px 16px!important}.dspm-td-radio{text-align:center;min-width:80px;padding:8px!important}.dspm-radio{cursor:pointer;width:18px;height:18px}.dspm-radio-pass{accent-color:#27ae60}.dspm-radio-fail{accent-color:#e74c3c}.dspm-badge{border-radius:4px;margin-left:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.dspm-pass{color:#1e8449;background:#d5f5e3}.dspm-fail{color:#c0392b;background:#fde8e4}.dspm-na{color:#7f8c8d;background:#f0f0f0}.dspm-save-row{border-top:1px solid #f0f0f0;justify-content:flex-end;padding:16px 20px;display:flex}.loading-text{text-align:center;color:#7f8c8d;padding:40px}.empty-state{text-align:center;color:#7f8c8d;padding:60px}.dspm-bulk-row{background:#f8f9fa;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.dspm-bulk-label{color:#555;margin-right:4px;font-size:.85rem;font-weight:600}.dspm-bulk-btn{cursor:pointer;border:none;border-radius:5px;padding:5px 14px;font-family:Sarabun,sans-serif;font-size:.85rem;font-weight:600}.dspm-bulk-pass{color:#1a7a3c;background:#d5f5e3}.dspm-bulk-pass:hover{background:#a9dfbf}.dspm-bulk-fail{color:#a93226;background:#fadbd8}.dspm-bulk-fail:hover{background:#f1948a}.dspm-bulk-clear{color:#555;background:#f0f0f0}.dspm-bulk-clear:hover{background:#ddd}@media (max-width:768px){.dspm-container .filter-row{flex-direction:column}.dspm-container .page-header-row{flex-direction:column;align-items:flex-start}}.smi-container{max-width:100%;padding:20px;font-family:Sarabun,sans-serif}.smi-title{color:#1a1a4e;align-items:center;gap:10px;margin-bottom:16px;font-size:1.4rem;display:flex}.smi-legend{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.smi-badge{border:1px solid #0000001a;border-radius:20px;padding:4px 12px;font-size:.82rem}.smi-controls{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.smi-control-group{flex-direction:column;gap:4px;display:flex}.smi-control-group label{color:#666;font-size:.85rem;font-weight:600}.smi-control-group select{border:1px solid #ddd;border-radius:8px;min-width:180px;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:.95rem}.smi-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-family:Sarabun,sans-serif;font-size:.95rem;transition:opacity .2s;display:inline-flex}.smi-btn:disabled{opacity:.5;cursor:not-allowed}.smi-btn-upload{color:#333;background:#f0f0f0}.smi-btn-fill{color:#fff;background:#1a1a4e}.smi-btn-fill:hover:not(:disabled){background:#2d2d6e}.smi-btn-download{color:#fff;background:#27ae60}.smi-btn-download:hover{background:#219a52}.smi-warnings{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.smi-warnings ul{margin:6px 0 0 16px;padding:0}.smi-stats{flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.smi-stat{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-weight:600;display:inline-flex}.smi-stat-filled{color:#155724;background:#d4edda}.smi-stat-skipped{color:#495057;background:#e9ecef}.smi-stat-warn{color:#856404;background:#fff3cd}.smi-stat-err{color:#721c24;background:#f8d7da}.smi-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.smi-table{border-collapse:collapse;width:100%;font-size:.85rem}.smi-table th{color:#fff;text-align:center;white-space:nowrap;background:#1a1a4e;padding:8px 10px;font-weight:600;position:sticky;top:0}.smi-table td{text-align:center;white-space:nowrap;border:1px solid #eee;padding:6px 10px;font-size:.85rem}.smi-table tbody tr:hover td{filter:brightness(.96)}.smi-table td:first-child,.smi-table td:nth-child(2),.smi-table td:nth-child(3),.smi-table th:first-child,.smi-table th:nth-child(2),.smi-table th:nth-child(3){text-align:left}.smi-empty{text-align:center;color:#999;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:60px 20px;font-size:1.05rem;display:flex;box-shadow:0 2px 8px #0000000d}.spin{animation:1s linear infinite spin}@media (max-width:600px){.smi-container{padding:12px 12px 80px}.smi-controls{flex-direction:column;align-items:stretch}.smi-control-group select,.smi-btn{justify-content:center;width:100%}.smi-title{font-size:1.1rem}}.student-dashboard{padding-bottom:50px;font-family:Sarabun,sans-serif}.student-dashboard .dashboard-header{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 10px #27ae604d}.student-dashboard .dashboard-header h1{margin:0;font-size:1.8rem}.student-dashboard .class-badge{opacity:.95;margin-top:5px;font-size:1.1rem}.student-dashboard .date-badge{opacity:.85;margin-top:5px;font-size:.95rem}.student-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.student-dashboard .stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000000d}.student-dashboard .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.student-dashboard .stat-info h3{color:#2c3e50;margin:0;font-size:2rem;font-weight:700}.student-dashboard .stat-info p{color:#7f8c8d;margin:5px 0 0;font-size:.9rem}.student-dashboard .stat-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.student-dashboard .schedule-section{margin-bottom:30px}.student-dashboard .schedule-section h2{color:#2c3e50;align-items:center;gap:8px;margin-bottom:15px;font-size:1.3rem;display:flex}.student-dashboard .timeline-container{flex-direction:column;gap:15px;display:flex}.student-dashboard .timeline-card{background:#fff;border-left:5px solid #27ae60;border-radius:10px;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 5px #0000000d}.student-dashboard .timeline-card:hover{transform:translateY(-3px)}.student-dashboard .time-box{color:#555;align-items:center;gap:8px;min-width:150px;font-weight:700;display:flex}.student-dashboard .info-box{flex-grow:1}.student-dashboard .info-box h3{color:#2c3e50;margin:0 0 5px;font-size:1.1rem}.student-dashboard .code-badge{color:#7f8c8d;background:#ecf0f1;border-radius:4px;padding:2px 6px;font-size:.8rem}.student-dashboard .room-info{color:#7f8c8d;align-items:center;gap:5px;margin:0;font-size:.9rem;display:flex}.student-dashboard .empty-schedule{text-align:center;color:#7f8c8d;background:#fff;border-radius:10px;padding:40px;font-size:1.1rem;box-shadow:0 2px 5px #0000000d}.student-dashboard .quick-actions-section h2{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.student-dashboard .quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.student-dashboard .action-card{color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0000001a}.student-dashboard .action-card:hover{color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.student-dashboard .action-icon{font-size:2rem}.student-dashboard .action-green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.student-dashboard .action-blue{background:linear-gradient(135deg,#2980b9,#3498db)}.student-dashboard .action-purple{background:linear-gradient(135deg,#8e44ad,#9b59b6)}@media (max-width:768px){.student-dashboard .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.student-dashboard .dashboard-header{margin-bottom:20px;padding:20px}.student-dashboard .timeline-card{flex-direction:column;align-items:flex-start;gap:10px}.student-dashboard .time-box{min-width:auto}.student-dashboard .quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.student-dashboard .action-card{padding:20px 12px;font-size:.95rem}}@media (max-width:480px){.student-dashboard .stats-grid{grid-template-columns:1fr}.student-dashboard .dashboard-header h1{font-size:1.4rem}.student-dashboard .quick-actions-grid{grid-template-columns:1fr}}.sc-page{max-width:900px;margin:0 auto;padding:16px 16px 60px;font-family:Sarabun,sans-serif}.sc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sc-title{color:#1a1a4e;align-items:center;gap:8px;margin:0;font-size:1.4rem;font-weight:700;display:flex}.sc-student-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sc-student-name{color:#2c3e50;font-size:.95rem;font-weight:600}.sc-student-class{color:#7f8c8d;font-size:.82rem}.sc-loading,.sc-empty{text-align:center;color:#7f8c8d;padding:60px 20px;font-size:1rem}.sc-sections{flex-direction:column;gap:24px;display:flex}.sc-term-header{color:#1a1a4e;background:#f0f4ff;border-left:4px solid #3498db;border-radius:0 6px 6px 0;margin-bottom:10px;padding:8px 14px;font-size:1rem;font-weight:700}.sc-table-wrap{border:1px solid #e8ecf0;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.sc-table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.sc-table thead tr{color:#fff;background:#1a1a4e}.sc-table thead th{white-space:nowrap;text-align:left;padding:10px 12px;font-weight:600}.sc-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.sc-table tbody tr:last-child{border-bottom:none}.sc-row-clickable{cursor:pointer}.sc-row-clickable:hover{background:#f8f9ff}.sc-row-open{background:#f0f4ff!important}.sc-table td{vertical-align:middle;padding:10px 12px}.sc-center{text-align:center}.sc-col-num{text-align:center;color:#888;width:36px;font-size:.82rem}.sc-col-name{min-width:160px}.sc-col-cred{width:68px}.sc-col-score{width:72px}.sc-col-max,.sc-col-pct,.sc-col-grade{width:60px}.sc-col-exp{width:36px}.sc-subj-name{color:#2c3e50;font-weight:600;line-height:1.3}.sc-subj-code{color:#7f8c8d;margin-top:2px;font-size:.75rem}.sc-score-val{color:#2c3e50;font-weight:700}.sc-grade-badge{color:#fff;text-align:center;border-radius:12px;min-width:36px;padding:3px 8px;font-size:.85rem;font-weight:700;display:inline-block}.sc-exp-icon{color:#95a5a6;font-size:.8rem}.sc-detail-row{background:#f5f8ff}.sc-detail-cell{border-bottom:none!important;padding:5px 12px!important}.sc-detail-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700;padding-top:10px!important}.sc-detail-data{background:#f8faff}.sc-detail-data:last-child .sc-detail-cell{padding-bottom:10px!important}.sc-detail-name{color:#444;font-size:.88rem;padding-left:20px!important}.sc-detail-score{color:#2c3e50;font-size:.9rem;font-weight:700}.sc-detail-max{color:#7f8c8d;font-size:.88rem}.sc-row-open td{border-bottom:none!important}.sc-pending{color:#bdc3c7}.sc-gpa-row{color:#fff;background:#1a1a4e}.sc-gpa-row td{padding:10px 12px}.sc-gpa-label{font-size:.9rem;font-weight:700}.sc-gpa-val{color:#f1c40f;font-size:1.3rem;font-weight:800}.sc-header-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.sc-btn-share{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-family:Sarabun,sans-serif;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #3498db66}.sc-btn-share:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3498db80}.sc-btn-share:active{transform:scale(.97)}.sc-story-wrap{visibility:hidden;z-index:-1;position:fixed;top:0;left:-9999px}.sc-story-card{background:linear-gradient(170deg,#e8f4fd 0%,#dbeafe 40%,#ede9fe 100%);width:540px;font-family:Sarabun,sans-serif;position:relative;overflow:hidden}.sc-story-header{background:linear-gradient(135deg,#1e3a5f 0%,#2563a8 100%);padding:24px 28px 20px;position:relative}.sc-story-logo-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.sc-story-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #0000004d);flex-shrink:0;width:60px;height:60px}.sc-story-school-text{flex-direction:column;gap:4px;display:flex}.sc-story-badge{color:#ffffffe6;letter-spacing:.14em;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;width:fit-content;padding:3px 12px;font-size:.7rem;font-weight:700;display:inline-block}.sc-story-school-name{color:#ffffffd9;font-size:.88rem;font-weight:600}.sc-story-divider{background:#fff3;height:1px;margin-bottom:14px}.sc-story-name{color:#fff;margin-bottom:4px;font-size:1.3rem;font-weight:800;line-height:1.3}.sc-story-class{color:#ffffffb3;font-size:.88rem}.sc-story-body{padding:0 20px}.sc-story-term{margin-bottom:12px}.sc-story-term-label{color:#3498db;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;padding:6px 8px 4px;font-size:.75rem;font-weight:700}.sc-story-subj{background:#ffffff8c;border-radius:6px;align-items:center;gap:8px;margin-bottom:3px;padding:7px 10px;display:flex}.sc-story-subj-alt{background:#ffffff4d}.sc-story-subj-num{color:#aab4c0;text-align:right;flex-shrink:0;width:18px;font-size:.7rem}.sc-story-subj-name{color:#1a2a3a;flex:1;font-size:.85rem;line-height:1.3}.sc-story-subj-score{color:#6b7c8d;white-space:nowrap;flex-shrink:0;font-size:.78rem}.sc-story-grade-badge{color:#fff;text-align:center;border-radius:12px;flex-shrink:0;min-width:34px;padding:3px 9px;font-size:.78rem;font-weight:800;display:inline-block}.sc-story-term-gpa{text-align:right;color:#8a9ab0;padding:4px 10px 0;font-size:.75rem}.sc-story-term-gpa span{color:#2c3e50;font-weight:700}.sc-story-gpa-banner{text-align:center;background:#fff9;border:1px solid #1e3a5f1f;border-radius:14px;margin:20px 20px 0;padding:20px}.sc-story-gpa-label{color:#6b7c8d;letter-spacing:.05em;margin-bottom:6px;font-size:.78rem}.sc-story-gpa-val{color:#f1c40f;letter-spacing:-.02em;font-size:3.2rem;font-weight:900;line-height:1}.sc-story-footer{text-align:center;color:#9aaabb;letter-spacing:.04em;padding:16px 20px 20px;font-size:.7rem}@media (max-width:600px){.sc-page{padding:12px 8px 70px}.sc-title{font-size:1.15rem}.sc-header{flex-direction:column;align-items:flex-start}.sc-student-info{align-items:flex-start}.sc-table{font-size:.82rem}.sc-table thead th,.sc-table td{padding:8px}.sc-col-cred,.sc-col-max,.sc-subj-code{display:none}.sc-detail-row td{padding:0 4px 8px 8px!important}.sc-gpa-val{font-size:1.1rem}}.student-attendance{padding-bottom:50px;font-family:Sarabun,sans-serif}.student-attendance .page-header{margin-bottom:25px}.student-attendance .page-header h1{color:#2c3e50;align-items:center;gap:10px;font-size:1.6rem;display:flex}.student-attendance .empty-state{text-align:center;color:#7f8c8d;background:#fff;border-radius:12px;padding:60px 20px;font-size:1.1rem;box-shadow:0 2px 8px #0000000d}.student-attendance .table-wrapper{background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.student-attendance .attendance-table{border-collapse:collapse;width:100%;min-width:600px}.student-attendance .attendance-table th{text-align:left;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #eee;padding:12px 15px;font-size:.9rem;font-weight:600}.student-attendance .attendance-table td{border-bottom:1px solid #f0f0f0;padding:12px 15px;font-size:.95rem}.student-attendance .attendance-table .center{text-align:center}.student-attendance .subject-name{color:#2c3e50;font-weight:500}.student-attendance .subject-code-small{color:#95a5a6;font-size:.8rem}.student-attendance .status-present{color:#27ae60;font-weight:600}.student-attendance .status-late{color:#f39c12;font-weight:600}.student-attendance .status-leave{color:#3498db;font-weight:600}.student-attendance .status-absent{color:#e74c3c;font-weight:600}.student-attendance .percent-badge{border-radius:12px;padding:3px 10px;font-size:.85rem;font-weight:600}.student-attendance .percent-badge.good{color:#27ae60;background:#d5f5e3}.student-attendance .percent-badge.warn{color:#f39c12;background:#fef9e7}.student-attendance .percent-badge.danger{color:#e74c3c;background:#fdedec}.student-attendance .total-row{background:#f8f9fa}.student-attendance .total-row td{border-bottom:none}@media (max-width:768px){.student-attendance .table-wrapper{border-radius:0;margin:0 -10px}}.actchk-container{max-width:700px;margin:0 auto;padding:20px}.actchk-container h2{color:#1a1a4e;margin-bottom:16px}.actchk-empty{text-align:center;color:#888;background:#f8f9fc;border-radius:8px;padding:30px;font-style:italic}.actchk-duties{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.actchk-duty-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #c5cfe8;border-radius:8px;flex:1;min-width:180px;padding:14px;font-family:inherit;transition:border-color .15s,background .15s}.actchk-duty-card:hover,.actchk-duty-card.selected{background:#eef2ff;border-color:#1a1a4e}.actchk-duty-card.closed{opacity:.6}.actchk-duty-name{margin-bottom:6px;font-size:.95rem;font-weight:700}.actchk-duty-time{color:#555;align-items:center;gap:5px;margin-bottom:6px;font-size:.85rem;display:flex}.actchk-duty-status{border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.actchk-duty-status.open{color:#155724;background:#d4edda}.actchk-duty-status.closed{color:#721c24;background:#f8d7da}.actchk-date-badge{color:#1a1a4e;background:#eef2ff;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.85rem;display:inline-block}.actchk-error{color:#c0392b;background:#fff0f0;border:1px solid #f5b7b1;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:.9rem}.actchk-quickset{color:#555;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;display:flex}.actchk-quick-btn{cursor:pointer;background:#fff;border:1.5px solid;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:.85rem}.actchk-quick-btn:hover{opacity:.8}.actchk-class-block{margin-bottom:16px}.actchk-class-title{color:#1a1a4e;background:#eef2ff;border-left:4px solid #1a1a4e;margin-bottom:6px;padding:5px 12px;font-size:.9rem;font-weight:700}.actchk-table{border-collapse:collapse;width:100%;font-size:.88rem}.actchk-table th{color:#fff;text-align:center;background:#1a1a4e;padding:6px 8px}.actchk-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #e8e8e8;padding:5px 8px}.actchk-table td:nth-child(2){text-align:left}.actchk-table input[type=radio]{accent-color:#1a1a4e;cursor:pointer}.actchk-row-present{background:#f0fff4}.actchk-row-late{background:#fffbf0}.actchk-row-leave{background:#f0f7ff}.actchk-row-absent{background:#fff5f5}.actchk-save-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;align-items:center;gap:8px;margin-top:16px;padding:10px 24px;font-family:inherit;font-size:.95rem;display:inline-flex}.actchk-save-btn:hover:not(:disabled){background:#219150}.actchk-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.actchk-container{padding:12px}.actchk-duties{flex-direction:column;gap:8px}.actchk-duty-card{min-width:unset;width:100%}.actchk-save-btn{justify-content:center;width:100%;min-height:44px}.table-responsive{overflow-x:auto}}.gcr-container{max-width:720px;margin:0 auto;padding:20px}.gcr-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gcr-header-row h2{color:#1a1a4e;margin:0;font-size:1.2rem}.gcr-btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.gcr-btn-primary{color:#fff;background:#1a1a4e}.gcr-btn-primary:hover:not(:disabled){background:#2a2a7e}.gcr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.gcr-btn-outline{color:#1a1a4e;background:#fff;border:1px solid #1a1a4e}.gcr-btn-outline:hover{background:#eef2ff}.gcr-empty{text-align:center;color:#999;background:#f8f9fc;border-radius:8px;padding:40px}.gcr-list{flex-direction:column;gap:12px;display:flex}.gcr-card{background:#fff;border:1px solid #e0e0e8;border-radius:8px;overflow:hidden}.gcr-card-header{background:#f4f6fb;border-bottom:1px solid #e0e0e8;align-items:center;gap:10px;padding:10px 14px;display:flex}.gcr-type-badge{color:#fff;white-space:nowrap;background:#1a1a4e;border-radius:12px;padding:2px 8px;font-size:.75rem}.gcr-card-header strong{flex:1;font-size:.95rem}.gcr-status{white-space:nowrap;font-size:.88rem;font-weight:700}.gcr-card-body{color:#333;flex-direction:column;gap:4px;padding:10px 14px;font-size:.88rem;display:flex}.gcr-reason{color:#555}.gcr-teacher-note{color:#7a5000;background:#fffbe6;border-left:3px solid #ffc107;padding:4px 8px;font-size:.84rem;font-style:italic}.gcr-card-footer{color:#888;background:#fafafa;border-top:1px solid #f0f0f0;padding:6px 14px;font-size:.8rem}.gcr-modal-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gcr-modal{background:#fff;border-radius:8px;width:460px;max-width:100%;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #0003}.gcr-modal h3{color:#1a1a4e;margin:0 0 16px}.gcr-form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.gcr-form-group label{color:#444;font-size:.86rem;font-weight:500}.gcr-form-group input,.gcr-form-group select,.gcr-form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;width:100%;padding:7px 10px;font-family:inherit;font-size:.9rem}.gcr-form-group textarea{resize:vertical}.gcr-form-row{gap:12px;display:flex}.gcr-form-row .gcr-form-group{flex:1}.gcr-modal-actions{gap:10px;margin-top:16px;display:flex}@media (max-width:768px){.gcr-container{padding:12px}.gcr-header-row{flex-direction:column;align-items:flex-start;gap:10px}.gcr-btn{justify-content:center;width:100%;min-height:44px}.gcr-form-row{flex-direction:column;gap:8px}.gcr-modal{padding:16px}.gcr-modal-actions{flex-direction:column}.gcr-modal-actions .gcr-btn{justify-content:center;width:100%}}.ecd-container{background-color:#f4f6f9;min-height:100vh;padding:20px;font-family:Sarabun,sans-serif}.ecd-header{color:#fff;background:linear-gradient(135deg,#1a1a6e,#2980b9);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #3498db4d}.ecd-header-icon{opacity:.9;flex-shrink:0;font-size:2.2rem}.ecd-header-info h2{margin:0 0 6px;font-size:1.4rem;font-weight:700}.ecd-meta{flex-wrap:wrap;gap:10px;display:flex}.ecd-meta-item{background:#fff3;border-radius:12px;padding:3px 12px;font-size:.85rem}.ecd-loading{text-align:center;color:#7f8c8d;padding:40px}.ecd-empty{color:#7f8c8d;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex;box-shadow:0 2px 8px #0000000d}.ecd-empty-icon{opacity:.3;margin-bottom:8px;font-size:3rem}.ecd-empty p{margin:0;font-size:1rem;font-weight:600}.ecd-empty-sub{color:#bdc3c7!important;font-size:.85rem!important;font-weight:400!important}.ecd-aspects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ecd-aspect-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.ecd-card-header{background:#fafbfc;border-bottom:1px solid #f0f0f0;border-left:5px solid #3498db;align-items:center;gap:10px;padding:14px 16px;display:flex}.ecd-card-icon{flex-shrink:0;font-size:1.3rem}.ecd-card-header h3{color:#2c3e50;flex:1;margin:0;font-size:1rem}.ecd-card-count{color:#2980b9;white-space:nowrap;background:#eaf4fd;border-radius:10px;padding:2px 8px;font-size:.78rem}.ecd-no-indicators{text-align:center;color:#bdc3c7;padding:20px;font-size:.9rem}.ecd-indicator-list{margin:0;padding:8px 0;list-style:none}.ecd-indicator-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.ecd-indicator-item:last-child{border-bottom:none}.ecd-indicator-name{color:#2c3e50;flex:1;font-size:.88rem;line-height:1.4}.ecd-badge{white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.ecd-badge-green{color:#27ae60;background:#eafaf1;border:1px solid #27ae60}.ecd-badge-orange{color:#e67e22;background:#fef5ec;border:1px solid #e67e22}.ecd-badge-red{color:#e74c3c;background:#fdf0ee;border:1px solid #e74c3c}.ecd-badge-gray{color:#bdc3c7;background:#f5f5f5;border:1px solid #dee2e6}@media (max-width:768px){.ecd-container{padding:12px 12px 80px}.ecd-aspects-grid{grid-template-columns:1fr}.ecd-header{border-radius:12px;padding:16px}.ecd-header-info h2{font-size:1.2rem}.ecd-indicator-item{flex-direction:column;align-items:flex-start;gap:6px}.ecd-badge{align-self:flex-start}}@media (max-width:480px){.ecd-header-icon{font-size:1.8rem}}