.lang-toggle{display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:none;border:1px solid #ccc;border-radius:6px;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:opacity .2s}.lang-toggle:hover{opacity:.7}.main-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:90;box-shadow:0 2px 4px #0000000d}.header__left{display:flex;align-items:center;gap:var(--spacing-md);justify-self:start}.header__center{justify-self:start;min-width:0;text-align:left}.header__title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__home{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer}.header__home-icon{width:22px;height:22px}.header__right{display:flex;align-items:center;gap:var(--spacing-lg);justify-self:end}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info__name{font-size:14px;color:var(--text-secondary)}@media (max-width: 767px){.user-info__name{display:none}}.header__logout{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;transition:opacity .2s}.header__logout:hover{opacity:.7}.header__logout-icon{width:22px;height:22px}.header__menu-toggle{display:flex;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px}.menu-icon{width:24px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s}.menu-icon:before,.menu-icon:after{content:"";display:block;width:24px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s}.nav-sidebar{display:flex;flex-direction:column;height:100%;background:#fff;overflow-y:auto}.logo{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.logo h2{margin:0;font-size:18px;color:var(--primary-color)}.nav-list{list-style:none;padding:var(--spacing-md) 0}.nav-list li{margin:0}.nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:15px;transition:all .2s;text-align:left}.nav-item:hover{background:var(--bg-light);color:var(--primary-color)}.nav-item--active{background:var(--bg-light);color:var(--primary-color);font-weight:600;border-left:3px solid var(--primary-color)}.nav-item__icon{font-size:20px;width:24px;text-align:center}.nav-item__label{flex:1}.nav-bottom{display:flex;justify-content:space-around;align-items:center;height:60px;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000d}.nav-bottom__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:12px;transition:all .2s}.nav-bottom__item:active,.nav-bottom__item:hover{color:var(--primary-color);background:var(--bg-light)}.nav-bottom__item--active{color:var(--primary-color);font-weight:600}.nav-bottom__icon{font-size:24px}.nav-bottom__label{font-size:11px;font-weight:500}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1023px){.main-content{padding-bottom:calc(60px + var(--spacing-lg))}}.responsive-layout{display:flex;flex-direction:column;min-height:100vh}@media (min-width: 1024px){.responsive-layout{flex-direction:row}.responsive-layout__sidebar{width:280px;position:fixed;left:0;top:0;height:100vh;border-right:1px solid var(--border-color);background:#fff;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.responsive-layout__main{margin-left:280px;flex:1;display:flex;flex-direction:column}.responsive-layout--no-sidebar .responsive-layout__main{margin-left:0}}@media (max-width: 1023px){.responsive-layout__sidebar{display:none}.responsive-layout__main{flex:1;display:flex;flex-direction:column}.responsive-layout--no-sidebar .nav-bottom{display:none}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:400px;animation:slideUp .5s ease-out}.login-lang-toggle{position:absolute;top:16px;right:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.logo{font-size:48px;margin-bottom:16px}.login-header h1{margin:0 0 8px;font-size:24px;font-weight:700;color:#1a1a1a}.subtitle{margin:0;font-size:14px;color:#666}.error-banner{background:#fee;border-left:4px solid #ef4444;color:#dc2626;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.error-banner:before{content:"⚠️"}.login-toggle{display:flex;gap:8px;margin-bottom:24px;background:#f3f4f6;padding:4px;border-radius:8px}.toggle-btn{flex:1;padding:10px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:#666;transition:all .2s}.toggle-btn:hover{color:#2563eb}.toggle-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000001a}.login-section{margin-bottom:24px}.google-button-wrapper{display:flex;justify-content:center;margin-bottom:20px}.google-button-wrapper>div{width:100%!important}.divider{text-align:center;font-size:13px;color:#999;margin:20px 0;position:relative;padding:0 10px}.divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#e0e0e0;z-index:-1}.divider{background:#fff}.form-group{margin-bottom:16px;display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.email-input{padding:12px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.email-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.email-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper .email-input{padding-right:42px}.password-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#999;transition:color .2s,background .2s}.password-toggle-btn:hover:not(:disabled){color:#2563eb;background:#f3f4f6}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-icon{width:18px;height:18px;display:block}.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-help{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:14px;margin-bottom:20px;font-size:13px;color:#666}.login-help p{margin:0 0 8px;font-weight:600;color:#1a1a1a}.login-help ul{margin:0;padding-left:20px}.login-help li{margin-bottom:4px;line-height:1.4}.login-help li:last-child{margin-bottom:0}.login-footer{text-align:center;padding-top:16px;border-top:1px solid #e0e0e0;font-size:12px;color:#999}.login-footer p{margin:0}@media (max-width: 480px){.login-card{padding:24px}.login-header h1{font-size:20px}.logo{font-size:36px}.submit-btn{padding:10px;font-size:13px}.login-help{font-size:12px;padding:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-btn.is-loading{position:relative}.submit-btn.is-loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;right:12px;margin-top:-7px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.responsive-card{background:#fff;border-radius:8px;border:1px solid var(--border-color);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.responsive-card:hover{box-shadow:0 4px 12px #0000001a}.responsive-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.responsive-card__header-text{flex:1}.responsive-card__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.responsive-card__subtitle{font-size:14px;color:var(--text-secondary);margin:0}.responsive-card__action{display:flex;gap:var(--spacing-sm);flex-shrink:0;margin-left:var(--spacing-md)}.responsive-card__body{font-size:14px;color:var(--text-primary);line-height:1.6}.responsive-card--highlight{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-color:#a0b0c0}.responsive-card--status-pending{border-left:4px solid var(--warning-color);background:#fffbe6}.responsive-card--status-approved{border-left:4px solid var(--success-color);background:#f6ffed}@media (max-width: 767px){.responsive-card{padding:var(--spacing-md)}.responsive-card__header{flex-direction:column;align-items:flex-start}.responsive-card__action{width:100%;margin:var(--spacing-md) 0 0 0}.responsive-card__title{font-size:16px}}.responsive-grid{display:grid;gap:var(--spacing-md)}.responsive-grid--auto-col{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.responsive-grid--2-col{grid-template-columns:repeat(2,1fr)}.responsive-grid--3-col{grid-template-columns:repeat(3,1fr)}.responsive-grid--4-col{grid-template-columns:repeat(4,1fr)}.responsive-grid--gap-sm{gap:var(--spacing-sm)}.responsive-grid--gap-md{gap:var(--spacing-md)}.responsive-grid--gap-lg{gap:var(--spacing-lg)}@media (max-width: 767px){.responsive-grid--auto-col,.responsive-grid--2-col,.responsive-grid--3-col,.responsive-grid--4-col{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.responsive-grid--3-col,.responsive-grid--4-col{grid-template-columns:repeat(2,1fr)}}.responsive-form-row{display:grid;gap:var(--spacing-md)}.responsive-form-row--1col,.responsive-form-row--2col,.responsive-form-row--3col{grid-template-columns:1fr}.responsive-form-row--gap-sm{gap:var(--spacing-sm)}.responsive-form-row--gap-md{gap:var(--spacing-md)}.responsive-form-row--gap-lg{gap:var(--spacing-lg)}@media (min-width: 768px){.responsive-form-row--2col,.responsive-form-row--3col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-form-row--3col{grid-template-columns:repeat(3,1fr)}}.responsive-button-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.responsive-button-group--start{justify-content:flex-start}.responsive-button-group--center{justify-content:center}.responsive-button-group--end{justify-content:flex-end}.responsive-button-group--space-between{justify-content:space-between}.responsive-button-group--stacked{flex-direction:column}.responsive-button-group button{min-height:44px;padding:12px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}@media (min-width: 1024px){.responsive-button-group:not(.responsive-button-group--stacked){flex-direction:row;gap:var(--spacing-md)}.responsive-button-group button{min-width:100px}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border-color)}.responsive-table{width:100%;border-collapse:collapse;font-size:14px}.responsive-table th{background:var(--bg-light);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.responsive-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.responsive-table--striped tbody tr:nth-child(odd){background:var(--bg-light)}.responsive-table--hover tbody tr:hover{background:#f0f0f0}@media (max-width: 767px){.responsive-table{font-size:13px}.responsive-table th,.responsive-table td{padding:8px 12px}}.responsive-stack{display:flex;gap:var(--spacing-md)}.responsive-stack--row{flex-direction:row}.responsive-stack--column{flex-direction:column}.responsive-stack--align-start{align-items:flex-start}.responsive-stack--align-center{align-items:center}.responsive-stack--align-end{align-items:flex-end}.responsive-stack--justify-start{justify-content:flex-start}.responsive-stack--justify-center{justify-content:center}.responsive-stack--justify-end{justify-content:flex-end}.responsive-stack--justify-space-between{justify-content:space-between}.responsive-stack--gap-xs{gap:var(--spacing-xs)}.responsive-stack--gap-sm{gap:var(--spacing-sm)}.responsive-stack--gap-md{gap:var(--spacing-md)}.responsive-stack--gap-lg{gap:var(--spacing-lg)}.responsive-stack--gap-xl{gap:var(--spacing-xl)}@media (max-width: 767px){.responsive-stack--responsive,.responsive-stack--responsive.responsive-stack--row{flex-direction:column}}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:block}}.hidden-desktop{display:block}@media (min-width: 1024px){.hidden-desktop{display:none}}.full-width{width:100%}.max-width-sm{max-width:600px;margin:0 auto}.max-width-md{max-width:900px;margin:0 auto}.max-width-lg{max-width:1200px;margin:0 auto}.welcome-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 1024px){.welcome-container{padding:0 var(--spacing-lg)}}.welcome-header{margin-bottom:var(--spacing-xl);text-align:center}.welcome-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.welcome-header p{font-size:16px;color:var(--text-secondary);margin:0}@media (max-width: 767px){.welcome-header h1{font-size:24px}.welcome-header p{font-size:14px}}.stat-card{background:linear-gradient(135deg,var(--primary-color),#1f8bff);color:#fff;padding:var(--spacing-lg);border-radius:8px;text-align:center;box-shadow:0 4px 12px #1890ff33;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #1890ff4d}.stat-card__value{font-size:40px;font-weight:700;margin-bottom:var(--spacing-sm)}.stat-card__label{font-size:14px;opacity:.9}@media (max-width: 767px){.stat-card{padding:var(--spacing-md)}.stat-card__value{font-size:32px}.stat-card__label{font-size:13px}}.welcome-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color)}@media (max-width: 767px){.section-title{font-size:18px}}.app-list{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.app-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary, #fff)}.app-row+.app-row{border-top:1px solid var(--border-color)}.app-row__main{display:flex;align-items:center;gap:var(--spacing-sm);min-width:180px}.app-row__title{font-size:15px;font-weight:600;color:var(--text-primary)}.app-row__badge{font-size:12px;color:var(--text-secondary);white-space:nowrap}.app-row__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:13px;color:var(--text-secondary);flex:1}.app-row__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.app-row__end-date{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary);flex-basis:100%}.app-row__end-date-label{white-space:nowrap}.app-row__end-date-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px}@media (max-width: 767px){.app-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}.card-info{font-size:14px;color:var(--text-secondary);margin:8px 0;line-height:1.5}.card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.card-actions .btn{flex:1;min-width:90px;font-size:12px;padding:6px 12px}.badge-pending{background:#faad1433;color:#faad14}.badge-reviewing{background:#1890ff33;color:#1890ff}.badge-approved{background:#52c41a33;color:#52c41a}.badge-rejected{background:#ff4d4f33;color:#ff4d4f}.badge-active{background:#1890ff33;color:#1890ff}.badge-ended{background:#8c8c8c33;color:#8c8c8c}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px;min-width:44px}.btn-primary:hover{background:#1f8bff;box-shadow:0 2px 8px #1890ff4d}.btn-lg{padding:12px 24px;font-size:16px;width:100%}.empty-state__content{text-align:center;padding:var(--spacing-xl)}.empty-state__icon{font-size:64px;margin-bottom:var(--spacing-md)}.empty-state__text{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.welcome-footer{margin-top:var(--spacing-xl);display:flex;justify-content:center}.welcome-footer .btn{max-width:400px}.welcome-loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:16px}.welcome-quota-hint{margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center;font-size:13px;color:var(--text-secondary);background:#faad141a;border-radius:8px}.btn--secondary{background:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background:#5a6268}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px 8px}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);background:#f8f9fa;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--text-primary)}.form-error{padding:10px 14px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:var(--spacing-md);font-size:13px}.receipt-no-readonly{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:#f5f5f5;color:var(--text-primary)}.receipt-warning{font-size:13px;color:#d46b08;background:#faad1426;padding:10px 14px;border-radius:4px}.receipt-photo-buttons{display:flex;gap:var(--spacing-sm)}.receipt-file-name,.receipt-ocr-hint{margin:6px 0 0;font-size:12px;color:var(--text-secondary)}.receipt-ocr-hint--error{color:#cf1322}.receipt-teacher-mismatch{font-size:13px;color:#cf1322;background:#ff4d4f1f;padding:10px 14px;border-radius:4px;border:1px solid rgba(255,77,79,.3)}.receipt-rejected-tag{font-size:12px;color:#ff4d4f}.receipt-inline-status{font-size:13px;color:var(--text-secondary)}.btn-link{background:none;border:none;padding:0;color:var(--primary-color);font-size:13px;cursor:pointer;text-decoration:underline}.form-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 1024px){.form-container{padding:0 var(--spacing-lg)}}.alert-success{background:#52c41a1a;color:#52c41a;border-left:4px solid #52c41a}.inline-alert{margin-top:var(--spacing-sm)}.form-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-section__title{font-size:16px;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.form-hint{margin-top:8px;font-size:12px;color:var(--text-secondary)}.form-row--2col,.form-row--3col{grid-template-columns:1fr}@media (min-width: 768px){.form-row--2col{grid-template-columns:repeat(2,1fr)}.form-row--3col{grid-template-columns:repeat(3,1fr)}}.csv-preview{background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:12px}.csv-preview pre{margin:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.student-method{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.student-method label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.student-method input[type=radio]{width:auto;margin:0;cursor:pointer}.student-input-row{display:flex;gap:var(--spacing-sm)}.student-input-row input{flex:0 1 66.6667%;min-width:0}.student-count-hint{font-weight:400;font-size:12px;color:var(--text-secondary)}.student-input-row .btn{flex:0 0 33.3333%;min-width:96px}.app-student-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-md)}.app-student-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-light);border:1px solid var(--border-color);border-left:4px solid #007bff;border-radius:6px}.app-student-line-1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.app-student-no{font-size:12px;font-weight:600;color:#666}.app-name-cn{font-size:14px;font-weight:600;color:var(--text-primary)}.app-name-en{font-size:12px;color:#666}.app-student-line-2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.app-class-badge{font-size:12px;color:#666;background:#e3f2fd;padding:3px 8px;border-radius:4px}.app-gender-badge{font-size:12px;color:#666;font-weight:500}.btn-remove-student{margin-left:auto;padding:3px 10px;font-size:12px;font-weight:500;border:1px solid #dc3545;background:transparent;color:#dc3545;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-remove-student:hover{background:#dc3545;color:#fff}.validation-result{background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:14px}.validation-result p{margin:0 0 8px}.validation-result p:last-child{margin-bottom:0}.validation-result .success{color:#52c41a}.validation-result .warning{color:#faad14}.form-note{margin:var(--spacing-md) 0 0;font-size:14px;color:var(--text-secondary)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.form-actions .btn{min-width:120px}@media (max-width: 767px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.button-group{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.button-group .btn{flex:1}.btn-danger:hover:not(:disabled){background:#ff4d4f;color:#fff}.btn-block,.form-stepper{width:100%}.stepper-header{display:flex;justify-content:space-around;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;background:#fff;border-bottom:1px solid var(--border-color)}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:opacity .2s}.stepper-step.active{opacity:1}.stepper-step span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-light);border-radius:50%;font-weight:600;color:var(--text-secondary);font-size:16px}.stepper-step.active span{background:var(--primary-color);color:#fff}.stepper-step p{margin:0;font-size:12px;color:var(--text-secondary)}.mobile-section{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.form-full{display:none}}@media (min-width: 1024px){.form-stepper{display:none}}.fee-display{background:#52c41a0d;border:1px solid rgba(82,196,26,.2);border-radius:4px;padding:12px 16px;display:flex;align-items:center;gap:var(--spacing-md)}.fee-value{font-size:24px;font-weight:700;color:#52c41a}.fee-note{margin:0;font-size:12px;color:var(--text-secondary);flex:1}.list-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 1024px){.list-container{padding:0 var(--spacing-lg)}}.list-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.list-header{flex-direction:row;align-items:center;justify-content:space-between}}.search-box{flex:1}.search-box input{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .2s}.search-box input:focus{outline:none;border-color:var(--primary-color)}.year-filter label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.year-filter select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;background:#fff}.filter-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0}.filter-tab{padding:8px 16px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (min-width: 768px){.filter-tabs{gap:12px}.filter-tab{padding:10px 20px;font-size:14px}}.table-view{background:#fff;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.applications-table{width:100%;border-collapse:collapse;font-size:14px}.applications-table thead{background:var(--bg-light);border-bottom:2px solid var(--border-color)}.applications-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary)}.applications-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.applications-table tbody tr:hover{background:var(--bg-light)}.applications-table td{padding:12px 16px;vertical-align:middle}.applications-table strong{color:var(--primary-color)}.card-view,.applications-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.application-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer}.application-card:active{border-color:var(--primary-color);box-shadow:0 2px 8px #1890ff26}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-light);border-bottom:1px solid var(--border-color)}.card-header h3{margin:0;font-size:16px;color:var(--text-primary)}.card-header p{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}.card-body{padding:var(--spacing-md)}.card-row{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-bottom:8px;font-size:13px}.card-row:last-child{margin-bottom:0}.card-row .label{color:var(--text-secondary);font-weight:500}.card-row .value{color:var(--text-primary);text-align:right}.card-footer{display:flex;gap:8px;padding:var(--spacing-md);border-top:1px solid var(--border-color)}.card-footer .btn{flex:1}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;text-align:center}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#1f8bff}.btn-secondary:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.btn-link{background:transparent;color:var(--primary-color);border:none;padding:4px 8px;text-decoration:underline}.btn-link:hover{color:#1f8bff}.btn-small{padding:6px 12px;font-size:12px}.btn-large{padding:12px 24px;font-size:16px;width:100%}.list-footer{margin-top:var(--spacing-xl);display:flex;justify-content:center}.list-footer .btn{max-width:300px}.detail-container{max-width:900px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border:1px solid var(--border-color);border-radius:8px}.header-info h1{margin:0;font-size:28px;color:var(--text-primary)}.header-info p{margin:8px 0 0;font-size:14px;color:var(--text-secondary)}@media (max-width: 767px){.detail-header{flex-direction:column}.header-info h1{font-size:20px}}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:4px;margin-bottom:var(--spacing-lg);font-size:14px}.alert-error{background:#ff4d4f1a;color:#ff4d4f;border-left:4px solid #ff4d4f}.detail-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-title{margin:0 0 var(--spacing-lg) 0;font-size:16px;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.info-grid--2col{grid-template-columns:1fr}@media (min-width: 768px){.info-grid--2col{grid-template-columns:repeat(2,1fr)}}.info-item{padding:var(--spacing-md);background:var(--bg-light);border-radius:4px}.info-item--fullwidth{grid-column:1 / -1}.info-item label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;font-size:14px;color:var(--text-primary)}.edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.form-row--2col{grid-template-columns:1fr}@media (min-width: 768px){.form-row--2col{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.form-group input:disabled{background:var(--bg-light);cursor:not-allowed}.roster-table{background:transparent;padding:0;overflow:hidden;border:1px solid var(--border-color);border-radius:4px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.roster-table table{width:100%;border-collapse:collapse;font-size:14px}.roster-table thead{background:var(--bg-light)}.roster-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.roster-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.roster-table tbody tr:last-child td{border-bottom:none}.roster-cards{display:flex;flex-direction:column;gap:8px}.roster-add-row{display:flex;gap:8px;margin-top:16px}.roster-add-row input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.roster-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px}.roster-card p{margin:0}.student-no{font-size:12px;color:var(--text-secondary)}.student-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:4px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:#52c41a33;color:#52c41a}.badge-warning{background:#faad1433;color:#faad14}.badge-danger{background:#ff4d4f33;color:#ff4d4f}.badge-info{background:#1890ff33;color:#1890ff}.badge-secondary{background:#8c8c8c33;color:#8c8c8c}.detail-actions{display:flex;gap:var(--spacing-md);justify-content:flex-start;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.detail-actions .btn{flex:1;min-width:120px}@media (max-width: 767px){.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}}.btn{padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#1f8bff}.btn-primary:disabled{background:#bfbfbf;cursor:not-allowed}.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ff4d4f1a;color:#ff4d4f;border:1px solid rgba(255,77,79,.2)}.btn-danger:hover:not(:disabled){background:#ff4d4f;color:#fff;border-color:#ff4d4f}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.detail-footer{padding:var(--spacing-md);background:var(--bg-light);border-radius:4px;font-size:12px;color:var(--text-secondary)}.detail-footer p{margin:4px 0}.empty-state{text-align:center;padding:var(--spacing-xl);background:var(--bg-light);border-radius:8px;color:var(--text-secondary);font-size:16px}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width: 1024px){.hide-mobile{display:block}.hide-desktop{display:none}}.admin-panel .tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:0}.admin-panel .tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;color:#666;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:.5rem}.admin-panel .tab-button:hover{color:#333;background:#00000005}.admin-panel .tab-button--active{color:#007bff;border-bottom-color:#007bff}.admin-panel .badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-left:.5rem}.admin-panel .badge--danger{background:#dc3545;color:#fff}.admin-panel .approval-list{display:flex;flex-direction:column;gap:1.5rem}.admin-panel .list-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:8px}.admin-panel .search-box{flex:1;min-width:250px}.admin-panel .search-input{width:100%;padding:.75rem 1rem;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;transition:all .3s ease}.admin-panel .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.admin-panel .filter-box{flex:0 1 auto;min-width:150px}.admin-panel .filter-select{width:100%;padding:.75rem 1rem;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease}.admin-panel .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.admin-panel .list-count{padding:.75rem 1.5rem;background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;font-size:.95rem;color:#333}.admin-panel .list-count strong{color:#007bff;font-weight:600}.admin-panel .approval-accordion{display:flex;flex-direction:column;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.admin-panel .approval-row+.approval-row{border-top:1px solid #dee2e6}.admin-panel .approval-row__header{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 18px;background:#fff;border:none;cursor:pointer;text-align:left;font:inherit;transition:background .2s ease}.admin-panel .approval-row__header:hover{background:#f8f9fa}.admin-panel .approval-row__teacher{font-weight:600;color:#1a1a1a;min-width:90px}.admin-panel .approval-row__subject{color:#333;min-width:140px}.admin-panel .approval-row__badge{font-size:13px;color:#555}.admin-panel .approval-row__date{font-size:12px;color:#999;margin-left:auto}.admin-panel .approval-row__chevron{font-size:12px;color:#999}.admin-panel .approval-row__detail{padding:18px;background:#f8fbff;border-top:1px solid #dbeafe}.admin-panel .btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.admin-panel .btn:disabled{opacity:.5;cursor:not-allowed}.admin-panel .btn--primary{background:#007bff;color:#fff}.admin-panel .btn--primary:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px #007bff4d}.admin-panel .btn--secondary{background:#6c757d;color:#fff}.admin-panel .btn--secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 2px 8px #6c757d4d}.admin-panel .btn--danger{background:#dc3545;color:#fff}.admin-panel .btn--danger:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d}.admin-panel .btn--small{padding:.5rem .9rem;font-size:.85rem}.admin-panel .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:admin-fade-in .2s ease}@keyframes admin-fade-in{0%{opacity:0}to{opacity:1}}.admin-panel .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:admin-slide-up .3s ease}@keyframes admin-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-panel .modal-header{padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.admin-panel .modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#333}.admin-panel .modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem .5rem;transition:color .3s ease}.admin-panel .modal-close-btn:hover:not(:disabled){color:#333}.admin-panel .modal-body{padding:1.5rem}.admin-panel .modal-info{margin:0 0 1rem;font-size:.95rem;color:#666}.admin-panel .modal-info strong{color:#333;font-weight:600}.admin-panel .form-group{margin-bottom:1.5rem}.admin-panel .form-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:#333}.admin-panel .required{color:#dc3545}.admin-panel .form-textarea{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;transition:all .3s ease}.admin-panel .form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.admin-panel .form-textarea:disabled{background:#f8f9fa;color:#666}.admin-panel .form-error{padding:.75rem 1rem;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.admin-panel .modal-footer{padding:1.5rem;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end}.admin-panel .empty-icon{font-size:3rem;margin-bottom:1rem}.admin-panel .empty-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#666}.admin-panel .empty-description{margin:0;font-size:.9rem;color:#999}.admin-panel .loading-container{padding:3rem 1.5rem;text-align:center}.admin-panel .loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:admin-spin 1s linear infinite;margin-bottom:1rem}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-panel .approval-row__header{flex-direction:column;align-items:flex-start}.admin-panel .approval-row__date{margin-left:0}.admin-panel .list-filters{flex-direction:column;align-items:stretch}.admin-panel .search-box,.admin-panel .filter-box{min-width:100%}.admin-panel .modal-content{max-height:100vh}}.usage-overview__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.usage-overview__controls label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7280}.usage-overview__controls input[type=month]{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.usage-overview__month-label{font-size:16px;font-weight:700;color:#1a1a1a;margin-left:8px}.usage-overview__error{padding:12px;background-color:#fee;color:#c33;border-radius:8px;margin-bottom:16px}.unassigned-section{margin-bottom:24px;padding:14px 16px;background-color:#fffbeb;border:1px solid #fde68a;border-radius:10px}.unassigned-section__title{margin:0 0 10px;font-size:15px;color:#92400e}.unassigned-reschedule{padding:8px 10px;margin-bottom:8px;background-color:#fff;border:1px solid #ffe082;border-radius:6px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.unassigned-reschedule:last-child{margin-bottom:0}.unassigned-reschedule__info{font-size:13px;color:#7a5c00;font-weight:600}.unassigned-reschedule__row{display:flex;gap:6px}.unassigned-reschedule__row select{min-width:140px;padding:5px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.usage-overview__group{margin-bottom:28px}.usage-overview__group:last-child{margin-bottom:0}.usage-overview__group-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#374151}.usage-overview__table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.usage-overview__table{border-collapse:collapse;font-size:13px}.usage-overview__table th,.usage-overview__table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;border-right:1px solid #eef0f2;text-align:left;vertical-align:top}.usage-overview__table th{white-space:nowrap}.usage-overview__table td{white-space:normal;max-width:140px}.usage-overview__table th:last-child,.usage-overview__table td:last-child{border-right:none}.usage-overview__table thead th{background-color:#374151;color:#fff;font-weight:600;position:sticky;top:0;z-index:2}.usage-overview__table tbody tr:nth-child(odd){background-color:#fff}.usage-overview__table tbody tr:nth-child(2n){background-color:#eef2ff}.usage-overview__table tbody tr:hover{background-color:#dbeafe}.usage-overview__date-col{position:sticky;left:0;font-weight:600;z-index:1;background-color:inherit;padding-left:10px;padding-right:8px;max-width:88px}.usage-overview__weekday{font-weight:400;font-size:12px;color:#6b7280}.usage-overview__desks{font-weight:400;font-size:11px;color:#d1d5db}.usage-cell{padding:1px 3px;border-radius:4px}.usage-cell+.usage-cell{margin-top:4px}.usage-cell__subject{font-weight:600;color:#111827}.usage-cell__teacher{color:#6b7280;font-size:12px}.usage-cell--faded{background-color:#f3f4f6;opacity:.7}.usage-cell--faded .usage-cell__subject,.usage-cell--faded .usage-cell__teacher{color:#9ca3af}.usage-cell__note{font-size:11px;color:#9ca3af;font-style:italic}.usage-cell--rescheduled{background-color:#4ade80}.usage-cell--rescheduled .usage-cell__subject{color:#052e16}.usage-cell--rescheduled .usage-cell__teacher{color:#14532d}.attendance-sheet{padding:20px}.attendance-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.attendance-page-header h2{margin:0 0 4px;font-size:22px;font-weight:600}.attendance-subtitle{margin:0;font-size:14px;color:#666}.attendance-empty{display:flex;align-items:center;justify-content:center;min-height:160px;background:#f9f9f9;border-radius:8px;color:#999}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.attendance-date-picker{display:flex;align-items:center;gap:.6rem;font-weight:600;color:#333}.attendance-date-picker .form-control{min-width:220px}.attendance-toolbar-actions{display:flex;align-items:center;gap:.75rem}.attendance-list{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:1.25rem}.attendance-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #eee}.attendance-row:last-child{border-bottom:none}.attendance-row-main{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap}.attendance-row-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto;overflow:hidden}.attendance-row-line1,.attendance-row-line2{display:flex;align-items:baseline;gap:.4rem;min-width:0;overflow:hidden}.attendance-row-name{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-row-name-en{font-size:.8rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-row-no{font-size:.8rem;color:#999;white-space:nowrap;flex-shrink:0}.attendance-row-class,.attendance-row-gender{font-size:.75rem;color:#666;white-space:nowrap;flex-shrink:0}.attendance-status-select{flex:0 0 auto;min-width:0;width:auto}.attendance-row-disabled{opacity:.55;background:#f5f5f5}.attendance-not-joined-badge{flex:0 0 auto;font-size:.8rem;color:#999;background:#eee;border-radius:4px;padding:.3rem .6rem;white-space:nowrap}.attendance-reason{display:flex;gap:.5rem}.attendance-reason .form-control{flex:1 1 auto}.attendance-overview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.attendance-overview-scroll{overflow-x:auto}.attendance-matrix{border-collapse:collapse;table-layout:fixed}.attendance-matrix--fill{width:100%}.attendance-matrix th,.attendance-matrix td{box-sizing:border-box;border:1px solid #eee;text-align:center;padding:.3rem .25rem;font-size:.8rem;white-space:nowrap}.attendance-matrix-student-col{position:sticky;left:0;background:#fff;text-align:left!important;font-weight:600;width:76px;padding:.3rem .4rem}.attendance-matrix-student-name{overflow:hidden;text-overflow:ellipsis}.attendance-matrix-student-meta{display:flex;align-items:center;gap:.25rem;margin-top:.15rem;font-weight:400}.attendance-matrix-student-no{font-size:.7rem;color:#999;overflow:hidden;text-overflow:ellipsis}.attendance-matrix-student-class{font-size:.68rem;color:#555;background:#eef2f7;border-radius:3px;padding:1px;flex-shrink:0}.attendance-matrix-date-col{width:28px;padding:.2rem .1rem}.attendance-date-chip{display:flex;flex-direction:column;align-items:center}.attendance-date-month{font-size:.62rem;font-weight:700;color:#888;letter-spacing:.02em;padding-bottom:.15rem;border-bottom:1px solid #ddd;width:100%}.attendance-date-day{font-size:.8rem;font-weight:700;color:#333;padding-top:.15rem}.attendance-matrix-cell{font-weight:700;width:28px}.attendance-matrix-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.attendance-matrix-pagination .btn{flex-shrink:0}.attendance-matrix-page-info{font-size:.85rem;color:#555;font-weight:600;white-space:nowrap;flex-shrink:0}.attendance-matrix-cell-not-joined{background:#f5f5f5;color:#ccc;font-weight:400}.attendance-matrix-date-col-empty,.attendance-matrix-cell-empty{background:#fafafa}.attendance-schedule-log{margin-top:1rem;padding-top:.75rem;border-top:1px solid #eee}.attendance-schedule-log-title{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:#555}.attendance-schedule-log-empty{margin:0;font-size:.85rem;color:#999}.attendance-schedule-log-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.attendance-schedule-log-item{font-size:.85rem;color:#333;padding-left:.75rem;border-left:3px solid #28a745}.attendance-schedule-log-item.status-cancelled{border-left-color:#dc3545;color:#a12833}.attendance-schedule-log-item.status-rescheduled{border-left-color:#fd7e14;color:#995612}.attendance-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.attendance-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#555}.attendance-legend-swatch{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:#fff;font-weight:700;font-size:.75rem}.form-control{padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.attendance-sheet .btn{width:auto;min-width:0}.btn-outline-secondary{background:#fff;color:#555;border:1px solid #ccc;padding:.4rem .9rem;font-size:.85rem}.btn-outline-secondary:hover:not(:disabled){background:#f5f5f5}@media (max-width: 767px){.attendance-sheet{padding:12px}.attendance-page-header h2{font-size:18px}.attendance-row-name{font-size:.9rem}.attendance-row-no{font-size:.72rem}.attendance-status-select{font-size:.82rem;padding:.4rem .5rem}.attendance-reason{flex-direction:column}.attendance-toolbar,.attendance-date-picker{flex-direction:column;align-items:stretch}.attendance-toolbar-actions{align-items:stretch}.attendance-toolbar-actions .btn{flex:1 1 0}}.classroom-management{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;font-size:24px;color:#333}.header-actions{display:flex;gap:10px}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:4px;margin-bottom:20px;border-left:4px solid #c33}.filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#4caf50}.batch-update-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #dee2e6}.batch-update-section h3{margin:0 0 15px;font-size:18px;color:#495057}.batch-info{margin:0 0 10px;font-size:13px;color:#6c757d;font-style:italic}.batch-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.batch-controls input[type=file]{flex:1;min-width:250px}.batch-result{margin-top:15px;padding:12px;background-color:#fff;border-radius:4px;border:1px solid #dee2e6}.batch-result p{margin:0 0 10px}.batch-result details{margin-top:10px}.batch-result summary{cursor:pointer;font-weight:500;color:#007bff}.batch-result ul{margin:10px 0 0;padding-left:20px}.batch-result li{color:#c33;margin:5px 0}.batch-error{margin-top:12px;padding:12px;background-color:#fee;color:#c33;border-radius:4px;border-left:4px solid #c33;font-size:14px;line-height:1.5}.classroom-count-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.classroom-count-row--bottom{margin-top:15px;margin-bottom:0;justify-content:flex-end}.classroom-count{margin:0;color:#666;font-size:14px}.classroom-table-container{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.classroom-table{width:100%;border-collapse:collapse}.classroom-table thead{background-color:#f8f9fa}.classroom-table th{padding:12px 15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.classroom-table td{padding:12px 15px;border-bottom:1px solid #dee2e6;color:#212529}.classroom-table tbody tr:hover{background-color:#f8f9fa}.classroom-table tbody tr:last-child td{border-bottom:none}.empty-message{text-align:center;color:#999;padding:40px 20px!important}.availability-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#495057}.availability-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.action-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-outline{background-color:#fff;color:#495057;border:1px solid #ced4da}.btn-outline:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.batch-template-hint{margin-top:10px;margin-bottom:0}.batch-init-toggle{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;background-color:#fff8e1;border:1px solid #ffe082;border-radius:4px;font-size:13px;color:#7a5c00;cursor:pointer}.batch-init-toggle input[type=checkbox]{margin-top:2px;flex-shrink:0;cursor:pointer}.btn-sm{padding:6px 12px;font-size:13px}.btn-edit{background-color:#007bff;color:#fff}.btn-edit:hover{background-color:#0056b3}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;font-size:20px;color:#333}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f8f9fa;color:#333}.classroom-form{padding:20px}.form-error{padding:12px;background-color:#fee;color:#c33;border-radius:4px;margin-bottom:20px;border-left:4px solid #c33}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.form-group .required{color:#dc3545}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 15px;border:1px solid #ced4da;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.form-group input:disabled{background-color:#e9ecef;cursor:not-allowed}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.loading{text-align:center;padding:40px 20px;color:#666}@media (max-width: 768px){.classroom-management{padding:15px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.filters{flex-direction:column}.search-input,.filter-select{width:100%}.batch-controls{flex-direction:column;align-items:stretch}.batch-controls input[type=file]{width:100%}.classroom-table-container{overflow-x:scroll}.classroom-table{min-width:800px}.action-buttons{flex-direction:column}.modal-content{max-width:100%;margin:0 10px}}.admin-panel{padding:20px}.admin-section{margin-bottom:40px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.application-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-field{padding:12px 14px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb}.detail-field--full{grid-column:1 / -1}.detail-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#6b7280}.detail-value{display:block;font-size:14px;color:#111827;word-break:break-word}.application-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.venue-assign{margin-top:14px}.venue-assign__row{display:flex;gap:8px;margin-top:6px}.venue-assign__input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.venue-assign__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.venue-assign__hint{margin:8px 0 0;font-size:12px;color:#6b7280}.venue-assign__error{margin:8px 0 0;font-size:13px;color:#dc2626}.course-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.course-list-toolbar__sort{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.course-list-toolbar__sort select,.course-list-toolbar__sort input[type=date]{padding:6px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-family:inherit}.course-list-toolbar__checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer}.course-list-toolbar__checkbox input[type=checkbox]{cursor:pointer}.course-row__no{font-size:12px;font-weight:600;color:#6b7280;padding:2px 8px;border-radius:4px;background:#f3f4f6;white-space:nowrap}.course-list{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.course-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:14px 18px}.course-row:nth-child(odd){background:#fff}.course-row:nth-child(2n){background:#f3f4f9}.course-row+.course-row{border-top:1px solid #e5e7eb}.course-row__main{display:flex;align-items:center;gap:10px;min-width:180px}.course-row__title{font-size:15px;font-weight:600;color:#1a1a1a}.course-row__title--chip{padding:4px 12px;border-radius:6px;background:#2563eb1a;color:#1d4ed8}.course-row__badge{font-size:12px;color:#6b7280;white-space:nowrap}.course-row__meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#6b7280;flex:1}.course-row__actions{display:flex;flex-wrap:wrap;gap:8px}.course-row__receipts{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px dashed #e5e7eb;border-bottom:1px dashed #e5e7eb}.receipt-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#374151}.receipt-status-row__label{font-weight:600;min-width:70px}.receipt-status-row__empty{color:#9ca3af}.receipt-status-row__reason{color:#dc2626;font-size:12px}.receipt-status-row__ocr-detail{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 16px;padding-left:80px;font-size:12px;color:#6b7280}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge-reviewing{background:#1890ff26;color:#1890ff}.badge-approved{background:#52c41a26;color:#52c41a}.badge-rejected{background:#ff4d4f26;color:#ff4d4f}.teacher-management-card{padding:24px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.teacher-management-card p{margin:0 0 16px;color:#6b7280;font-size:14px;line-height:1.6}.password-reset-list__toolbar{display:flex;gap:12px;margin-bottom:16px}.password-reset-list__toolbar .search-input{flex:1;max-width:360px}.password-reset-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.password-reset-table__header,.password-reset-table__row{display:grid;grid-template-columns:90px 100px 120px 1fr 180px 140px;gap:12px;align-items:center;padding:12px 16px}.password-reset-table__status-date{font-size:13px;color:#6b7280}.password-reset-table__header{background:#f9fafb;font-weight:600;font-size:13px;color:#6b7280}.password-reset-table__row{font-size:14px;color:#1a1a1a}.password-reset-table__row+.password-reset-table__row{border-top:1px solid #f0f0f0}.password-reset-table__row:nth-child(2n){background:#fafafa}@media (max-width: 768px){.password-reset-table__header{display:none}.password-reset-table__row{grid-template-columns:1fr;gap:4px;padding:12px 16px}.password-reset-table__row span:nth-child(1):before{content:"教師 ID：";color:#999}.password-reset-table__row span:nth-child(2):before{content:"姓名：";color:#999}.password-reset-table__row span:nth-child(3):before{content:"部門：";color:#999}.password-reset-table__row span:nth-child(4):before{content:"Email：";color:#999}.password-reset-table__row span:nth-child(5):before{content:"密碼設定時間：";color:#999}}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.loading-text{text-align:center;padding:60px 20px;color:#666;font-size:16px}.error-banner{display:flex;align-items:center;padding:12px 16px;background:#fee;border-left:3px solid #ef4444;border-radius:4px;color:#dc2626;font-size:14px;margin-top:20px}.course-report__table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.course-report__table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.course-report__table th,.course-report__table td{padding:10px 12px;text-align:center;border-bottom:1px solid #eee}.course-report__table th:first-child,.course-report__table td:first-child{text-align:left}.course-report__table thead th{background:#f9fafb;font-weight:600;color:#374151}.course-report__table tbody tr:hover{background:#f9fafb}.course-report__cell--danger{background:#fee2e2;color:#dc2626;font-weight:600}@media (max-width: 768px){.admin-panel{padding:12px}.admin-section{padding:16px;margin-bottom:24px}.section-title{font-size:18px;margin-bottom:16px}.application-detail-grid{grid-template-columns:1fr}.application-detail-actions{flex-direction:column}.application-detail-actions .btn{width:100%}.course-row{flex-direction:column;align-items:stretch}}.schedule-table{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.schedule-table-empty{display:flex;align-items:center;justify-content:center;min-height:160px;background:#f9f9f9;border-radius:8px;color:#999}.schedule-row{padding:.75rem 1rem;border-bottom:1px solid #eee}.schedule-row:last-child{border-bottom:none}.schedule-row.status-cancelled{border-left:4px solid #dc3545}.schedule-row.status-rescheduled{border-left:4px solid #ffc107}.schedule-row.status-held{border-left:4px solid #28a745}.schedule-row-line1{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.schedule-row-date{font-weight:600;color:#333}.schedule-row-attendance{font-size:.85rem}.attendance-ok{color:#28a745;font-weight:600}.attendance-warn{color:#dc3545;font-weight:600}.schedule-row-line2{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.schedule-row-detail{font-size:.85rem;color:#666}.schedule-row-line3{margin-top:.35rem}.schedule-row-reason{font-size:.9rem;color:#666;word-break:break-word}.schedule-row-actions{display:flex;gap:.5rem;margin-left:auto}.schedule-row-actions .btn{width:auto;min-width:0}.schedule-badge{display:inline-block;padding:.35rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.schedule-badge.status-held{background:#d4edda;color:#155724}.schedule-badge.status-cancelled{background:#f8d7da;color:#721c24}.schedule-badge.status-rescheduled{background:#fff3cd;color:#856404}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-label{font-weight:600;margin-bottom:.5rem;color:#333;font-size:.95rem}.required{color:#dc3545;margin-left:.25rem}.form-control{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .2s}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-control:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:80px}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#bd2130}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-sm{padding:.4rem .8rem;font-size:.85rem;min-height:44px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2)}.modal-title{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0;background:#f9f9f9}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;font-weight:600}.schedule-unconfirmed-banner{display:flex;align-items:baseline;gap:1.5rem;text-align:center;border-radius:12px;padding:.25rem;margin-bottom:1rem}.schedule-unconfirmed-label,.schedule-unconfirmed-count{font-size:1.75rem;font-weight:700;color:#ff5252}.schedule-stats-container{padding:1.25rem .65rem;border-radius:12px;box-shadow:#2196f34d 0 4px 12px;color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);margin-bottom:1.5rem}.schedule-stats-row{display:flex;justify-content:space-around;align-items:flex-start;gap:.75rem;flex-wrap:nowrap}.schedule-stats-container .stat-code{font-size:1rem;line-height:1.25}.schedule-stats-container .stat-item{min-width:0}@media (max-width: 1023px){.schedule-stats-row{flex-wrap:wrap;gap:.5rem}.stat-item{flex:1 1 120px}.stat-separator{min-height:40px}.schedule-stats-container .schedule-stats-row{flex-wrap:nowrap}.schedule-stats-container .stat-item{flex:1 1 0}}@media (max-width: 767px){.schedule-row-line1{flex-wrap:wrap}.schedule-row-line2{flex-wrap:nowrap;gap:.4rem}.schedule-row-detail{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-row-actions{margin-left:auto;flex-shrink:0;gap:.35rem}.schedule-row-actions .btn{padding:.35rem .6rem;font-size:.78rem;min-height:36px;white-space:nowrap}.schedule-stats-row{flex-wrap:wrap}.stat-item{flex:1 1 auto}.stat-separator{min-height:30px}.stat-amount{font-size:.85rem}.schedule-stats-container .schedule-stats-row{flex-wrap:nowrap}.schedule-stats-container .stat-item{flex:1 1 0}.schedule-stats-container .stat-code{font-size:.9rem}.modal-dialog{width:95%}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.form-control{font-size:16px}}.schedule-management{padding:20px}.schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.header-title h2{margin:0 0 4px;font-size:22px;font-weight:600}.header-title .subtitle{margin:0;font-size:14px;color:#666}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;padding:0;flex-shrink:0}.alert-close:hover{opacity:.7}@media (max-width: 768px){.schedule-management{padding:12px}.header-title h2{font-size:18px}}.roster-table{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:8px}.add-student-row input{padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;min-width:200px}.capacity-warning{margin:-8px 0 16px;padding:8px 12px;background:#fff3cd;color:#856404;border-radius:6px;font-size:13px}.add-student-row input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.table-toolbar .btn{padding:8px 16px;font-size:14px;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #0056b34d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-outline-secondary{background:transparent;border:1px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover:not(:disabled){background:#6c757d;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.search-bar{position:relative;margin-bottom:16px}.search-input{width:100%;padding:12px 40px 12px 16px;font-size:14px;border:1px solid #ddd;border-radius:6px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.clear-btn:hover:not(:disabled){color:#333}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.filter-tags{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-tag{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;font-size:13px;cursor:pointer;transition:all .3s ease}.filter-tag:hover:not(:disabled){background:#e8e8e8}.filter-tag.active{background:#007bff;color:#fff;border-color:#007bff}.filter-tag:disabled{opacity:.5;cursor:not-allowed}.roster-container{margin:20px 0;min-height:200px}.roster-list{display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:#999;font-size:16px;text-align:center}.roster-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#f9f9f9;border:1px solid #e0e0e0;border-left:4px solid #007bff;border-radius:6px;transition:all .3s ease}.roster-row:hover{background:#f5f5f5;border-left-color:#0056b3;box-shadow:0 2px 6px #00000014}.roster-row--withdrawn{border-left-color:#dc3545;opacity:.75}.row-content{flex:1;display:flex;flex-direction:column;gap:3px}.student-line-1{display:flex;align-items:center;gap:0;font-size:13px;color:#333;font-weight:500;word-break:break-word}.separator-tab{display:inline-block;width:2em;height:0}.student-no{font-size:12px;color:#666;font-weight:600;flex-shrink:0}.name-cn{font-size:13px;font-weight:600;color:#333;flex-shrink:0}.name-en{font-size:12px;color:#666;flex-shrink:0}.student-line-2{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto}.btn-withdraw{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:3px 8px!important;font-size:12px!important;font-weight:500!important;line-height:normal;border:1px solid #dc3545!important;background:transparent!important;color:#dc3545!important;flex-shrink:0;white-space:nowrap;margin-left:6px}.btn-withdraw:hover:not(:disabled){background:#dc3545!important;color:#fff!important}.class-name{font-size:12px;color:#666;background:#e3f2fd;padding:3px 6px;border-radius:4px;flex-shrink:0}.gender-code{font-size:12px;color:#666;font-weight:500;flex-shrink:0}.student-line-3{display:flex;align-items:center}.date-info{font-size:12px;color:#999;flex-shrink:0;white-space:nowrap}.class-name{font-size:13px;color:#666;background:#e3f2fd;padding:4px 8px;border-radius:4px}.status-badge{font-size:12px!important;padding:4px 8px!important;border-radius:4px!important;font-weight:500!important;width:auto!important;min-width:0!important}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.secondary{background:#e2e3e5;color:#383d41}.row-actions{display:flex;gap:8px}.btn-outline-primary,.btn-outline-danger{padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease;border:1px solid}.btn-outline-primary{background:transparent;border-color:#007bff;color:#007bff}.btn-outline-primary:hover:not(:disabled){background:#007bff;color:#fff}.btn-outline-danger{background:transparent;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn-outline-primary:disabled,.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0;padding:16px;background:#f9f9f9;border-radius:6px}.page-info{font-size:14px;color:#666;font-weight:500}.pagination .btn{padding:8px 16px}.table-footer{padding-top:16px;border-top:1px solid #e0e0e0;color:#666;font-size:14px}.table-footer strong{color:#333}.roster-stats-container{padding:1.25rem .65rem;border-radius:12px;box-shadow:#2196f34d 0 4px 12px;color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);margin:24px 0}.roster-stats-row{display:flex;justify-content:space-around;align-items:flex-start;gap:.75rem;flex-wrap:nowrap;margin-bottom:1.5rem}.roster-stats-row:first-child{padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.roster-stats-row:last-child{margin-bottom:0}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1 1 150px;text-align:center;gap:.25rem}.stat-code{font-size:1.2rem;font-weight:600;opacity:1}.stat-amount{font-size:.9rem;font-weight:500;opacity:.9}.stat-separator{width:2px;background-color:#ffffff80;min-height:60px;flex-shrink:0;border:none;display:block!important}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}@media (max-width: 1023px){.roster-table{padding:16px}.table-toolbar{gap:8px}.table-toolbar .btn{padding:6px 12px;font-size:13px}.toolbar-right{width:100%}.toolbar-right .btn{flex:1}.row-content{flex-direction:column;align-items:flex-start;gap:6px}.student-meta{flex-direction:column;align-items:flex-start;gap:8px}.roster-row{flex-direction:column;align-items:flex-start}.row-actions{width:100%}.row-actions .btn-outline-primary,.row-actions .btn-outline-danger{flex:1}.roster-stats-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.stat-item{flex:1 1 120px}.stat-separator{display:block!important;width:2px;background-color:#fff6;min-height:40px}.stat-item:not(:last-child):after{content:"";display:block;height:1px;background-color:#fff3;margin-top:.5rem}.filter-tags{gap:6px}.filter-tag{font-size:12px;padding:6px 12px}.pagination{flex-direction:column;gap:8px}.pagination .btn{width:100%}}@media (max-width: 767px){.roster-table{padding:12px;border-radius:0}.table-toolbar{flex-direction:column;gap:6px}.toolbar-left,.toolbar-right{width:100%;flex-direction:column}.toolbar-left .btn,.toolbar-right .btn{width:100%}.search-input{padding:10px 36px 10px 12px;font-size:16px}.filter-tags{gap:4px;overflow-x:auto;padding-bottom:4px}.filter-tag{flex-shrink:0;font-size:11px;padding:4px 8px}.roster-row{flex-direction:column;padding:12px;gap:12px}.row-content{width:100%;flex-direction:column;align-items:flex-start;gap:6px}.student-line-1{width:100%;flex-wrap:wrap;gap:6px}.student-line-2{width:100%;gap:6px}.student-line-3{width:100%}.name-en{font-size:11px}.student-meta{width:100%;gap:8px}.row-actions{width:100%}.row-actions .btn-outline-primary,.row-actions .btn-outline-danger{flex:1;font-size:12px;padding:8px}.roster-stats-body{flex-direction:column;gap:.5rem}.stat-item{flex:1 1 auto}.stat-separator{display:block!important;width:1px;background-color:#ffffff4d;min-height:30px}.stat-amount{font-size:.85rem}.pagination{flex-direction:column;gap:8px;padding:12px}.pagination .btn{width:100%;font-size:13px}.page-info{font-size:12px}}@media print{.table-toolbar,.search-bar,.filter-tags,.row-actions,.pagination{display:none}.roster-row{page-break-inside:avoid}}.attendance-stats-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;font-weight:600;margin:0 0 8px;color:#333}.page-header .subtitle{font-size:14px;color:#666;margin:0}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert button{font-size:16px;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#666}.date-range-selector{display:flex;gap:15px;margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap}.date-inputs{display:flex;gap:15px;flex:1;min-width:300px;flex-wrap:wrap}.date-inputs label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#555}.date-inputs input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:8px;background-color:#fff;border-left:4px solid #ccc;box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.primary{border-left-color:#007bff}.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#ffc107}.stat-card.danger{border-left-color:#dc3545}.stat-card.info{border-left-color:#17a2b8}.stat-icon{font-size:32px;min-width:40px;text-align:center}.stat-content{flex:1}.stat-label{font-size:13px;color:#888;font-weight:500;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;color:#333}.stat-percentage{font-size:12px;color:#666;margin-top:2px}.stat-subtitle{font-size:12px;color:#999;margin-top:2px}.attendance-chart-container{margin-bottom:30px;background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000000d}.chart-wrapper h3{font-size:18px;font-weight:600;margin:0 0 20px;color:#333}.pie-chart{display:flex;gap:30px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.pie-svg{width:200px;height:200px;flex-shrink:0}.chart-legend{display:flex;flex-direction:column;gap:12px;flex:1;min-width:150px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-color{width:16px;height:16px;border-radius:2px;flex-shrink:0}.legend-label{color:#555}.bar-chart{margin-top:30px}.bar-chart h4{font-size:16px;font-weight:600;margin:0 0 15px;color:#333}.bar-container{display:flex;flex-direction:column;gap:15px}.bar-item{display:flex;align-items:center;gap:10px}.bar-label{min-width:50px;font-size:13px;font-weight:500;color:#555;text-align:right}.bar-track{flex:1;min-width:100px;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;min-height:20px}.bar-fill{height:100%;border-radius:10px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.bar-fill.success{background-color:#28a745}.bar-fill.warning{background-color:#ffc107}.bar-fill.danger{background-color:#dc3545}.bar-value{min-width:45px;text-align:right;font-size:13px;font-weight:600;color:#333}.attendance-history-container{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000000d}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.history-header h3{font-size:18px;font-weight:600;margin:0;color:#333}.view-toggle{display:flex;gap:8px}.toggle-btn{padding:6px 12px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s;color:#666}.toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.toggle-btn:hover{border-color:#007bff}.history-by-date{display:flex;flex-direction:column;gap:15px}.date-group{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.date-header{display:flex;justify-content:space-between;padding:12px 15px;background-color:#f8f9fa;font-weight:600;color:#333;font-size:14px}.record-count{font-weight:400;color:#888;font-size:13px}.records-list{display:flex;flex-direction:column}.record-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:13px}.record-item:last-child{border-bottom:none}.record-student{min-width:80px;font-weight:500;color:#555}.record-status{flex:1}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;min-width:70px}.status-badge.success{background-color:#d4edda;color:#155724}.status-badge.warning{background-color:#fff3cd;color:#856404}.status-badge.danger{background-color:#f8d7da;color:#721c24}.record-time{min-width:60px;text-align:right;color:#999;font-size:12px}.history-by-student{display:flex;flex-direction:column;gap:15px}.search-box{display:flex}.search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.empty-message{padding:30px;text-align:center;color:#999;font-size:14px}.student-stats-table{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:0;padding:12px 15px;background-color:#f8f9fa;font-weight:600;font-size:13px;color:#555;border-bottom:2px solid #ddd}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:0;padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:13px;align-items:center;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f9fa}.col-name{color:#333;font-weight:500}.col-stat{text-align:center;font-weight:600}.col-stat.success{color:#28a745}.col-stat.warning{color:#ffc107}.col-stat.danger{color:#dc3545}.col-rate{text-align:center;font-weight:700;color:#333}.col-rate.excellent{color:#28a745}.col-rate.poor{color:#dc3545}@media (max-width: 1023px){.attendance-stats-page{padding:15px}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{padding:15px;gap:10px}.stat-icon{font-size:28px}.stat-value{font-size:24px}.pie-chart{gap:20px}.pie-svg{width:180px;height:180px}.table-header,.table-row{grid-template-columns:1fr .7fr .7fr .7fr .7fr .7fr;font-size:12px}}@media (max-width: 767px){.attendance-stats-page{padding:12px}.page-header h1{font-size:22px}.page-header .subtitle{font-size:12px}.date-range-selector{flex-direction:column;gap:12px;padding:12px}.date-inputs{flex-direction:column;min-width:100%}.date-inputs label{width:100%}.date-inputs input{flex:1;width:100%}.btn-secondary{width:100%}.stats-summary{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px;gap:12px}.stat-icon{font-size:24px}.stat-value{font-size:20px}.stat-label{font-size:12px}.attendance-chart-container{padding:15px}.chart-wrapper h3{font-size:16px;margin-bottom:15px}.pie-chart{flex-direction:column;gap:15px;align-items:center}.pie-svg{width:150px;height:150px}.chart-legend{width:100%}.bar-item{gap:8px}.bar-label{min-width:40px;font-size:12px}.bar-value{font-size:12px;min-width:40px}.attendance-history-container{padding:15px}.history-header{flex-direction:column;align-items:flex-start}.history-header h3{font-size:16px;width:100%}.view-toggle{width:100%}.toggle-btn{flex:1;font-size:12px;padding:8px 10px}.date-header{flex-direction:column;gap:4px;padding:10px 12px;font-size:13px}.record-item{flex-wrap:wrap;gap:8px;padding:10px 12px;font-size:12px}.record-student{min-width:70px}.record-time{width:100%;text-align:left}.search-input{padding:8px 12px;font-size:13px}.table-header,.table-row{grid-template-columns:1fr .6fr .6fr .6fr .6fr .6fr;padding:10px 8px;font-size:11px;gap:0}.col-name{font-size:12px}.table-row{padding:10px 8px}.student-stats-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--text-secondary)}.page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.page h1{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:24px;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--danger-color: #ff4d4f;--text-primary: #262626;--text-secondary: #8c8c8c;--border-color: #d9d9d9;--bg-light: #fafafa;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}