:root {
    --dk-bg: #f4f3f0;
    --dk-surface: #ffffff;
    --dk-surface-alt: #f9f8f6;
    --dk-nav: #0d1117;
    --dk-nav-text: #c9cdd4;
    --dk-accent: #1a6b4a;
    --dk-accent-light: #e8f5ee;
    --dk-accent-dim: #2d9b6a;
    --dk-warn: #c8521a;
    --dk-warn-light: #fdf0e8;
    --dk-info: #1a4b8c;
    --dk-info-light: #e8eef8;
    --dk-text: #1a1d23;
    --dk-text-muted: #7a7f8a;
    --dk-border: #e4e2dd;
    --dk-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    --dk-shadow-hover: 0 4px 12px rgba(0,0,0,.10), 0 12px 32px rgba(0,0,0,.06);
    --radius: 10px;
    --radius-lg: 16px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'DM Sans', sans-serif;
    background: var(--dk-bg);
    color: var(--dk-text);
    font-size: 14px;
    line-height: 1.6;
    min-height: 100vh;
}

/* ── TOP NAV ──────────────────────────────────── */
.dk-nav {
    background: var(--dk-nav);
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #1e2530;
}

.dk-nav-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 28px;
    height: 58px;
    display: flex;
    align-items: center;
    gap: 0;
}

.dk-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    margin-right: 40px;
    flex-shrink: 0;
}

.dk-logo-mark {
    width: 32px;
    height: 32px;
    background: var(--dk-accent);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.5px;
}

.dk-logo-text {
    font-family: 'Instrument Serif', serif;
    font-size: 20px;
    color: #fff;
    letter-spacing: -.3px;
}

.dk-logo-text span {
    color: var(--dk-accent-dim);
    font-style: italic;
}

.dk-nav-links {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
}

.dk-nav-link {
    color: var(--dk-nav-text);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 450;
    padding: 6px 14px;
    border-radius: 6px;
    transition: all .18s;
    letter-spacing: .01em;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    border: none;
    background: none;
}

