/* Dark UI */
:root{--bg:#0f1418;--panel:#181f25;--muted:#232b32;--brand:#1abc9c;--text:#e6ecef;--text-dim:#a9b4bd;--danger:#e74c3c;--blue:#3498db}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}
.container{display:flex;min-height:100vh}.sidebar{width:260px;background:#12171c;border-right:1px solid #0b0f13;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center;padding:0 18px 10px}.brand .badge{background:#0a0f13;border:1px solid #22303b;color:#9fe7d8;padding:6px 10px;border-radius:6px;font-weight:700;margin-left:auto}
.menu{margin-top:10px;display:flex;flex-direction:column}.menu a{padding:12px 18px;color:#cfd8de;border-left:3px solid transparent;display:block;text-decoration:none}
.menu a.active{background:var(--muted);color:#fff;border-left-color:var(--brand)}.menu a:hover{background:#161c22}.menu .section{padding:10px 18px;color:#6b7a86;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.main{flex:1;display:flex;flex-direction:column}.topbar{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-bottom:1px solid #10161c;background:#0d1217}
.wrap{padding:22px 26px}.card{background:var(--panel);border:1px solid #202934;border-radius:10px;overflow:hidden}.card h2{margin:0;padding:16px 20px;background:#1c242c;border-bottom:1px solid #26323d}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;border-bottom:1px solid #232f3a}.table th{color:#aebdca;text-align:left}
.btn{padding:8px 12px;border-radius:6px;border:1px solid transparent;background:#24313c;color:#e7f2f6;cursor:pointer}
.btn.primary{background:var(--blue)}.btn.success{background:#1abc9c}.btn.danger{background:var(--danger)}
.form-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px}.input{background:#0e1419;border:1px solid #1f2a34;color:#e6ecef;border-radius:8px;padding:10px 12px;min-width:240px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal .dialog{background:#0f171d;border:1px solid #1f2a34;border-radius:12px;width:min(560px,92vw);padding:18px}
.toast{position:fixed;right:16px;bottom:16px;background:#092218;color:#b7f1dd;border:1px solid #165a49;padding:10px 12px;border-radius:8px;display:none}.toast.show{display:block}
.login-box{max-width:420px;margin:12vh auto;background:#12181f;border:1px solid #1f2a34;border-radius:12px;padding:24px}.small{font-size:12px;color:#98a6b3}
.footer-note{padding:14px 18px;color:#8ea1b0;border-top:1px solid #202934;background:#121820}

/* PATCH v4.1 — Modal visibility on desktop */
.modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  align-items:center;
  justify-content:center;
  z-index:10000;              /* overlay always on top */
}
.modal.show{ display:flex; }
.modal .dialog{
  width:min(820px,96vw);
  background:#0f151a;
  border:1px solid #27313a;
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
/* main content নিচে রাখুন */
.main,.wrap{ position:relative; z-index:1; }