:root {
  --management-ink: #14213d;
  --management-muted: #6b7280;
  --management-line: #e7ebf2;
  --management-surface: #ffffff;
  --management-canvas: #f5f7fb;
  --management-primary: #2448a7;
  --management-primary-soft: #eaf0ff;
  --management-success: #087f5b;
  --management-warning: #a85b08;
  --management-radius: 16px;
}

body.management-shell {
  background: var(--management-canvas);
  color: var(--management-ink);
}

body.management-shell .content-wrapper {
  background: transparent;
}

body.management-shell .container-xxl {
  max-width: 1480px;
}

body.management-shell .card {
  border: 1px solid var(--management-line);
  border-radius: var(--management-radius);
  box-shadow: 0 8px 26px rgba(20, 33, 61, .05);
}

body.management-shell .card-header {
  background: #fbfcff;
  border-bottom-color: var(--management-line);
}

body.management-shell .modal-content,
body.management-shell .offcanvas {
  border-color: var(--management-line);
  box-shadow: 0 20px 54px rgba(20, 33, 61, .20);
}

body.management-shell .modal-header,
body.management-shell .offcanvas-header {
  background: #fbfcff;
  border-bottom-color: var(--management-line);
}

body.management-shell .form-control,
body.management-shell .form-select {
  border-color: #dce3ee;
}

body.management-shell .form-control:focus,
body.management-shell .form-select:focus {
  border-color: #6686dc;
  box-shadow: 0 0 0 .2rem rgba(36, 72, 167, .10);
}

body.management-shell .btn-primary {
  background: var(--management-primary);
  border-color: var(--management-primary);
  box-shadow: 0 4px 12px rgba(36, 72, 167, .18);
}

body.management-shell .btn-primary:hover,
body.management-shell .btn-primary:focus {
  background: #1e3d90;
  border-color: #1e3d90;
}

body.management-shell .management-flash {
  align-items: center;
  background: #ecf9f2;
  border: 1px solid #cfeedd;
  border-radius: 12px;
  color: #087f5b;
  display: flex;
  font-size: .84rem;
  font-weight: 650;
  margin-bottom: 1.25rem;
  padding: .82rem 1rem;
}

body.management-shell #layout-menu {
  border-right: 1px solid #eaedf3;
  box-shadow: 8px 0 30px rgba(20, 33, 61, .025);
}

body.management-shell #layout-menu .menu-item > .menu-link {
  border-radius: 9px;
  margin: 2px 9px;
  padding-left: 10px;
}

body.management-shell #layout-menu .menu-item.active > .menu-link {
  background: var(--management-primary);
  box-shadow: 0 5px 13px rgba(36, 72, 167, .20);
}

body.management-shell #layout-menu .menu-item.active > .menu-link,
body.management-shell #layout-menu .menu-item.active > .menu-link div,
body.management-shell #layout-menu .menu-item.active > .menu-link i {
  color: #fff !important;
}

body.management-shell .table > :not(caption) > * > * {
  border-bottom-color: #edf0f5;
}

body.management-shell .table thead th {
  color: #778195;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .065em;
  text-transform: uppercase;
}

body.management-shell .management-dashboard {
  --dashboard-ink: #14213d;
  --dashboard-muted: #697386;
}