.dk-nav-link:hover { background: rgba(255,255,255,.07); color: #fff; }
.dk-nav-link.active { background: rgba(26,107,74,.25); color: #5ecf97; }
.dk-nav-link .bi { font-size: 14px; opacity: .8; }

.dk-nav-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.dk-nav-icon-btn {
    width: 34px; height: 34px;
    border-radius: 7px;
    border: none;
    background: rgba(255,255,255,.06);
    color: var(--dk-nav-text);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all .18s;
    font-size: 15px;
    position: relative;
}
.dk-nav-icon-btn:hover { background: rgba(255,255,255,.12); color: #fff; }

.dk-badge-dot {
    position: absolute;
    top: 6px; right: 6px;
    width: 7px; height: 7px;
    background: #e05c3a;
    border-radius: 50%;
    border: 1.5px solid var(--dk-nav);
}

.dk-avatar {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--dk-accent), #2d9b6a);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 600; color: #fff;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,.1);
    flex-shrink: 0;
}

/* ── CONTENT AREA ─────────────────────────────── */
.dk-main {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 28px 60px;
}

/* ── PAGE HEADER ──────────────────────────────── */
.dk-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-wrap: wrap;
    gap: 16px;
}

.dk-page-title {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    font-weight: 400;
    color: var(--dk-text);
    letter-spacing: -.4px;
    margin: 0 0 2px;
}

.dk-page-subtitle {
    color: var(--dk-text-muted);
    font-size: 13px;
    margin: 0;
}

/* ── CARDS ────────────────────────────────────── */
.dk-card {
    background: var(--dk-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--dk-border);
    box-shadow: var(--dk-shadow);
    transition: box-shadow .2s, transform .2s;
}

.dk-card:hover { box-shadow: var(--dk-shadow-hover); }

.dk-card-body { padding: 22px 24px; }
.dk-card-header {
    padding: 18px 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dk-card-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--dk-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 0;
}

/* ── STAT CARDS ───────────────────────────────── */
.dk-stat {
    padding: 22px 24px;
}

.dk-stat-icon {
    width: 40px; height: 40px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
    margin-bottom: 16px;
}

.dk-stat-value {
    font-family: 'Instrument Serif', serif;
    font-size: 34px;
    letter-spacing: -.5px;
    line-height: 1;
    color: var(--dk-text);
    margin-bottom: 4px;
}

.dk-stat-label {
    font-size: 13px;
    color: var(--dk-text-muted);
    font-weight: 400;
    margin-bottom: 14px;
}

.dk-stat-trend {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 20px;
}

.trend-up { background: var(--dk-accent-light); color: var(--dk-accent); }
.trend-down { background: var(--dk-warn-light); color: var(--dk-warn); }
.trend-neutral { background: #f0f0ef; color: var(--dk-text-muted); }

/* ── BUTTONS ──────────────────────────────────── */
.dk-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    transition: all .18s;
    border: none;
    white-space: nowrap;
    text-decoration: none;
}

.dk-btn-primary {
    background: var(--dk-accent);
    color: #fff;
}
.dk-btn-primary:hover { background: #155c3e; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(26,107,74,.3); }

.dk-btn-outline {
    background: transparent;
    color: var(--dk-text);
    border: 1px solid var(--dk-border);
}
.dk-btn-outline:hover { background: var(--dk-surface-alt); border-color: #ccc; }

.dk-btn-ghost {
    background: transparent;
    color: var(--dk-text-muted);
}
.dk-btn-ghost:hover { background: var(--dk-surface-alt); color: var(--dk-text); }

.dk-btn-sm { padding: 5px 12px; font-size: 12.5px; }
.dk-btn-danger { background: #fde8e8; color: #c0392b; }
.dk-btn-danger:hover { background: #c0392b; color: #fff; }
.dk-btn-success { background: var(--dk-accent-light); color: var(--dk-accent); }
.dk-btn-success:hover { background: var(--dk-accent); color: #fff; }

/* ── STATUS PILLS ─────────────────────────────── */
.dk-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .01em;
}

.dk-pill::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: .7;
}

.pill-approved { background: var(--dk-accent-light); color: var(--dk-accent); }
.pill-pending { background: #fff8e8; color: #b07a10; }
.pill-rejected { background: var(--dk-warn-light); color: var(--dk-warn); }
.pill-active { background: var(--dk-info-light); color: var(--dk-info); }

/* ── TABLE ────────────────────────────────────── */
.dk-table {
    width: 100%;
    border-collapse: collapse;
}

.dk-table th {
    padding: 10px 16px;
    text-align: left;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--dk-text-muted);
    border-bottom: 1px solid var(--dk-border);
    background: var(--dk-surface-alt);
}

.dk-table th:first-child { border-radius: 8px 0 0 0; }
.dk-table th:last-child { border-radius: 0 8px 0 0; }

.dk-table td {
    padding: 13px 16px;
    border-bottom: 1px solid #f0eeea;
    vertical-align: middle;
}

.dk-table tr:last-child td { border-bottom: none; }

.dk-table tbody tr {
    transition: background .15s;
    cursor: pointer;
}
.dk-table tbody tr:hover { background: var(--dk-surface-alt); }

/* ── ACTIVITY FEED ────────────────────────────── */
.dk-activity-item {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--dk-border);
}
.dk-activity-item:last-child { border-bottom: none; padding-bottom: 0; }
.dk-activity-item:first-child { padding-top: 0; }

.dk-activity-icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    margin-top: 1px;
}

.dk-activity-text { font-size: 13px; line-height: 1.5; }
.dk-activity-time { font-size: 11.5px; color: var(--dk-text-muted); margin-top: 2px; }

/* ── QUICK ACTIONS ────────────────────────────── */
.dk-quick-action {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid var(--dk-border);
    background: var(--dk-surface);
    cursor: pointer;
    transition: all .18s;
    text-decoration: none;
    color: var(--dk-text);
}
.dk-quick-action:hover {
    border-color: var(--dk-accent);
    background: var(--dk-accent-light);
    color: var(--dk-accent);
    transform: translateY(-1px);
    box-shadow: var(--dk-shadow);
}
.dk-quick-action:hover .dk-quick-icon { background: var(--dk-accent); color: #fff; }

.dk-quick-icon {
    width: 38px; height: 38px;
    border-radius: 9px;
    background: var(--dk-surface-alt);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: all .18s;
}

.dk-quick-label { font-size: 13px; font-weight: 500; }
.dk-quick-sub { font-size: 11.5px; color: var(--dk-text-muted); }

/* ── SEARCH / FILTER BAR ──────────────────────── */
.dk-filter-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--dk-border);
    background: var(--dk-surface-alt);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    flex-wrap: wrap;
}

.dk-search {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.dk-search input {
    width: 100%;
    height: 36px;
    padding: 0 12px 0 36px;
    border: 1px solid var(--dk-border);
    border-radius: 8px;
    background: var(--dk-surface);
    font-family: 'DM Sans', sans-serif;
    font-size: 13.5px;
    color: var(--dk-text);
    outline: none;
    transition: border-color .18s, box-shadow .18s;
}

.dk-search input:focus {
    border-color: var(--dk-accent);
    box-shadow: 0 0 0 3px rgba(26,107,74,.1);
}

.dk-search input::placeholder { color: #bbb; }

.dk-search-icon {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #bbb;
    font-size: 14px;
    pointer-events: none;
}

.dk-select {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--dk-border);
    border-radius: 8px;
    background: var(--dk-surface);
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: var(--dk-text);
    outline: none;
    cursor: pointer;
    transition: border-color .18s;
}
.dk-select:focus { border-color: var(--dk-accent); }

/* ── SECTION TABS ─────────────────────────────── */
.dk-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--dk-border);
    margin-bottom: 0;
}

