:root{
  --bg:#0b1220;
  --card:#162033;
  --gold:#e5bd3d;
  --gold2:#f5d76e;
  --text:#f8fafc;
  --muted:#aeb9c9;
  --danger:#f87171;
  --ok:#86efac;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:Cairo,Tajawal,sans-serif;
  background:linear-gradient(135deg,#0b1220,#172235);
  color:var(--text);
  min-height:100vh;
}

.wrap{
  width:min(1100px,92%);
  margin:auto;
}

.top{
  padding:22px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand img{
  width:52px;
  height:52px;
  border-radius:50%;
  border:2px solid var(--gold);
}

.brand h1{
  font-size:21px;
  margin:0;
}

.actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.btn{
  border:1px solid #3a485d;
  background:#1c293d;
  color:#fff;
  padding:10px 14px;
  border-radius:11px;
  text-decoration:none;
  font-family:inherit;
  cursor:pointer;
  transition:.2s;
}

.btn:hover{
  transform:translateY(-1px);
  border-color:var(--gold);
}

.btn.gold{
  background:var(--gold);
  color:#111;
  border-color:var(--gold);
  font-weight:800;
}

.btn.gold:hover{
  background:var(--gold2);
}

.btn.danger{
  color:#fecaca;
}

.btn.danger:hover{
  background:#4a2025;
  border-color:var(--danger);
}

.hero{
  padding:25px 0 30px;
}

.hero h2{
  font-size:34px;
  margin:0 0 8px;
}

.hero p{
  color:var(--muted);
}

.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.card{
  background:rgba(22,32,51,.92);
  border:1px solid #2e3b50;
  border-radius:18px;
  padding:22px;
}

.card h3{
  margin-top:0;
}

.stat{
  font-size:28px;
  font-weight:800;
  color:var(--gold2);
}

.notice{
  padding:16px;
  border-radius:14px;
  background:#292315;
  border:1px solid #6b5620;
  color:#fde68a;
}

.ok{
  background:#12271d;
  border-color:#235f3a;
  color:var(--ok);
}

.table-wrap{
  overflow:auto;
}

.table{
  width:100%;
  border-collapse:collapse;
  min-width:850px;
}

.table th,
.table td{
  padding:13px 12px;
  border-bottom:1px solid #2c394c;
  text-align:right;
  vertical-align:middle;
}

.table th{
  color:var(--gold2);
  white-space:nowrap;
}

.table td{
  color:#e8edf5;
}

.table tr:hover td{
  background:rgba(255,255,255,.025);
}

/* ═══════════════════════
   أزرار الإجراءات
═══════════════════════ */

.user-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.action-btn{
  border:1px solid #3a485d;
  background:#1c293d;
  color:#fff;
  min-width:38px;
  height:36px;
  padding:0 10px;
  border-radius:9px;
  cursor:pointer;
  font-family:inherit;
  font-size:14px;
  transition:.2s;
}

.action-btn:hover{
  transform:translateY(-1px);
}

.action-view:hover{
  border-color:#60a5fa;
  color:#93c5fd;
}

.action-approve{
  background:rgba(229,189,61,.14);
  border-color:var(--gold);
  color:var(--gold2);
}

.action-approve:hover{
  background:var(--gold);
  color:#111;
}

.action-toggle:hover{
  border-color:var(--ok);
  color:var(--ok);
}

.action-delete:hover{
  border-color:var(--danger);
  background:#4a2025;
  color:#fecaca;
}

/* حالات المستخدم */

.status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border-radius:999px;
  font-size:13px;
  white-space:nowrap;
}

.status-active{
  background:#12351f;
  color:var(--ok);
}

.status-pending{
  background:#3a3016;
  color:#fde68a;
}

.status-disabled{
  background:#3b2024;
  color:#fca5a5;
}

/* ═══════════════════════
   النافذة المنبثقة
═══════════════════════ */

.modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transition:.2s;
}

.modal.show{
  opacity:1;
  visibility:visible;
}

.modal-box{
  width:min(500px,100%);
  background:#162033;
  border:1px solid #3a485d;
  border-radius:20px;
  padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  transform:translateY(15px);
  transition:.2s;
}

.modal.show .modal-box{
  transform:translateY(0);
}

