body {
    background:
        radial-gradient(900px 420px at 8% -10%, rgba(8, 128, 126, 0.16), transparent 60%),
        linear-gradient(180deg, #eef7f8 0%, #f8fbfc 100%);
    color: #173842;
}

.page-container {
    background: transparent;
}

.main-content {
    background: transparent;
}

.main-content-inner {
    padding: 24px 28px 54px;
}

.sidebar-menu {
    width: 296px;
    background:
        radial-gradient(560px 240px at 20% 0%, rgba(18, 181, 176, 0.18), transparent 60%),
        linear-gradient(180deg, #11323d 0%, #163c46 42%, #102b34 100%);
    box-shadow: 24px 0 60px rgba(10, 29, 36, 0.18);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.page-container {
    padding-left: 296px;
}

.sidebar-header {
    padding: 26px 26px 22px;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar-menu .logo {
    text-align: left;
}

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

.admin-brand img {
    width: 52px;
    height: 52px;
    border-radius: 0;
    object-fit: contain;
    background: transparent;
    padding: 0;
    box-shadow: 0 14px 30px rgba(8, 128, 126, 0.22);
}

.admin-brand__copy {
    display: grid;
    gap: 4px;
}

.admin-brand__eyebrow {
    color: rgba(206, 235, 234, 0.72);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-brand__title {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1;
}

.main-menu {
    height: calc(100% - 108px);
    padding: 18px 14px 22px;
}

.menu-inner {
    overflow-y: auto;
    padding-right: 4px;
}

.menu-inner::-webkit-scrollbar {
    width: 6px;
}

.menu-inner::-webkit-scrollbar-thumb {
    background: rgba(204, 235, 234, 0.18);
    border-radius: 999px;
}

.metismenu > li {
    margin-bottom: 6px;
}

.metismenu > li > a {
    margin: 0;
    border-radius: 16px;
    padding: 14px 18px 14px 22px !important;
    font-size: 0.98rem;
    font-weight: 700;
    color: rgba(225, 239, 239, 0.78);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.metismenu li a {
    color: rgba(225, 239, 239, 0.78);
}

.metismenu li a i {
    width: 22px;
    margin-right: 2px;
    color: #64d5d2;
}

.metismenu li a span {
    margin-left: 10px;
}

.metismenu li a:after {
    right: 18px;
    top: 11px;
    color: rgba(225, 239, 239, 0.54);
}

.metismenu > li:hover > a,
.metismenu > li.active > a,
.metismenu li:hover > a,
.metismenu li.active > a {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(8, 128, 126, 0.26), rgba(17, 167, 164, 0.12));
    transform: translateX(2px);
}

.metismenu > li:hover > a i,
.metismenu > li.active > a i,
.metismenu li:hover > a i,
.metismenu li.active > a i {
    color: #9af0ee;
}

.metismenu li ul {
    padding: 8px 0 6px 18px;
}

.metismenu li li {
    margin-bottom: 4px;
}

.metismenu li li a {
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.92rem;
    color: rgba(225, 239, 239, 0.72);
}

.metismenu li li.active > a {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.header-area {
    background: transparent;
    padding: 18px 28px 0;
}

.admin-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(8, 128, 126, 0.12);
    box-shadow: 0 20px 48px rgba(13, 43, 51, 0.08);
    backdrop-filter: blur(12px);
}

.admin-topbar__title {
    display: grid;
    gap: 6px;
}

.admin-topbar__eyebrow {
    color: #08807e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.admin-topbar__title h1 {
    margin: 0;
    color: #173842;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.admin-topbar__title p {
    margin: 0;
    color: #688291;
    font-size: 0.95rem;
}

.notification-area {
    display: flex;
    align-items: center;
}

.user-profile {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px 10px 12px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0e8887, #13a9a6);
    box-shadow: 0 18px 36px rgba(8, 128, 126, 0.18);
}

.user-profile .avatar {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.user-profile .user-name {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
}

.user-profile .dropdown-menu {
    border: 1px solid rgba(8, 128, 126, 0.12);
    border-radius: 16px;
    box-shadow: 0 18px 38px rgba(13, 43, 51, 0.12);
    overflow: hidden;
}

.user-profile .dropdown-item {
    padding: 12px 16px;
    font-weight: 700;
    color: #173842;
}

.user-profile .dropdown-item:hover {
    background: rgba(8, 128, 126, 0.08);
    color: #0e8887;
}

.footer-area {
    padding: 20px 28px 30px;
    background: transparent;
}

.footer-area p {
    margin: 0;
    text-align: center;
    color: #688291;
    font-weight: 700;
}

.admin-dashboard {
    display: grid;
    gap: 24px;
}

.admin-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
    gap: 22px;
}

.admin-hero__card,
.admin-metric,
.admin-quicklinks,
.admin-summary {
    border-radius: 28px;
    border: 1px solid rgba(8, 128, 126, 0.12);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 24px 50px rgba(13, 43, 51, 0.08);
}

.admin-hero__card {
    padding: 28px 28px 26px;
    background:
        radial-gradient(620px 200px at 80% -10%, rgba(8, 128, 126, 0.14), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,0.95), rgba(246,251,252,0.95));
}

.admin-hero__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(8, 128, 126, 0.08);
    color: #08807e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-hero__title {
    margin: 18px 0 12px;
    color: #173842;
    font-size: clamp(2rem, 2.5vw, 2.8rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.03;
}

.admin-hero__desc {
    margin: 0;
    max-width: 52rem;
    color: #688291;
    font-size: 1rem;
    line-height: 1.75;
}

.admin-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.admin-hero__meta-item {
    min-width: 138px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(8, 128, 126, 0.08);
}

.admin-hero__meta-item strong {
    display: block;
    color: #173842;
    font-size: 1.15rem;
    font-weight: 900;
}

.admin-hero__meta-item span {
    display: block;
    margin-top: 4px;
    color: #688291;
    font-size: 0.86rem;
    font-weight: 700;
}

.admin-summary {
    padding: 24px;
    display: grid;
    align-content: start;
    gap: 18px;
}

.admin-summary__head h3,
.admin-quicklinks__head h3 {
    margin: 0;
    color: #173842;
    font-size: 1.2rem;
    font-weight: 900;
}

.admin-summary__head p,
.admin-quicklinks__head p {
    margin: 8px 0 0;
    color: #688291;
    line-height: 1.7;
}

.admin-summary__list {
    display: grid;
    gap: 12px;
}

.admin-summary__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f7fbfc);
    border: 1px solid rgba(8, 128, 126, 0.08);
}

.admin-summary__item strong {
    color: #173842;
    font-size: 0.98rem;
    font-weight: 800;
}

.admin-summary__item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(8, 128, 126, 0.10);
    color: #0e8887;
    font-weight: 900;
}

.admin-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.admin-metric {
    position: relative;
    overflow: hidden;
}

.admin-metric a,
.admin-metric__static {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    text-decoration: none;
}

.admin-metric__icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.55rem;
    box-shadow: 0 16px 30px rgba(15, 38, 44, 0.16);
}