.dk-tab {
    padding: 11px 20px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--dk-text-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: all .18s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.dk-tab:hover { color: var(--dk-text); }
.dk-tab.active { color: var(--dk-accent); border-bottom-color: var(--dk-accent); }

.dk-tab-count {
    background: #f0eeea;
    color: var(--dk-text-muted);
    font-size: 11px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 10px;
}

.dk-tab.active .dk-tab-count { background: var(--dk-accent-light); color: var(--dk-accent); }

/* ── ORG ROW DETAILS ──────────────────────────── */
.dk-org-avatar {
    width: 32px; height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8f5ee, #d0eadb);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--dk-accent);
    flex-shrink: 0;
}

.dk-org-name { font-weight: 500; font-size: 13.5px; }
.dk-org-meta { font-size: 12px; color: var(--dk-text-muted); }

/* ── DETAIL SECTIONS ──────────────────────────── */
.dk-detail-section {
    border-radius: var(--radius-lg);
    border: 1px solid var(--dk-border);
    background: var(--dk-surface);
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: var(--dk-shadow);
}

.dk-detail-section-header {
    padding: 14px 22px;
    background: var(--dk-surface-alt);
    border-bottom: 1px solid var(--dk-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dk-detail-section-title {
    font-size: 12.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--dk-text-muted);
    margin: 0;
}

.dk-detail-section-body { padding: 20px 22px; }

.dk-field-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
}

.dk-field label {
    display: block;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--dk-text-muted);
    margin-bottom: 4px;
}

.dk-field .value {
    font-size: 14px;
    color: var(--dk-text);
    font-weight: 450;
}

/* ── MODAL ────────────────────────────────────── */
.dk-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(13,17,23,.45);
    backdrop-filter: blur(4px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.dk-modal-overlay.open {
    opacity: 1;
    visibility: visible;
}

.dk-modal {
    background: var(--dk-surface);
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(0,0,0,.2);
    max-width: 560px;
    width: 100%;
    transform: scale(.96) translateY(10px);
    transition: all .25s cubic-bezier(.34,1.56,.64,1);
    max-height: 90vh;
    overflow-y: auto;
}

.dk-modal-overlay.open .dk-modal {
    transform: scale(1) translateY(0);
}

.dk-modal-header {
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--dk-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dk-modal-title {
    font-family: 'Instrument Serif', serif;
    font-size: 20px;
    letter-spacing: -.3px;
    margin: 0;
}

.dk-modal-close {
    width: 30px; height: 30px;
    border-radius: 7px;
    border: none;
    background: var(--dk-surface-alt);
    color: var(--dk-text-muted);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition: all .15s;
}
.dk-modal-close:hover { background: #e8e6e0; color: var(--dk-text); }

.dk-modal-body { padding: 24px; }
.dk-modal-footer {
    padding: 16px 24px 22px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* ── FORM ELEMENTS ────────────────────────────── */
.dk-form-group { margin-bottom: 18px; }

.dk-label {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--dk-text);
    margin-bottom: 6px;
    letter-spacing: .01em;
}

.dk-input {
    width: 100%;
    height: 40px;
    padding: 0 14px;
    border: 1px solid var(--dk-border);
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: var(--dk-text);
    background: var(--dk-surface);
    outline: none;
    transition: border-color .18s, box-shadow .18s;
}

.dk-input:focus {
    border-color: var(--dk-accent);
    box-shadow: 0 0 0 3px rgba(26,107,74,.1);
}

.dk-input.error { border-color: var(--dk-warn); box-shadow: 0 0 0 3px rgba(200,82,26,.1); }

.dk-input-hint {
    font-size: 12px;
    color: var(--dk-text-muted);
    margin-top: 4px;
}
.dk-input-error-msg { color: var(--dk-warn); font-size: 12px; margin-top: 4px; }

.dk-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--dk-border);
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: var(--dk-text);
    background: var(--dk-surface);
    outline: none;
    resize: vertical;
    min-height: 90px;
    transition: border-color .18s, box-shadow .18s;
    line-height: 1.5;
}
.dk-textarea:focus {
    border-color: var(--dk-accent);
    box-shadow: 0 0 0 3px rgba(26,107,74,.1);
}

/* ── PAGE SECTIONS ────────────────────────────── */
.dk-section { display: none; }
.dk-section.active { display: block; }

/* ── BREADCRUMB ───────────────────────────────── */
.dk-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--dk-text-muted);
    margin-bottom: 20px;
}

