/* DonorWave Glass 2.0 — Stage design layer */
:root {
  --dw-ink:#13283d;
  --dw-muted:#667d90;
  --dw-accent:#089d9a;
  --dw-line:rgba(125,158,180,.20);
  --dw-glass:rgba(255,255,255,.78);
  --dw-shadow:0 16px 48px rgba(21,52,79,.075);
}

body {
  background:
    radial-gradient(ellipse at 12% 5%,rgba(47,194,207,.13),transparent 38%),
    radial-gradient(ellipse at 88% 20%,rgba(98,128,244,.10),transparent 40%),
    #f4f8fc !important;
  color:var(--dw-ink);
  -webkit-font-smoothing:antialiased;
}

.shell {
  min-height:100vh;
  gap:0;
}

.shell .side {
  background:rgba(13,32,52,.96);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-inline-end:1px solid rgba(255,255,255,.10);
  box-shadow:8px 0 38px rgba(9,28,49,.10);
}

.shell .side .brand {
  letter-spacing:-.8px;
  font-weight:800;
}

.shell .nav {
  display:flex;
  flex-direction:column;
  gap:4px;
}

.shell .nav a {
  border-radius:13px;
  transition:background .18s ease,transform .18s ease;
}

.shell .nav a:hover {
  background:rgba(255,255,255,.10);
}

.shell .nav a.active {
  background:linear-gradient(110deg,rgba(19,189,190,.28),rgba(49,118,181,.20));
  box-shadow:inset 3px 0 0 #35d5cb;
}

.shell .main {
  min-width:0;
  padding:clamp(16px,2.5vw,36px);
}

.shell .main > .top {
  margin-bottom:24px;
}

.shell .main h1 {
  font-weight:800;
  letter-spacing:-.6px;
  line-height:1.3;
}

.shell .main .card {
  background:var(--dw-glass);
  border:1px solid var(--dw-line);
  border-radius:20px;
  box-shadow:var(--dw-shadow);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.shell .main .metric {
  min-width:0;
  transition:transform .2s ease,box-shadow .2s ease;
}

@media (hover:hover) {
  .shell .main .metric:hover {
    transform:translateY(-3px);
    box-shadow:0 22px 55px rgba(21,52,79,.11);
  }
}

.shell .main .metric span,
.shell .main .muted {
  color:var(--dw-muted);
}

.shell .main .metric strong {
  font-weight:800;
  letter-spacing:-.6px;
  overflow-wrap:anywhere;
}

.shell .main .hero {
  border-radius:24px;
  overflow:hidden;
}

.shell .main .btn {
  border-radius:12px;
  transition:filter .18s ease,transform .18s ease;
}

.shell .main .btn:hover {
  filter:brightness(1.05);
}

.shell .main input,
.shell .main select,
.shell .main textarea {
  border-radius:11px;
  max-width:100%;
}

.shell .main table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.shell .main th {
  background:rgba(224,237,245,.50);
  color:#536c80;
  font-weight:700;
}

.shell .main th,
.shell .main td {
  padding:13px 15px;
  border-bottom:1px solid rgba(125,158,180,.13);
}

.shell .main tbody tr:hover {
  background:rgba(32,169,179,.035);
}

.shell .main .pill,
.shell .main .status {
  border-radius:999px;
}

[dir="rtl"] .shell .main,
html[lang="ar"] .shell .main {
  text-align:start;
}

@media(max-width:900px) {
  .shell .main {
    padding:16px;
  }
  .shell .main .card {
    border-radius:16px;
  }
  .shell .main th,
  .shell .main td {
    padding:11px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .shell .main *,
  .shell .nav a {
    transition:none !important;
    animation:none !important;
  }
}

/* DW-01.8B Responsive Glass Navigation */
.shell .side{width:260px;z-index:100}
.shell .main{margin-left:260px;width:calc(100% - 260px);min-width:0}
.shell .nav a{display:flex;align-items:center;min-height:44px}
.dw-menu-toggle{display:none;position:fixed;top:14px;left:14px;z-index:130;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#102b43;color:#fff;font-size:23px;cursor:pointer}
.dw-menu-toggle:focus-visible{outline:3px solid #35d5cb;outline-offset:2px}
.dw-menu-backdrop{display:none}
@media(max-width:850px){
.shell .side{display:block;width:260px;padding:28px 20px;transform:translateX(-105%);transition:transform .25s ease}
.shell .side .brand{font-size:24px}
.shell .side .brand:after{content:none}
.shell .side small,.shell .nav span{display:block}
.shell .main{margin-left:0;width:100%;padding:76px 18px 22px}
.dw-menu-toggle{display:grid;place-items:center}
.dw-menu-backdrop{position:fixed;inset:0;background:rgba(8,23,40,.46);z-index:95}
body.dw-menu-open .dw-menu-backdrop{display:block}
body.dw-menu-open .shell .side{transform:translateX(0)}
}
html[dir="rtl"] .shell .side{left:auto;right:0}
html[dir="rtl"] .shell .main{margin-left:0;margin-right:260px}
html[dir="rtl"] .dw-menu-toggle{left:auto;right:14px}
@media(max-width:850px){
html[dir="rtl"] .shell .side{transform:translateX(105%)}
html[dir="rtl"] body.dw-menu-open .shell .side{transform:translateX(0)}
html[dir="rtl"] .shell .main{margin-right:0}
}
@media(max-width:520px){.shell .main{padding:76px 14px 18px}}
@media(prefers-reduced-motion:reduce){.shell .side{transition:none!important}}