.modal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
}

.modal-header h3{
  margin:0;
  color:var(--gold2);
}

.modal-close{
  width:36px;
  height:36px;
  border:1px solid #3a485d;
  background:#1c293d;
  color:#fff;
  border-radius:9px;
  cursor:pointer;
  font-size:18px;
}

.user-info{
  display:grid;
  gap:10px;
}

.info-row{
  background:#111b2b;
  border:1px solid #2c394c;
  border-radius:10px;
  padding:11px 13px;
}

.info-row strong{
  color:var(--gold2);
  display:block;
  margin-bottom:3px;
}

.info-row span{
  color:#e8edf5;
  word-break:break-word;
}

.select{
  background:#111b2b;
  color:#fff;
  border:1px solid #3a485d;
  padding:8px;
  border-radius:8px;
  font-family:inherit;
}

@media(max-width:760px){

  .grid{
    grid-template-columns:1fr;
  }

  .top{
    align-items:flex-start;
    flex-direction:column;
  }

  .hero h2{
    font-size:27px;
  }

  .modal{
    padding:12px;
  }

  .modal-box{
    padding:18px;
  }
}
.plan-row{display:grid;grid-template-columns:1fr 1.3fr .8fr .8fr 1.5fr auto;gap:8px;align-items:center;padding:10px;margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.03)}
.plan-row input{min-width:0}
@media(max-width:900px){.plan-row{grid-template-columns:1fr 1fr}.plan-row .remove-plan{grid-column:1/-1}}
.enh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.enh-stat{padding:18px;border:1px solid rgba(212,168,67,.2);border-radius:16px;background:rgba(255,255,255,.025)}.enh-stat b{display:block;font-size:28px;color:var(--gold2);margin-top:5px}.enh-stat small{color:var(--muted)}.enh-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.enh-toolbar input,.enh-toolbar select{min-width:160px}.enh-table{margin-top:14px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-grid label{display:grid;gap:6px}.profile-grid .full{grid-column:1/-1}.profile-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.profile-mini{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);text-align:center}.profile-mini b{display:block;font-size:23px;color:var(--gold2)}.profile-mini span{font-size:12px;color:var(--muted)}.success{border-color:#22c55e!important;color:#bbf7d0!important}@media(max-width:900px){.enh-grid{grid-template-columns:repeat(2,1fr)}.profile-mini-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.enh-grid,.profile-grid{grid-template-columns:1fr}.profile-mini-grid{grid-template-columns:1fr 1fr}.enh-toolbar input,.enh-toolbar select{width:100%;min-width:0}}

/* =====================================================
   ADMIN: USERS — unified search + cleaner table
===================================================== */
.users-management-card{overflow:hidden}
.users-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.users-filter-toolbar{display:grid!important;grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(145px,.8fr));gap:10px;width:100%}
.users-filter-toolbar input,.users-filter-toolbar select,.student-report-search{width:100%;min-width:0;background:#101a2a;color:#fff;border:1px solid #34445c;border-radius:10px;padding:10px 11px;font-family:inherit;outline:none}
.users-filter-toolbar input:focus,.users-filter-toolbar select:focus,.student-report-search:focus{border-color:var(--gold)}
.users-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;color:var(--muted);font-size:13px}
.compact-btn{padding:7px 10px;font-size:12px}
.users-table-wrap{margin-top:4px;border:1px solid #2c394c;border-radius:14px;overflow:auto;max-width:100%;scrollbar-gutter:stable}
.users-table{min-width:1390px;table-layout:auto}
.users-table th,.users-table td{padding:10px 9px;white-space:nowrap;line-height:1.45}
.users-table th:nth-child(1),.users-table td:nth-child(1){min-width:125px}
.users-table th:nth-child(2),.users-table td:nth-child(2){min-width:235px}
.users-table th:nth-child(3),.users-table td:nth-child(3){min-width:125px}
.users-table th:nth-child(7),.users-table td:nth-child(7){min-width:145px}
.users-table th:last-child,.users-table td:last-child{min-width:285px;position:sticky;left:0;z-index:2;background:#162033;box-shadow:8px 0 16px rgba(0,0,0,.18)}
.users-table th:last-child{z-index:4;background:#162033}
.users-table tr:hover td:last-child{background:#18243a}
.users-table .user-actions{display:flex;flex-wrap:nowrap;gap:5px;align-items:center;justify-content:flex-start;min-width:270px}
.users-table .action-btn{height:32px;min-width:34px;padding:0 8px;font-size:12px;white-space:nowrap}
.users-table .status{padding:4px 8px;font-size:12px}

/* =====================================================
   ADMIN: BOOKINGS — compact tabbed workspace
===================================================== */
.booking-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.booking-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px;padding:6px;border:1px solid #314056;border-radius:14px;background:#101a2a}
.booking-tab-btn{border:1px solid transparent;background:transparent;color:#dbe4ef;padding:9px 14px;border-radius:10px;font-family:inherit;font-weight:800;cursor:pointer;transition:.2s}
.booking-tab-btn:hover{border-color:#3a485d;background:#17243a}
.booking-tab-btn.active{background:var(--gold);color:#111;border-color:var(--gold)}
.booking-tab-panel{display:none}
.booking-tab-panel.active{display:block}
.booking-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}
.booking-panel-title h3{margin:0 0 4px;color:var(--gold2)}
.booking-panel-title p{margin:0;color:var(--muted);font-size:13px}
.booking-tab-panel>.table-wrap{margin-top:0!important;border:1px solid #2c394c;border-radius:14px}
.booking-tab-panel>.report-block{margin-top:0}
.student-reports-panel{margin-top:0!important}
.student-report-search{width:min(360px,100%)}

@media(max-width:900px){
  .users-filter-toolbar{grid-template-columns:1fr 1fr!important}
  .users-filter-toolbar input{grid-column:1/-1}
  .booking-section-head{align-items:stretch}
}
@media(max-width:600px){
  .users-management-head,.users-filter-summary,.booking-section-head{flex-direction:column;align-items:stretch}
  .users-filter-toolbar{grid-template-columns:1fr!important}
  .users-filter-toolbar input{grid-column:auto}
  .booking-tabs{display:grid;grid-template-columns:1fr}
  .booking-tab-btn{width:100%}
}

/* =====================================================
   TEACHER DASHBOARD — workspace
===================================================== */
.teacher-dashboard-page .teacher-wrap{width:min(1280px,94%)}
.teacher-topbar{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.teacher-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.teacher-kicker{display:inline-block;color:var(--gold2);font-weight:800;font-size:13px;margin-bottom:7px}
.teacher-date{color:var(--muted);font-size:14px;padding:9px 12px;border:1px solid #2f3d52;border-radius:12px;background:#111b2b}
.teacher-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;margin:0 0 18px;border:1px solid #2f3d52;border-radius:16px;background:#101a2a;position:sticky;top:92px;z-index:40}
.teacher-tab{border:1px solid transparent;background:transparent;color:#dbe4ef;padding:10px 12px;border-radius:10px;font-family:inherit;font-weight:800;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:7px}
.teacher-tab:hover{background:#17243a;border-color:#34445c}
.teacher-tab.active{background:var(--gold);color:#111;border-color:var(--gold)}
.teacher-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;display:none;align-items:center;justify-content:center}
.teacher-workspace{padding-bottom:50px}
.teacher-panel{display:none;animation:teacherFade .18s ease}
.teacher-panel.active{display:block}
@keyframes teacherFade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.teacher-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.teacher-section-head h3{margin:0 0 4px}
.teacher-section-head p{margin:0;color:var(--muted);font-size:13px}
.teacher-home-grid,.teacher-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.teacher-summary-card{height:100%}
.teacher-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.teacher-action-card{border:1px solid #314056;background:#111b2b;color:#fff;border-radius:14px;padding:14px;text-align:right;font-family:inherit;cursor:pointer;display:grid;gap:4px;transition:.2s}
.teacher-action-card:hover{transform:translateY(-2px);border-color:var(--gold);background:#17243a}
.teacher-action-card span{font-size:22px}
.teacher-action-card strong{color:#fff}
.teacher-action-card small{color:var(--muted)}
.teacher-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.teacher-mini-metrics>div{border:1px solid #2f3d52;background:#111b2b;border-radius:14px;padding:16px;text-align:center}
.teacher-mini-metrics span{display:block;color:var(--muted);font-size:12px}
.teacher-mini-metrics b{display:block;color:var(--gold2);font-size:25px;margin-top:6px}
.teacher-activity-list{display:grid;gap:9px}
.teacher-activity-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #2c394c;border-radius:12px;background:#111b2b}
.teacher-activity-item>span{font-size:22px;width:34px;text-align:center}
.teacher-activity-item strong{display:block}
.teacher-activity-item small{display:block;color:var(--muted);margin-top:3px}
.teacher-input{width:100%;background:#101a2a;color:#fff;border:1px solid #34445c;border-radius:10px;padding:10px 11px;font-family:inherit;outline:none}
.teacher-input:focus{border-color:var(--gold)}
.teacher-search{width:min(360px,100%)}
.teacher-filter{width:min(240px,100%)}
.teacher-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.teacher-form label{display:grid;gap:6px;color:#dce4ef;font-size:13px}
.teacher-form .full{grid-column:1/-1}
.teacher-form textarea{resize:vertical}
.teacher-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.teacher-form-status{font-size:13px}.teacher-form-status.ok-text{color:#86efac}.teacher-form-status.error-text{color:#fca5a5}
.teacher-table-wrap{border:1px solid #2c394c;border-radius:14px;overflow:auto;max-width:100%}
.teacher-table{min-width:900px}.teacher-homework-table{min-width:1100px}
.teacher-table small{color:var(--muted)}
.teacher-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.compact-select{min-width:130px}.homework-eval{min-width:210px}
.teacher-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.teacher-status.present{background:#12351f;color:#86efac}.teacher-status.absent{background:#3b2024;color:#fca5a5}.teacher-status.excused{background:#3a3016;color:#fde68a}
.teacher-tip{padding:16px;border:1px dashed #59677b;border-radius:14px;background:#111b2b;color:#dce4ef;line-height:1.8}
.teacher-notes-list,.teacher-notifications-list{display:grid;gap:10px}
.teacher-note-card,.teacher-notification{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;border:1px solid #2c394c;border-radius:13px;background:#111b2b}
.teacher-note-card p,.teacher-notification p{margin:7px 0;white-space:pre-wrap;line-height:1.7;color:#e8edf5}
.teacher-note-card small,.teacher-notification small{color:var(--muted)}
.teacher-note-category{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(229,189,61,.13);color:var(--gold2);font-size:11px;margin-left:8px}
.teacher-notification.unread{border-right:4px solid var(--gold);background:rgba(229,189,61,.06)}
.teacher-contact-admin{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid #2f3d52;border-radius:14px;background:#111b2b;margin-bottom:14px}
.teacher-contact-admin strong,.teacher-contact-admin span{display:block}.teacher-contact-admin span{color:var(--muted);font-size:12px;margin-top:3px}
.teacher-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.teacher-contact-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #2c394c;border-radius:13px;background:#111b2b}
.teacher-contact-card strong,.teacher-contact-card span{display:block}.teacher-contact-card span{color:var(--muted);font-size:12px;margin-top:2px}
.teacher-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(229,189,61,.14);border:1px solid rgba(229,189,61,.35);color:var(--gold2);font-weight:900;font-size:18px}
.teacher-muted{color:var(--muted);font-size:12px}
.teacher-empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed #34445c;border-radius:12px}
.teacher-student-modal{width:min(760px,100%)}
.student-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.student-detail-grid>div{padding:12px;border:1px solid #2c394c;border-radius:11px;background:#111b2b}
.student-detail-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.student-detail-grid strong{word-break:break-word}
.teacher-contact-card .btn{white-space:nowrap}

@media(max-width:900px){
  .teacher-tabs{top:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.teacher-tab{white-space:nowrap}
  .teacher-home-grid,.teacher-two-col{grid-template-columns:1fr}.teacher-contact-grid{grid-template-columns:1fr}
  .teacher-hero{align-items:flex-start;flex-direction:column}.teacher-date{align-self:stretch;text-align:center}
}
@media(max-width:620px){
  .teacher-dashboard-page .teacher-wrap{width:min(96%,100%)}
  .teacher-form,.student-detail-grid{grid-template-columns:1fr}.teacher-form .full{grid-column:auto}
  .teacher-quick-actions,.teacher-mini-metrics{grid-template-columns:1fr}
  .teacher-section-head,.teacher-contact-admin{flex-direction:column;align-items:stretch}
  .teacher-contact-card{grid-template-columns:auto 1fr}.teacher-contact-card .btn{grid-column:1/-1;text-align:center}
  .teacher-stats-grid{grid-template-columns:1fr 1fr}
}
@media print{
  .teacher-topbar,.teacher-tabs,.teacher-panel:not([data-panel="reports"]),#printTeacherReport,#exportTeacherReport{display:none!important}
  .teacher-panel[data-panel="reports"]{display:block!important}.teacher-dashboard-page{background:#fff;color:#111}.card{background:#fff;color:#111;border:1px solid #ddd}.table td{color:#111}.table th{color:#7c5a00}
}

.teacher-check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;padding:10px 12px;border:1px solid #34445c;border-radius:10px;background:#111b2b}.teacher-check-label input{width:18px;height:18px;accent-color:var(--gold)}


/* =====================================================
   ADMIN DASHBOARD — mobile polish + section nav
===================================================== */
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.admin-quick-nav-card{position:relative;overflow:hidden}
.admin-quick-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-top:16px}
.admin-quick-link{display:grid;gap:6px;padding:16px;border:1px solid #32435b;border-radius:16px;background:linear-gradient(180deg,#101a2a,#152136);color:#fff;text-decoration:none;transition:.2s}
.admin-quick-link:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.admin-quick-link span{font-size:24px}
.admin-quick-link strong{color:#fff;font-size:15px}
.admin-quick-link small{color:var(--muted);font-size:12px}
.mini-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid #34445c;color:#e8edf5;font-size:11px;font-weight:800}
.mini-badge-admin{background:rgba(229,189,61,.15);border-color:rgba(229,189,61,.45);color:var(--gold2)}
.action-assigned{border-color:rgba(229,189,61,.45);background:rgba(229,189,61,.12);color:var(--gold2)}
.action-assign-teacher:hover,.action-assign-admin:hover{border-color:var(--gold);background:#17243a}
.user-mobile-list{display:none;gap:12px;margin-top:12px}
.user-mobile-card{background:#111b2b;border:1px solid #2f3d52;border-radius:16px;padding:14px;display:grid;gap:12px}
.user-mobile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.user-mobile-head h3{margin:0;font-size:18px;line-height:1.5}
.user-mobile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.user-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.user-mobile-meta>div{padding:10px 11px;border-radius:12px;background:#0f1929;border:1px solid #2f3d52}
.user-mobile-meta>div.full{grid-column:1/-1}
.user-mobile-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.user-mobile-meta strong{display:block;color:#fff;word-break:break-word;line-height:1.55}
.user-mobile-actions{display:flex;flex-wrap:wrap;gap:8px}
.user-mobile-actions .action-btn{flex:1 1 calc(50% - 8px);height:auto;min-height:38px;padding:9px 10px}
.user-mobile-wa{justify-self:start}
.user-mobile-empty{padding:18px;border:1px dashed #34445c;border-radius:14px;text-align:center;color:var(--muted);background:#111b2b}
.status-banned{background:#3f1014;color:#fda4af}
.card{scroll-margin-top:88px}

@media(max-width:900px){
  .wrap{width:min(96%,100%)}
  .top{padding:16px 0 10px;position:sticky;top:0;z-index:60;background:rgba(11,18,32,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
  .top .actions{width:100%}
  .top .actions .btn{flex:1 1 180px;text-align:center}
  .card{padding:18px}
  .hero{padding:16px 0 22px}
  .hero h2{font-size:29px}
}
@media(max-width:760px){
  .brand img{width:44px;height:44px}
  .brand h1{font-size:18px}
  .hero p,.notice{font-size:14px;line-height:1.8}
  .admin-quick-nav{grid-template-columns:1fr 1fr}
  .users-table-wrap{display:none}
  .user-mobile-list{display:grid}
  .users-filter-summary .btn{width:100%}
  .card h2{font-size:22px}
  .table-wrap{overflow:auto hidden;-webkit-overflow-scrolling:touch}
}
@media(max-width:520px){
  .wrap{width:min(97%,100%)}
  .top .actions .btn{flex:1 1 100%;width:100%}
  .card{padding:14px;border-radius:16px}
  .admin-quick-nav{grid-template-columns:1fr}
  .user-mobile-meta{grid-template-columns:1fr}
  .user-mobile-actions .action-btn{flex:1 1 100%}
  .users-filter-summary{align-items:stretch}
}

/* Attendance financial overview and clear teacher workspace */
.attendance-summary{margin-top:24px;padding:18px;background:#0e192b;border:1px solid #42516b;border-radius:16px}
.attendance-summary h3{margin:0 0 6px;color:#f5d76e}
.attendance-summary p{color:#aeb9c9;font-size:13px}
.attendance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.attendance-summary-card{display:grid;gap:7px;padding:15px;border:1px solid #35435b;border-radius:14px;background:#17253b}
.attendance-summary-card strong{color:#fff;overflow-wrap:anywhere}
.attendance-summary-card span{color:#d4dfec;font-size:13px}
.attendance-summary-card b{color:#f5d76e}
.student-payment-total{padding:12px 16px;margin:12px 0;background:#122d27;border:1px solid #267553;border-radius:12px;color:#e4ffed}
.teacher-dashboard-page .teacher-panel>.card,.teacher-dashboard-page .teacher-two-col>.card{border-radius:18px;box-shadow:0 12px 38px #050b1530}
.teacher-dashboard-page .teacher-topbar{border-bottom:1px solid #34445c}
.teacher-dashboard-page .teacher-tabs{border:1px solid #3b4b61;border-radius:16px;gap:10px}
.teacher-dashboard-page .teacher-tab{padding:12px 16px}
.teacher-dashboard-page .teacher-input{min-height:43px}
@media(max-width:700px){.attendance-summary{padding:12px}.attendance-summary-grid{grid-template-columns:1fr}.teacher-dashboard-page .teacher-tabs{position:sticky;top:0}.teacher-dashboard-page .teacher-wrap{width:96%}}

.attendance-summary-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0} .attendance-summary-controls label{display:grid;gap:6px;color:#f5d76e;font-weight:700;font-size:13px} .attendance-summary-controls input,.attendance-summary-controls select{width:100%;min-width:0;padding:12px;background:#111d31;color:#fff;border:1px solid #455470;border-radius:10px;font:inherit} .attendance-summary-controls input:focus,.attendance-summary-controls select:focus{outline:2px solid #e5bd3d;outline-offset:1px} @media(max-width:760px){.attendance-summary-controls{grid-template-columns:1fr}}

/* إشعارات نشاط المنصة */
.zad-activity-alerts{margin:16px 0 20px}.zad-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.zad-activity-heading h2{margin:0;font-size:21px}.zad-activity-heading p{margin:6px 0;color:var(--muted)}.zad-activity-list{display:grid;gap:9px;margin-top:12px;max-height:390px;overflow-y:auto}.zad-activity-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #35445b;border-radius:12px;background:#101b2c;padding:12px}.zad-activity-item.unread{border-color:#b9953e;background:#202335}.zad-activity-item strong{display:block;color:#f5d76e}.zad-activity-item p{margin:5px 0;color:#f4f5f8;overflow-wrap:anywhere}.zad-activity-item small{color:#b2bfd0}.zad-activity-counter{display:inline-block;min-width:23px;padding:2px 7px;border-radius:12px;background:#e5bd3d;color:#101827;font-size:13px}.zad-activity-item .btn{flex-shrink:0}.zad-activity-alerts [hidden]{display:none!important}@media(max-width:650px){.zad-activity-item{align-items:stretch;flex-direction:column}.zad-activity-heading .btn{width:100%}}
/* Desktop admin users: show complete names without clipping */
@media(min-width:761px){
 #usersManagement .users-table-wrap{overflow-x:auto!important;scrollbar-gutter:auto!important}
 #usersManagement .users-table{table-layout:auto!important;width:max-content!important;min-width:100%!important}
 #usersManagement .users-table td:first-child,#usersManagement .users-table th:first-child{min-width:185px!important;max-width:none!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;line-height:1.65!important}
 #usersManagement .users-table td:last-child{position:static!important;box-shadow:none!important}
}