.admin-metric__content {
    flex: 1;
}

.admin-metric__content span {
    display: block;
    color: #688291;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-metric__content strong {
    display: block;
    margin-top: 8px;
    color: #173842;
    font-size: 1.35rem;
    font-weight: 900;
}

.admin-metric__value {
    color: #173842;
    font-size: 2.2rem;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.admin-metric--roles .admin-metric__icon {
    background: linear-gradient(135deg, #127f7d, #16b8b3);
}

.admin-metric--admins .admin-metric__icon {
    background: linear-gradient(135deg, #1b7f89, #49c6be);
}

.admin-metric--permissions .admin-metric__icon {
    background: linear-gradient(135deg, #f29b5f, #ffcf76);
}

.admin-quicklinks {
    padding: 24px;
}

.admin-quicklinks__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.admin-quicklink {
    display: grid;
    gap: 10px;
    min-height: 148px;
    padding: 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff, #f5fbfb);
    border: 1px solid rgba(8, 128, 126, 0.08);
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.admin-quicklink:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(13, 43, 51, 0.10);
    border-color: rgba(8, 128, 126, 0.18);
}

.admin-quicklink__icon {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 128, 126, 0.10);
    color: #0e8887;
    font-size: 1.2rem;
}

.admin-quicklink strong {
    color: #173842;
    font-size: 1rem;
    font-weight: 900;
}

.admin-quicklink span {
    color: #688291;
    font-size: 0.92rem;
    line-height: 1.65;
}

.admin-shell-card {
    border-radius: 24px;
    border: 1px solid rgba(8, 128, 126, 0.08);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(13, 43, 51, 0.06);
}

.main-content-inner > .row {
    margin-left: -10px;
    margin-right: -10px;
}

.main-content-inner > .row > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.main-content-inner .card {
    border-radius: 28px;
    border: 1px solid rgba(8, 128, 126, 0.10);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 48px rgba(13, 43, 51, 0.07);
    overflow: hidden;
}

.main-content-inner .card-body {
    padding: 28px 30px;
}

.header-title {
    margin: 0;
    color: #173842;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.main-content-inner .clearfix {
    margin-bottom: 20px;
}

.main-content-inner .float-right.mb-2,
.main-content-inner .float-right {
    margin-bottom: 0 !important;
}

.btn {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0.72rem 1.15rem;
    box-shadow: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.btn:hover,
.btn:focus {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(13, 43, 51, 0.10);
}

.btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, #0f8988, #12aaa6);
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: transparent;
    background: linear-gradient(135deg, #0d7b79, #109996);
}

.btn-success {
    border-color: transparent;
    background: linear-gradient(135deg, #159d5e, #28bf79);
}

.btn-danger {
    border-color: transparent;
    background: linear-gradient(135deg, #d14d62, #e86b7f);
}

.btn-info {
    border-color: transparent;
    background: linear-gradient(135deg, #2d8ccf, #4fb7eb);
}

.btn-secondary {
    border-color: rgba(23, 56, 66, 0.10);
    background: #edf4f5;
    color: #173842;
}

.btn.text-white {
    color: #fff !important;
}

.form-group {
    margin-bottom: 1.35rem;
}

label,
.form-check-label {
    color: #173842;
    font-weight: 800;
    font-size: 0.95rem;
}

.form-control,
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select,
.custom-select {
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(23, 56, 66, 0.10);
    background: #f8fbfc;
    color: #173842;
    box-shadow: none;
}

.form-control:focus,
div.dataTables_wrapper div.dataTables_filter input:focus,
div.dataTables_wrapper div.dataTables_length select:focus,
.custom-select:focus {
    border-color: rgba(8, 128, 126, 0.35);
    box-shadow: 0 0 0 0.2rem rgba(8, 128, 126, 0.12);
    background: #ffffff;
}

textarea.form-control {
    min-height: 120px;
}

.form-check {
    margin-bottom: 10px;
    padding: 12px 14px 12px 34px;
    border-radius: 14px;
    background: #f8fbfc;
    border: 1px solid rgba(8, 128, 126, 0.08);
}

.form-check-input {
    margin-top: 0.35rem;
}

.main-content-inner hr {
    border-top: 1px solid rgba(23, 56, 66, 0.08);
    margin: 18px 0 22px;
}

.data-tables {
    overflow-x: auto;
}

table.dataTable,
.data-tables table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable thead th,
table.dataTable thead td,
.data-tables table thead th {
    background: #f4f9fa;
    color: #173842;
    font-size: 0.94rem;
    font-weight: 900;
    border-bottom: 1px solid rgba(23, 56, 66, 0.10) !important;
    padding: 16px 14px !important;
}

table.dataTable tbody td,
.data-tables table tbody td {
    padding: 18px 14px !important;
    color: #355362;
    vertical-align: middle;
    border-top: 1px solid rgba(23, 56, 66, 0.07) !important;
}

table.dataTable tbody tr:hover,
.data-tables table tbody tr:hover {
    background: rgba(8, 128, 126, 0.03);
}

.badge {
    border-radius: 999px;
    padding: 0.42rem 0.68rem;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
}

.badge-info {
    color: #ffffff;
    background: linear-gradient(135deg, #12949d, #27b7c8);
}

.alert {
    border: 0;
    border-radius: 18px;
    padding: 16px 18px;
    font-weight: 700;
}

.alert-success {
    background: rgba(21, 157, 94, 0.10);
    color: #136f48;
}

.alert-danger {
    background: rgba(209, 77, 98, 0.10);
    color: #a03548;
}

.alert-warning {
    background: rgba(242, 155, 95, 0.14);
    color: #9a5a20;
}

.alert-info {
    background: rgba(39, 183, 200, 0.12);
    color: #0f6e7a;
}

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 8px;
    margin-bottom: 12px;
    color: #5f7786;
    font-weight: 700;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #5f7786;
    font-weight: 700;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 12px !important;
    border: 1px solid rgba(23, 56, 66, 0.10) !important;
    background: #ffffff !important;
    color: #355362 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0f8988, #12aaa6) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #eef7f8 !important;
    color: #173842 !important;
}

.main-content-inner .table-responsive {
    border-radius: 22px;
    border: 1px solid rgba(23, 56, 66, 0.08);
    background: #ffffff;
}

@media (max-width: 1399.98px) {
    .admin-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199.98px) {
    .page-container {
        padding-left: 0;
    }

    .sidebar-menu {
        left: -296px;
    }

    .main-content-inner {
        padding: 20px 20px 44px;
    }

    .header-title {
        font-size: 1.45rem;
    }

    .admin-metrics,
    .admin-quicklinks__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .header-area {
        padding: 14px 16px 0;
    }

    .admin-topbar {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .admin-topbar,
    .admin-hero__card,
    .admin-summary,
    .admin-quicklinks,
    .admin-metric {
        border-radius: 20px;
    }

    .admin-metrics,
    .admin-quicklinks__grid {
        grid-template-columns: 1fr;
    }

    .main-content-inner {
        padding: 16px 16px 38px;
    }

    .main-content-inner .card-body {
        padding: 20px 18px;
    }

    .main-content-inner .float-left,
    .main-content-inner .float-right {
        float: none !important;
    }

    .main-content-inner .float-right {
        margin-top: 14px;
    }

    .admin-hero__title {
        font-size: 1.8rem;
    }
}

/* ============================================================
   PROFESSIONAL FAST TRANSITIONS — admin panel
   Targeted 120-150ms ease-out. No slow fades, no bounce, no lag.
   ============================================================ */

/* Kill all default slow transitions site-wide first */
*,
*::before,
*::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}

/* Sidebar menu item hover — color + bg only, snappy */
.metismenu > li > a,
.metismenu li a {
    transition: background-color 120ms ease-out, color 120ms ease-out !important;
}

/* Menu arrow rotation on expand */
.metismenu .has-arrow::after {
    transition: transform 150ms ease-out !important;
}

/* Sidebar submenu slide — fast height, no bounce */
.metismenu .collapsing {
    transition: height 150ms ease-out !important;
}

/* Buttons — quick feedback on click */
.btn {
    transition: background-color 100ms ease-out, border-color 100ms ease-out, color 100ms ease-out, box-shadow 100ms ease-out !important;
}

/* Table row hover */
.table tbody tr {
    transition: background-color 100ms ease-out !important;
}

/* Cards — subtle lift on hover */
.card {
    transition: box-shadow 150ms ease-out !important;
}
.card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
}

/* Kill pulse/keyframe animations on notification dots */
.pulse,
.pulse::before,
.pulse::after {
    animation: none !important;
}

/* ============================================================
   ADMIN DASHBOARD — complete workspace redesign
   ============================================================ */
.admin-dashboard {
    zoom: 1 !important;
    gap: 22px;
    max-width: 1480px;
    margin: 0 auto;
}

.admin-topbar__main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.admin-nav-toggle {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-content: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(8, 128, 126, 0.14);
    border-radius: 14px;
    background: #f1f8f8;
    cursor: pointer;
    box-shadow: none;
}

.admin-nav-toggle span,
.sbar_collapsed .admin-nav-toggle span {
    width: 19px;
    height: 2px;
    margin: 0;
    border-radius: 99px;
    background: #087f7c;
    box-shadow: none;
    opacity: 1;
    transform: none;
}

.admin-nav-toggle:hover,
.admin-nav-toggle:focus-visible {
    border-color: rgba(8, 128, 126, 0.3);
    background: #e4f3f2;
    outline: 0;
}

.admin-hero {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
    align-items: stretch;
}

.admin-hero__card,
.admin-summary,
.admin-metric,
.admin-quicklinks,
.admin-dashboard-panel {
    border-radius: 22px;
    border-color: rgba(8, 128, 126, .13);
    box-shadow: 0 18px 44px rgba(13, 43, 51, .07);
}

.admin-hero__card {
    position: relative;
    overflow: hidden;
    padding: clamp(26px, 3.2vw, 42px);
    background:
        radial-gradient(circle at 90% 5%, rgba(89, 200, 195, .18), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f3faf9 100%);
}

.admin-hero__card::after {
    position: absolute;
    right: -52px;
    bottom: -72px;
    width: 230px;
    height: 230px;
    border: 34px solid rgba(8, 128, 126, .045);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.admin-hero__topline {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.admin-hero__date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #688291;
    font-size: .8rem;
    font-weight: 700;
}

.admin-hero__date i { color: #08807e; }
.admin-hero__title { position: relative; z-index: 1; max-width: 700px; margin-top: 26px; }
.admin-hero__desc { position: relative; z-index: 1; max-width: 680px; }

.admin-hero__meta {
    position: relative;
    z-index: 1;
    gap: 10px;
    margin-top: 26px;
}

.admin-hero__meta-item {
    min-width: 190px;
    padding: 13px 15px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
}

.admin-hero__meta-item span { margin: 0 0 4px; color: #769095; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-hero__meta-item strong { margin: 0; font-size: .96rem; }

.admin-hero__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.admin-dashboard-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.admin-dashboard-btn:hover { transform: translateY(-1px); }
.admin-dashboard-btn--primary { border-color: #087f7c; background: #087f7c; color: #fff !important; }
.admin-dashboard-btn--primary:hover { border-color: #065f5d; background: #065f5d; color: #fff !important; }
.admin-dashboard-btn--secondary { border-color: rgba(8, 128, 126, .22); background: #fff; color: #087f7c !important; }
.admin-dashboard-btn--secondary:hover { border-color: rgba(8, 128, 126, .4); background: #eaf6f5; color: #065f5d !important; }

.admin-section-kicker {
    display: block;
    margin-bottom: 7px;
    color: #08807e;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-summary {
    padding: 26px;
    background: linear-gradient(155deg, #103943 0%, #0d2d36 100%);
    color: #fff;
}

.admin-summary .admin-section-kicker { color: #78d9d4; }
.admin-summary__head h3 { color: #fff; font-size: 1.3rem; }
.admin-summary__head p { color: rgba(225, 239, 239, .7); font-size: .88rem; line-height: 1.55; }
.admin-summary__list { gap: 9px; }

.admin-summary__item {
    min-height: 58px;
    padding: 10px 12px;
    border-color: rgba(255, 255, 255, .08);
    border-radius: 13px;
    background: rgba(255, 255, 255, .055);
}

.admin-summary__item > div { display: flex; align-items: center; gap: 10px; }
.admin-summary__item > div i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(89, 200, 195, .14); color: #86dfdb; }
.admin-summary__item > div span { color: rgba(237, 247, 247, .82); font-size: .86rem; font-weight: 750; }
.admin-summary__item > strong { color: #fff; font-size: 1.25rem; font-weight: 900; }
.admin-summary__foot { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: rgba(225, 239, 239, .62); font-size: .74rem; line-height: 1.45; }
.admin-summary__foot i { margin-top: 2px; color: #78d9d4; }

.admin-metric { transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.admin-metric:hover { border-color: rgba(8, 128, 126, .24); box-shadow: 0 22px 46px rgba(13, 43, 51, .1); transform: translateY(-2px); }
.admin-metric a,.admin-metric__static { min-height: 132px; padding: 22px; }
.admin-metric__icon { width: 54px; height: 54px; border-radius: 15px; font-size: 1.25rem; box-shadow: none; }
.admin-metric__content span { font-size: .7rem; }
.admin-metric__content strong { margin-top: 5px; font-size: 1.12rem; }
.admin-metric__content small { display: block; margin-top: 4px; color: #81969b; font-size: .74rem; }
.admin-metric__value { font-size: 2rem; }
.admin-metric--permissions .admin-metric__icon { background: linear-gradient(135deg, #176f77, #57c8c0); }

.admin-quicklinks { padding: 26px; }
.admin-quicklinks__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.admin-quicklinks__head h3 { font-size: 1.35rem; }
.admin-quicklinks__head p { margin-top: 5px; font-size: .88rem; }
.admin-quicklinks__hint { display: inline-flex; align-items: center; gap: 7px; color: #799095; font-size: .76rem; font-weight: 750; white-space: nowrap; }
.admin-quicklinks__hint i { color: #08807e; }
.admin-quicklinks__grid { gap: 12px; margin-top: 18px; }

.admin-quicklink {
    position: relative;
    min-height: 126px;
    grid-template-columns: 46px minmax(0, 1fr) 18px;
    gap: 14px;
    align-items: start;
    padding: 18px;
    border-radius: 15px;
    background: #f9fcfc;
}

.admin-quicklink__icon { width: 46px; height: 46px; border-radius: 13px; font-size: 1.05rem; }
.admin-quicklink > div { min-width: 0; }
.admin-quicklink strong,.admin-quicklink span { display: block; }
.admin-quicklink strong { font-size: .94rem; }
.admin-quicklink span { margin-top: 5px; font-size: .8rem; line-height: 1.5; }
.admin-quicklink__arrow { align-self: center; color: #9aadb0; font-size: .75rem; transition: color .15s ease, transform .15s ease; }
.admin-quicklink:hover .admin-quicklink__arrow { color: #087f7c; transform: translateX(3px); }

.admin-dashboard__lower {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 20px;
}

.admin-dashboard-panel {
    padding: 26px;
    background: rgba(255, 255, 255, .9);
}

.admin-dashboard-panel__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.admin-dashboard-panel__head h3 { margin: 0; color: #173842; font-size: 1.25rem; font-weight: 900; }
.admin-dashboard-panel__head > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(8, 128, 126, .1); color: #087f7c; }

.admin-governance-list { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(8, 128, 126, .11); }
.admin-governance-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 18px 17px 4px; border-right: 1px solid rgba(8, 128, 126, .11); }
.admin-governance-list > div:first-child { padding-left: 0; }
.admin-governance-list > div:last-child { padding-right: 0; border-right: 0; }
.admin-governance-list__number { color: #58aaa7; font-size: .72rem; font-weight: 900; }
.admin-governance-list strong { display: block; color: #173842; font-size: .86rem; line-height: 1.4; }
.admin-governance-list p { margin: 6px 0 0; color: #71898f; font-size: .77rem; line-height: 1.5; }

.admin-destination-list { display: grid; gap: 8px; }
.admin-destination-list a { min-height: 56px; display: grid; grid-template-columns: 36px 1fr 14px; gap: 11px; align-items: center; padding: 8px 10px; border: 1px solid rgba(8, 128, 126, .09); border-radius: 12px; background: #f9fcfc; color: #173842; text-decoration: none; }
.admin-destination-list a > i:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgba(8, 128, 126, .1); color: #087f7c; }
.admin-destination-list a > i:last-child { color: #9aadb0; }
.admin-destination-list a span,.admin-destination-list a strong,.admin-destination-list a small { display: block; }
.admin-destination-list a strong { font-size: .84rem; }
.admin-destination-list a small { margin-top: 2px; color: #7d9297; font-size: .72rem; }
.admin-destination-list a:hover { border-color: rgba(8, 128, 126, .22); background: #eff8f7; }

@media (max-width: 1399.98px) {
    .admin-hero { grid-template-columns: minmax(0, 1.3fr) minmax(290px, .7fr); }
    .admin-governance-list { grid-template-columns: 1fr; }
    .admin-governance-list > div,.admin-governance-list > div:first-child,.admin-governance-list > div:last-child { padding: 12px 0; border-right: 0; border-bottom: 1px solid rgba(8, 128, 126, .09); }
    .admin-governance-list > div:last-child { border-bottom: 0; }
}

@media (max-width: 991.98px) {
    .admin-hero,.admin-dashboard__lower { grid-template-columns: 1fr; }
    .admin-quicklinks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-governance-list { grid-template-columns: repeat(3, 1fr); }
    .admin-governance-list > div,.admin-governance-list > div:first-child,.admin-governance-list > div:last-child { padding: 16px; border-right: 1px solid rgba(8, 128, 126, .09); border-bottom: 0; }
    .admin-governance-list > div:first-child { padding-left: 0; }
    .admin-governance-list > div:last-child { padding-right: 0; border-right: 0; }
}

@media (max-width: 767.98px) {
    .admin-topbar { align-items: center; }
    .admin-topbar__main { width: 100%; }
    .admin-topbar__title p { display: none; }
    .admin-topbar__title h1 { font-size: 1.3rem; }
    .admin-topbar__eyebrow { font-size: .62rem; }
    .admin-nav-toggle { width: 40px; height: 40px; flex-basis: 40px; }
    .admin-hero__card,.admin-summary,.admin-quicklinks,.admin-dashboard-panel { padding: 20px; }
    .admin-hero__date,.admin-quicklinks__hint { display: none; }
    .admin-hero__title { margin-top: 20px; }
    .admin-hero__meta-item { min-width: 0; flex: 1 1 150px; }
    .admin-hero__actions { flex-direction: column; }
    .admin-dashboard-btn { width: 100%; }
    .admin-metric a,.admin-metric__static { min-height: 112px; padding: 18px; }
    .admin-quicklinks__grid { grid-template-columns: 1fr; }
    .admin-quicklink { min-height: 112px; }
    .admin-governance-list { grid-template-columns: 1fr; }
    .admin-governance-list > div,.admin-governance-list > div:first-child,.admin-governance-list > div:last-child { padding: 12px 0; border-right: 0; border-bottom: 1px solid rgba(8, 128, 126, .09); }
    .admin-governance-list > div:last-child { border-bottom: 0; }
    .user-profile { padding: 8px; }
    .user-profile .user-name { display: none; }
    .user-profile .avatar { width: 38px; height: 38px; }
}

@media (max-width: 1199.98px) {
    .page-container:not(.sbar_collapsed) .sidebar-menu {
        left: 0 !important;
        z-index: 1000;
    }
}