/* Glassmorphism core */
:root{ --waed-brand: #00bcd4; --waed-bg: #f5f7fb; --waed-text:#1f2937 }
body.waed-front{ background: var(--waed-bg); font-family: "Cairo", sans-serif; direction: rtl; }

.waed-wrap, .waed-front-wrap{ padding:16px }
.waed-hero-card{
  display:flex; align-items:center; gap:16px;
  background: rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.4);
  backdrop-filter: blur(10px);
  border-radius: 16px; padding:16px; margin:16px 0;
}
.waed-avatar{ width:64px; height:64px; border-radius:50%; border:3px solid var(--waed-brand) }
.waed-hero-txt h2{ margin:0; font-weight:800; color:var(--waed-text) }
.waed-hero-txt p{ margin:.25rem 0 0; color:#334155 }
.waed-hero-actions .button{ background: var(--waed-brand); color:#fff; border:none }

.waed-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px }
.waed-card{
  background: rgba(255,255,255,.45); border:1px solid rgba(255,255,255,.5);
  border-radius:16px; padding:16px; box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.waed-table{ width:100%; border-collapse:collapse }
.waed-table th, .waed-table td{ border-bottom:1px solid #e5e7eb; padding:8px }

/* Front dashboard */
.waed-dash{ max-width:1100px; margin:0 auto }
.waed-tabs{ display:flex; gap:8px; margin:12px 0 }
.waed-tab{ padding:10px 14px; border-radius:999px; cursor:pointer; background:rgba(255,255,255,.6); border:1px solid rgba(0,0,0,.05) }
.waed-tab.active{ background: var(--waed-brand); color:#fff }
.waed-panel{ display:none }
.waed-panel.active{ display:block }
.waed-badge{ display:inline-block; background:var(--waed-brand); color:#fff; padding:4px 10px; border-radius:999px; font-size:12px }

/* Register form */
#waed-register-form{ max-width:480px; margin:16px auto; }
#waed-register-form label{ display:block; margin:6px 0 3px }
#waed-register-form input, #waed-register-form select{ width:100%; padding:10px; border-radius:10px; border:1px solid #e5e7eb }
#waed-register-form button{ margin-top:10px; background:var(--waed-brand); color:#fff; border:none; padding:12px 16px; border-radius:12px; cursor:pointer }

/* ===== About (Glass) ===== */
.waed-about{max-width:1100px;margin:24px auto;padding:12px}
.waed-about-hero{
  display:flex;align-items:center;gap:18px;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(12px);border-radius:18px;padding:20px;
  box-shadow:0 10px 26px rgba(0,0,0,.06)
}
.waed-about-logo{width:120px;height:auto}
.waed-about-text h2{margin:0 0 6px;font:900 34px/1.2 "Cairo",sans-serif;color:#00bcd4}
.waed-about-text p{margin:0 0 12px;color:#334155}
.waed-about-cta{
  display:inline-block;background:#00bcd4;color:#fff;text-decoration:none;
  padding:10px 18px;border-radius:999px;font-weight:700
}
.waed-features{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:12px;margin:16px 0
}
.waed-feature{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(10px);border-radius:14px;padding:12px
}
.waed-feature-icon{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:#00bcd4;color:#fff}
.waed-feature-text{font-weight:600;color:#1f2937}
.waed-about-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.waed-pill{background:linear-gradient(90deg,#00bcd4,#0096b2);color:#fff;
  padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}
@media (max-width:768px){
  .waed-about-hero{flex-direction:column;text-align:center}
}