/* src/vue/finance/IncomeExpenses.vue */
.income-expenses__filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 4px 0 15px; }
.income-expenses__pagination { margin-top: 20px; }
.danger-text { color: #f56c6c; }
.income-amount { color: #f56c6c; }.expense-amount { color: #67c23a; }

/* src/vue/settings/BusinessSettings.vue */
.margin-right {
  margin-right: 10px;
}
.table-gap {
  margin-bottom: 10px;
}
.input-placeholder {
  color: #909399;
  font-size: 12px;
  line-height: 20px;
}
.short-input {
  width: 90px;
  margin: 0 8px;
}
.time-input {
  width: 130px;
  margin: 0 8px;
}
.inline-copy {
  margin-left: 14px;
}
.reminder-settings h3 {
  margin: 24px 0 12px 80px;
  color: #303133;
}
.reminder-settings .el-alert {
  margin: 18px 0 18px 80px;
  width: 680px;
}
.form-actions {
  margin-top: 20px;
}
.notification-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.teacher-card {
  margin-top: 30px;
}
.notification-name {
  color: #303133;
  font-weight: 600;
}
.notification-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.filter-container {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.danger-text {
  color: #f56c6c;
}

/* src/vue/lesson/LessonClassManagement.vue */
.lesson-class-management__filters { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.lesson-class-management__link, .lesson-class-management__count { cursor: pointer; }
.lesson-class-management__count { color: #fe892c; }
.lesson-class-management__drawer-footer { padding: 20px; text-align: right; }

/* src/vue/order/OrderReceipts.vue */
.order-receipts__filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-bottom: 10px; }
.order-receipts__tip { color: #ffa809; margin-left: 10px; }
.order-receipts__help { color: #909399; }

/* src/vue/dashboard/Dashboard.vue */
.semantic-dashboard { padding: 20px; background: #f4f7fa; min-height: calc(100vh - 84px); }
.semantic-dashboard__toolbar, .semantic-dashboard__heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.semantic-dashboard__toolbar h2 { margin: 0; font-size: 20px; color: #303133; }
.semantic-dashboard__expiry { margin-left: 18px; color: #909399; font-size: 14px; }.semantic-dashboard__expiry.is-warning { color: #f56c6c; }
.semantic-dashboard__alert, .semantic-dashboard__section { margin-top: 18px; }.semantic-dashboard__heading small { color: #a7a9c0; font-weight: normal; }
.semantic-dashboard__metrics { display: grid; grid-template-columns: repeat(6, minmax(140px, 1fr)); gap: 14px; }
.semantic-dashboard__metric { min-height: 96px; padding: 18px; border-radius: 6px; background: linear-gradient(135deg, #edf5ff, #f8fbff); display: flex; flex-direction: column; justify-content: space-between; color: #606266; }
.semantic-dashboard__metric strong { font-size: 25px; color: #303133; }.semantic-dashboard__columns { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 18px; margin-top: 18px; }.semantic-dashboard__panel { min-height: 290px; }
.semantic-dashboard__quick-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.semantic-dashboard__quick, .semantic-dashboard__todo-list button, .semantic-dashboard__notices button { border: 0; background: transparent; cursor: pointer; color: #606266; }
.semantic-dashboard__quick { min-height: 76px; border-radius: 4px; background: #f7f9fc; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }.semantic-dashboard__quick i { color: #409eff; font-size: 22px; }
.semantic-dashboard__todo-list button, .semantic-dashboard__notices button { display: flex; width: 100%; padding: 10px 0; text-align: left; border-bottom: 1px solid #ebeef5; flex-direction: column; gap: 5px; }.semantic-dashboard__todo-list span, .semantic-dashboard__notices small { color: #909399; }
@media (max-width: 1300px) { .semantic-dashboard__metrics { grid-template-columns: repeat(3, 1fr); }.semantic-dashboard__columns { grid-template-columns: 1fr; } }

/* src/vue/schedule/ScheduleManagement.vue */
.schedule-management__filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
.schedule-management__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.schedule-management__calendar { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; min-height: 120px; }
.schedule-management__card { cursor: pointer; line-height: 1.8; }
.schedule-management__time { color: #fe892c; font-weight: 600; }
.schedule-management__detail { line-height: 1.7; }

/* src/vue/attendance/AttendanceRecords.vue */
.attendance-records__filters { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
.attendance-records__student { cursor: pointer; }

/* src/vue/student/StudentImport.vue */
.student-import__content { display: inline-block; margin-left: 50px; max-width: 960px; }
.student-import__content h3 { margin: 20px 0; font-size: 14px; }
.student-import__notice { font-size: 13px; font-weight: normal; line-height: 1.55; text-align: left; }
.student-import__notice p { margin: 0 0 5px; }
.student-import__required { color: rgb(255, 111, 0); }
.student-import__course { color: rgb(57, 138, 253); }
.student-import__actions { display: flex; align-items: center; gap: 16px; }
.student-import__upload { margin: 40px 0 32px; }
.student-import__hint { margin-top: 10px; color: #ccc; }

/* src/vue/student/StudentManagement.vue */
.filter-container { display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; margin-bottom: 15px; }
.student-management__link { cursor: pointer; }
.student-management__account-help { margin: 0 0 12px; color: #909399; }
.student-management__referrer-summary { margin: 10px 0 16px; color: #606266; }
.student-management__referrer-summary strong { margin: 0 4px; color: #409eff; }
.el-dropdown-link { cursor: pointer; color: #409eff; }