.dk-breadcrumb a {
    color: var(--dk-text-muted);
    text-decoration: none;
    transition: color .15s;
}
.dk-breadcrumb a:hover { color: var(--dk-accent); }
.dk-breadcrumb .sep { opacity: .4; }
.dk-breadcrumb .current { color: var(--dk-text); font-weight: 500; }

/* ── DOCUMENT CARD ────────────────────────────── */
.dk-doc-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--dk-border);
    border-radius: 10px;
    background: var(--dk-surface-alt);
    transition: all .18s;
    cursor: pointer;
}
.dk-doc-card:hover { border-color: var(--dk-accent); box-shadow: var(--dk-shadow); }

.dk-doc-icon {
    width: 40px; height: 40px;
    background: var(--dk-info-light);
    color: var(--dk-info);
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* ── TIMELINE ─────────────────────────────────── */
.dk-timeline-item {
    display: flex;
    gap: 14px;
    padding-bottom: 18px;
    position: relative;
}
.dk-timeline-item::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 28px;
    bottom: 0;
    width: 1px;
    background: var(--dk-border);
}
.dk-timeline-item:last-child::before { display: none; }
.dk-timeline-item:last-child { padding-bottom: 0; }

.dk-timeline-dot {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: var(--dk-surface-alt);
    border: 2px solid var(--dk-border);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    color: var(--dk-text-muted);
    flex-shrink: 0;
    z-index: 1;
}

.dk-timeline-dot.active { background: var(--dk-accent-light); border-color: var(--dk-accent); color: var(--dk-accent); }

/* ── RESPONSIVE ───────────────────────────────── */
@media (max-width: 768px) {
    .dk-main { padding: 20px 16px 40px; }
    .dk-nav-inner { padding: 0 16px; }
    .dk-field-group { grid-template-columns: 1fr; }
    .dk-nav-links { display: none; }
}

/* ── ANIMATIONS ───────────────────────────────── */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: translateY(0); }
}

.dk-section.active > * {
    animation: fadeInUp .28s ease both;
}

.dk-section.active > *:nth-child(2) { animation-delay: .04s; }
.dk-section.active > *:nth-child(3) { animation-delay: .08s; }
.dk-section.active > *:nth-child(4) { animation-delay: .12s; }

/* ── NOTIFICATION TOAST ───────────────────────── */
.dk-toast {
    position: fixed;
    bottom: 28px;
    right: 28px;
    background: var(--dk-nav);
    color: #fff;
    padding: 13px 18px;
    border-radius: 10px;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,.25);
    z-index: 9999;
    transform: translateY(80px);
    opacity: 0;
    transition: all .3s cubic-bezier(.34,1.56,.64,1);
}
.dk-toast.show { transform: translateY(0); opacity: 1; }
.dk-toast .bi { color: #5ecf97; font-size: 16px; }

/* ── ORG DETAIL HEADER ────────────────────────── */
.dk-org-hero {
    background: linear-gradient(135deg, var(--dk-nav) 0%, #1a2535 100%);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    color: #fff;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.dk-org-hero-logo {
    width: 56px; height: 56px;
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #5ecf97;
    letter-spacing: -1px;
    flex-shrink: 0;
}

.dk-org-hero-name {
    font-family: 'Instrument Serif', serif;
    font-size: 22px;
    letter-spacing: -.3px;
    margin: 0 0 4px;
}
.dk-org-hero-meta { font-size: 13px; opacity: .65; }

.dk-progress-bar-wrap { background: rgba(255,255,255,.12); border-radius: 4px; height: 6px; width: 180px; }
.dk-progress-bar-fill { height: 100%; border-radius: 4px; background: #5ecf97; transition: width .4s; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d0cdc7; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #b0ada6; }