body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#f0f2f5;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-bg{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;justify-content:center;min-height:100dvh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 24px 64px #0000002e;max-width:400px;padding:32px 24px;text-align:center;width:100%}.login-logo{display:block;font-size:48px;margin-bottom:8px}.login-title{color:#128c7e;font-size:26px;font-weight:700;margin-bottom:2px}.login-school{color:#888;font-size:14px;margin-bottom:24px}.login-toggle{border:2px solid #128c7e;border-radius:10px;display:flex;margin-bottom:18px;overflow:hidden}.login-role-btn{background:none;border:none;color:#128c7e;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.login-role-btn.active{background:#128c7e;color:#fff}.input-full{border:2px solid #e8e8e8;border-radius:12px;display:block;font-size:16px;margin-bottom:12px;padding:14px 16px;transition:border-color .2s;width:100%}.input-full:focus{border-color:#25d366;outline:none}.btn-login{background:#25d366;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:4px;padding:15px;transition:background .2s;width:100%}.btn-login:active{background:#128c7e}.error-text{color:#e53e3e;font-size:13px;margin-bottom:10px}.app{display:flex;flex-direction:column;min-height:100dvh}.header{background:#128c7e;color:#fff;height:54px;justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:8px;min-width:0}.header-logo{flex-shrink:0;font-size:20px}.header-title{font-size:15px;overflow:hidden;text-overflow:ellipsis}.btn-logout,.header-title{font-weight:600;white-space:nowrap}.btn-logout{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 14px}.btn-logout:active{background:#ffffff59}.tabs{-webkit-overflow-scrolling:touch;background:#128c7e;border-top:1px solid #ffffff26;display:flex;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#ffffffa6;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:12px 16px;transition:all .2s;white-space:nowrap}.tab.active{border-bottom-color:#fff;color:#fff;font-weight:700}.tab:active{color:#fff}.main{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;padding:18px 16px}.card-title{color:#222;font-size:16px;font-weight:700;margin-bottom:16px}.attendance-hint{background:#fff8e1;border-left:4px solid #f6ad55;border-radius:10px;color:#666;font-size:13px;line-height:1.4;margin-bottom:14px;padding:10px 12px}.class-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.class-tabs::-webkit-scrollbar{display:none}.class-tab{background:none;border:2px solid #e2e8f0;border-radius:20px;color:#718096;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.class-tab.active{background:#e6f7f5;border-color:#128c7e;color:#128c7e}.att-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.att-row{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;gap:12px;padding:13px 14px;text-align:left;transition:all .15s;width:100%}.att-row.present{background:#f0fff4;border-color:#48bb78}.att-row.absent{background:#fff5f5;border-color:#fc8181}.att-num{color:#999;flex-shrink:0;font-size:12px;text-align:right;width:22px}.att-name{color:#1a1a2e;flex:1 1;font-size:14px;font-weight:600}.att-badge{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:700;padding:3px 10px}.att-row.present .att-badge{background:#c6f6d5;color:#276749}.att-row.absent .att-badge{background:#fed7d7;color:#c53030}.hw-list{background:#f7fafc;border-radius:10px;margin-bottom:14px;padding:12px 14px}.hw-item{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;line-height:1.4;padding:7px 0}.hw-item:last-child{border-bottom:none}.textarea{border:2px solid #e8e8e8;border-radius:12px;display:block;font-family:inherit;font-size:16px;line-height:1.5;padding:13px 14px;resize:vertical;transition:border-color .2s;width:100%}.textarea:focus{border-color:#25d366;outline:none}.setup-wrap{display:flex;flex-direction:column;gap:16px}.setup-card{margin-bottom:0!important}.setup-section-title{color:#1a1a1a;font-size:15px;font-weight:700;margin-bottom:14px}.session-row{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:12px 14px}.session-row.ok{background:#f0fdf4}.session-row.warn{background:#fffbeb}.session-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dot.green{background:#25d366}.dot.red{background:#e53e3e}.session-label{font-size:14px;font-weight:600}.session-phone,.session-status{color:#666;font-size:12px}.session-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 8px}.session-badge.ok{background:#d1fae5;color:#065f46}.btn-reconnect{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:8px;color:#92400e;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.btn-reconnect:active{background:#fde68a}.setup-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.setup-step{align-items:flex-start;color:#333;display:flex;font-size:14px;gap:12px;line-height:1.5}.step-num{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:26px;justify-content:center;margin-top:1px;width:26px}.setup-btn{margin-top:4px;width:100%}.setup-error{color:#e53e3e;font-size:13px;margin-top:10px}.setup-qr-card{text-align:center}.qr-wrap{display:inline-block;margin:0 auto 8px}.qr-img{border:3px solid #25d366;border-radius:12px;display:block;height:220px;width:220px}.qr-hint{color:#d97706;font-size:13px;font-weight:600;margin-bottom:4px}.qr-expired-box{background:#fff7f7;border-radius:12px;margin-bottom:12px;padding:20px}.qr-expired-text{color:#e53e3e;font-weight:600;margin-bottom:12px}.setup-success-card{text-align:center}.setup-success-msg{color:#065f46;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:16px}.template-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.template-btn{background:#f0f2f5;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px}.template-btn:active{background:#e0f7ec;border-color:#25d366;color:#128c7e}.audience-toggle{border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:0;margin-bottom:14px;overflow:hidden}.toggle-btn{background:#fff;border:none;color:#718096;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:11px;transition:all .2s}.toggle-btn.active{background:#128c7e;color:#fff}.class-row{display:flex;gap:10px;margin-bottom:14px}.input-small{border:2px solid #e8e8e8;border-radius:10px;flex:1 1;font-size:16px;padding:13px 12px}.input-small:focus{border-color:#25d366;outline:none}.warn{background:#fffbeb;border-radius:10px;color:#d97706;font-size:13px;margin-bottom:12px;padding:10px 12px}.btn-send{background:#25d366;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:16px;transition:background .2s;width:100%}.btn-send:active:not(:disabled){background:#128c7e}.btn-send:disabled{cursor:not-allowed;opacity:.45}.result-box{border-radius:10px;font-size:14px;font-weight:600;line-height:1.4;margin-top:14px;padding:13px 16px}.result-box.success{background:#e8f9f0;color:#128c7e}.result-box.error{background:#fff0f0;color:#c53030}.table-wrap{-webkit-overflow-scrolling:touch;margin-bottom:16px;overflow-x:auto}.preview-table{border-collapse:collapse;font-size:13px;min-width:380px;width:100%}.preview-table th{background:#f0f2f5;color:#555;font-weight:700;padding:10px 12px;text-align:left;white-space:nowrap}.preview-table td{border-bottom:1px solid #f0f2f5;color:#333;padding:10px 12px}.preview-table tr:last-child td{border-bottom:none}.badge{border-radius:10px;font-size:11px;font-weight:700;padding:3px 9px;text-transform:uppercase}.badge.sent{background:#e8f9f0;color:#128c7e}.badge.failed{background:#fff0f0;color:#c53030}.badge.pending{background:#fef3c7;color:#92400e}.file-input{display:block;font-size:15px;margin:14px 0;width:100%}.preview-count{font-size:14px;font-weight:700}.link-download,.preview-count{color:#128c7e;margin-bottom:12px}.link-download{display:inline-block;font-size:13px;text-decoration:underline}code{background:#f0f2f5;border-radius:4px;font-size:12px;padding:2px 6px}.btn-add{background:#128c7e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:16px;padding:14px;width:100%}.btn-add:active:not(:disabled){background:#0e7268}.btn-add:disabled{cursor:not-allowed;opacity:.5}.btn-add-student{background:#128c7e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:13px;width:100%}.btn-add-student:active{background:#0e7268}.add-student-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.setup-status{color:#555;font-size:14px;line-height:1.5;margin-top:12px}.setup-status.ok{color:#128c7e;font-weight:700}.qr-wrap{margin-top:16px;text-align:center}.qr-img{border:3px solid #128c7e;border-radius:16px;height:min(240px,80vw);width:min(240px,80vw)}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;gap:4px;padding:16px 10px;text-align:center}.stat-icon{font-size:24px}.stat-num{color:#128c7e;font-size:26px;font-weight:800;line-height:1}.stat-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.attendance-mini{display:flex;flex-direction:column;gap:10px}.att-row{align-items:center;display:flex;gap:10px}.att-class{color:#2d3748;flex-shrink:0;font-size:13px;font-weight:700;width:64px}.att-bar-wrap{background:#f0f2f5;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.att-bar{background:#25d366;border-radius:4px;height:100%;transition:width .4s}.att-counts{flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:60px}.present-txt{color:#38a169}.absent-txt{color:#e53e3e}.hw-overview-list{display:flex;flex-direction:column;gap:10px}.hw-overview-item{background:#f7fafc;border-radius:10px;padding:12px 14px}.hw-overview-left{align-items:center;display:flex;gap:8px;margin-bottom:4px}.hw-class-badge{background:#128c7e;border-radius:10px;color:#fff;font-size:10px;font-weight:800;padding:2px 7px}.hw-subject{color:#2d3748;font-size:13px;font-weight:700}.hw-desc{color:#555;font-size:13px;line-height:1.4}.hw-teacher{color:#aaa;display:block;font-size:11px;margin-top:4px}.recent-msg-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:10px 0}.recent-msg-row:last-child{border-bottom:none}.recent-msg-info{flex:1 1;min-width:0}.recent-msg-name{color:#2d3748;display:block;font-size:13px;font-weight:700}.recent-msg-preview{color:#888;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-type-row{display:flex;gap:8px;margin-bottom:18px}.msg-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:700;gap:4px;padding:12px 8px;transition:all .2s}.msg-type-btn.active,.msg-type-btn:active{background:#e6f7f5;border-color:#128c7e;color:#128c7e}.msg-type-icon{font-size:22px}.daily-wrap{display:flex;flex-direction:column;gap:14px}.daily-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.daily-title{color:#128c7e;font-size:15px;font-weight:700;margin-bottom:4px}.daily-desc{color:#555;font-size:13px;line-height:1.5;margin:0}.btn-tpl-edit{align-items:center;background:#0000;border:1.5px solid #128c7e;border-radius:8px;color:#128c7e;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:5px;padding:8px 14px;transition:all .15s;white-space:nowrap}.btn-tpl-edit:hover{background:#128c7e;color:#fff}.tpl-saved-banner{background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;color:#065f46;font-size:13px;font-weight:600;padding:9px 14px}.wa-preview-bg{background:#e7ffdb;border-radius:14px;padding:16px 14px 10px}.wa-sender-name{color:#128c7e;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:6px}.wa-bubble{background:#fff;border-radius:0 12px 12px 12px;box-shadow:0 1px 3px #00000021;display:inline-block;max-width:94%;padding:10px 14px 4px;position:relative}.wa-bubble:before{border:9px solid #0000;border-right-color:#fff;border-top:0;content:"";left:-9px;position:absolute;top:0}.wa-bubble-text{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.65;word-break:break-word}.wa-divider{color:#c8d0d8;display:inline-block;font-size:9px;letter-spacing:-2px}.wa-bubble-time{color:#8696a0;font-size:11px;margin-top:6px;padding-bottom:2px;text-align:right}.wa-preview-note{color:#5d8a6e;font-size:11px;font-style:italic;margin:8px 0 0;text-align:center}.tpl-editor-panel{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:16px}.tpl-editor-label{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.var-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.var-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1d4ed8;cursor:pointer;font-family:Courier New,monospace;font-size:11.5px;padding:4px 9px;transition:background .1s;-webkit-user-select:none;user-select:none}.var-chip:hover{background:#dbeafe}.tpl-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a1a2e;font-family:Courier New,monospace;font-size:13px;line-height:1.6;outline:none;padding:12px;resize:vertical;width:100%}.tpl-textarea:focus{border-color:#128c7e}.tpl-hint{color:#94a3b8;font-size:11.5px;line-height:1.4;margin-top:6px}.tpl-actions{display:flex;gap:8px;margin-top:12px}.btn-tpl-save{background:#128c7e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px;transition:background .15s}.btn-tpl-save:hover{background:#0e6e64}.btn-tpl-save:disabled{cursor:not-allowed;opacity:.5}.btn-tpl-cancel{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px}.admin-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:10px;font-weight:700;letter-spacing:.3px;margin-left:6px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.tpl-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.tpl-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:border-color .15s}.tpl-card.editing{border-color:#128c7e}.tpl-card-view{align-items:center;display:flex;gap:10px;padding:12px 14px}.tpl-card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.tpl-card-label{color:#1a1a2e;font-size:13px;font-weight:700}.tpl-card-preview{color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-card-actions{display:flex;flex-shrink:0;gap:6px}.btn-tpl-use{background:#25d366;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:7px 16px}.btn-tpl-pencil{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;font-size:14px;padding:7px 10px}.btn-tpl-pencil:hover{background:#e2e8f0}.tpl-card-edit{background:#f8fafc;padding:14px}.media-upload-box{align-items:center;background:#f7fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;min-height:120px;overflow:hidden;transition:border-color .2s}.media-upload-box:active{border-color:#128c7e}.media-placeholder{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;padding:20px}.media-placeholder span:first-child{font-size:32px}.media-preview-img{display:block;max-height:220px;object-fit:cover;width:100%}.media-clear{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:13px;font-weight:600;padding:0 4px 10px}.file-upload-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.btn-attach{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#555;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.btn-attach:active{border-color:#128c7e;color:#128c7e}.addon-section{border-top:1.5px dashed #e2e8f0;display:flex;flex-direction:column;gap:10px;padding-top:14px}.addon-section-label{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.addon-chips{display:flex;flex-wrap:wrap;gap:8px}.addon-chip{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s}.addon-chip.active,.addon-chip:hover{border-color:#128c7e;color:#128c7e}.addon-chip.active{background:#e6f7f5}.addon-chip-plus{color:#94a3b8;font-size:16px;font-weight:400}.addon-chip-check{color:#128c7e;font-size:13px;font-weight:800}.addon-form{background:#f8fafc;border:1.5px solid #128c7e;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.addon-form-header{align-items:center;display:flex;justify-content:space-between}.addon-form-title{color:#128c7e;font-size:14px;font-weight:700}.addon-remove{background:none;border:none;border-radius:6px;color:#e53e3e;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px}.addon-remove:hover{background:#fee2e2}.addon-field{display:flex;flex-direction:column;gap:4px}.addon-field-label{color:#718096;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.muted{color:#aaa;font-size:13px;line-height:1.5}.label{color:#718096;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card .input-full{margin-bottom:10px}.teacher-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:14px 0}.teacher-row:last-of-type{border-bottom:none}.teacher-row.editing{align-items:stretch;background:#f7fafc;border-radius:12px;flex-direction:column;margin-bottom:8px;padding:14px}.teacher-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.teacher-name{color:#1a1a2e;font-size:15px;font-weight:700}.teacher-meta{color:#888;font-size:12px}.btn-edit{background:none;border:2px solid #128c7e;border-radius:8px;color:#128c7e;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:8px 16px}.btn-edit:active{background:#128c7e;color:#fff}.teacher-edit-form{display:flex;flex-direction:column;gap:8px}.teacher-edit-form .input-full{margin-bottom:0}.edit-actions{display:flex;gap:10px;margin-top:4px}.btn-save{background:#128c7e;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px}.btn-save:disabled{opacity:.5}.btn-cancel{background:none;border:2px solid #e2e8f0;border-radius:10px;color:#718096;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px}.history-toggle{display:flex;gap:10px;margin-bottom:16px}.history-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#555;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 10px}.history-btn.active{background:#e0f7ec;border-color:#128c7e;color:#128c7e}.unread-chip{background:#e53e3e;border-radius:10px;color:#fff;font-size:11px;font-weight:800;padding:1px 6px}.teacher-workload{color:#128c7e;font-size:12px;font-weight:600;margin-top:2px}.leaves-admin-list{display:flex;flex-direction:column;gap:12px}.leave-admin-item{border:1.5px solid #e2e8f0;border-radius:12px;padding:14px}.leave-admin-item--approved{background:#f0fff4;border-color:#c6f6d5}.leave-admin-item--rejected{background:#fff5f5;border-color:#fed7d7}.leave-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.leave-admin-name{color:#1a1a2e;font-size:15px;font-weight:700}.leave-admin-date{color:#888;font-size:12px}.leave-admin-actions{display:flex;gap:10px;margin-top:10px}.btn-approve{background:#128c7e;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px}.btn-approve:disabled{opacity:.5}.btn-reject{background:none;border:2px solid #e53e3e;border-radius:10px;color:#e53e3e;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px}.btn-reject:disabled{opacity:.5}.leave-item{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;padding:14px}.leave-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.leave-date{color:#1a1a2e;font-size:14px;font-weight:700}.leave-reason{color:#555;font-size:13px;margin:0}.leave-badge{border-radius:20px;font-size:12px;font-weight:700;padding:3px 10px}.leave-badge--pending{background:#fefcbf;color:#b7791f}.leave-badge--approved{background:#c6f6d5;color:#276749}.leave-badge--rejected{background:#fed7d7;color:#c53030}.replies-list{display:flex;flex-direction:column;gap:12px}.reply-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.reply-item--done{opacity:.65}.reply-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.reply-meta{display:flex;flex-direction:column;gap:2px}.reply-parent{color:#1a1a2e;font-size:14px;font-weight:700}.reply-student{color:#888;font-size:12px}.reply-time{color:#aaa;flex-shrink:0;font-size:11px;margin-left:8px}.reply-bubble{background:#f0faf6;border-radius:8px;color:#444;font-size:14px;line-height:1.5;margin:0 0 10px;padding:10px 12px}.btn-reply{background:#128c7e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px}.btn-reply:active{background:#0e6b61}.inline-reply-form{display:flex;flex-direction:column;gap:8px}.reply-textarea{border:1.5px solid #25d366;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;resize:none;width:100%}.reply-textarea:focus{border-color:#128c7e;outline:none}.inline-reply-actions{display:flex;gap:10px}.btn-reply-send{background:#128c7e;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px}.btn-reply-send:disabled{opacity:.5}.btn-reply-cancel{background:none;border:2px solid #e2e8f0;border-radius:10px;color:#718096;cursor:pointer;font-size:14px;padding:11px 18px}.reply-done-badge{color:#25d366;font-size:12px;font-weight:700}.class-picker-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.class-picker-row .student-select{flex:1 1}.btn-add-class{background:#128c7e;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:10px 14px;white-space:nowrap}.btn-add-class:active{background:#0e6b61}.class-chips{display:flex;flex-wrap:wrap;gap:8px}.class-chip{align-items:center;background:#e0f7ec;border:1.5px solid #25d366;border-radius:20px;display:flex;font-size:13px;gap:5px;padding:4px 10px 4px 12px}.chip-remove,.class-chip{color:#128c7e;font-weight:700}.chip-remove{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0}.student-search{font-size:15px}.student-dropdowns{display:flex;gap:10px;margin-bottom:14px}.student-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;padding:10px 12px}.student-select:disabled{opacity:.5}.filter-label{color:#888;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;white-space:nowrap}.filter-chip.active{background:#e0f7ec;border-color:#128c7e;color:#128c7e}.student-list{display:flex;flex-direction:column;gap:10px}.student-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.src-editing{border-color:#25d366!important}.src-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.src-class-tag{border-radius:20px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.src-edit-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:15px;line-height:1;padding:2px 6px}.src-edit-btn:active{background:#f0f0f0}.src-name{color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:3px}.src-parent-line{color:#666;font-size:13px;margin-bottom:10px}.src-phone-sep{color:#aaa}.src-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.src-att-text{font-size:13px;font-weight:700}.src-fee-btn{border:none;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 12px}.src-fee--paid{background:#c6f6d5;color:#276749}.src-fee--pending{background:#fed7d7;color:#c53030}.src-fee--partial{background:#fed7aa;color:#c2410c}.src-exams-btn{background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#128c7e;cursor:pointer;font-size:13px;font-weight:700;padding:8px;text-align:center;width:100%}.src-exams-btn:active{background:#e0f7ec}.src-edit-form{display:flex;flex-direction:column;gap:8px}.src-edit-input{border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;padding:9px 12px;width:100%}.src-edit-input:focus{border-color:#25d366;outline:none}.src-edit-row{display:flex;gap:8px}.src-edit-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;padding:9px 10px}.src-edit-actions{display:flex;gap:8px;margin-top:2px}.src-save-btn{background:#25d366;color:#fff;font-weight:700}.src-cancel-btn,.src-save-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.src-cancel-btn{background:#f0f0f0;color:#444;font-weight:600}.src-delete-btn{background:#fff5f5;border:2px solid #fc8181;border-radius:10px;color:#c53030;flex:1 1;padding:10px}.import-toggle,.src-delete-btn{cursor:pointer;font-size:14px;font-weight:700}.import-toggle{background:none;border:none;color:#128c7e;padding:4px 0;text-align:left;width:100%}.tt-header-row{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.tt-header-row,.tt-periods-row{align-items:center;display:flex}.tt-periods-row{gap:8px}.tt-period-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;padding:6px 10px}.tt-scroll-wrap{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.tt-table{border-collapse:collapse;min-width:480px;width:100%}.tt-th{background:#128c7e;color:#fff;font-size:12px;font-weight:700;padding:8px 6px;text-align:center;white-space:nowrap}.tt-th-period{width:48px}.tt-period-label{background:#f7fafc;color:#555;font-size:13px;font-weight:700;text-align:center;white-space:nowrap}.tt-cell,.tt-period-label{border:1px solid #e2e8f0;padding:4px}.tt-cell{min-width:90px;vertical-align:top}.tt-subject-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:12px;margin-bottom:4px;padding:5px 6px;width:100%}.tt-subject-input:focus{border-color:#25d366;outline:none}.tt-teacher-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:11px;padding:4px 6px;width:100%}.tt-teacher-select:focus{border-color:#25d366;outline:none}.tt-cell-view{border:1px solid #e2e8f0;min-width:70px;padding:6px 4px;text-align:center;vertical-align:middle}.tt-cell-view--filled{background:#e0f7ec}.tt-view-subject{color:#128c7e;display:block;font-size:12px;font-weight:700}.tt-view-class{color:#888;display:block;font-size:11px}.tt-empty{color:#ccc;font-size:13px}.tt-teacher-block{border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden}.tt-teacher-hdr{align-items:center;background:#f7fafc;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}.tt-teacher-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.tt-teacher-blockname{color:#1a1a1a;flex-shrink:0;font-size:14px;font-weight:700}.tt-subject-field{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;min-width:160px;padding:7px 12px}.tt-subject-field:focus{border-color:#25d366;outline:none}.tt-class-rows{padding:6px 14px 10px}.tt-class-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;justify-content:space-between;padding:5px 0}.tt-class-row:last-child{border-bottom:none}.tt-class-lbl{color:#444;flex:1 1;font-size:13px}.tt-ppw-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#25d366;font-size:13px;font-weight:700;padding:5px 10px}.tt-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.tt-legend-item{align-items:center;color:#444;display:flex;font-size:12px;font-weight:600;gap:5px}.tt-legend-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.tt-regen-btn{background:#f0f0f0;border:1.5px solid #ddd;border-radius:8px;color:#444;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.tt-regen-btn:active{background:#e0e0e0}.tt-gen-cell{border:1px solid #e2e8f0;min-width:70px;padding:6px 4px;text-align:center;transition:background .2s;vertical-align:middle}.tt-cell-subject{color:#1a1a1a;display:block;font-size:12px;font-weight:700;line-height:1.3}.tt-cell-teacher{color:#555;display:block;font-size:10px;margin-top:2px}.tt-cell-free{color:#ccc;font-size:14px}.exam-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.exam-pill{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:9px 14px;transition:all .15s;white-space:nowrap}.exam-pill.active,.exam-pill:active{background:#e0f7ec;border-color:#128c7e;color:#128c7e}.marks-list{display:flex;flex-direction:column;gap:6px}.marks-row{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.marks-num{color:#aaa;flex-shrink:0;font-size:12px;text-align:right;width:22px}.marks-name{color:#1a1a2e;flex:1 1;font-size:14px;font-weight:600}.marks-input{border:2px solid #e2e8f0;border-radius:8px;color:#128c7e;flex-shrink:0;font-size:15px;font-weight:700;padding:8px 6px;text-align:center;width:60px}.marks-input:focus{border-color:#25d366;outline:none}.marks-max{color:#aaa;flex-shrink:0;font-size:12px;font-weight:600}.exam-config-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.exam-config-row:last-of-type{border-bottom:none}.exam-config-name{color:#1a1a2e;flex:1 1;font-size:14px;font-weight:600}.exam-config-right{align-items:center;display:flex;gap:8px}.exam-config-label{color:#aaa;font-size:12px;font-weight:600}.exam-max-input{border:2px solid #e2e8f0;border-radius:8px;color:#128c7e;font-size:14px;font-weight:700;padding:7px 8px;text-align:center;width:60px}.exam-max-input:focus{border-color:#25d366;outline:none}.exam-config-del{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0 4px}.exam-add-row{align-items:center;display:flex;gap:8px;margin-top:14px}.exam-pill-add{background:#f0faf7!important;border-style:dashed!important;color:#128c7e!important}.exam-pill-add:hover{background:#e0f7ec!important;border-color:#128c7e!important}.add-test-form{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:8px;margin-top:10px;padding:12px}.add-test-form .input-full{flex:2 1;margin-bottom:0}.max-marks-row{align-items:center;background:#e0f7ec;border-radius:10px;display:flex;gap:10px;margin-top:10px;padding:10px 14px}.max-marks-label{color:#128c7e;flex:1 1;font-size:13px;font-weight:600}.manage-toggle-btn{background:none;border:1.5px solid #e2e8f0;border-radius:16px;color:#555;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;white-space:nowrap}.manage-toggle-btn:hover{border-color:#128c7e;color:#128c7e}.manage-panel{background:#f8f9fa;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:14px}.manage-section-title{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.manage-subject-chip{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;color:#333;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px}.manage-chip-del{color:#e53e3e;font-size:15px;font-weight:700;line-height:1;padding:0 2px}.manage-chip-del,.src-profile-btn{background:none;border:none;cursor:pointer}.src-profile-btn{border-radius:6px;color:#128c7e;flex-shrink:0;font-size:14px;padding:2px 6px}.profile-panel{border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px}.pgrid{display:flex;flex-direction:column;gap:5px}.pgrid-row{align-items:center;display:flex;gap:4px}.pgrid-header{margin-bottom:2px}.pgrid-subj-lbl{color:#555;flex-shrink:0;font-size:11px;font-weight:700;width:58px}.pgrid-exam-lbl{color:#aaa;font-size:10px;letter-spacing:.3px;text-transform:uppercase}.pgrid-exam-lbl,.pgrid-score{flex:1 1;font-weight:700;text-align:center}.pgrid-score{background:#0000;border:1.5px solid #e2e8f0;border-radius:6px;color:#bbb;font-size:12px;padding:4px 2px}.bcast-progress{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;margin-top:14px;padding:14px 16px}.bcast-progress-label{color:#166534;font-size:13px;font-weight:600;margin-bottom:8px}.bcast-bar-wrap{background:#dcfce7;border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}.bcast-bar-fill{background:#25d366;border-radius:99px;height:100%;transition:width .4s ease}.bcast-progress-sub{color:#15803d;font-size:12px}.bcast-progress.queued{background:#fffbeb;border-color:#fde68a}.bcast-progress.queued .bcast-progress-label{color:#92400e}.bcast-progress.queued .bcast-bar-wrap{background:#fef3c7}.bcast-progress.queued .bcast-bar-fill{background:#f59e0b}.bcast-progress.queued .bcast-progress-sub{color:#b45309}.bcast-progress.done{background:#f0fdf4;border-color:#86efac}.bcast-progress.error{background:#fff5f5;border-color:#fca5a5}.bcast-progress.error .bcast-progress-label{color:#991b1b}@media (min-width:640px){.main{margin:0 auto;max-width:860px;padding:24px;width:100%}.header{height:60px;padding:0 24px}.header-title{font-size:17px}.tab{font-size:14px;padding:13px 20px}.card{padding:24px}.card-title{font-size:18px}.att-name,.btn-send{font-size:15px}.preview-table{font-size:14px;min-width:auto}.template-btn:hover{background:#e0f7ec;border-color:#25d366;color:#128c7e}}
/*# sourceMappingURL=main.9fd722fa.css.map*/