body.management-shell .management-dashboard-hero {
  align-items: end;
  background: linear-gradient(125deg, #102247 0%, #1d428d 62%, #335db4 100%);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(20, 53, 130, .16);
  color: #fff;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}

body.management-shell .management-dashboard-hero::after {
  background: rgba(255, 255, 255, .08);
  border-radius: 50%;
  content: "";
  height: 13rem;
  position: absolute;
  right: -4rem;
  top: -7rem;
  width: 13rem;
}

body.management-shell .management-dashboard-hero > * { position: relative; z-index: 1; }
body.management-shell .management-dashboard-kicker { color: #bdd0ff; display: block; font-size: .69rem; font-weight: 800; letter-spacing: .13em; margin-bottom: .5rem; }
body.management-shell .management-dashboard-hero h1 { color: #fff; font-size: clamp(1.55rem, 2.2vw, 2.15rem); font-weight: 800; letter-spacing: -.04em; margin: 0; }
body.management-shell .management-dashboard-hero p { color: rgba(255, 255, 255, .78); margin: .55rem 0 0; max-width: 43rem; }
body.management-shell .management-dashboard-hero-actions { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .7rem; }
body.management-shell .management-dashboard-hero .btn-light { color: var(--management-primary); font-weight: 750; }
body.management-shell .management-dashboard-role { background: rgba(255, 255, 255, .13); border: 1px solid rgba(255, 255, 255, .22); border-radius: 99px; color: #fff; font-size: .76rem; font-weight: 750; padding: .5rem .75rem; }
body.management-shell .management-metrics { margin-bottom: 1.25rem; }
body.management-shell .management-metric { background: #fff; border: 1px solid var(--management-line); border-radius: 16px; box-shadow: 0 7px 22px rgba(20, 33, 61, .05); min-height: 10.5rem; padding: 1.15rem 1.2rem; position: relative; }
body.management-shell .management-metric-mark { align-items: center; border-radius: 10px; display: inline-flex; font-size: .78rem; font-weight: 850; height: 2rem; justify-content: center; margin-bottom: .95rem; width: 2rem; }
body.management-shell .management-metric-mark-blue { background: #eaf0ff; color: #2448a7; }
body.management-shell .management-metric-mark-amber { background: #fff4e5; color: #ad6800; }
body.management-shell .management-metric-mark-green { background: #e8f8f0; color: #087f5b; }
body.management-shell .management-metric-mark-violet { background: #f2edff; color: #6f42c1; }
body.management-shell .management-metric-label { color: var(--dashboard-muted); display: block; font-size: .74rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
body.management-shell .management-metric strong { color: var(--dashboard-ink); display: block; font-size: 2rem; font-weight: 850; letter-spacing: -.06em; line-height: 1.2; margin-top: .18rem; }
body.management-shell .management-metric small { color: var(--dashboard-muted); display: block; font-size: .76rem; margin-top: .18rem; }
body.management-shell .management-dashboard-actions { display: grid; gap: .85rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.25rem; }
body.management-shell .management-dashboard-actions a { align-items: center; background: #fff; border: 1px solid var(--management-line); border-radius: 14px; color: var(--dashboard-ink); display: flex; gap: .75rem; min-height: 5.3rem; padding: .9rem; text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
body.management-shell .management-dashboard-actions a:hover { border-color: #b9c9ef; box-shadow: 0 12px 24px rgba(20, 53, 130, .09); color: var(--management-primary); transform: translateY(-2px); }
body.management-shell .management-action-mark { align-items: center; background: #edf2ff; border-radius: 10px; color: var(--management-primary); display: inline-flex; flex: 0 0 auto; font-size: .78rem; font-weight: 850; height: 2.15rem; justify-content: center; width: 2.15rem; }
body.management-shell .management-dashboard-actions span:not(.management-action-mark) { min-width: 0; }
body.management-shell .management-dashboard-actions strong, body.management-shell .management-dashboard-actions small { display: block; }
body.management-shell .management-dashboard-actions strong { font-size: .84rem; font-weight: 800; }
body.management-shell .management-dashboard-actions small { color: var(--dashboard-muted); font-size: .72rem; margin-top: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.management-shell .management-dashboard-actions b { color: #8a96ae; font-size: 1.1rem; font-weight: 500; margin-left: auto; }
body.management-shell .management-data-card { background: #fff; border: 1px solid var(--management-line); border-radius: 16px; box-shadow: 0 8px 26px rgba(20, 33, 61, .05); margin-top: 1.25rem; overflow: hidden; }
body.management-shell .management-data-card-header { align-items: center; border-bottom: 1px solid var(--management-line); display: flex; gap: 1rem; justify-content: space-between; padding: 1.15rem 1.25rem; }
body.management-shell .management-data-card-header h2 { color: var(--dashboard-ink); font-size: 1rem; font-weight: 800; letter-spacing: -.02em; margin: 0; }
body.management-shell .management-data-card-header p { color: var(--dashboard-muted); font-size: .78rem; margin: .2rem 0 0; }
body.management-shell .management-dashboard-table { margin: 0; min-width: 690px; }
body.management-shell .management-dashboard-table th { background: #fbfcff; padding: .78rem 1.25rem; }
body.management-shell .management-dashboard-table td { padding: .9rem 1.25rem; vertical-align: middle; }
body.management-shell .management-dashboard-table tbody tr:hover { background: #fafbff; }
body.management-shell .management-person { align-items: center; display: flex; gap: .7rem; }
body.management-shell .management-person > span { align-items: center; background: #eaf0ff; border-radius: 50%; color: var(--management-primary); display: inline-flex; flex: 0 0 auto; font-size: .7rem; font-weight: 850; height: 2.15rem; justify-content: center; width: 2.15rem; }
body.management-shell .management-person strong, body.management-shell .management-person small { display: block; }
body.management-shell .management-person strong { color: var(--dashboard-ink); font-size: .83rem; }
body.management-shell .management-person small { color: var(--dashboard-muted); font-size: .73rem; margin-top: .1rem; }
body.management-shell .management-role-chip, body.management-shell .management-status { border-radius: 99px; display: inline-flex; font-size: .72rem; font-weight: 750; padding: .35rem .6rem; white-space: nowrap; }
body.management-shell .management-role-chip { background: #edf2ff; color: #3156a9; }
body.management-shell .management-status-active { background: #e8f8f0; color: #087f5b; }
body.management-shell .management-status-passive { background: #f1f3f6; color: #697386; }
body.management-shell .management-empty-state { color: var(--dashboard-muted); display: flex; flex-direction: column; font-size: .82rem; gap: .25rem; padding: 2.75rem 1.25rem; text-align: center; }
body.management-shell .management-empty-state strong { color: var(--dashboard-ink); }

@media (max-width: 991.98px) {
  body.management-shell .management-dashboard-actions { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  body.management-shell .container-xxl {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body.management-shell .management-dashboard-hero { align-items: flex-start; border-radius: 15px; flex-direction: column; padding: 1.4rem; }
  body.management-shell .management-dashboard-hero-actions { width: 100%; }
  body.management-shell .management-dashboard-hero-actions .btn { flex: 1; }
  body.management-shell .management-metric { min-height: 9.6rem; padding: 1rem; }
  body.management-shell .management-data-card-header { align-items: flex-start; flex-direction: column; padding: 1rem; }
}
}

/* nx-dark:start — otomatik üretildi (tools/gen_dark.py), elle düzenlemeyin */
.nx-dark-guard {}
html[data-bs-theme=dark] { --management-ink: #e4e3f1; --management-muted: #9a9bb3; --management-line: #44485e; --management-surface: #2f3349; --management-canvas: #25293c; --management-primary: #819ce4; --management-primary-soft: #26304a; --management-success: #79ecc9; --management-warning: #ecb579; }
html[data-bs-theme=dark] body.management-shell .card-header { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .modal-header, html[data-bs-theme=dark] body.management-shell .offcanvas-header { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .form-control, html[data-bs-theme=dark] body.management-shell .form-select { border-color: #44485e; }
html[data-bs-theme=dark] body.management-shell .management-flash { background: #264a37; border: 1px solid #3d7154; color: #79ecc9; }
html[data-bs-theme=dark] body.management-shell #layout-menu { border-right: 1px solid #44485e; }
html[data-bs-theme=dark] body.management-shell .table > :not(caption) > * > * { border-bottom-color: #44485e; }
html[data-bs-theme=dark] body.management-shell .table thead th { color: #9a9bb3; }
html[data-bs-theme=dark] body.management-shell .management-dashboard { --dashboard-ink: #e4e3f1; --dashboard-muted: #9a9bb3; }
html[data-bs-theme=dark] body.management-shell .management-metric { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .management-metric-mark-blue { background: #26304a; color: #819ce4; }
html[data-bs-theme=dark] body.management-shell .management-metric-mark-amber { background: #4a3b26; color: #ecbe79; }
html[data-bs-theme=dark] body.management-shell .management-metric-mark-green { background: #264a38; color: #79ecc9; }
html[data-bs-theme=dark] body.management-shell .management-metric-mark-violet { background: #30264a; color: #a78cd9; }
html[data-bs-theme=dark] body.management-shell .management-dashboard-actions a { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .management-dashboard-actions a:hover { border-color: #3d4c71; }
html[data-bs-theme=dark] body.management-shell .management-action-mark { background: #26304a; }
html[data-bs-theme=dark] body.management-shell .management-data-card { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .management-dashboard-table th { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .management-dashboard-table tbody tr:hover { background: #2f3349; }
html[data-bs-theme=dark] body.management-shell .management-person > span { background: #26304a; }
html[data-bs-theme=dark] body.management-shell .management-role-chip { background: #26304a; color: #88a2dd; }
html[data-bs-theme=dark] body.management-shell .management-status-active { background: #264a38; color: #79ecc9; }
html[data-bs-theme=dark] body.management-shell .management-status-passive { background: #363b54; color: #9a9bb3; }
/* nx-dark:end */