/* dashboard.css */
html:not(.theme-dark):not([data-theme="dark"]) {
  color-scheme: light;
}

body:not(.custom-admin) {
  --ink: #17212b;
  --muted: #748091;
  --line: #e5e9ee;
  --surface: #fff;
  --page: #f7f8fa;
  --green: #08b878;
  --blue: #3478f6;
  --sidebar-gradient: linear-gradient(180deg, #fafafa 0%, #fafafa 20%, #fffde9 30%, #f7ef62 40%, #f5e800 50%, #cdd600 60%, #a5c500 70%, #7eb500 80%, #438d16 90%, #23801b 100%);
  --welcome-gradient: linear-gradient(105deg, #edf5ff 0%, #fff 56%, #eafbf1 100%);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
body:not(.custom-admin) * { box-sizing: border-box; }
body:not(.custom-admin) { margin: 0; color: var(--ink); background: var(--page); font-size: 12px; }
body:not(.custom-admin) button,
body:not(.custom-admin) input,
body:not(.custom-admin) select { font: inherit; }
body:not(.custom-admin) button,
body:not(.custom-admin) a,
body:not(.custom-admin) select { -webkit-tap-highlight-color: transparent; }
body:not(.custom-admin) .responsive-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body:not(.custom-admin) .responsive-pagination .pagination { margin-left: auto; }
body:not(.custom-admin) .sidebar { position: fixed; inset: 0 auto 0 0; z-index: 2; display: flex; width: 206px; flex-direction: column; background: var(--sidebar-gradient); border-right: 1px solid #e6e8ed; }
body:not(.custom-admin) .brand { height: 62px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 17px; color: #1a252e; text-decoration: none; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .brand-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: #fff; background: #087a3f; border: 2px solid #a9d546; font-size: 9px; font-weight: 800; }
body:not(.custom-admin) .brand-logo { display: block; width: 40px; height: 40px; flex: 0 0 auto; }
body:not(.custom-admin) .brand-logo img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: contain; }
body:not(.custom-admin) .brand-name { font-size: 10px; font-weight: 800; letter-spacing: .09em; }
body:not(.custom-admin) .sidebar-label { padding: 22px 19px 11px; color: #87929b; font-size: 9px; font-weight: 750; letter-spacing: .11em; }
body:not(.custom-admin) .navigation { display: grid; min-height: 0; grid-auto-rows: min-content; align-content: start; gap: 4px; overflow-y: auto; overscroll-behavior: contain; padding: 0 10px; scrollbar-width: thin; }
body:not(.custom-admin) .nav-link { position: relative; display: flex; min-height: 38px; align-items: center; gap: 11px; padding: 8px 11px; border-radius: 8px; color: #53616b; font-size: 12px; font-weight: 500; text-decoration: none; transition: color .15s ease, background-color .15s ease; }
body:not(.custom-admin) .nav-link:hover { color: #087947; background: #f5f8f6; }
body:not(.custom-admin) .nav-link.active { color: #087947; background: #eaf7ef; font-weight: 700; }
body:not(.custom-admin) .nav-link.active::before { position: absolute; inset: 8px auto 8px 0; width: 3px; border-radius: 0 3px 3px 0; background: #0ca65b; content: ""; }
body:not(.custom-admin) .nav-icon { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; border-radius: 6px; color: #75838d; background: #f2f5f6; text-align: center; font-size: 12px; }
body:not(.custom-admin) .nav-icon svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
body:not(.custom-admin) .mobile-nav-toggle svg,
body:not(.custom-admin) .mobile-nav-close svg,
body:not(.custom-admin) .sidebar-actions .logout-link svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .sidebar-actions .logout-link { display: flex; align-items: center; gap: 7px; }
body:not(.custom-admin) .sidebar-actions .logout-link svg { flex: 0 0 14px; }
body:not(.custom-admin) .profile-copy strong { text-transform: uppercase; }
body:not(.custom-admin) .topbar-notifications { position: relative; display: inline-grid; width: 23px; height: 25px; place-items: center; color: #68727d; }
body:not(.custom-admin) .topbar-notifications svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
body:not(.custom-admin) .topbar-notifications i { position: absolute; top: 4px; right: 3px; width: 4px; height: 4px; border-radius: 50%; background: #e74b4b; }
body:not(.custom-admin) .topbar-logout { margin: 0; }
body:not(.custom-admin) .nav-link:hover .nav-icon,
body:not(.custom-admin) .nav-link.active .nav-icon { color: #087947; background: #d9f0e2; }
body:not(.custom-admin).donor-workspace .topbar { border-top-color: transparent; }
body:not(.custom-admin).donor-workspace .nav-link.active { color: #286d28; background: #fff3a0; }
body:not(.custom-admin).donor-workspace .nav-link.active::before { display: none; }
body:not(.custom-admin).donor-workspace .nav-link:hover .nav-icon,
body:not(.custom-admin).donor-workspace .nav-link.active .nav-icon { color: #286d28; background: #f7e976; }
body:not(.custom-admin) .sidebar-bottom { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 8px 9px; margin-top: auto; padding: 10px 9px; background: transparent; }
body:not(.custom-admin) .avatar,
body:not(.custom-admin) .top-avatar { display: grid; flex: 0 0 auto; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #eef8ef; color: #178447; font-size: 9px; font-weight: 700; }
body:not(.custom-admin) .profile-copy { display: grid; gap: 2px; min-width: 0; }
body:not(.custom-admin) .profile-copy strong { overflow: hidden; color: #123b27; font-size: 12px; font-weight: 750; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .profile-copy small { color: #284b37; font-size: 10px; font-weight: 600; line-height: 1.3; }
body:not(.custom-admin) .profile-copy .profile-role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .profile-menu { margin-left: auto; font-size: 18px; }
body:not(.custom-admin) .logout-link { padding: 6px 8px; border: 1px solid transparent; border-radius: 6px; color: #176b37; background: transparent; font-size: 10px; font-weight: 600; cursor: pointer; transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
body:not(.custom-admin) .sidebar-actions { display: grid; grid-column: 1/-1; grid-template-columns: minmax(0,1fr); gap: 5px; margin-left: 0; }
body:not(.custom-admin) .sidebar-actions form { margin: 0; }
body:not(.custom-admin) .sidebar-actions .profile-link { display: inline-flex; align-items: center; text-decoration: none; }
body:not(.custom-admin) .sidebar-actions form,
body:not(.custom-admin) .sidebar-actions .logout-link { width: 100%; }
body:not(.custom-admin) .sidebar-actions .logout-link { display: block; text-align: left; text-decoration: none; }
body:not(.custom-admin) .sidebar-actions .logout-link:hover,
body:not(.custom-admin) .sidebar-actions .logout-link:focus-visible { color: #087947; border-color: rgba(255,255,255,.88); background: rgba(255,255,255,.88); outline: none; }
body:not(.custom-admin) .admin-welcome { display: flex; min-height: 84px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 17px; border: 1px solid #dfe8e2; border-radius: 8px; background: linear-gradient(105deg,#f2fbf5 0%,#fff 62%,#f5faf6 100%); }
body:not(.custom-admin) .admin-welcome-copy h1 { font-size: 18px; font-weight: 750; text-transform: none; }
body:not(.custom-admin) .admin-welcome-copy h1 span { color: #079b53; }
body:not(.custom-admin) .admin-welcome-copy p { margin-top: 5px; color: #68766e; font-size: 11px; font-weight: 650; }
body:not(.custom-admin) .admin-welcome-meta { display: flex; align-items: center; gap: 26px; }
body:not(.custom-admin) .admin-welcome-meta>div { display: grid; gap: 5px; }
body:not(.custom-admin) .admin-welcome-meta span { color: #7c8981; font-size: 8px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin) .admin-welcome-meta strong { color: #35443a; font-size: 10px; font-weight: 650; }
body:not(.custom-admin) .shortcut-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 16px 0; }
body:not(.custom-admin) .shortcut-card { display: grid; min-height: 100px; grid-template-columns: 38px 1fr; align-content: center; align-items: center; column-gap: 12px; padding: 16px; border: 1px solid #e1e6e9; border-radius: 8px; color: #34404c; background: #fff; text-decoration: none; }
body:not(.custom-admin) .shortcut-card:hover { border-color: #b7d9c5; box-shadow: 0 4px 14px #17212b0d; }
body:not(.custom-admin) .shortcut-icon { display: grid; width: 36px; height: 36px; grid-row: span 2; place-items: center; border-radius: 8px; color: #087947; background: #e9f5ee; font-size: 18px; }
body:not(.custom-admin) .shortcut-card strong { font-size: 14px; }
body:not(.custom-admin) .shortcut-card small { margin-top: 4px; color: #7a8590; font-size: 11px; }
body:not(.custom-admin).super-admin-dashboard .sidebar { width: 255px; }
body:not(.custom-admin).super-admin-dashboard .brand { height: 108px; flex: 0 0 108px; }
body:not(.custom-admin).super-admin-dashboard .brand-logo { width: 80px; height: 80px; }
body:not(.custom-admin).super-admin-dashboard .sidebar-label { padding-top: 29px; padding-bottom: 12px; color: #30343a; }
body:not(.custom-admin).super-admin-dashboard .nav-link { min-height: 40px; color: #111820; font-size: 14px; }
body:not(.custom-admin).super-admin-dashboard .nav-link.active { color: #111820; background: #ffffffa8; }
body:not(.custom-admin).super-admin-dashboard .nav-link.active::before { display: none; }
body:not(.custom-admin).super-admin-dashboard .nav-icon { color: #111820; background: transparent; }
body:not(.custom-admin).super-admin-dashboard .main { margin-left: 255px; }
body:not(.custom-admin).super-admin-dashboard .topbar { height: 56px; border-top: 0; padding: 0 28px; }
body:not(.custom-admin).super-admin-dashboard .topbar-actions { gap: 22px; margin-left: auto; }
body:not(.custom-admin).super-admin-dashboard .topbar-icon-button { width: 20px; height: 24px; color: #414550; }
body:not(.custom-admin) .topbar-notifications { position: relative; display: grid; width: 20px; height: 24px; place-items: center; color: #414550; }
body:not(.custom-admin) .topbar-notifications svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
body:not(.custom-admin) .topbar-notifications i { position: absolute; top: 2px; right: 0; width: 6px; height: 6px; border-radius: 50%; background: #e64558; }
body:not(.custom-admin) .topbar-logout { margin: 0; }
body:not(.custom-admin).super-admin-dashboard .content { padding: 20px; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome { min-height: 146px; gap: 20px; padding: 24px 32px; border-color: #dce5eb; border-radius: 17px; background: linear-gradient(105deg,#edf5ff 0%,#fff 56%,#eafbf1 100%); box-shadow: 0 2px 4px #17212b1c; }
body:not(.custom-admin) .welcome-avatar { position: relative; display: grid; width: 80px; height: 80px; flex: 0 0 80px; place-items: center; border-radius: 16px; color: #fff; background: #00bf55; box-shadow: 0 5px 12px #00a94b2b; font-size: 28px; font-weight: 750; }
body:not(.custom-admin) .welcome-avatar span { position: absolute; right: -3px; bottom: -3px; width: 22px; height: 22px; border: 4px solid #fff; border-radius: 50%; background: #00bd57; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy { flex: 1; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy h1 { color: #17191e; font-size: 30px; font-weight: 800; letter-spacing: -.04em; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy h1 span { color: #00a947; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy p { display: flex; align-items: center; gap: 9px; margin-top: 6px; color: #7b7f88; font-size: 13px; font-weight: 400; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy p strong { padding: 4px 11px; border-radius: 15px; color: #555b64; background: #f0f1f5; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy p i { color: #c5c7cc; font-style: normal; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy p em { font-style: italic; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-meta { margin-left: auto; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-meta>div { justify-items: end; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-meta span { font-size: 11px; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-meta strong { font-size: 14px; }
body:not(.custom-admin).super-admin-dashboard .shortcut-grid { gap: 14px; margin: 52px 24px 24px; }
body:not(.custom-admin).super-admin-dashboard .shortcut-card { min-height: 145px; grid-template-columns: 1fr; justify-items: center; align-content: center; gap: 10px; padding: 18px; border-radius: 17px; color: #181a20; box-shadow: 0 1px 2px #17212b0a; }
body:not(.custom-admin).super-admin-dashboard .shortcut-card:hover { transform: translateY(-1px); }
body:not(.custom-admin).super-admin-dashboard .shortcut-icon { width: 48px; height: 48px; grid-row: auto; border-radius: 13px; font-size: 24px; }
body:not(.custom-admin).super-admin-dashboard .users-icon { color: #00a947; background: #edfbf2; }
body:not(.custom-admin).super-admin-dashboard .organizations-icon { color: #2870ff; background: #eef5ff; }
body:not(.custom-admin).super-admin-dashboard .roles-icon { color: #a000ff; background: #f8f0ff; }
body:not(.custom-admin).super-admin-dashboard .shortcut-card strong { font-size: 14px; font-weight: 800; }
body:not(.custom-admin).super-admin-dashboard .shortcut-card small { margin-top: -3px; color: #9296a2; font-size: 10px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin) .main { min-height: 100vh; margin-left: 206px; }
body:not(.custom-admin) .topbar { position: sticky; top: 0; z-index: 1; display: flex; height: 40px; align-items: center; justify-content: space-between; padding: 0 23px; border-top: 2px solid #a91e5b; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); color: #34404c; font-size: 11px; }
body:not(.custom-admin) .topbar-actions { display: flex; align-items: center; gap: 13px; }
body:not(.custom-admin) .topbar-actions button { position: relative; border: 0; background: transparent; color: #68727d; cursor: pointer; }
body:not(.custom-admin) .notification-dot { position: absolute; top: 0; right: 0; width: 4px; height: 4px; border-radius: 50%; background: #e35e63; }
body:not(.custom-admin) .top-avatar { width: 22px; height: 22px; font-size: 8px; }
body:not(.custom-admin) .content { max-width: 1680px; margin: 0 auto; padding: 15px 18px 20px; }
body:not(.custom-admin) .page-heading { display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 7px 11px; border: 1px solid #dedfe8; border-radius: 6px; background: linear-gradient(105deg,#f6f3ff,#fff); }
body:not(.custom-admin) .heading-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; background: #8056f6; color: white; font-size: 15px; }
body:not(.custom-admin) h1,
body:not(.custom-admin) h2,
body:not(.custom-admin) p { margin: 0; }
body:not(.custom-admin) h1 { font-size: 13px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .page-heading p,
body:not(.custom-admin) .panel-heading p { margin-top: 3px; color: var(--muted); font-size: 9px; }
body:not(.custom-admin) .sample-badge { margin-left: auto; padding: 4px 7px; border-radius: 4px; background: #fff7e6; color: #a56605; font-size: 8px; font-weight: 700; letter-spacing: .04em; }
body:not(.custom-admin) .metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 7px; }
body:not(.custom-admin) .metric-card,
body:not(.custom-admin) .panel { border: 1px solid #dfe3e8; border-radius: 6px; background: var(--surface); }
body:not(.custom-admin) .metric-card { min-height: 82px; padding: 11px 12px; }
body:not(.custom-admin) .metric-top { display: flex; align-items: center; justify-content: space-between; }
body:not(.custom-admin) .metric-label { color: #596574; font-size: 8px; font-weight: 700; letter-spacing: .06em; }
body:not(.custom-admin) .metric-icon { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 5px; font-weight: 700; }
body:not(.custom-admin) .purple { background: #f0eaff; color: #8056f6; }
body:not(.custom-admin) .blue { background: #edf4ff; color: var(--blue); }
body:not(.custom-admin) .green { background: #eaf9f1; color: #12a95f; }
body:not(.custom-admin) .metric-value { margin-top: 1px; font-size: 20px; font-weight: 750; letter-spacing: -.04em; }
body:not(.custom-admin) .metric-foot { display: flex; gap: 5px; margin-top: 1px; color: #818b97; font-size: 9px; }
body:not(.custom-admin) .positive { color: #079d55; font-weight: 650; }
body:not(.custom-admin) .overview-grid { display: grid; grid-template-columns: 1.12fr 1.12fr 1fr; gap: 7px; margin-top: 7px; }
body:not(.custom-admin) .panel { min-width: 0; }
body:not(.custom-admin) .status-panel,
body:not(.custom-admin) .payment-panel { min-height: 105px; padding: 10px 11px; }
body:not(.custom-admin) .panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
body:not(.custom-admin) .panel-heading h2 { font-size: 10px; font-weight: 700; }
body:not(.custom-admin) .more-button { border: 0; padding: 0 2px; background: none; color: #87909b; font-size: 16px; line-height: 1; cursor: pointer; }
body:not(.custom-admin) .status-content { display: flex; align-items: center; justify-content: center; gap: 25px; height: 72px; }
body:not(.custom-admin) .donut { display: grid; width: 57px; height: 57px; place-items: center; border-radius: 50%; }
body:not(.custom-admin) .activity-donut { background: conic-gradient(var(--green) 0 64%,#cbd2dc 64% 100%); }
body:not(.custom-admin) .budget-donut { background: conic-gradient(var(--green) 0 82%,#e2e7ec 82% 100%); }
body:not(.custom-admin) .donut:before { content: ""; position: absolute; width: 43px; height: 43px; border-radius: 50%; background: white; }
body:not(.custom-admin) .donut span { position: relative; font-size: 11px; font-weight: 750; }
body:not(.custom-admin) .donut small { font-size: 8px; }
body:not(.custom-admin) .legend { display: grid; gap: 5px; min-width: 105px; margin: 0; padding: 0; list-style: none; color: #727c88; font-size: 8px; }
body:not(.custom-admin) .legend li { display: flex; align-items: center; gap: 5px; }
body:not(.custom-admin) .legend b { margin-left: auto; color: #424d59; }
body:not(.custom-admin) .dot { width: 6px; height: 6px; border-radius: 50%; }
body:not(.custom-admin) .amber { background: #f2b632; }
body:not(.custom-admin) .blue-dot { background: #4382f5; }
body:not(.custom-admin) .green-dot { background: #0cbd79; }
body:not(.custom-admin) .red-dot { background: #f26363; }
body:not(.custom-admin) .payment-panel { background: #effcf5; border-color: #a7efc7; }
body:not(.custom-admin) .payment-total { margin-top: 4px; color: #00a64f; text-align: center; font-size: 17px; font-weight: 800; }
body:not(.custom-admin) .payment-caption { margin-top: 1px; color: #74847b; text-align: center; font-size: 8px; }
body:not(.custom-admin) .payment-row { display: flex; justify-content: space-between; margin-top: 7px; color: #6e7b72; font-size: 8px; }
body:not(.custom-admin) .payment-row strong { color: #16814c; }
body:not(.custom-admin) .progress-track { height: 4px; overflow: hidden; border-radius: 4px; background: #d1f0dc; }
body:not(.custom-admin) .progress-track span { display: block; height: 100%; background: #0cb86b; }
body:not(.custom-admin) .muted-track { background: #f6e7d6; }
body:not(.custom-admin) .muted-track span { background: #f1a237; }
body:not(.custom-admin) .charts-grid { display: grid; grid-template-columns: 1.03fr 1fr; gap: 7px; margin-top: 7px; }
body:not(.custom-admin) .chart-panel { min-height: 142px; padding: 10px 11px 7px; }
body:not(.custom-admin) .chart-stat { color: #0da953; font-size: 10px; font-weight: 800; }
body:not(.custom-admin) .blue-stat { color: var(--blue); }
body:not(.custom-admin) .chart-area { position: relative; height: 94px; margin: 4px 15px 0 28px; }
body:not(.custom-admin) .chart-y-labels { position: absolute; inset: 0 auto 14px -27px; display: flex; flex-direction: column; justify-content: space-between; color: #9aa3ad; font-size: 7px; }
body:not(.custom-admin) .line-chart { width: 100%; height: 75px; overflow: visible; }
body:not(.custom-admin) .grid-line { fill: none; stroke: #edf0f2; stroke-width: 1; stroke-dasharray: 3 4; }
body:not(.custom-admin) .area { fill: url(#areaFill); }
body:not(.custom-admin) .line { fill: none; stroke: #0cbd79; stroke-width: 2; }
body:not(.custom-admin) .chart-dots { fill: #0cbd79; stroke: white; stroke-width: 2; }
body:not(.custom-admin) .spending-line-chart { position: absolute; inset: 0 0 14px; background: repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),#edf0f2 calc(25% - 1px) 25%); }
body:not(.custom-admin) .spending-line-chart svg { width: 100%; height: 100%; overflow: visible; }
body:not(.custom-admin) .spending-line-chart .area { fill: url(#spending-area-fill); }
body:not(.custom-admin) .spending-line-chart .line { fill: none; stroke: #0cbd79; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
body:not(.custom-admin) .chart-x-labels { display: flex; justify-content: space-between; color: #87919c; font-size: 7px; }
body:not(.custom-admin) .bar-area { margin-left: 27px; }
body:not(.custom-admin) .bar-chart { position: absolute; inset: 0 0 14px; display: grid; grid-template-columns: repeat(6,1fr); align-items: end; background: repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),#edf0f2 calc(25% - 1px) 25%); }
body:not(.custom-admin) .bar-chart i { grid-column: auto; justify-self: center; width: min(23px,70%); height: var(--bar-height,0%); border-radius: 2px 2px 0 0; background: #3978ef; }
body:not(.custom-admin) .charts-grid .chart-panel:first-child .bar-chart i { background: #0cbd79; }
body:not(.custom-admin) .bar-area .chart-x-labels { position: absolute; right: 0; bottom: 0; left: 0; }
body:not(.custom-admin) .lower-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 7px; margin-top: 7px; align-items: stretch; }
body:not(.custom-admin) .outcomes-panel,
body:not(.custom-admin) .trend-panel { min-height: 270px; padding: 10px 11px; }
body:not(.custom-admin) .outcomes-heading { align-items: center; }
body:not(.custom-admin) .filter-controls { display: flex; align-items: center; gap: 5px; }
body:not(.custom-admin) .filter-controls select,
body:not(.custom-admin) .search-box input,
body:not(.custom-admin) .trend-search input { min-height: 27px; border: 1px solid #dce1e7; border-radius: 4px; background: white; color: #4c5662; font-size: 9px; }
body:not(.custom-admin) .filter-controls select { padding: 0 7px; }
body:not(.custom-admin) .search-box { display: flex; align-items: center; border: 1px solid #dce1e7; border-radius: 4px; }
body:not(.custom-admin) .search-box input { width: 112px; padding: 0 7px; border: 0; outline: 0; }
body:not(.custom-admin) .search-box button { padding: 0 7px; border: 0; background: transparent; color: #7b8692; cursor: pointer; font-size: 15px; }
body:not(.custom-admin) .reset-button { border: 0; background: none; color: #77818d; font-size: 9px; cursor: pointer; }
body:not(.custom-admin) .table-wrap { width: 100%; overflow-x: auto; }
body:not(.custom-admin) table { width: 100%; border-collapse: collapse; text-align: left; }
body:not(.custom-admin) th { height: 27px; color: #737e8a; font-size: 8px; font-weight: 650; text-transform: uppercase; letter-spacing: .035em; }
body:not(.custom-admin) td { height: 36px; border-top: 1px solid #edf0f2; color: #53606b; font-size: 9px; white-space: nowrap; }
body:not(.custom-admin) td:first-child { width: 48%; white-space: normal; }
body:not(.custom-admin) td strong { color: #38434e; font-size: 9px; font-weight: 650; }
body:not(.custom-admin) td small { display: block; margin-top: 2px; color: #919aa4; font-size: 8px; }
body:not(.custom-admin) .table-progress { width: 100%; height: 4px; overflow: hidden; border-radius: 5px; background: #edf0f2; }
body:not(.custom-admin) .table-progress span { display: block; height: 100%; border-radius: inherit; background: #0bb871; }
body:not(.custom-admin) .table-progress span.low { background: #f0a522; }
body:not(.custom-admin) .status-pill { display: inline-block; padding: 3px 6px; border-radius: 10px; background: #eef8f1; color: #19864d; font-size: 8px; }
body:not(.custom-admin) .status-pill.at-risk { background: #fff3e4; color: #b46d13; }
body:not(.custom-admin) .status-pill.completed { background: #eaf8ef; }
body:not(.custom-admin) .status-pill.on-track { background: #edf4ff; color: #386dc6; }
body:not(.custom-admin) .table-footer { padding-top: 8px; color: #8b949e; font-size: 8px; }
body:not(.custom-admin) .trend-search { margin-top: 8px; }
body:not(.custom-admin) .trend-search input { width: 100%; padding: 0 8px; }
body:not(.custom-admin) .trend-list { max-height: 218px; overflow: auto; }
body:not(.custom-admin) .trend-item { padding: 9px 2px 7px; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .trend-item[hidden] { display: none; }
body:not(.custom-admin) .trend-title { color: #46515d; font-size: 9px; font-weight: 650; }
body:not(.custom-admin) .trend-item small { display: block; margin-top: 3px; color: #8a949e; font-size: 8px; }
body:not(.custom-admin) .mini-chart { position: relative; height: 34px; margin-top: 2px; background: linear-gradient(to bottom,transparent 49%,#f0f2f4 50%,transparent 51%); }
body:not(.custom-admin) .mini-chart svg { width: 100%; height: 100%; overflow: visible; }
body:not(.custom-admin) .mini-chart path { fill: none; stroke: #f1b634; stroke-width: 1.5; }
body:not(.custom-admin) .mini-axis { position: absolute; right: 2px; top: 0; color: #a3abb3; font-size: 7px; }
body:not(.custom-admin) .top-projects { margin-top: 7px; padding: 10px 11px 2px; }
body:not(.custom-admin) .top-projects .panel-heading { margin-bottom: 4px; }
body:not(.custom-admin) .view-all { color: #3275e8; font-size: 9px; text-decoration: none; }
body:not(.custom-admin) .top-projects td { height: 30px; }
body:not(.custom-admin) .top-projects td:first-child { width: 48%; }
body:not(.custom-admin) .completion-cell { display: flex; align-items: center; gap: 8px; }
body:not(.custom-admin) .completion-cell .table-progress { width: 75px; }
body:not(.custom-admin) .completion-cell b { color: #62707c; font-size: 8px; }
body:not(.custom-admin) .empty-state { height: 65px; color: #89939d; text-align: center; }
body:not(.custom-admin) .outcome-months-wrap { max-height: 440px; overflow: auto; }
body:not(.custom-admin) .outcome-months-table { min-width: 860px; }
body:not(.custom-admin) .outcome-months-table th,
body:not(.custom-admin) .outcome-months-table td { padding: 9px 10px; white-space: nowrap; }
body:not(.custom-admin) .outcome-months-table td:first-child { min-width: 220px; white-space: normal; }
body:not(.custom-admin) .outcome-months-table td:nth-child(2) { min-width: 150px; white-space: normal; }
body:not(.custom-admin) .outcome-months-table .completion-cell { min-width: 100px; }
body:not(.custom-admin) .audit-panel { margin-top: 16px; padding: 16px; }
body:not(.custom-admin) .audit-panel-heading { align-items: center; }
body:not(.custom-admin) .audit-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; gap: 10px 12px; margin: 14px 0; }
body:not(.custom-admin) .audit-filters label { display: grid; min-width: 0; gap: 5px; color: #53606b; font-size: 13px; font-weight: 650; }
body:not(.custom-admin) .audit-filters input,
body:not(.custom-admin) .audit-filters select { width: 100%; min-width: 0; min-height: 42px; padding: 7px 10px; border: 1px solid #d8dde2; border-radius: 6px; background: #fff; color: #34404c; font: inherit; }
body:not(.custom-admin) .audit-filters .button { min-height: 42px; white-space: nowrap; }
body:not(.custom-admin) .audit-table-wrap { max-height: 520px; overflow: auto; overscroll-behavior: contain; }
body:not(.custom-admin) .audit-table { min-width: 1352px; table-layout: fixed; }
body:not(.custom-admin) .audit-table .audit-timestamp-column { width: 142px; }
body:not(.custom-admin) .audit-table .audit-action-column { width: 140px; }
body:not(.custom-admin) .audit-table .audit-severity-column { width: 100px; }
body:not(.custom-admin) .audit-table .audit-actor-column { width: 135px; }
body:not(.custom-admin) .audit-table .audit-target-column { width: 125px; }
body:not(.custom-admin) .audit-table .audit-role-column { width: 110px; }
body:not(.custom-admin) .audit-table .audit-organization-column { width: 150px; }
body:not(.custom-admin) .audit-table .audit-device-column { width: 190px; }
body:not(.custom-admin) .audit-table .audit-details-column { width: 260px; }
body:not(.custom-admin) .audit-table td:first-child { width: auto; }
body:not(.custom-admin) .audit-table th,
body:not(.custom-admin) .audit-table td { padding: 10px 12px; vertical-align: top; white-space: normal; }
body:not(.custom-admin) .audit-table td { max-width: 270px; overflow-wrap: anywhere; }
body:not(.custom-admin) .audit-table td small { display: block; margin-top: 4px; color: #7a8590; }
body:not(.custom-admin) .audit-severity { display: inline-block; padding: 4px 8px; border-radius: 12px; background: #edf4ff; color: #386dc6; white-space: nowrap; }
body:not(.custom-admin) .audit-severity.warning { background: #fff4e5; color: #a9680b; }
body:not(.custom-admin) .audit-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; color: #68737e; }
body:not(.custom-admin) .audit-pagination nav { display: flex; gap: 8px; }
body:not(.custom-admin) .audit-pagination a { padding: 7px 11px; border: 1px solid #d8dde2; border-radius: 5px; text-decoration: none; }
body:not(.custom-admin).super-admin-dashboard .audit-panel { margin: 0 24px; padding: 20px 24px; border-radius: 17px; box-shadow: 0 1px 3px #17212b12; }
body:not(.custom-admin).super-admin-dashboard .audit-panel-heading h2 { color: #17191e; font-size: 14px; font-weight: 800; }
body:not(.custom-admin).super-admin-dashboard .audit-panel-heading p { margin-top: 6px; color: #999eaa; font-size: 10px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin).super-admin-dashboard .audit-filters { margin-top: 18px; }
body:not(.custom-admin).super-admin-dashboard .audit-filters label { gap: 0; font-size: 0; }
body:not(.custom-admin).super-admin-dashboard .audit-filters input,
body:not(.custom-admin).super-admin-dashboard .audit-filters select { min-height: 38px; border-radius: 7px; color: #515761; font-size: 13px; }
body:not(.custom-admin) .audit-filter-actions { display: flex; align-items: center; gap: 8px; }
body:not(.custom-admin).super-admin-dashboard .audit-filter-actions .button { min-height: 36px; padding: 8px 13px; border-radius: 8px; }
body:not(.custom-admin) .trend-month-labels { display: flex; justify-content: space-between; color: #78838d; }

@media (max-width: 900px) {
body:not(.custom-admin) .audit-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1050px) {
body:not(.custom-admin).super-admin-dashboard .sidebar { width: 210px; }
body:not(.custom-admin).super-admin-dashboard .main { margin-left: 210px; }
}
body:not(.custom-admin) .footer { padding: 13px 0 0; color: #9aa2ab; text-align: center; font-size: 8px; }
body:not(.custom-admin) .footer span { padding: 0 5px; }
body:not(.custom-admin) .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }

@media (min-width: 1500px) {
body:not(.custom-admin) .content { padding: 20px 24px 28px; }
body:not(.custom-admin) .metric-card { min-height: 94px; padding: 14px; }
body:not(.custom-admin) .status-panel,
body:not(.custom-admin) .payment-panel { min-height: 120px; }
body:not(.custom-admin) .charts-grid .chart-panel { min-height: 160px; }
body:not(.custom-admin) .chart-area { height: 108px; }
body:not(.custom-admin) .line-chart { height: 88px; }
body:not(.custom-admin) .outcomes-panel,
body:not(.custom-admin) .trend-panel { min-height: 315px; }
body:not(.custom-admin) td { height: 41px; }
}
@media (max-width: 1050px) {
body:not(.custom-admin) .sidebar { width: 170px; }
body:not(.custom-admin) .main { margin-left: 170px; }
body:not(.custom-admin) .lower-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .outcomes-heading { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .filter-controls { width: 100%; }
body:not(.custom-admin) .search-box { flex: 1; }
body:not(.custom-admin) .search-box input { width: 100%; }
}
@media (max-width: 700px) {
body:not(.custom-admin) .sidebar { position: static; width: 100%; max-height: none; background: #fff; }
body:not(.custom-admin) .brand { height: 48px; flex: 0 0 auto; }
body:not(.custom-admin) .sidebar-label { display: none; }
body:not(.custom-admin) .sidebar-bottom { display: none; }
body:not(.custom-admin) .navigation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; overflow: visible; padding: 8px; }
body:not(.custom-admin) .nav-link { min-width: 0; min-height: 34px; padding: 6px 8px; }
body:not(.custom-admin) .main { margin-left: 0; }
body:not(.custom-admin) .topbar { position: static; padding: 0 13px; }
body:not(.custom-admin) .content { padding: 10px; }
body:not(.custom-admin) .metric-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .metric-card { min-height: 72px; }
body:not(.custom-admin) .overview-grid,
body:not(.custom-admin) .charts-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .outcomes-heading { gap: 10px; }
body:not(.custom-admin) .filter-controls { flex-wrap: wrap; }
body:not(.custom-admin) .filter-controls select { flex: 1; }
body:not(.custom-admin) .search-box { flex-basis: 100%; }
body:not(.custom-admin) .reset-button { min-height: 26px; }
body:not(.custom-admin) .status-content { justify-content: flex-start; padding-left: 14%; }
body:not(.custom-admin) .payment-panel { min-height: 120px; }
body:not(.custom-admin) .admin-welcome { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .admin-welcome-meta { flex-wrap: wrap; gap: 12px 20px; }
body:not(.custom-admin) .shortcut-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .audit-filters { grid-template-columns: 1fr; }
body:not(.custom-admin) .audit-panel { padding: 12px; }
body:not(.custom-admin) .audit-pagination { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin).super-admin-dashboard .sidebar { width: 100%; }
body:not(.custom-admin).super-admin-dashboard .main { margin-left: 0; }
body:not(.custom-admin).super-admin-dashboard .content { padding: 12px; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome { min-height: 0; flex-wrap: wrap; padding: 18px; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-copy h1 { font-size: 22px; }
body:not(.custom-admin).super-admin-dashboard .admin-welcome-meta { width: 100%; margin-left: 100px; }
body:not(.custom-admin).super-admin-dashboard .topbar { padding: 0 14px; }
body:not(.custom-admin).super-admin-dashboard .topbar-actions { gap: 13px; }
body:not(.custom-admin).super-admin-dashboard .shortcut-grid,
body:not(.custom-admin).super-admin-dashboard .audit-panel { margin-right: 0; margin-left: 0; }
body:not(.custom-admin).super-admin-dashboard .shortcut-grid { margin-top: 20px; grid-template-columns: 1fr; }
body:not(.custom-admin).super-admin-dashboard .shortcut-card { min-height: 105px; }
body:not(.custom-admin).super-admin-dashboard .audit-panel { padding: 16px; }
}/* management.css */
body:not(.custom-admin) .management-content { padding: 24px 29px 20px; }
body:not(.custom-admin) .management-card,
body:not(.custom-admin) .management-banner { border: 1px solid #e3e6ea; border-radius: 12px; background: #fff; box-shadow: 0 2px 5px rgba(22,33,43,.04); }
body:not(.custom-admin) .management-card { overflow: hidden; }
body:not(.custom-admin) .management-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 26px; border-bottom: 1px solid #eceef1; }
body:not(.custom-admin) .management-intro h1,
body:not(.custom-admin) .management-banner h1,
body:not(.custom-admin) .confirm-card h1 { font-size: 20px; font-weight: 700; text-transform: none; }
body:not(.custom-admin) .management-intro p,
body:not(.custom-admin) .management-banner p,
body:not(.custom-admin) .confirm-card p { margin-top: 6px; color: #7b8490; font-size: 13px; }
body:not(.custom-admin) .count-pills { display: flex; gap: 8px; }
body:not(.custom-admin) .count-pill { padding: 7px 12px; border: 1px solid #dfe2e6; border-radius: 20px; color: #555d67; background: #f7f8f9; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
body:not(.custom-admin) .active-count { border-color: #9de8bd; color: #098648; background: #eaf9f0; }
body:not(.custom-admin) .inactive-count { color: #5b626b; }
body:not(.custom-admin) .toolbar { display: flex; justify-content: flex-end; min-height: 62px; padding: 14px 24px; border-bottom: 1px solid #e7e9ec; }
body:not(.custom-admin) .button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid transparent; border-radius: 7px; font-size: 12px; text-decoration: none; cursor: pointer; }
body:not(.custom-admin) .button.primary { border-color: #08bd68; color: #06482c; background: #08d275; }
body:not(.custom-admin) .button.primary:hover { background: #04bd68; }
body:not(.custom-admin) .button.secondary { border-color: #d8dde2; color: #4b5561; background: #fff; }
body:not(.custom-admin) .filter-panel { padding: 16px 24px 20px; border-bottom: 1px solid #e7e9ec; }
body:not(.custom-admin) .filter-title { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 13px; }
body:not(.custom-admin) .filter-title a { color: #dd2626; text-decoration: none; }
body:not(.custom-admin) .filter-grid { display: grid; grid-template-columns: repeat(3,minmax(140px,1fr)); gap: 14px; max-width: 850px; }
body:not(.custom-admin) .filter-grid label,
body:not(.custom-admin) .form-field label { display: grid; gap: 7px; color: #454c55; font-size: 11px; font-weight: 650; }
body:not(.custom-admin) .filter-grid select,
body:not(.custom-admin) .filter-grid input,
body:not(.custom-admin) .form-field input,
body:not(.custom-admin) .form-field select,
body:not(.custom-admin) .form-field textarea { width: 100%; min-height: 39px; padding: 0 11px; border: 1px solid #d8dde2; border-radius: 7px; color: #424b56; background: #fff; font-size: 12px; }
body:not(.custom-admin) .form-field textarea { padding: 10px; }
body:not(.custom-admin) .filter-submit { align-self: end; }
body:not(.custom-admin) .table-wrap { width: 100%; overflow-x: auto; }
body:not(.custom-admin) .management-table { min-width: 750px; }
body:not(.custom-admin) .management-table th { height: 42px; padding: 0 14px; background: #fafafa; font-size: 10px; }
body:not(.custom-admin) .management-table td { height: 54px; padding: 8px 14px; font-size: 11px; }
body:not(.custom-admin) .management-table td:first-child { width: auto; }
body:not(.custom-admin) .management-table td strong { font-size: 11px; }
body:not(.custom-admin) .management-table td small { font-size: 9px; }
body:not(.custom-admin) .role-badge { display: inline-block; padding: 5px 8px; border: 1px solid #fde0b2; border-radius: 5px; color: #a75d0b; background: #fff9ef; font-size: 10px; white-space: nowrap; }
body:not(.custom-admin) .inactive-pill { color: #a43232; background: #fff0f0; }
body:not(.custom-admin) .actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
body:not(.custom-admin) .actions a,
body:not(.custom-admin) .actions button { border: 0; padding: 0; color: #2874ed; background: none; font-size: 11px; text-decoration: none; cursor: pointer; }
body:not(.custom-admin) .actions button,
body:not(.custom-admin) .actions .danger-link { color: #dc2929; }
body:not(.custom-admin) .table-footer { padding: 13px 24px; border-top: 1px solid #eceef1; font-size: 10px; }
body:not(.custom-admin) .management-banner { display: flex; min-height: 108px; align-items: center; gap: 16px; margin-bottom: 22px; padding: 20px 25px; background: linear-gradient(100deg,#fff 70%,#effbf4); }
body:not(.custom-admin) .banner-icon { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 12px; color: white; background: #08be62; font-size: 25px; }
body:not(.custom-admin) .management-banner h1 { font-size: 18px; text-transform: uppercase; }
body:not(.custom-admin) .management-banner p { font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
body:not(.custom-admin) .partner-total { display: grid; gap: 3px; margin-left: auto; text-align: right; text-transform: uppercase; }
body:not(.custom-admin) .partner-total small { color: #9098a2; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
body:not(.custom-admin) .partner-total strong { font-size: 20px; }
body:not(.custom-admin) .organization-card { padding-bottom: 2px; }
body:not(.custom-admin) .org-search { display: flex; justify-content: flex-end; gap: 7px; padding: 12px 24px; }
body:not(.custom-admin) .org-search input { width: min(300px,50vw); min-height: 36px; padding: 0 11px; border: 1px solid #d8dde2; border-radius: 7px; }
body:not(.custom-admin) .form-card { max-width: 800px; margin: 0 auto; }
body:not(.custom-admin) .management-form { display: grid; gap: 17px; padding: 24px 26px; }
body:not(.custom-admin) .form-field { display: grid; gap: 7px; }
body:not(.custom-admin) .form-field small { color: #7b8490; font-size: 10px; }
body:not(.custom-admin) .form-field.checkbox-field { display: flex; align-items: center; gap: 8px; }
body:not(.custom-admin) .form-field.checkbox-field input { width: 16px; min-height: 16px; }
body:not(.custom-admin) .field-error { color: #c52929; font-size: 11px; }
body:not(.custom-admin) .form-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 8px; }
body:not(.custom-admin) .messages { display: grid; gap: 6px; margin-bottom: 12px; }
body:not(.custom-admin) .message { padding: 10px 13px; border: 1px solid #b8e8ca; border-radius: 6px; color: #17673b; background: #effbf4; font-size: 12px; }
body:not(.custom-admin) .message.error { border-color: #f2c2c2; color: #9a2a2a; background: #fff5f5; }
body:not(.custom-admin) .impersonation-banner { position: sticky; top: 0; z-index: 5; display: flex; min-height: 42px; align-items: center; justify-content: center; gap: 12px; padding: 7px 12px; color: #654600; background: #fff1c2; border-bottom: 1px solid #f1cf70; font-size: 11px; }
body:not(.custom-admin) .impersonation-banner form { margin: 0; }
body:not(.custom-admin) .impersonation-banner button { padding: 6px 10px; border: 1px solid #c99c2f; border-radius: 5px; color: #4f3900; background: #fffaf0; cursor: pointer; font-weight: 650; }
body:not(.custom-admin) .role-filter-grid { grid-template-columns: minmax(180px,300px) minmax(180px,300px) auto; }
body:not(.custom-admin) .compact-filter { padding-bottom: 14px; }
body:not(.custom-admin) .role-search { padding: 8px 16px 12px; }
body:not(.custom-admin) .role-users-table { min-width: 1080px; }
body:not(.custom-admin) .role-users-table td { height: 40px; }
body:not(.custom-admin) .role-users-table th { padding-right: 10px; padding-left: 10px; }
body:not(.custom-admin) .role-users-table td { padding-right: 10px; padding-left: 10px; }
body:not(.custom-admin).management-body .brand { height: 66px; flex: 0 0 66px; }
body:not(.custom-admin).management-body .brand-logo { width: 50px; height: 50px; }
body:not(.custom-admin).management-body .sidebar-label { padding-top: 24px; padding-bottom: 13px; font-size: 13px; }
body:not(.custom-admin).management-body .navigation { gap: 9px; }
body:not(.custom-admin).management-body .nav-link { min-height: 42px; }
body:not(.custom-admin).management-body .nav-icon { width: 22px; height: 22px; flex-basis: 22px; }
body:not(.custom-admin).management-body .nav-link.active { color: #222a31; background: #ffffffa8; font-weight: 500; }
body:not(.custom-admin).management-body .nav-link.active::before { display: none; }
body:not(.custom-admin).management-body .nav-link.active .nav-icon { color: #75838d; background: #f2f5f6; }
body:not(.custom-admin).management-body .topbar { height: 50px; border-top: 0; padding: 0 28px; }
@media (min-width:1051px) {
body:not(.custom-admin).management-body .sidebar { width: 246px; }
body:not(.custom-admin).management-body .main { margin-left: 246px; }
}
@media (min-width:701px) and (max-width:1050px) {
body:not(.custom-admin).management-body .sidebar { width: 210px; }
body:not(.custom-admin).management-body .main { margin-left: 210px; }
}
body:not(.custom-admin) .role-management-card .toolbar { min-height: 72px; }
body:not(.custom-admin) .role-management-card .toolbar .button.primary { min-height: 42px; padding: 0 20px; border-radius: 8px; font-size: 14px; }
body:not(.custom-admin) .role-management-card .compact-filter { padding: 22px 16px 16px; }
body:not(.custom-admin) .role-management-card .filter-title { margin-bottom: 23px; }
body:not(.custom-admin) .role-management-card .role-filter-grid select { min-height: 42px; }
body:not(.custom-admin) .role-management-card .role-search input,
body:not(.custom-admin) .role-management-card .role-search button { min-height: 42px; }
body:not(.custom-admin) .role-management-card .role-search button { padding: 0 18px; font-size: 13px; }
body:not(.custom-admin) .role-management-card .role-users-table th { height: 68px; white-space: normal; }
@media (max-width:700px) {
body:not(.custom-admin) .management-content { padding: 10px; }
body:not(.custom-admin).management-body .topbar { height: 44px; padding: 0 14px; }
body:not(.custom-admin).management-body .brand { height: 48px; flex-basis: auto; }
body:not(.custom-admin).management-body .brand-logo { width: 40px; height: 40px; }
body:not(.custom-admin).management-body .navigation { gap: 4px; }
body:not(.custom-admin).management-body .nav-link { min-height: 34px; }
body:not(.custom-admin).management-body .nav-icon { width: 19px; height: 19px; flex-basis: 19px; }
}
body:not(.custom-admin) .impersonation-indicator { display: inline-block; width: 10px; height: 10px; border: 1px solid #df5555; border-radius: 50%; background: #fff; vertical-align: middle; }
body:not(.custom-admin) .impersonation-indicator.available { border-color: #0ca85d; background: #0ca85d; box-shadow: inset 0 0 0 2px white; }
body:not(.custom-admin) .role-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
body:not(.custom-admin) .inline-role-form { display: flex; align-items: center; gap: 5px; }
body:not(.custom-admin) .inline-role-form select { max-width: 110px; min-height: 27px; border: 1px solid #d8dde2; border-radius: 4px; background: #fff; font-size: 9px; }
body:not(.custom-admin) .change-role-button,
body:not(.custom-admin) .impersonate-button { border: 0; padding: 4px 2px; color: #16834a; background: transparent; font-size: 9px; cursor: pointer; }
body:not(.custom-admin) .impersonate-button { color: #b76a21; }
body:not(.custom-admin) .impersonate-button:disabled { color: #a0a5aa; cursor: not-allowed; }
body:not(.custom-admin) .muted-action { color: #9299a0; font-size: 9px; }
body:not(.custom-admin) .role-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-top: 1px solid #eceef1; color: #737c86; font-size: 10px; }
body:not(.custom-admin) .pagination { display: flex; align-items: center; gap: 4px; }
body:not(.custom-admin) .pagination a,
body:not(.custom-admin) .pagination span { display: grid; min-width: 26px; height: 25px; place-items: center; border: 1px solid #e0e4e8; border-radius: 4px; color: #68727c; text-decoration: none; }
body:not(.custom-admin) .pagination .current-page { color: #c97500; background: #fff5dc; }
body:not(.custom-admin) .role-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 22px; }
body:not(.custom-admin) .role-card { padding: 16px; border: 1px solid #e5e8ec; border-radius: 8px; }
body:not(.custom-admin) .role-card-head { display: flex; align-items: center; justify-content: space-between; }
body:not(.custom-admin) .role-card-head strong { color: #77818c; font-size: 12px; }
body:not(.custom-admin) .role-card p { margin-top: 12px; color: #707a85; font-size: 11px; line-height: 1.55; }
body:not(.custom-admin) .role-note { margin: 0 22px 20px; padding: 11px; border-radius: 6px; color: #73541c; background: #fff8e9; font-size: 10px; }
body:not(.custom-admin) .confirm-card { max-width: 600px; margin: 40px auto; padding: 24px; }
body:not(.custom-admin) .confirm-card form { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
body:not(.custom-admin) .danger-button { color: white; background: #d93636; }
body:not(.custom-admin).login-page { display: grid; min-height: 100vh; grid-template-rows: 1fr auto; justify-items: center; background: #f7f8fa; }
body:not(.custom-admin) .login-card { width: min(448px,calc(100% - 32px)); align-self: center; padding: 38px 40px; border: 1px solid #e3e6ea; border-radius: 15px; background: white; box-shadow: 0 8px 30px #182a3912; }
body:not(.custom-admin) .login-card>.brand-logo-image { display: block; width: 110px; height: 110px; object-fit: contain; margin: 0 auto 25px; border-radius: 50%; }
body:not(.custom-admin) .login-card h1 { font-size: 20px; text-align: center; text-transform: none; }
body:not(.custom-admin) .login-card>p { margin: 8px 0 18px; color: #79838e; font-size: 12px; line-height: 1.55; text-align: center; }
body:not(.custom-admin) .login-card .messages { margin: 0 0 12px; }
body:not(.custom-admin) .login-form { gap: 15px; padding: 0; }
body:not(.custom-admin) .login-form .form-field label { font-size: 12px; }
body:not(.custom-admin) .login-form .form-field input { min-height: 46px; border-radius: 10px; font-size: 14px; }
body:not(.custom-admin) .login-form .login-submit { min-height: 44px; border-radius: 9px; font-size: 13px; }
body:not(.custom-admin) .login-secondary-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; }
body:not(.custom-admin) .login-text-button { border: 0; padding: 2px 0; color: #2874ed; background: transparent; font: inherit; font-size: 11px; cursor: pointer; }
body:not(.custom-admin) .login-footer { align-self: start; padding: 0 0 28px; color: #86909b; font-size: 11px; text-align: center; }
body:not(.custom-admin) .google-signin-button { display: flex; justify-content: center; width: 100%; margin: 0 0 18px; }
body:not(.custom-admin) .login-divider { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #86909b; font-size: 11px; }
body:not(.custom-admin) .login-divider::before,
body:not(.custom-admin) .login-divider::after { height: 1px; flex: 1; background: #e3e6ea; content: ""; }
body:not(.custom-admin) .login-form .login-submit { width: 100%; }
body:not(.custom-admin) .login-form .login-submit:disabled { border-color: #e4e6ea; color: #26384d; background: #e4e6ea; cursor: not-allowed; }
body:not(.custom-admin) .account-profile-card { max-width: 580px; margin: 18px auto; overflow: hidden; border: 1px solid #e1e5e9; border-radius: 12px; background: #fff; box-shadow: 0 2px 5px #16232f0a; }
body:not(.custom-admin) .account-profile-card>.workspace-panel-title { padding: 20px 22px 15px; border-bottom: 1px solid #eceef1; }
body:not(.custom-admin) .account-profile-card>.workspace-panel-title h1 { font-size: 15px; text-transform: none; }
body:not(.custom-admin) .account-profile-card>.workspace-panel-title p { margin-top: 5px; color: #7e8791; font-size: 10px; }
body:not(.custom-admin) .account-profile-card .profile-details-form { display: grid; gap: 15px; padding: 17px 20px; }
body:not(.custom-admin) .profile-photo-preview { display: flex; align-items: center; gap: 14px; }
body:not(.custom-admin) .profile-photo-preview>img,
body:not(.custom-admin) .profile-photo-preview>span { display: grid; width: 60px; height: 60px; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 12px; object-fit: cover; color: white; background: #08bd60; font-size: 21px; font-weight: 700; }
body:not(.custom-admin) .profile-photo-preview>div { display: grid; min-width: 0; flex: 1; gap: 5px; }
body:not(.custom-admin) .profile-photo-preview>div>strong { color: #26313b; font-size: 11px; }
body:not(.custom-admin) .profile-photo-preview>div>small { color: #7e8791; font-size: 9px; }
body:not(.custom-admin) .profile-photo-input { display: block; margin-top: 3px; }
body:not(.custom-admin) .profile-photo-input input { width: 100%; min-height: 31px; padding: 5px 8px; border: 1px solid #dce1e5; border-radius: 6px; color: #59636d; background: #fff; font-size: 9px; }
body:not(.custom-admin) .account-profile-card .profile-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body:not(.custom-admin) .account-profile-card .form-actions { padding-top: 0; }
body:not(.custom-admin).management-body .sidebar-bottom { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; }
body:not(.custom-admin).management-body .sidebar-actions { display: grid; grid-column: 1/-1; grid-template-columns: minmax(0,1fr); gap: 5px; margin-left: 0; }
body:not(.custom-admin).management-body .sidebar-actions form,
body:not(.custom-admin).management-body .sidebar-actions .logout-link { width: 100%; }
body:not(.custom-admin).management-body .sidebar-actions .logout-link { display: block; text-align: left; text-decoration: none; }
@media(max-width:800px) {
body:not(.custom-admin) .management-intro { align-items: flex-start; flex-direction: column; padding: 18px; }
body:not(.custom-admin) .filter-grid { grid-template-columns: repeat(2,minmax(130px,1fr)); }
body:not(.custom-admin) .role-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .management-banner { margin-bottom: 10px; } }
@media(max-width:560px) {
body:not(.custom-admin) .count-pills { flex-wrap: wrap; }
body:not(.custom-admin) .filter-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .management-form { padding: 18px; }
body:not(.custom-admin) .management-banner { padding: 16px; }
body:not(.custom-admin) .partner-total { font-size: 11px; } }
@media(max-width:560px) {
body:not(.custom-admin) .login-card { padding: 30px 22px; }
body:not(.custom-admin) .account-profile-card .profile-fields { grid-template-columns: 1fr; }
body:not(.custom-admin) .login-secondary-actions { align-items: flex-start; flex-direction: column; } }
@media(max-width:560px) {
body:not(.custom-admin) .impersonation-banner { align-items: flex-start; flex-direction: column; gap: 6px; }
body:not(.custom-admin) .role-filter-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .role-table-footer { align-items: flex-start; flex-direction: column; } }
@media(max-width:560px) {
body:not(.custom-admin) .impersonation-modal { top: 32px; right: 8px; width: calc(100vw - 16px); }
body:not(.custom-admin) .impersonation-dialog { padding: 18px 14px 14px; } }/* workspace.css */
body:not(.custom-admin) .workspace-content { padding: 17px 18px 22px; }
body:not(.custom-admin) .welcome-banner { display: flex; min-height: 90px; align-items: center; gap: 12px; padding: 15px 18px; border: 1px solid #dce6ea; border-radius: 10px; background: var(--welcome-gradient); }
body:not(.custom-admin) .dashboard-server-time { display: grid; flex: 0 0 auto; gap: 3px; margin-left: auto; text-align: right; }
body:not(.custom-admin) .dashboard-server-time span { color: #8b949e; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
body:not(.custom-admin) .dashboard-server-time strong { color: #3e4a54; font-size: 11px; font-weight: 650; }
body:not(.custom-admin) .welcome-avatar { position: relative; display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: white; background: #07bd69; font-size: 18px; font-weight: 700; }
body:not(.custom-admin) .welcome-avatar:after { position: absolute; right: -2px; bottom: 0; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: #13c77b; content: ""; }
body:not(.custom-admin) .welcome-banner h1 { font-size: 17px; text-transform: none; }
body:not(.custom-admin) .welcome-banner h1 span { color: #06ad59; }
body:not(.custom-admin) .welcome-banner p { margin-top: 5px; color: #737e88; font-size: 9px; text-transform: uppercase; }
body:not(.custom-admin) .welcome-banner p i { padding: 0 4px; color: #a4abb2; font-style: normal; }
body:not(.custom-admin) .welcome-banner p .last-login { text-transform: none; font-style: italic; }
body:not(.custom-admin) .workspace-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
body:not(.custom-admin) .workspace-metric { display: grid; min-height: 75px; align-content: center; gap: 6px; padding: 11px 13px; border: 1px solid #dfe3e8; border-radius: 9px; color: #24313c; background: #fff; text-decoration: none; }
body:not(.custom-admin) .workspace-metric:first-child { border-left: 3px solid #21c879; }
body:not(.custom-admin) .workspace-metric:nth-child(2) { border-left: 3px solid #f0a435; }
body:not(.custom-admin) .workspace-metric:nth-child(3) { border-left: 3px solid #4d83f5; }
body:not(.custom-admin) .workspace-metric:nth-child(4) { border-left: 3px solid #14b7a1; }
body:not(.custom-admin) .workspace-metric>span { color: #828c96; font-size: 8px; font-weight: 750; letter-spacing: .06em; }
body:not(.custom-admin) .workspace-metric>strong { font-size: 20px; line-height: 1; }
body:not(.custom-admin) .workspace-metric>small { color: #159a54; font-size: 8px; font-weight: 650; text-transform: uppercase; }
body:not(.custom-admin) .accountant-finance-center,
body:not(.custom-admin) .accountant-recent-payments { width: 100%; margin: 16px 0; }
body:not(.custom-admin) .accountant-finance-center { padding: 18px 20px 20px; border: 1px solid #dfe3e8; border-radius: 12px; background: #fff; }
body:not(.custom-admin) .accountant-finance-center h2 { font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
body:not(.custom-admin) .accountant-dashboard-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
body:not(.custom-admin) .accountant-dashboard-metrics .workspace-metric { min-height: 130px; padding: 16px 14px; border-radius: 14px; box-shadow: 0 2px 3px #1c28301a; }
body:not(.custom-admin) .accountant-dashboard-metrics .workspace-metric:first-child { border-left: 3px solid #b644f4; }
body:not(.custom-admin) .accountant-dashboard-metrics .workspace-metric:nth-child(2) { border-left: 3px solid #16b85e; }
body:not(.custom-admin) .accountant-dashboard-metrics .workspace-metric:nth-child(3) { border-left: 3px solid #ff9900; }
body:not(.custom-admin) .accountant-dashboard-metrics .workspace-metric:nth-child(4) { border-left: 3px solid #3979ff; }
body:not(.custom-admin) .accountant-recent-payments { padding-bottom: 8px; }
body:not(.custom-admin) .accountant-recent-payments .workspace-panel-title { padding: 16px 20px 6px; }
body:not(.custom-admin) .accountant-no-recent-payments { padding: 8px 20px 18px; color: #707984; font-size: 12px; }
body:not(.custom-admin) .workspace-panel { margin-top: 12px; overflow: hidden; border: 1px solid #dfe3e8; border-radius: 9px; background: white; }
body:not(.custom-admin) .workspace-panel-title { padding: 15px 16px 5px; }
body:not(.custom-admin) .workspace-panel-title h1,
body:not(.custom-admin) .workspace-panel-title h2 { font-size: 13px; font-weight: 700; }
body:not(.custom-admin) .workspace-panel-title p { margin-top: 4px; color: #87919b; font-size: 9px; }
body:not(.custom-admin) .status-overview { min-height: 180px; }
body:not(.custom-admin) .status-overview-content { position: relative; display: flex; min-height: 120px; align-items: center; justify-content: center; padding: 8px 16px 16px; }
body:not(.custom-admin) .project-donut { display: grid; width: 96px; height: 96px; place-items: center; border-radius: 50%; background: conic-gradient(#0bbf71 0deg, #4d84f8 0deg, #f3ad32 0deg, #e5e8ec 0deg); }
body:not(.custom-admin) .project-donut:before { position: absolute; width: 76px; height: 76px; border-radius: 50%; background: white; content: ""; }
body:not(.custom-admin) .project-donut>div { position: relative; display: grid; justify-items: center; gap: 3px; }
body:not(.custom-admin) .project-donut strong { font-size: 16px; }
body:not(.custom-admin) .project-donut small { color: #818b95; font-size: 8px; }
body:not(.custom-admin) .project-legend { position: absolute; right: 16px; display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: #747f89; font-size: 8px; }
body:not(.custom-admin) .project-legend li { display: flex; align-items: center; gap: 6px; }
body:not(.custom-admin) .project-legend strong { font-weight: 500; }
body:not(.custom-admin) .status-dot { width: 6px; height: 6px; border-radius: 50%; background: #16b971; }
body:not(.custom-admin) .status-dot.planning { background: #f4a621; }
body:not(.custom-admin) .status-dot.completed { background: #4680f5; }
body:not(.custom-admin) .status-dot.suspended { background: #f05e62; }
body:not(.custom-admin) .report-history,
body:not(.custom-admin) .project-list-panel { padding-bottom: 3px; }
body:not(.custom-admin) .report-filters { display: flex; align-items: center; gap: 7px; padding: 8px 13px 12px; }
body:not(.custom-admin) .report-filters select,
body:not(.custom-admin) .report-filters input { min-height: 31px; padding: 0 9px; border: 1px solid #dce1e6; border-radius: 5px; color: #59646e; background: white; font-size: 9px; }
body:not(.custom-admin) .report-filters select { min-width: 115px; }
body:not(.custom-admin) .report-filters input { flex: 1; min-width: 60px; }
body:not(.custom-admin) .report-filters .button { min-height: 31px; font-size: 9px; }
body:not(.custom-admin) .workspace-table-wrap { margin: 0 13px 10px; overflow-x: auto; border: 1px solid #e4e7eb; border-radius: 7px; }
body:not(.custom-admin) .workspace-table { min-width: 620px; }
body:not(.custom-admin) .workspace-table th { height: 34px; padding: 0 10px; background: #fafbfc; font-size: 8px; }
body:not(.custom-admin) .workspace-table td { height: 41px; padding: 6px 10px; font-size: 9px; }
body:not(.custom-admin) .workspace-table td:first-child { width: 50%; }
body:not(.custom-admin) .workspace-table td strong { font-size: 9px; }
body:not(.custom-admin) .workspace-table td small { font-size: 8px; }
body:not(.custom-admin) .project-status { display: inline-block; padding: 4px 7px; border-radius: 10px; color: #168e4d; background: #eaf8ef; font-size: 8px; }
body:not(.custom-admin) .project-status.planning { color: #a9680b; background: #fff5e5; }
body:not(.custom-admin) .project-status.completed { color: #3266bd; background: #edf3ff; }
body:not(.custom-admin) .project-status.suspended { color: #aa3333; background: #fff0f0; }
body:not(.custom-admin) .workspace-empty { height: 82px !important; text-align: center; }
body:not(.custom-admin) .workspace-empty strong { display: block; color: #68737e; font-size: 9px; font-weight: 550; }
body:not(.custom-admin) .workspace-empty small { margin-top: 4px; }
body:not(.custom-admin) .workspace-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-right: 14px; }
body:not(.custom-admin) .workspace-heading-row .workspace-panel-title { padding-bottom: 12px; }
body:not(.custom-admin) .budget-approval-heading { align-items: center; }
body:not(.custom-admin) .budget-status-summary { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
body:not(.custom-admin) .budget-status-summary a { text-decoration: none; }
body:not(.custom-admin) .budget-status-summary a.selected { outline: 1px solid currentColor; outline-offset: 1px; }
body:not(.custom-admin) .user-create-overlay { position: fixed; inset: 40px 0 0 206px; z-index: 4; display: grid; overflow-y: auto; place-items: center; padding: 20px; background: rgba(0,0,0,.45); }
body:not(.custom-admin) .user-create-dialog { width: min(670px,100%); overflow: hidden; border: 1px solid #dfe3e8; border-radius: 13px; background: rgba(255,255,255,.96); box-shadow: 0 14px 44px rgba(0,0,0,.22); }
body:not(.custom-admin) .user-dialog-header { position: relative; padding: 19px 20px 15px; color: white; background: linear-gradient(110deg,#05772d 0%,#28a900 58%,#d5e600 100%); }
body:not(.custom-admin) .user-dialog-header h1 { font-size: 15px; text-transform: none; }
body:not(.custom-admin) .user-dialog-header p { margin-top: 6px; color: rgba(255,255,255,.94); font-size: 10px; }
body:not(.custom-admin) .dialog-close { position: absolute; top: 8px; right: 14px; color: white; font-size: 22px; text-decoration: none; }
body:not(.custom-admin) .user-form-section { margin: 19px 20px 12px; border: 1px solid #e0e3e7; border-radius: 9px; background: #fff; }
body:not(.custom-admin) .user-section-heading { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-bottom: 1px solid #e7e9ec; }
body:not(.custom-admin) .section-person-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #858e99; background: #f0f2f5; }
body:not(.custom-admin) .user-section-heading strong { display: block; color: #313a43; font-size: 11px; }
body:not(.custom-admin) .user-section-heading small { display: block; margin-top: 3px; color: #818b95; font-size: 9px; }
body:not(.custom-admin) .user-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 14px; padding: 14px 16px 17px; }
body:not(.custom-admin) .user-form-grid .form-field { gap: 5px; }
body:not(.custom-admin) .user-form-grid .form-field label { font-size: 9px; letter-spacing: .08em; }
body:not(.custom-admin) .user-form-grid .form-field input,
body:not(.custom-admin) .user-form-grid .form-field select { min-height: 34px; font-size: 10px; }
body:not(.custom-admin) .user-form-grid .password-field { grid-column: 1 / -1; }
body:not(.custom-admin) .required { color: #e34437; }
body:not(.custom-admin) .user-dialog-actions { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 19px 17px; }
body:not(.custom-admin) .user-dialog-actions .button { min-height: 31px; font-size: 10px; }
body:not(.custom-admin) .edit-user-dialog { width: min(790px,100%); }
body:not(.custom-admin) .edit-sections { display: grid; grid-template-columns: 1.3fr .9fr; gap: 0; margin: 14px 15px 10px; }
body:not(.custom-admin) .edit-sections .user-form-section { margin: 0; border-radius: 9px; }
body:not(.custom-admin) .identity-section { grid-row: 1; grid-column: 1; }
body:not(.custom-admin) .authority-section { grid-row: 1; grid-column: 2; margin-left: -1px !important; }
body:not(.custom-admin) .linkage-section { grid-row: 2; grid-column: 1 / -1; margin-top: -1px !important; }
body:not(.custom-admin) .edit-sections .user-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 12px; }
body:not(.custom-admin) .authority-section .user-form-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .linkage-section .user-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .linkage-section textarea { min-height: 55px; }
body:not(.custom-admin) .edit-sections .user-section-heading { min-height: 52px; }
body:not(.custom-admin) .workspace-edit-link { color: #b9650b; font-size: 9px; font-weight: 650; text-decoration: none; }
body:not(.custom-admin) .workspace-edit-link:hover { text-decoration: underline; }
body:not(.custom-admin) .finance-banner { display: flex; min-height: 96px; align-items: center; gap: 14px; padding: 13px 17px; border: 1px solid #e2e6e9; border-radius: 10px; background: linear-gradient(105deg,#fff 0%,#fff 65%,#fff9ed 100%); }
body:not(.custom-admin) .payment-banner { background: linear-gradient(105deg,#fff 0%,#fff 65%,#f0f6ff 100%); }
body:not(.custom-admin) .finance-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: white; background: linear-gradient(140deg,#f5a820,#07b869); font-size: 20px; font-weight: 750; }
body:not(.custom-admin) .payment-icon { background: linear-gradient(140deg,#3a85fa,#04b9d3); }
body:not(.custom-admin) .finance-title { min-width: 190px; }
body:not(.custom-admin) .finance-title>small { color: #d38a00; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
body:not(.custom-admin) .payment-banner .finance-title>small { color: #397af0; }
body:not(.custom-admin) .finance-title h1 { margin-top: 3px; font-size: 17px; text-transform: none; }
body:not(.custom-admin) .finance-title p { margin-top: 4px; color: #7f8993; font-size: 9px; }
body:not(.custom-admin) .finance-stats { display: flex; gap: 7px; margin-left: auto; }
body:not(.custom-admin) .finance-stats>div { display: grid; min-width: 58px; gap: 4px; padding: 8px 9px; border: 1px solid #e5e8eb; border-radius: 7px; background: rgba(255,255,255,.8); }
body:not(.custom-admin) .finance-stats small { color: #8b949e; font-size: 7px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
body:not(.custom-admin) .finance-stats strong { font-size: 14px; }
body:not(.custom-admin) .finance-table-panel { margin-top: 11px; }
body:not(.custom-admin) .finance-filter-form { margin: 7px 9px 0; padding: 10px; border: 1px solid #e9ecef; border-radius: 6px; }
body:not(.custom-admin) .finance-filter-heading { display: flex; justify-content: space-between; margin-bottom: 9px; font-size: 9px; }
body:not(.custom-admin) .finance-filter-heading a { color: #d93535; font-size: 8px; text-decoration: none; }
body:not(.custom-admin) .finance-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(140px,1fr)) auto; align-items: end; gap: 8px; max-width: 920px; }
body:not(.custom-admin) .finance-filter-grid label { display: grid; gap: 5px; color: #58626c; font-size: 8px; font-weight: 650; }
body:not(.custom-admin) .finance-filter-grid select { width: 100%; min-height: 31px; padding: 0 8px; border: 1px solid #dce1e5; border-radius: 5px; color: #58626c; background: white; font-size: 9px; }
body:not(.custom-admin) .finance-filter-grid .button { min-height: 31px; font-size: 9px; }
body:not(.custom-admin) .finance-search { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 11px; }
body:not(.custom-admin) .finance-search input { width: min(340px,60%); min-height: 29px; padding: 0 9px; border: 1px solid #dce1e5; border-radius: 5px; font-size: 9px; }
body:not(.custom-admin) .finance-search .button { min-height: 29px; font-size: 9px; }
body:not(.custom-admin) .finance-table-wrap { margin: 0 9px 8px; overflow-x: auto; border: 1px solid #e5e8eb; border-radius: 6px; }
body:not(.custom-admin) .finance-table { min-width: 1060px; }
body:not(.custom-admin) .finance-table th { height: 32px; padding: 0 8px; background: #fafbfc; font-size: 8px; }
body:not(.custom-admin) .finance-table td { height: 47px; padding: 6px 8px; font-size: 8px; }
body:not(.custom-admin) .finance-table td:first-child { width: 24%; }
body:not(.custom-admin) .finance-table td strong { font-size: 9px; }
body:not(.custom-admin) .finance-table td small { max-width: 300px; font-size: 7px; }
body:not(.custom-admin) .finance-table td a { color: #3478ed; font-size: 8px; text-decoration: none; white-space: nowrap; }
body:not(.custom-admin) .finance-table td a:hover { text-decoration: underline; }
body:not(.custom-admin) .finance-table .money { color: #078b48; font-size: 9px; font-weight: 750; white-space: nowrap; }
body:not(.custom-admin) .request-status,
body:not(.custom-admin) .payment-status,
body:not(.custom-admin) .urgency { display: inline-block; padding: 3px 6px; border-radius: 9px; color: #16894b; background: #eaf8ef; font-size: 7px; white-space: nowrap; }
body:not(.custom-admin) .request-status.pending { color: #a76a0a; background: #fff5e5; }
body:not(.custom-admin) .request-status.rejected { color: #a63232; background: #fff0f0; }
body:not(.custom-admin) .urgency.low { color: #327052; background: #eaf8ef; }
body:not(.custom-admin) .urgency.medium { color: #a86a11; background: #fff5e7; }
body:not(.custom-admin) .urgency.high { color: #aa3333; background: #fff0f0; }
body:not(.custom-admin) .payment-status.awaiting_payment { color: #a46b12; background: #fff5e7; }
body:not(.custom-admin) .payment-status.paid { color: #16894b; background: #eaf8ef; }
body:not(.custom-admin) .finance-footer { display: flex; justify-content: space-between; align-items: center; padding: 8px 13px 11px; color: #7d8791; font-size: 8px; }
body:not(.custom-admin) .finance-footer .pagination span { min-width: max-content; padding: 0 7px; }
body:not(.custom-admin) .request-detail-panel { max-width: 900px; margin: 15px auto; padding-bottom: 14px; }
body:not(.custom-admin) .request-detail-panel .workspace-panel-title { padding: 20px 20px 12px; }
body:not(.custom-admin) .request-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 20px; padding: 15px; border: 1px solid #e7e9ec; border-radius: 7px; }
body:not(.custom-admin) .request-detail-grid>div { display: grid; gap: 5px; }
body:not(.custom-admin) .request-detail-grid dt { color: #808a94; font-size: 9px; text-transform: uppercase; }
body:not(.custom-admin) .request-detail-grid dd { margin: 0; color: #34404b; font-size: 11px; }
body:not(.custom-admin) .request-detail-grid .detail-wide { grid-column: 1 / -1; }
body:not(.custom-admin) .decision-form { display: grid; gap: 10px; margin: 14px 20px 0; }
body:not(.custom-admin) .decision-form textarea { width: 100%; padding: 9px; border: 1px solid #d8dde2; border-radius: 6px; font: inherit; font-size: 11px; }
body:not(.custom-admin) .request-detail-panel>.form-actions { margin: 14px 20px 0; }
body:not(.custom-admin) .request-detail-overlay { position: fixed; inset: 40px 0 0 206px; z-index: 4; display: grid; overflow-y: auto; place-items: center; padding: 20px; background: rgba(0,0,0,.45); }
body:not(.custom-admin) .request-detail-dialog { position: relative; width: min(760px,100%); max-height: 100%; overflow-y: auto; margin: 0; }
body:not(.custom-admin) .request-detail-close { position: absolute; top: 8px; right: 14px; z-index: 1; color: #65717b; font-size: 23px; line-height: 1; text-decoration: none; }
body:not(.custom-admin) .builder-hero { display: flex; min-height: 126px; align-items: center; gap: 14px; padding: 20px 24px; border: 1px solid #dfe8e3; border-radius: 11px; background: linear-gradient(105deg,#effcf6 0%,#fff 66%,#effbf4 100%); box-shadow: 0 2px 3px #122a1910; }
body:not(.custom-admin) .builder-icon { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; border-radius: 11px; color: white; background: linear-gradient(145deg,#075b26,#09bd65); box-shadow: 0 4px 12px #06ac5540; font-size: 21px; }
body:not(.custom-admin) .builder-hero>div:last-child>small { color: #1b9b41; font-size: 8px; font-weight: 800; letter-spacing: .23em; }
body:not(.custom-admin) .builder-hero h1 { margin-top: 4px; font-size: 20px; text-transform: none; }
body:not(.custom-admin) .builder-hero p { margin-top: 5px; color: #77828c; font-size: 10px; }
body:not(.custom-admin) .builder-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
body:not(.custom-admin) .builder-tags span { padding: 5px 8px; border-radius: 12px; color: #397b0b; background: #f7fbdc; font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body:not(.custom-admin) .builder-project-panel { margin-top: 13px; overflow: hidden; border: 1px solid #e0e4e8; border-radius: 11px; background: white; box-shadow: 0 2px 3px #182a3910; }
body:not(.custom-admin) .builder-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 19px; border-bottom: 1px solid #e9ecef; }
body:not(.custom-admin) .builder-panel-heading>div>small { color: #17a04a; font-size: 8px; font-weight: 800; letter-spacing: .2em; }
body:not(.custom-admin) .builder-panel-heading h2 { margin-top: 6px; font-size: 15px; }
body:not(.custom-admin) .builder-panel-heading p { margin-top: 4px; color: #838d97; font-size: 9px; }
body:not(.custom-admin) .builder-panel-heading input { width: min(220px,35vw); min-height: 32px; padding: 0 11px; border: 1px solid #dfe3e7; border-radius: 18px; font-size: 9px; }
body:not(.custom-admin) .project-card-grid { display: grid; grid-template-columns: repeat(auto-fill,220px); justify-content: start; gap: 10px; padding: 17px; }
body:not(.custom-admin) .builder-project-card { min-height: 150px; padding: 13px; border: 1px solid #dfe3e8; border-radius: 8px; color: #27323c; text-decoration: none; transition: border-color .15s,transform .15s; }
body:not(.custom-admin) .builder-project-card:hover { transform: translateY(-2px); border-color: #17bd67; }
body:not(.custom-admin) .builder-card-top { display: flex; align-items: center; justify-content: space-between; }
body:not(.custom-admin) .builder-card-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 6px; color: white; background: #05bd60; }
body:not(.custom-admin) .project-state { padding: 4px 7px; border-radius: 12px; color: #58616a; background: #f1f2f3; font-size: 8px; }
body:not(.custom-admin) .project-state.active { color: #16874b; background: #e4f8ec; }
body:not(.custom-admin) .builder-project-card h3 { margin-top: 9px; font-size: 11px; line-height: 1.4; text-transform: uppercase; }
body:not(.custom-admin) .builder-project-card>p { min-height: 27px; margin-top: 5px; color: #77818b; font-size: 8px; line-height: 1.5; }
body:not(.custom-admin) .builder-card-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; color: #79838d; font-size: 8px; }
body:not(.custom-admin) .builder-empty { grid-column: 1 / -1; padding: 40px 15px; color: #7a858f; text-align: center; font-size: 10px; }
body:not(.custom-admin) .project-context-banner { display: grid; gap: 4px; margin-top: 12px; padding: 14px 17px; border: 1px solid #a9edc2; border-radius: 8px; color: #17703d; background: #f0fcf4; font-size: 10px; }
body:not(.custom-admin) .project-context-banner small { font-size: 8px; }
body:not(.custom-admin) .logframe-list-panel { margin-top: 12px; padding: 14px; border: 1px solid #e0e4e8; border-radius: 10px; background: white; }
body:not(.custom-admin) .logframe-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 3px 4px 12px; }
body:not(.custom-admin) .logframe-list-heading h2 { font-size: 14px; }
body:not(.custom-admin) .logframe-list-heading p { margin-top: 4px; color: #818b95; font-size: 9px; }
body:not(.custom-admin) .logframe-cards { display: grid; max-width: 740px; gap: 9px; margin: 0 auto 12px; }
body:not(.custom-admin) .logframe-card { padding: 12px; border: 1px solid #e0e4e8; border-radius: 8px; background: #fff; }
body:not(.custom-admin) .logframe-card-heading { display: flex; align-items: center; gap: 8px; }
body:not(.custom-admin) .logframe-number { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: white; background: #12a946; }
body:not(.custom-admin) .logframe-card-heading>div { flex: 1; }
body:not(.custom-admin) .logframe-card h3 { font-size: 10px; }
body:not(.custom-admin) .logframe-card-heading small,
body:not(.custom-admin) .logframe-card>p { color: #7d8791; font-size: 8px; }
body:not(.custom-admin) .logframe-card>p { margin: 9px 0; }
body:not(.custom-admin) .logframe-card .button { min-height: 25px; font-size: 8px; }
body:not(.custom-admin) .logframe-outcome-preview { display: flex; flex-wrap: wrap; gap: 5px; }
body:not(.custom-admin) .logframe-outcome-preview>small { color: #8a949e; font-size: 8px; }
body:not(.custom-admin) .outcome-chip { padding: 4px 7px; border-radius: 10px; background: #f5f7f9; font-size: 7px; }
body:not(.custom-admin) .outcome-chip.immediate { color: #ad750a; background: #fff7e5; }
body:not(.custom-admin) .outcome-chip.intermediate { color: #2870c5; background: #eef5ff; }
body:not(.custom-admin) .outcome-chip.long_term { color: #19824b; background: #eaf8ef; }
body:not(.custom-admin) .logframe-workspace { margin-top: 12px; overflow: hidden; border: 1px solid #dfe4e8; border-radius: 11px; background: #fff; }
body:not(.custom-admin) .wizard-heading { padding: 16px 19px 12px; color: white; background: linear-gradient(105deg,#111e2b 0%,#12641c 56%,#d3df00 100%); }
body:not(.custom-admin) .wizard-heading>div:first-child>small { color: #cbdf52; font-size: 8px; font-weight: 800; letter-spacing: .17em; }
body:not(.custom-admin) .wizard-heading h1 { margin-top: 5px; font-size: 15px; text-transform: none; }
body:not(.custom-admin) .wizard-heading p { margin-top: 4px; color: #e4eee4; font-size: 9px; }
body:not(.custom-admin) .wizard-steps { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; }
body:not(.custom-admin) .wizard-steps>span { display: flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; color: #6e7781; background: #e7e9ec; font-size: 9px; }
body:not(.custom-admin) .wizard-steps>span.current { color: white; background: linear-gradient(135deg,#12632b,#d5e100); }
body:not(.custom-admin) .wizard-steps small { position: absolute; transform: translateY(23px); color: #edf3ec; font-size: 7px; white-space: nowrap; }
body:not(.custom-admin) .wizard-steps i { width: min(8vw,45px); height: 1px; background: #c8d0d2; }
body:not(.custom-admin) .project-overview-form { display: grid; grid-template-columns: 1fr 2fr 1fr auto; align-items: end; gap: 8px; margin: 14px 16px 10px; padding: 12px; border: 1px solid #e2e6e9; border-radius: 7px; background: #fbfcfc; }
body:not(.custom-admin) .project-overview-form .form-field,
body:not(.custom-admin) .builder-form .form-field { display: grid; gap: 5px; }
body:not(.custom-admin) .project-overview-form label,
body:not(.custom-admin) .builder-form label { color: #68737e; font-size: 8px; font-weight: 700; text-transform: uppercase; }
body:not(.custom-admin) .project-overview-form input,
body:not(.custom-admin) .project-overview-form textarea,
body:not(.custom-admin) .project-overview-form select,
body:not(.custom-admin) .builder-form input,
body:not(.custom-admin) .builder-form textarea,
body:not(.custom-admin) .builder-form select { width: 100%; min-height: 32px; padding: 7px 9px; border: 1px solid #dce1e5; border-radius: 5px; background: white; font: inherit; font-size: 9px; }
body:not(.custom-admin) .project-overview-form textarea { height: 32px; resize: vertical; }
body:not(.custom-admin) .project-overview-form .button { min-height: 32px; font-size: 8px; }
body:not(.custom-admin) .outcome-levels { display: grid; gap: 9px; margin: 14px 16px; }
body:not(.custom-admin) .outcome-level { overflow: hidden; border: 1px solid #e3e7ea; border-radius: 7px; }
body:not(.custom-admin) .outcome-level>header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 12px; background: #f8faf9; }
body:not(.custom-admin) .outcome-level>header small { color: #858f98; font-size: 7px; font-weight: 750; letter-spacing: .12em; }
body:not(.custom-admin) .outcome-level>header h2 { margin-top: 3px; font-size: 10px; }
body:not(.custom-admin) .outcome-level>header .button { min-height: 28px; font-size: 8px; }
body:not(.custom-admin) .outcome-list { display: grid; gap: 7px; padding: 9px; }
body:not(.custom-admin) .outcome-card { padding: 10px; border: 1px solid #edf0f2; border-radius: 6px; }
body:not(.custom-admin) .outcome-card-title { display: flex; align-items: flex-start; gap: 8px; }
body:not(.custom-admin) .outcome-dot { width: 8px; height: 8px; flex: 0 0 auto; margin-top: 3px; border-radius: 50%; background: #f0b536; }
body:not(.custom-admin) .outcome-dot.intermediate { background: #4980ed; }
body:not(.custom-admin) .outcome-dot.long_term { background: #0bb970; }
body:not(.custom-admin) .outcome-card-title>div { flex: 1; }
body:not(.custom-admin) .outcome-card h3 { font-size: 9px; }
body:not(.custom-admin) .outcome-card p { margin-top: 4px; color: #78838d; font-size: 8px; }
body:not(.custom-admin) .outcome-card-title .button { min-height: 24px; font-size: 8px; }
body:not(.custom-admin) .danger-text-button { border: 0; padding: 5px; color: #ce3434; background: none; font-size: 8px; cursor: pointer; }
body:not(.custom-admin) .outcome-measures { display: flex; flex-wrap: wrap; gap: 8px; margin: 9px 0 0 16px; color: #747f89; font-size: 7px; }
body:not(.custom-admin) .outcome-measures strong { color: #46515a; }
body:not(.custom-admin) .outcome-empty { padding: 14px; color: #87919b; font-size: 8px; text-align: center; }
body:not(.custom-admin) .wizard-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 16px 15px; color: #828d96; font-size: 8px; }
body:not(.custom-admin) .wizard-footer .button { min-height: 28px; font-size: 8px; }
body:not(.custom-admin) .builder-form-panel { max-width: 800px; margin: 14px auto; padding-bottom: 8px; }
body:not(.custom-admin) .builder-form { display: grid; gap: 12px; padding: 16px 18px; }
body:not(.custom-admin) .builder-form textarea { min-height: 70px; }
body:not(.custom-admin) .builder-form .form-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 4px; }
body:not(.custom-admin) .activity-list-panel { padding-bottom: 12px; }
body:not(.custom-admin) .activity-list-heading { padding: 15px 16px; background: linear-gradient(100deg,#111e2b,#16801c 58%,#d3df00); color: white; }
body:not(.custom-admin) .activity-list-heading p { color: #e6eee8; }
body:not(.custom-admin) .activity-list-actions { display: flex; gap: 6px; }
body:not(.custom-admin) .activity-list-actions .button { min-height: 29px; border-radius: 16px; font-size: 8px; }
body:not(.custom-admin) .activity-tabs { display: flex; gap: 7px; padding: 11px 15px; }
body:not(.custom-admin) .activity-tabs a { padding: 7px 12px; border: 1px solid #e0e4e8; border-radius: 18px; color: #606b75; font-size: 8px; text-decoration: none; }
body:not(.custom-admin) .activity-tabs a.selected { border-color: #06aa71; color: white; background: #05a977; }
body:not(.custom-admin) .activity-list { display: grid; gap: 7px; padding: 0 14px 5px; }
body:not(.custom-admin) .activity-row { display: flex; align-items: flex-start; gap: 9px; padding: 11px; border: 1px solid #e6e9ec; border-radius: 7px; }
body:not(.custom-admin) .activity-status-icon { display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; border-radius: 6px; color: #9e6a0a; background: #fff5e4; }
body:not(.custom-admin) .activity-status-icon.completed { color: #16884b; background: #eaf8ef; }
body:not(.custom-admin) .activity-row-copy { flex: 1; }
body:not(.custom-admin) .activity-row h3 { font-size: 9px; }
body:not(.custom-admin) .activity-row-copy>p { margin-top: 4px; color: #7a858f; font-size: 8px; }
body:not(.custom-admin) .activity-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 7px; color: #68737d; font-size: 7px; }
body:not(.custom-admin) .activity-row>.button { min-height: 25px; font-size: 8px; }
body:not(.custom-admin) .activity-empty { display: grid; min-height: 160px; justify-items: center; align-content: center; gap: 10px; border: 1px dashed #d9dee3; border-radius: 8px; color: #77828d; font-size: 9px; }
body:not(.custom-admin) .activity-empty>span { font-size: 24px; color: #a0a6ad; }
body:not(.custom-admin) .activity-empty .button { min-height: 29px; font-size: 9px; }
body:not(.custom-admin) .budget-items-banner { min-height: 80px; }
body:not(.custom-admin) .budget-items-banner .builder-tags { margin: 0 0 0 auto; }
body:not(.custom-admin) .budget-items-toolbar { position: relative; padding: 6px 10px 0; }
body:not(.custom-admin) .budget-items-toolbar .finance-filter-form { width: min(660px,100%); margin: 0; }
body:not(.custom-admin) .budget-items-toolbar .finance-filter-heading { display: none; }
body:not(.custom-admin) .one-filter { grid-template-columns: minmax(170px,250px) auto; }
body:not(.custom-admin) .add-budget-button { position: absolute; top: 8px; right: 12px; min-height: 28px; font-size: 8px; }
body:not(.custom-admin) .budget-items-table { min-width: 1250px; }
body:not(.custom-admin) .budget-items-table td:first-child { width: 15%; }
body:not(.custom-admin) .budget-items-table td:nth-child(3),
body:not(.custom-admin) .budget-items-table td:nth-child(5) { max-width: 180px; white-space: normal; }
body:not(.custom-admin) .budget-item-actions { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
body:not(.custom-admin) .budget-item-actions a,
body:not(.custom-admin) .budget-item-actions button { border: 0; padding: 0; color: #b86612; background: none; font-size: 7px; text-decoration: none; cursor: pointer; }
body:not(.custom-admin) .budget-item-actions button.danger { color: #c93333; }
body:not(.custom-admin) .budget-item-actions form { display: inline; }
body:not(.custom-admin) .project-list-panel .workspace-panel-title { padding: 18px 18px 7px; }
body:not(.custom-admin) .workspace-footer { padding-top: 12px; color: #929ba4; text-align: center; font-size: 8px; }
body:not(.custom-admin) .workspace-footer span { padding: 0 5px; }
body:not(.custom-admin) .org-required-card { max-width: 620px; margin: 60px auto; padding: 28px; }
body:not(.custom-admin) .org-required-card .banner-icon { margin-bottom: 14px; }
body:not(.custom-admin) .org-required-card h1 { font-size: 19px; text-transform: none; }
body:not(.custom-admin) .org-required-card p { margin-top: 10px; color: #737e88; font-size: 12px; line-height: 1.6; }
body:not(.custom-admin) .insight-tabs { display: flex; gap: 24px; margin-top: 10px; border-bottom: 1px solid #dfe3e8; }
body:not(.custom-admin) .insight-tabs a { padding: 10px 2px; border-bottom: 2px solid transparent; color: #66717c; font-size: 9px; text-decoration: none; }
body:not(.custom-admin) .insight-tabs a.active { border-color: #09b968; color: #078c4c; font-weight: 700; }
body:not(.custom-admin) .insight-filters { margin-top: 10px; }
body:not(.custom-admin) .verification-banner { background: linear-gradient(105deg,#f2fff8,#fff 70%,#f4fff8); }
body:not(.custom-admin) .verification-table { min-width: 1040px; }
body:not(.custom-admin) .verification-table td:first-child { width: 22%; }
body:not(.custom-admin) .inline-review-form { display: grid; grid-template-columns: minmax(85px,1fr) auto auto; gap: 4px; }
body:not(.custom-admin) .inline-review-form input,
body:not(.custom-admin) .proof-review-form input { min-width: 70px; width: 100%; height: 25px; padding: 0 6px; border: 1px solid #dfe3e7; border-radius: 4px; font-size: 8px; }
body:not(.custom-admin) .inline-review-form button,
body:not(.custom-admin) .proof-review-form button { height: 25px; padding: 0 7px; border: 0; border-radius: 4px; color: white; background: #08a858; font-size: 8px; cursor: pointer; }
body:not(.custom-admin) .inline-review-form button.reject,
body:not(.custom-admin) .proof-review-form button.reject { background: #d44a43; }
body:not(.custom-admin) .analytics-filter { display: flex; align-items: end; gap: 8px; margin-top: 10px; padding: 11px; border: 1px solid #dfe3e8; border-radius: 8px; background: white; }
body:not(.custom-admin) .analytics-filter label { display: grid; flex: 1; gap: 5px; color: #77818b; font-size: 8px; text-transform: uppercase; }
body:not(.custom-admin) .analytics-filter select { height: 31px; padding: 0 8px; border: 1px solid #dce1e5; border-radius: 5px; background: #f4fbf6; font-size: 9px; }
body:not(.custom-admin) .analytics-filter .button { min-height: 31px; font-size: 9px; }
body:not(.custom-admin) .analytics-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 11px; }
body:not(.custom-admin) .analytics-summary.pm-analytics-summary,
body:not(.custom-admin) .analytics-summary.donor-analytics-summary { grid-template-columns: repeat(5,minmax(0,1fr)); }
body:not(.custom-admin) .analytics-summary.field-analytics-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
body:not(.custom-admin) .analytics-stat { display: grid; min-height: 67px; gap: 4px; padding: 10px; border-radius: 7px; color: white; }
body:not(.custom-admin) .analytics-stat small { font-size: 7px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin) .analytics-stat strong { font-size: 19px; line-height: 1; }
body:not(.custom-admin) .analytics-stat span { font-size: 8px; }
body:not(.custom-admin) .analytics-stat.dark { background: #2e394b; }
body:not(.custom-admin) .analytics-stat.green { background: #10b981; }
body:not(.custom-admin) .analytics-stat.amber { background: #f2a20b; }
body:not(.custom-admin) .analytics-stat.orange { background: #f97316; }
body:not(.custom-admin) .analytics-stat.violet { background: #8654e9; }
body:not(.custom-admin) .analytics-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(240px,.95fr); gap: 10px; margin-top: 10px; }
body:not(.custom-admin) .analytics-activity-panel { min-width: 0; margin-top: 0; }
body:not(.custom-admin) .analytics-activity-scroll { max-height: 450px; overflow: auto; margin: 8px; border: 1px solid #e5e8eb; border-radius: 6px; }
body:not(.custom-admin) .analytics-table { min-width: 560px; }
body:not(.custom-admin) .analytics-table td:first-child { width: 45%; }
body:not(.custom-admin) .analytics-side { display: grid; align-content: start; gap: 10px; }
body:not(.custom-admin) .analytics-chart-panel { margin-top: 0; padding-bottom: 12px; }
body:not(.custom-admin) .donut-chart { display: grid; width: 130px; height: 130px; place-items: center; margin: 8px auto; border-radius: 50%; background: conic-gradient(#10b981 0 35%,#8654e9 35% 68%,#dce2e8 68%); }
body:not(.custom-admin) .donut-chart>div { display: grid; width: 92px; height: 92px; align-content: center; justify-items: center; gap: 3px; border-radius: 50%; background: white; }
body:not(.custom-admin) .donut-chart strong { font-size: 20px; }
body:not(.custom-admin) .donut-chart small,
body:not(.custom-admin) .chart-legend { color: #77818b; font-size: 8px; }
body:not(.custom-admin) .chart-legend { display: flex; justify-content: center; gap: 12px; }
body:not(.custom-admin) .chart-legend span:first-child { color: #10a96f; }
body:not(.custom-admin) .chart-legend span:last-child { color: #8b919a; }
body:not(.custom-admin) .analytics-callout { display: grid; min-height: 105px; align-content: center; justify-items: center; gap: 8px; color: #68737e; font-size: 9px; }
body:not(.custom-admin) .analytics-callout strong { color: #27333e; font-size: 28px; }
body:not(.custom-admin) .financial-insight-list { display: grid; gap: 8px; padding: 12px; }
body:not(.custom-admin) .financial-insight-list>div { display: flex; justify-content: space-between; padding: 12px; border: 1px solid #e7eaed; border-radius: 6px; }
body:not(.custom-admin) .financial-insight-list dt { color: #6f7983; font-size: 10px; }
body:not(.custom-admin) .financial-insight-list dd { margin: 0; color: #12844d; font-size: 12px; font-weight: 700; }
body:not(.custom-admin) .survey-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
body:not(.custom-admin) .survey-summary article { display: grid; gap: 5px; padding: 13px; border: 1px solid #e0e8e4; border-radius: 8px; background: linear-gradient(120deg,#fff 0%,#f0fbf5 100%); }
body:not(.custom-admin) .survey-summary article:nth-child(2) { border-color: #e0e7f2; background: linear-gradient(120deg,#fff 0%,#f1f6ff 100%); }
body:not(.custom-admin) .survey-summary article:nth-child(3) { border-color: #e8e2f2; background: linear-gradient(120deg,#fff 0%,#f7f2ff 100%); }
body:not(.custom-admin) .survey-summary strong { font-size: 19px; }
body:not(.custom-admin) .survey-summary span { color: #7c8690; font-size: 8px; }
body:not(.custom-admin) .survey-table td:first-child { width: 24%; }
body:not(.custom-admin) .survey-count { display: inline-block; padding: 3px 6px; border-radius: 5px; color: #087842; background: #e9f8ef; }
body:not(.custom-admin) .results-table { min-width: 600px; }
body:not(.custom-admin) .results-table td:first-child { min-width: 110px; }
body:not(.custom-admin) .survey-summary-four { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 0; }
body:not(.custom-admin) .survey-top-actions { display: flex; justify-content: flex-end; padding: 8px 12px; }
body:not(.custom-admin) .proof-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 4px; }
body:not(.custom-admin) .proof-gallery-heading h1 { font-size: 15px; text-transform: none; }
body:not(.custom-admin) .proof-gallery-heading p { margin-top: 4px; color: #7c8690; font-size: 9px; }
body:not(.custom-admin) .proof-filter-panel { margin-top: 3px; }
body:not(.custom-admin) .proof-filter-form { padding: 10px; }
body:not(.custom-admin) .proof-filter-grid { display: grid; grid-template-columns: repeat(4,minmax(100px,1fr)); gap: 8px; margin-bottom: 9px; }
body:not(.custom-admin) .proof-filter-grid label { display: grid; gap: 5px; color: #66717b; font-size: 8px; }
body:not(.custom-admin) .proof-filter-grid select { min-width: 0; height: 30px; padding: 0 7px; border: 1px solid #dce1e5; border-radius: 5px; background: white; font-size: 9px; }
body:not(.custom-admin) .proof-filter-form>.button { min-height: 29px; font-size: 9px; }
body:not(.custom-admin) .proof-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 9px; }
body:not(.custom-admin) .proof-card { overflow: hidden; border: 1px solid #e0e4e8; border-radius: 8px; background: white; }
body:not(.custom-admin) .proof-preview { display: grid; height: 125px; place-items: center; overflow: hidden; background: #f4f6f7; text-decoration: none; }
body:not(.custom-admin) .proof-preview img { width: 100%; height: 100%; object-fit: cover; }
body:not(.custom-admin) .proof-file-icon { color: #87919b; font-size: 42px; }
body:not(.custom-admin) .proof-card-copy { padding: 9px; }
body:not(.custom-admin) .proof-card-copy h2 { display: -webkit-box; overflow: hidden; min-height: 27px; font-size: 10px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body:not(.custom-admin) .proof-card-copy>p,
body:not(.custom-admin) .proof-card-copy>small { display: block; margin-top: 4px; color: #7c8690; font-size: 8px; }
body:not(.custom-admin) .proof-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 8px; }
body:not(.custom-admin) .proof-card-meta time,
body:not(.custom-admin) .proof-type { color: #66717b; font-size: 7px; }
body:not(.custom-admin) .proof-card-meta time { margin-left: auto; }
body:not(.custom-admin) .proof-note { color: #9c6715 !important; }
body:not(.custom-admin) .proof-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 8px; }
body:not(.custom-admin) .proof-card-actions>a { color: #2d78e5; font-size: 8px; text-decoration: none; }
body:not(.custom-admin) .proof-review-form { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; margin-top: 3px; }
body:not(.custom-admin) .proof-review-form input { flex-basis: 100%; }
body:not(.custom-admin) .proof-empty { grid-column: 1/-1; display: grid; min-height: 140px; align-content: center; justify-items: center; gap: 6px; border: 1px dashed #d7dde2; border-radius: 8px; color: #7c8690; font-size: 9px; }
body:not(.custom-admin) .proof-empty strong { color: #4e5a64; font-size: 11px; }
body:not(.custom-admin) .proof-pagination { margin-top: 5px; }
@media(max-width:850px) {
body:not(.custom-admin) .workspace-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
body:not(.custom-admin) .workspace-content { padding: 11px 10px; }
body:not(.custom-admin) .workspace-metrics { grid-template-columns: 1fr 1fr; }
body:not(.custom-admin) .welcome-banner { align-items: flex-start; flex-wrap: wrap; }
body:not(.custom-admin) .project-legend { position: static; margin-left: auto; }
body:not(.custom-admin) .status-overview-content { justify-content: flex-start; gap: 18px; }
body:not(.custom-admin) .report-filters { flex-wrap: wrap; }
body:not(.custom-admin) .report-filters select { flex: 1; }
body:not(.custom-admin) .report-filters input { flex-basis: 100%; order: 2; }
body:not(.custom-admin) .report-filters .button { order: 3; } }
@media(max-width:700px) {
body:not(.custom-admin) .user-create-overlay { inset: 40px 0 0; padding: 10px; }
body:not(.custom-admin) .user-form-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .user-form-grid .password-field { grid-column: auto; }
body:not(.custom-admin) .workspace-heading-row { align-items: flex-start; flex-direction: column; padding: 0 12px 10px; }
body:not(.custom-admin) .workspace-heading-row .workspace-panel-title { padding-left: 0; }
body:not(.custom-admin) .budget-status-summary { justify-content: flex-start; padding: 0 12px; } }
@media(max-width:700px) {
body:not(.custom-admin) .finance-banner { align-items: flex-start; flex-wrap: wrap; }
body:not(.custom-admin) .finance-stats { width: 100%; margin-left: 0; }
body:not(.custom-admin) .finance-stats>div { flex: 1; }
body:not(.custom-admin) .finance-filter-grid { grid-template-columns: 1fr 1fr; }
body:not(.custom-admin) .edit-sections { grid-template-columns: 1fr; }
body:not(.custom-admin) .identity-section,
body:not(.custom-admin) .authority-section,
body:not(.custom-admin) .linkage-section { grid-row: auto; grid-column: auto; margin: 0 0 8px !important; }
body:not(.custom-admin) .edit-sections .user-form-grid,
body:not(.custom-admin) .authority-section .user-form-grid,
body:not(.custom-admin) .linkage-section .user-form-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .request-detail-overlay { inset: 0; padding: 10px; }
body:not(.custom-admin) .request-detail-dialog { width: 100%; }
body:not(.custom-admin) .request-detail-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .request-detail-grid .detail-wide { grid-column: auto; } }
@media(max-width:700px) {
body:not(.custom-admin) .builder-hero { align-items: flex-start; padding: 15px; }
body:not(.custom-admin) .builder-hero h1 { font-size: 16px; }
body:not(.custom-admin) .builder-panel-heading { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .builder-panel-heading form,
body:not(.custom-admin) .builder-panel-heading input { width: 100%; }
body:not(.custom-admin) .project-card-grid { grid-template-columns: minmax(0,1fr); }
body:not(.custom-admin) .builder-project-card { max-width: none; }
body:not(.custom-admin) .logframe-list-heading,
body:not(.custom-admin) .activity-list-heading { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .project-overview-form { grid-template-columns: 1fr; }
body:not(.custom-admin) .wizard-steps { gap: 4px; }
body:not(.custom-admin) .wizard-steps i { width: 5vw; }
body:not(.custom-admin) .wizard-footer { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .finance-filter-grid.one-filter { grid-template-columns: 1fr; }
body:not(.custom-admin) .add-budget-button { position: static; margin: 8px 0; }
body:not(.custom-admin) .budget-items-toolbar .finance-filter-form { width: 100%; }
body:not(.custom-admin) .activity-row { flex-wrap: wrap; }
body:not(.custom-admin) .budget-items-banner .builder-tags { margin-left: 0; } }
@media(max-width:700px) {
body:not(.custom-admin) .analytics-filter { align-items: stretch; flex-direction: column; }
body:not(.custom-admin) .analytics-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .analytics-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .survey-summary { grid-template-columns: 1fr; }
body:not(.custom-admin) .proof-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .proof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .proof-gallery-heading { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .inline-review-form { grid-template-columns: 1fr 1fr; }
body:not(.custom-admin) .inline-review-form input { grid-column: 1/-1; } }
body:not(.custom-admin) .proof-gallery-heading { align-items: center; padding: 8px 0 12px; }
body:not(.custom-admin) .proof-gallery-heading>div { min-width: 0; }
body:not(.custom-admin) .proof-gallery-heading p { max-width: 520px; line-height: 1.45; }
body:not(.custom-admin) .proof-resolution-note { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #e0e4e8; border-radius: 5px; color: #78838d; background: #fff; font-size: 8px; }
body:not(.custom-admin) .proof-resolution-note svg { width: 13px; height: 13px; fill: none; stroke: #12b968; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
body:not(.custom-admin) .proof-gallery-list-heading { justify-content: flex-start; padding-top: 12px; }
body:not(.custom-admin) .proof-gallery-list-heading h2,
body:not(.custom-admin) .proof-upload-heading h2 { display: flex; align-items: center; gap: 6px; }
body:not(.custom-admin) .proof-gallery-list-heading h2 { font-size: 11px; }
body:not(.custom-admin) .proof-gallery-list-heading svg,
body:not(.custom-admin) .proof-upload-heading h2 svg { width: 13px; height: 13px; fill: none; stroke: #08ad5b; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
body:not(.custom-admin) .proof-gallery-list-heading svg { stroke: #9aa2aa; }
body:not(.custom-admin) .proof-upload-panel { max-width: 608px; }
body:not(.custom-admin) .proof-reference-upload .form-field>label { text-transform: uppercase; }
body:not(.custom-admin) .proof-upload-heading span { padding: 4px 6px; border: 1px solid #e2e5e8; border-radius: 4px; }
body:not(.custom-admin) .proof-dropzone strong { color: #414a53; font-weight: 500; }
body:not(.custom-admin) .proof-dropzone strong span { color: #08a85a; font-weight: 700; }
body:not(.custom-admin) .proof-dropzone small { font-size: 7px; }
body:not(.custom-admin) .proof-upload-icon { width: 26px; height: 26px; fill: none; stroke: #969ea7; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .proof-upload-side .button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; }
body:not(.custom-admin) .proof-upload-side .button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
body:not(.custom-admin) .proof-empty { display: none; }
body:not(.custom-admin) .finance-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .finance-table-eyebrow { display: block; margin-bottom: 4px; color: #3970d9; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
@media(max-width:700px) {
body:not(.custom-admin) .proof-gallery-heading { align-items: flex-start; } }
body:not(.custom-admin) .builder-icon svg,
body:not(.custom-admin) .banner-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .section-person-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .activity-status-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
body:not(.custom-admin) .activity-empty>span svg,
body:not(.custom-admin) .logframe-number svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .proof-file-icon svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
body:not(.custom-admin) .donor-gallery-actions svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .shortcut-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
body:not(.custom-admin) .button>svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
body:not(.custom-admin) .impersonation-close svg,
body:not(.custom-admin) .dialog-close svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
body:not(.custom-admin) .field-officer-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }
body:not(.custom-admin) .field-project-search { max-width: 430px; margin-left: auto; }
body:not(.custom-admin) .field-project-table { min-width: 1160px; }
body:not(.custom-admin) .field-project-table td { white-space: nowrap; }
body:not(.custom-admin) .field-project-table td:first-child { min-width: 230px; white-space: normal; }
body:not(.custom-admin) .field-project-table .table-count { display: inline-grid; min-width: 22px; min-height: 20px; place-items: center; border: 1px solid #dce7ff; border-radius: 5px; color: #2869d6; background: #eff5ff; text-decoration: none; }
body:not(.custom-admin) .field-project-table .money { color: #059447; }
body:not(.custom-admin) .field-assigned-projects-panel { overflow: hidden; }
body:not(.custom-admin) .project-list-toolbar { display: flex; justify-content: flex-end; padding: 8px 13px; }
body:not(.custom-admin) .project-list-toolbar input { width: min(230px, 100%); min-height: 30px; padding: 0 10px; border: 1px solid #dce1e6; border-radius: 6px; color: #46515b; background: #fff; font: inherit; font-size: 10px; }
body:not(.custom-admin) .field-activity-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
body:not(.custom-admin) .field-activity-table { min-width: 1260px; }
body:not(.custom-admin) .field-activity-table td:first-child { min-width: 240px; }
body:not(.custom-admin) .field-activities-banner { margin-bottom: 12px; }
body:not(.custom-admin) .field-activity-table .activity-title-link { color: inherit; text-decoration: none; }
body:not(.custom-admin) .field-activity-table .status-link { text-decoration: none; }
body:not(.custom-admin) .field-analytics-banner { margin-bottom: 10px; }
body:not(.custom-admin) .field-analytics-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 10px; }
body:not(.custom-admin) .field-analytics-summary article { display: grid; gap: 6px; padding: 14px; }
body:not(.custom-admin) .field-analytics-summary small { color: #78838d; font-size: 8px; font-weight: 750; letter-spacing: .05em; }
body:not(.custom-admin) .field-analytics-summary strong { color: #202a33; font-size: 20px; }
body:not(.custom-admin) .field-analytics-summary span { color: #828c95; font-size: 8px; }
body:not(.custom-admin) .field-analytics-panels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 10px; }
body:not(.custom-admin) .field-analytics-status,
body:not(.custom-admin) .field-output-achievement { min-height: 132px; padding: 12px 14px; }
body:not(.custom-admin) .field-analytics-status h2,
body:not(.custom-admin) .field-output-achievement h2,
body:not(.custom-admin) .field-activity-trend h2,
body:not(.custom-admin) .field-project-performance h2 { margin: 0 0 11px; color: #34404a; font-size: 11px; }
body:not(.custom-admin) .field-analytics-status>div { display: grid; grid-template-columns: 90px 28px minmax(40px,1fr); align-items: center; gap: 8px; margin: 9px 0; color: #6d7882; font-size: 8px; }
body:not(.custom-admin) .field-analytics-status>div strong { color: #35414b; text-align: right; }
body:not(.custom-admin) .field-analytics-status>div i { height: 4px; overflow: hidden; border-radius: 3px; background: #edf0f2; }
body:not(.custom-admin) .field-analytics-status>div i b { display: block; height: 100%; border-radius: inherit; background: #0cbd65; }
body:not(.custom-admin) .field-output-achievement { display: grid; justify-items: center; }
body:not(.custom-admin) .field-output-achievement h2 { justify-self: start; width: 100%; }
body:not(.custom-admin) .field-output-achievement .donut-chart { width: 78px; height: 78px; margin: 0; }
body:not(.custom-admin) .field-activity-trend,
body:not(.custom-admin) .field-project-performance { margin-bottom: 10px; overflow: hidden; }
body:not(.custom-admin) .field-activity-trend>header,
body:not(.custom-admin) .field-project-performance>header { padding: 13px 15px 3px; }
body:not(.custom-admin) .field-activity-trend>header p,
body:not(.custom-admin) .field-project-performance>header p { margin: -5px 0 0; color: #87919a; font-size: 8px; }
body:not(.custom-admin) .field-trend-bars { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: end; gap: 9px; height: 145px; padding: 15px 12px 8px; }
body:not(.custom-admin) .field-trend-bars>div { display: grid; grid-template-rows: 1fr auto; justify-items: center; align-items: end; height: 100%; color: #67727b; font-size: 8px; }
body:not(.custom-admin) .field-trend-bars .field-trend-value { align-self: start; }
body:not(.custom-admin) .field-trend-bars i { width: 100%; max-height: 100%; border-radius: 3px 3px 0 0; background: #08bf65; }
body:not(.custom-admin) .field-trend-bars strong { padding-top: 5px; font-size: 8px; }
body:not(.custom-admin) .field-project-performance .workspace-table { min-width: 680px; }
body:not(.custom-admin) .field-completion-meter { display: inline-block; width: 70px; height: 5px; margin-right: 7px; overflow: hidden; border-radius: 4px; background: #edf0f2; vertical-align: middle; }
body:not(.custom-admin) .field-completion-meter i { display: block; height: 100%; background: #0cbd65; }
body:not(.custom-admin) .proof-upload-panel { margin-top: 8px; padding-bottom: 10px; }
body:not(.custom-admin) .proof-inline-upload { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 10px; padding: 10px 14px; }
body:not(.custom-admin) .proof-inline-upload .wide-field { grid-column: span 2; }
body:not(.custom-admin) .proof-inline-upload .form-field { display: grid; gap: 5px; color: #56616b; font-size: 9px; }
body:not(.custom-admin) .proof-inline-upload input,
body:not(.custom-admin) .proof-inline-upload select,
body:not(.custom-admin) .proof-inline-upload textarea { width: 100%; min-height: 33px; padding: 7px 9px; border: 1px solid #dce1e5; border-radius: 5px; font: inherit; font-size: 9px; }
body:not(.custom-admin) .proof-inline-upload textarea { min-height: 50px; }
body:not(.custom-admin) .proof-inline-upload .button { min-height: 33px; }
body:not(.custom-admin) .proof-upload-panel { max-width: 720px; margin: 16px auto; }
body:not(.custom-admin) .proof-upload-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 15px; border-bottom: 1px solid #e8ebee; }
body:not(.custom-admin) .proof-upload-heading h2 { font-size: 12px; }
body:not(.custom-admin) .proof-upload-heading span { color: #7d8790; font-size: 8px; }
body:not(.custom-admin) .proof-reference-upload { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 12px; padding: 14px; }
body:not(.custom-admin) .proof-reference-upload .form-field { display: grid; gap: 5px; color: #56616b; font-size: 9px; }
body:not(.custom-admin) .proof-reference-upload input:not([type=checkbox]):not([type=file]),
body:not(.custom-admin) .proof-reference-upload select,
body:not(.custom-admin) .proof-reference-upload textarea { width: 100%; min-height: 33px; padding: 7px 9px; border: 1px solid #dce1e5; border-radius: 6px; font: inherit; font-size: 9px; }
body:not(.custom-admin) .proof-reference-upload textarea { min-height: 34px; resize: vertical; }
body:not(.custom-admin) .proof-file-field { grid-column: span 2; }
body:not(.custom-admin) .proof-dropzone { position: relative; display: grid; min-height: 100px; justify-items: center; align-content: center; gap: 6px; overflow: hidden; border: 1px dashed #cfd5dc; border-radius: 7px; color: #5b6670; background: #fafbfc; cursor: pointer; text-align: center; }
body:not(.custom-admin) .proof-dropzone.dragging { border-color: #08b85c; background: #f0fbf5; }
body:not(.custom-admin) .proof-dropzone strong { color: #208b51; font-size: 9px; }
body:not(.custom-admin) .proof-dropzone small,
body:not(.custom-admin) .proof-file-name { color: #85909a; font-size: 8px; }
body:not(.custom-admin) .proof-dropzone input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
body:not(.custom-admin) .proof-upload-icon { color: #8b949e; font-size: 20px; }
body:not(.custom-admin) .proof-upload-side { display: grid; gap: 10px; }
body:not(.custom-admin) .proof-upload-side .form-field { display: grid; gap: 5px; color: #56616b; font-size: 9px; }
body:not(.custom-admin) .proof-terms { display: flex; align-items: flex-start; gap: 7px; color: #65707a; font-size: 8px; line-height: 1.45; }
body:not(.custom-admin) .proof-terms input { margin-top: 2px; }
body:not(.custom-admin) .proof-upload-side .button { min-height: 32px; text-transform: uppercase; }
body:not(.custom-admin) .survey-wizard-shell { max-width: 1120px; margin: 0 auto; }
body:not(.custom-admin) .survey-wizard-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; }
body:not(.custom-admin) .survey-wizard-heading h1 { font-size: 18px; }
body:not(.custom-admin) .survey-wizard-heading p { margin-top: 5px; color: #78838d; font-size: 10px; }
body:not(.custom-admin) .survey-step-indicator { display: flex; justify-content: flex-end; gap: 8px; margin: 8px 5px; }
body:not(.custom-admin) .survey-step-indicator span { padding: 6px 10px; border-radius: 16px; color: #929aa2; background: #f0f2f3; font-size: 8px; font-weight: 700; }
body:not(.custom-admin) .survey-step-indicator .current { color: #fff; background: #08b85c; }
body:not(.custom-admin) .survey-step-indicator .complete { color: #148447; background: #e7f8ed; }
body:not(.custom-admin) .survey-step-panel { overflow: hidden; border: 1px solid #dfe3e8; border-radius: 9px; background: #fff; }
body:not(.custom-admin) .survey-step-panel[hidden] { display: none; }
body:not(.custom-admin) .survey-step-panel>header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px; border-bottom: 1px solid #e8ebee; }
body:not(.custom-admin) .survey-step-panel>header h2 { font-size: 14px; }
body:not(.custom-admin) .survey-step-panel>header p { margin-top: 4px; color: #818b94; font-size: 9px; }
body:not(.custom-admin) .survey-step-panel>header .button { min-height: 30px; }
body:not(.custom-admin) .survey-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 16px; padding: 17px; }
body:not(.custom-admin) .survey-form-grid .wide-field { grid-column: 1/-1; }
body:not(.custom-admin) .survey-form-grid textarea { min-height: 70px; }
body:not(.custom-admin) .survey-form-grid input,
body:not(.custom-admin) .survey-form-grid select,
body:not(.custom-admin) .survey-form-grid textarea,
body:not(.custom-admin) .recipient-entry input,
body:not(.custom-admin) .survey-question-card input,
body:not(.custom-admin) .survey-question-card select,
body:not(.custom-admin) .survey-question-card textarea { width: 100%; min-height: 35px; padding: 8px 10px; border: 1px solid #dce1e5; border-radius: 6px; font: inherit; font-size: 10px; }
body:not(.custom-admin) .survey-wizard-actions { display: flex; justify-content: space-between; padding: 13px 17px; border-top: 1px solid #e8ebee; }
body:not(.custom-admin) .field-help { color: #7a858f; font-size: 8px; }
body:not(.custom-admin) .survey-question-card { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(250px,1.2fr); gap: 11px 16px; margin: 14px 17px; padding: 14px; border: 1px solid #dfe3e8; border-radius: 8px; }
body:not(.custom-admin) .survey-question-card-heading { display: flex; grid-column: 1/-1; justify-content: space-between; color: #303943; font-size: 10px; }
body:not(.custom-admin) .survey-question-card label,
body:not(.custom-admin) .recipient-entry { display: grid; gap: 6px; color: #54606a; font-size: 9px; }
body:not(.custom-admin) .survey-question-card .choice-options { grid-column: 1/-1; }
body:not(.custom-admin) .survey-question-card .question-required { display: flex; align-items: center; }
body:not(.custom-admin) .survey-question-card .question-required input { width: auto; min-height: 0; }
body:not(.custom-admin) .survey-remove-question { border: 0; color: #b63f3f; background: transparent; cursor: pointer; font-size: 9px; }
body:not(.custom-admin) .recipient-entry { margin: 17px; }
body:not(.custom-admin) .recipient-entry>div { display: flex; gap: 8px; }
body:not(.custom-admin) .recipient-entry input { flex: 1; }
body:not(.custom-admin) .survey-recipient-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 17px 15px; padding: 12px; border: 1px solid #e1e5e8; border-radius: 7px; list-style: none; }
body:not(.custom-admin) .survey-recipient-list:empty { display: none; }
body:not(.custom-admin) .survey-recipient-list li { padding: 5px 8px; border: 1px solid #dce1e5; border-radius: 4px; color: #56616b; background: #fafbfc; font-size: 9px; }
body:not(.custom-admin) .survey-recipient-list button { margin-left: 7px; border: 0; color: #7e8790; background: none; cursor: pointer; }
body:not(.custom-admin) .survey-review-summary { display: grid; gap: 10px; padding: 18px; }
body:not(.custom-admin) .survey-review-summary p { display: grid; grid-template-columns: 150px 1fr; gap: 12px; color: #3e4851; font-size: 10px; }
body:not(.custom-admin) .survey-review-summary p strong { color: #7a858f; }
body:not(.custom-admin) .survey-created-panel { max-width: 820px; margin: 24px auto; padding-bottom: 16px; }
body:not(.custom-admin) .survey-link-list { display: grid; gap: 10px; margin: 15px; }
body:not(.custom-admin) .survey-link-list label { display: grid; gap: 6px; color: #47515b; font-size: 9px; }
body:not(.custom-admin) .survey-link-list label span { display: flex; gap: 7px; }
body:not(.custom-admin) .survey-link-list input { min-width: 0; flex: 1; padding: 8px; border: 1px solid #dfe3e8; border-radius: 5px; font-size: 9px; }
body:not(.custom-admin).survey-public-body { min-height: 100vh; }
body:not(.custom-admin) .survey-public-shell { width: min(760px,calc(100% - 28px)); margin: 35px auto; }
body:not(.custom-admin) .survey-public-panel { padding: 20px; }
body:not(.custom-admin) .survey-public-panel>header { padding-bottom: 15px; border-bottom: 1px solid #e8ebee; }
body:not(.custom-admin) .survey-public-panel>header small { color: #148547; font-size: 9px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .survey-public-panel h1 { margin: 7px 0; font-size: 20px; text-transform: none; }
body:not(.custom-admin) .survey-public-panel>header p { margin-top: 6px; color: #7d8790; font-size: 10px; }
body:not(.custom-admin) .survey-public-question { display: grid; gap: 10px; margin: 16px 0; padding: 14px; border: 1px solid #e1e5e8; border-radius: 7px; }
body:not(.custom-admin) .survey-public-question legend { padding: 0 5px; font-size: 11px; font-weight: 650; }
body:not(.custom-admin) .survey-public-question input[type="text"],
body:not(.custom-admin) .survey-public-question textarea { width: 100%; padding: 9px; border: 1px solid #dce1e5; border-radius: 5px; font: inherit; font-size: 10px; }
body:not(.custom-admin) .survey-public-question label { color: #4c5761; font-size: 10px; }
body:not(.custom-admin) .survey-public-message { text-align: center; padding: 45px 20px; }
body:not(.custom-admin) .survey-success-mark { display: grid; width: 44px; height: 44px; margin: 0 auto 12px; place-items: center; border-radius: 50%; color: white; background: #08b85c; font-size: 22px; }
body:not(.custom-admin) .donor-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 9px; padding: 9px; border: 1px solid #e0e4e8; border-radius: 8px; background: #fff; }
body:not(.custom-admin) .donor-filter label { display: grid; min-width: 150px; gap: 4px; color: #64707b; font-size: 8px; font-weight: 650; }
body:not(.custom-admin) .donor-filter select,
body:not(.custom-admin) .donor-filter input { min-height: 31px; padding: 0 9px; border: 1px solid #dce2e6; border-radius: 5px; color: #56616b; background: #fafffb; font: inherit; font-size: 9px; }
body:not(.custom-admin) .donor-filter .button { min-height: 31px; font-size: 9px; }
body:not(.custom-admin) .analytics-filter.donor-filter { justify-content: flex-start; margin: 0 0 10px; }
body:not(.custom-admin) .donor-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin-bottom: 10px; }
body:not(.custom-admin) .donor-summary.donor-output-summary,
body:not(.custom-admin) .donor-summary.donor-financial-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
body:not(.custom-admin) .donor-stat { display: grid; min-height: 72px; align-content: center; gap: 4px; padding: 10px 12px; border: 1px solid #e2e6eb; border-radius: 8px; color: #fff; background: #293548; }
body:not(.custom-admin) .donor-stat small { font-size: 7px; font-weight: 750; letter-spacing: .08em; opacity: .85; }
body:not(.custom-admin) .donor-stat strong { font-size: 19px; }
body:not(.custom-admin) .donor-stat span { font-size: 8px; opacity: .85; }
body:not(.custom-admin) .donor-stat.green { background: #0bb980; }
body:not(.custom-admin) .donor-stat.amber { background: #f0a20b; }
body:not(.custom-admin) .donor-stat.orange { background: #f47618; }
body:not(.custom-admin) .donor-stat.purple { background: #8051ea; }
body:not(.custom-admin) .donor-stat.blue { background: #2264eb; }
body:not(.custom-admin) .donor-content-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(230px,.95fr); gap: 10px; align-items: start; }
body:not(.custom-admin) .donor-data-panel { min-width: 0; margin-top: 0; border-top: 2px solid #10b981; }
body:not(.custom-admin) .donor-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 13px 7px; background: linear-gradient(100deg,#eafbf5,#f7fbff); }
body:not(.custom-admin) .donor-section-heading>div>span { display: inline-block; margin-bottom: 4px; color: #2774dc; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
body:not(.custom-admin) .donor-section-heading h1,
body:not(.custom-admin) .donor-section-heading h2 { font-size: 12px; }
body:not(.custom-admin) .donor-section-heading p { margin-top: 4px; color: #828c96; font-size: 8px; }
body:not(.custom-admin) .donor-record-count { color: #79838d; font-size: 8px; }
body:not(.custom-admin) .donor-table { min-width: 780px; }
body:not(.custom-admin) .donor-table td:first-child { min-width: 210px; }
body:not(.custom-admin) .donor-table td { font-size: 8px; }
body:not(.custom-admin) .donor-table td small { display: block; color: #7d8791; }
body:not(.custom-admin) .donor-output-details summary { display: inline-flex; cursor: pointer; list-style: none; }
body:not(.custom-admin) .donor-output-details summary::-webkit-details-marker { display: none; }
body:not(.custom-admin) .donor-output-detail-panel { display: grid; gap: 5px; min-width: 160px; margin-top: 6px; padding: 7px; border: 1px solid #dfe5e8; border-radius: 5px; background: #fff; }
body:not(.custom-admin) .donor-output-detail-panel p { display: grid; gap: 2px; margin: 0; }
body:not(.custom-admin) .donor-output-detail-panel strong { color: #69747e; font-size: 7px; }
body:not(.custom-admin) .donor-output-detail-panel span { color: #34404a; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-table { min-width: 1080px; }
body:not(.custom-admin) .donor-side-panels { display: grid; gap: 10px; }
body:not(.custom-admin) .donor-chart-panel { display: grid; justify-items: center; gap: 10px; margin-top: 0; padding: 13px; border-top: 2px solid #8955f5; }
body:not(.custom-admin) .donor-chart-panel h2 { justify-self: start; font-size: 11px; }
body:not(.custom-admin) .donor-chart-panel>p { color: #78838d; font-size: 8px; }
body:not(.custom-admin) .donor-donut { display: grid; width: 116px; height: 116px; place-items: center; border-radius: 50%; background: conic-gradient(#10b981 0 0%,#9ca3af 0% 100%); }
body:not(.custom-admin) .donor-donut:before { position: absolute; width: 78px; height: 78px; border-radius: 50%; background: #fff; content: ""; }
body:not(.custom-admin) .donor-donut>div { position: relative; display: grid; justify-items: center; gap: 3px; }
body:not(.custom-admin) .donor-donut strong { font-size: 17px; }
body:not(.custom-admin) .donor-donut small { color: #77828d; font-size: 8px; }
body:not(.custom-admin) .donor-highlight { display: grid; gap: 5px; padding: 15px; text-align: center; }
body:not(.custom-admin) .donor-highlight strong { color: #0eaa71; font-size: 28px; }
body:not(.custom-admin) .donor-highlight span { color: #76818a; font-size: 8px; }
body:not(.custom-admin) .donor-financial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-financial-grid .donor-data-panel { border-top-color: #2f76ea; }
body:not(.custom-admin) .donor-gallery-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 16px; border: 1px solid #e2e6e9; border-radius: 9px; background: #fff; }
body:not(.custom-admin) .donor-gallery-header h1 { font-size: 16px; }
body:not(.custom-admin) .donor-gallery-header p { margin-top: 4px; color: #7e8892; font-size: 9px; }
body:not(.custom-admin) .gallery-approved-badge { padding: 7px 10px; border: 1px solid #d7eee1; border-radius: 15px; color: #18864c; background: #effbf4; font-size: 8px; font-weight: 700; }
body:not(.custom-admin) .donor-gallery-filters { padding: 8px; }
body:not(.custom-admin) .donor-gallery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
body:not(.custom-admin) .donor-gallery-card { overflow: hidden; border: 1px solid #e0e4e8; border-radius: 9px; background: #fff; box-shadow: 0 2px 5px #172a3710; }
body:not(.custom-admin) .donor-gallery-preview { position: relative; display: grid; height: 155px; place-items: center; overflow: hidden; background: #f1f4f4; }
body:not(.custom-admin) .donor-gallery-preview img { width: 100%; height: 100%; object-fit: cover; }
body:not(.custom-admin) .donor-gallery-filetype { position: absolute; top: 9px; left: 9px; padding: 4px 7px; border-radius: 11px; color: #fff; background: #253243bb; font-size: 7px; font-weight: 750; }
body:not(.custom-admin) .donor-gallery-copy { padding: 10px; }
body:not(.custom-admin) .donor-gallery-copy>small { color: #3478e8; font-size: 7px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .donor-gallery-copy h2 { min-height: 28px; margin-top: 5px; font-size: 10px; line-height: 1.4; }
body:not(.custom-admin) .donor-gallery-copy p { margin-top: 5px; color: #515c66; font-size: 8px; }
body:not(.custom-admin) .donor-gallery-copy .donor-gallery-description { color: #7d8791; }
body:not(.custom-admin) .donor-gallery-copy footer { display: flex; justify-content: space-between; margin-top: 12px; padding-top: 8px; border-top: 1px solid #edf0f2; color: #818b95; font-size: 8px; }
body:not(.custom-admin) .donor-gallery-copy footer a { color: #3176e8; text-decoration: none; }
body:not(.custom-admin) .donor-gallery-empty { grid-column: 1/-1; display: grid; min-height: 170px; align-content: center; justify-items: center; gap: 7px; border: 1px dashed #d6dde1; border-radius: 9px; color: #77828c; font-size: 9px; }
body:not(.custom-admin) .donor-gallery-empty strong { color: #46515b; font-size: 11px; }
body:not(.custom-admin) .donor-gallery-pagination { margin-top: 8px; }
body:not(.custom-admin).donor-workspace .analytics-filter.donor-filter { min-height: 48px; margin-bottom: 12px; padding: 8px 12px; border-color: #e2e6e9; box-shadow: 0 1px 3px #1c28300a; }
body:not(.custom-admin).donor-workspace .donor-stat { min-height: 76px; }
body:not(.custom-admin) .donor-activity-grid { grid-template-columns: minmax(0,2.1fr) minmax(230px,1fr); }
body:not(.custom-admin) .donor-activity-table { min-width: 850px; }
body:not(.custom-admin) .donor-activity-table td:first-child { min-width: 230px; }
body:not(.custom-admin) .donor-chart-panel { padding: 13px; border-top-color: #12b981; }
body:not(.custom-admin) .donor-chart-panel:nth-child(2) { border-top-color: #8051ea; }
body:not(.custom-admin) .donor-chart-panel h2 { color: #27333d; font-size: 10px; }
body:not(.custom-admin) .donor-donut { display: grid; width: min(100%,150px); aspect-ratio: 1; margin: 12px auto; place-items: center; border-radius: 50%; }
body:not(.custom-admin) .donor-donut:before { width: 70%; aspect-ratio: 1; border-radius: 50%; background: #fff; content: ""; grid-area: 1/1; }
body:not(.custom-admin) .donor-donut>div { z-index: 1; display: grid; justify-items: center; grid-area: 1/1; }
body:not(.custom-admin) .donor-donut strong { color: #27333d; font-size: 16px; }
body:not(.custom-admin) .donor-donut small,
body:not(.custom-admin) .donor-chart-panel>p { color: #77828c; font-size: 8px; }
body:not(.custom-admin) .donor-chart-legend { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin: 6px 0 0; color: #65717b; font-size: 7px; }
body:not(.custom-admin) .donor-chart-legend span:before { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: var(--legend-color,#10b981); content: ""; }
body:not(.custom-admin) .donor-chart-legend .legend-muted { --legend-color: #9ca3af; }
body:not(.custom-admin) .donor-chart-legend .legend-purple { --legend-color: #8051ea; }
body:not(.custom-admin) .donor-output-summary .donor-stat { color: #27333d; background: #f0fbf4; border-color: #d8f1e0; }
body:not(.custom-admin) .donor-output-summary .donor-stat small,
body:not(.custom-admin) .donor-output-summary .donor-stat span { color: #708078; opacity: 1; }
body:not(.custom-admin) .donor-output-summary .donor-stat.amber { background: #fff9e9; border-color: #f3e7c2; }
body:not(.custom-admin) .donor-output-summary .donor-stat.orange { background: #fff1f1; border-color: #f5dcdc; }
body:not(.custom-admin) .donor-output-summary .donor-stat.purple { background: #f4f6fb; border-color: #e2e5ed; }
body:not(.custom-admin) .donor-output-comparison-chart { display: grid; grid-template-columns: repeat(auto-fit,minmax(185px,1fr)); gap: 9px; padding: 12px; }
body:not(.custom-admin) .donor-output-compare-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 9px; min-height: 115px; padding: 10px; border: 1px solid #e8ebee; border-radius: 6px; background: #fcfdff; }
body:not(.custom-admin) .donor-output-compare-row>strong { grid-column: 1/-1; overflow: hidden; color: #44505a; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-output-bar-columns { display: flex; height: 72px; align-items: end; gap: 8px; border-bottom: 1px solid #e5e9ec; }
body:not(.custom-admin) .donor-output-bar-columns>div { display: grid; height: 100%; align-content: end; justify-items: center; gap: 3px; }
body:not(.custom-admin) .donor-output-bar-columns span { display: block; width: 18px; min-height: 2px; border-radius: 3px 3px 0 0; }
body:not(.custom-admin) .donor-output-bar-columns .target-column { height: 100%; background: #6a75f5; }
body:not(.custom-admin) .donor-output-bar-columns .achieved-column { background: #13b981; }
body:not(.custom-admin) .donor-output-bar-columns small { color: #78838d; font-size: 7px; }
body:not(.custom-admin) .donor-output-compare-row>b { color: #178c61; font-size: 9px; }
body:not(.custom-admin) .donor-outcome-export { display: inline-flex; align-items: center; gap: 4px; color: #29804d; font-size: 8px; text-decoration: none; }
body:not(.custom-admin) .donor-gallery-header { min-height: 78px; }
body:not(.custom-admin) .donor-gallery-heading-copy { flex: 1 1 220px; }
body:not(.custom-admin) .donor-gallery-filter-form { justify-content: flex-end; gap: 8px; padding: 0; border: 0; background: transparent; }
body:not(.custom-admin) .donor-gallery-filter-form label { min-width: 150px; }
body:not(.custom-admin) .donor-gallery-filter-form .donor-gallery-date { min-width: 145px; }
body:not(.custom-admin) .donor-gallery-filter-form .button { min-height: 31px; }
body:not(.custom-admin) .donor-gallery-card { position: relative; }
body:not(.custom-admin) .donor-gallery-actions { position: absolute; top: 72px; right: 0; left: 0; display: flex; justify-content: center; gap: 8px; pointer-events: none; }
body:not(.custom-admin) .donor-gallery-actions a { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #34404a; background: #ffffffed; box-shadow: 0 1px 5px #0003; font-size: 15px; text-decoration: none; pointer-events: auto; }
body:not(.custom-admin) .donor-gallery-actions a:hover { color: #087947; background: #fff; }
body:not(.custom-admin) .donor-gallery-preview:hover img { filter: brightness(.75); }
body:not(.custom-admin) .donor-gallery-preview img { transition: filter .15s ease; }
body:not(.custom-admin) .donor-side-panels { display: grid; gap: 10px; }
body:not(.custom-admin) .donor-chart-panel { display: grid; justify-items: center; gap: 10px; margin-top: 0; padding: 13px; border-top: 2px solid #8955f5; }
body:not(.custom-admin) .donor-chart-panel h2 { justify-self: start; font-size: 11px; }
body:not(.custom-admin) .donor-chart-panel>p { color: #78838d; font-size: 8px; }
body:not(.custom-admin) .donor-donut { display: grid; width: 116px; height: 116px; place-items: center; border-radius: 50%; background: conic-gradient(#10b981 0 0%,#9ca3af 0% 100%); }
body:not(.custom-admin) .donor-donut:before { position: absolute; width: 78px; height: 78px; border-radius: 50%; background: #fff; content: ""; }
body:not(.custom-admin) .donor-donut>div { position: relative; display: grid; justify-items: center; gap: 3px; }
body:not(.custom-admin) .donor-donut strong { font-size: 17px; }
body:not(.custom-admin) .donor-donut small { color: #77828d; font-size: 8px; }
body:not(.custom-admin) .donor-highlight { display: grid; gap: 5px; padding: 15px; text-align: center; }
body:not(.custom-admin) .donor-highlight strong { color: #0eaa71; font-size: 28px; }
body:not(.custom-admin) .donor-highlight span { color: #76818a; font-size: 8px; }
body:not(.custom-admin) .donor-financial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-financial-grid .donor-data-panel { border-top-color: #2f76ea; }
body:not(.custom-admin) .donor-gallery-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 16px; border: 1px solid #e2e6e9; border-radius: 9px; background: #fff; }
body:not(.custom-admin) .donor-gallery-header h1 { font-size: 16px; }
body:not(.custom-admin) .donor-gallery-header p { margin-top: 4px; color: #7e8892; font-size: 9px; }
body:not(.custom-admin) .gallery-approved-badge { padding: 7px 10px; border: 1px solid #d7eee1; border-radius: 15px; color: #18864c; background: #effbf4; font-size: 8px; font-weight: 700; }
body:not(.custom-admin) .donor-gallery-filters { padding: 8px; }
body:not(.custom-admin) .donor-gallery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
body:not(.custom-admin) .donor-gallery-card { overflow: hidden; border: 1px solid #e0e4e8; border-radius: 9px; background: #fff; box-shadow: 0 2px 5px #172a3710; }
body:not(.custom-admin) .donor-gallery-preview { position: relative; display: grid; height: 155px; place-items: center; overflow: hidden; background: #f1f4f4; }
body:not(.custom-admin) .donor-gallery-preview img { width: 100%; height: 100%; object-fit: cover; }
body:not(.custom-admin) .donor-gallery-filetype { position: absolute; top: 9px; left: 9px; padding: 4px 7px; border-radius: 11px; color: #fff; background: #253243bb; font-size: 7px; font-weight: 750; }
body:not(.custom-admin) .donor-gallery-copy { padding: 10px; }
body:not(.custom-admin) .donor-gallery-copy>small { color: #3478e8; font-size: 7px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .donor-gallery-copy h2 { min-height: 28px; margin-top: 5px; font-size: 10px; line-height: 1.4; }
body:not(.custom-admin) .donor-gallery-copy p { margin-top: 5px; color: #515c66; font-size: 8px; }
body:not(.custom-admin) .donor-gallery-copy .donor-gallery-description { color: #7d8791; }
body:not(.custom-admin) .donor-gallery-copy footer { display: flex; justify-content: space-between; margin-top: 12px; padding-top: 8px; border-top: 1px solid #edf0f2; color: #818b95; font-size: 8px; }
body:not(.custom-admin) .donor-gallery-copy footer a { color: #3176e8; text-decoration: none; }
body:not(.custom-admin) .donor-gallery-empty { grid-column: 1/-1; display: grid; min-height: 170px; align-content: center; justify-items: center; gap: 7px; border: 1px dashed #d6dde1; border-radius: 9px; color: #77828c; font-size: 9px; }
body:not(.custom-admin) .donor-gallery-empty strong { color: #46515b; font-size: 11px; }
body:not(.custom-admin) .donor-gallery-pagination { margin-top: 8px; }
body:not(.custom-admin) .donor-progress { width: 72px; height: 5px; overflow: hidden; border-radius: 4px; background: #e9edf0; }
body:not(.custom-admin) .donor-progress span { display: block; height: 100%; border-radius: inherit; background: #0cba72; }
body:not(.custom-admin) .donor-monthly-bars { display: grid; gap: 10px; padding: 14px; }
body:not(.custom-admin) .donor-month-row { display: grid; grid-template-columns: 75px minmax(80px,1fr) 95px 80px; align-items: center; gap: 10px; color: #5b6670; font-size: 8px; }
body:not(.custom-admin) .donor-month-row>div { height: 8px; overflow: hidden; border-radius: 5px; background: #edf1f4; }
body:not(.custom-admin) .donor-month-row>div span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#3478ed,#11bd7a); }
body:not(.custom-admin) .donor-month-row strong { color: #17874d; text-align: right; }
body:not(.custom-admin) .donor-month-row small { color: #8a949d; }
body:not(.custom-admin) .donor-no-months { padding: 20px; color: #78838d; text-align: center; font-size: 9px; }
@media(max-width:850px) {
body:not(.custom-admin) .field-officer-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
body:not(.custom-admin) .field-officer-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .field-activity-filters { grid-template-columns: 1fr; }
body:not(.custom-admin) .proof-inline-upload { grid-template-columns: 1fr; }
body:not(.custom-admin) .proof-inline-upload .wide-field { grid-column: auto; }
body:not(.custom-admin) .survey-form-grid,
body:not(.custom-admin) .survey-question-card { grid-template-columns: 1fr; }
body:not(.custom-admin) .survey-form-grid .wide-field,
body:not(.custom-admin) .survey-question-card-heading,
body:not(.custom-admin) .survey-question-card .choice-options { grid-column: auto; }
body:not(.custom-admin) .survey-step-indicator { justify-content: flex-start; flex-wrap: wrap; }
body:not(.custom-admin) .survey-step-panel>header { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .survey-review-summary p { grid-template-columns: 1fr; gap: 3px; }
body:not(.custom-admin) .survey-link-list label span { flex-direction: column; } }
@media(max-width:900px) {
body:not(.custom-admin) .donor-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
body:not(.custom-admin) .donor-content-grid,
body:not(.custom-admin) .donor-financial-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-side-panels { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-gallery-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
body:not(.custom-admin) .app-modal-content > .request-detail-overlay { position: static; display: block; overflow: visible; padding: 0; background: transparent; }
body:not(.custom-admin) .app-modal-content .request-detail-dialog { width: 100%; max-height: none; overflow: visible; box-shadow: none; }
body:not(.custom-admin) .project-dashboard-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 0 13px 13px; }
body:not(.custom-admin) .project-dashboard-card { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 14px; border: 1px solid #e3e7ea; border-radius: 8px; color: inherit; background: #fff; text-decoration: none; transition: border-color .15s,box-shadow .15s; }
body:not(.custom-admin) .project-dashboard-card:hover { border-color: #16b96e; box-shadow: 0 3px 12px #172a3714; }
body:not(.custom-admin) .project-dashboard-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body:not(.custom-admin) .project-dashboard-card h3 { font-size: 11px; }
body:not(.custom-admin) .project-dashboard-card>p { min-height: 20px; color: #77828c; font-size: 9px; }
body:not(.custom-admin) .project-dashboard-card dl { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0; }
body:not(.custom-admin) .project-dashboard-card dl div,
body:not(.custom-admin) .project-detail-meta span { display: grid; gap: 3px; }
body:not(.custom-admin) .project-dashboard-card dt,
body:not(.custom-admin) .project-detail-meta { color: #818b95; font-size: 8px; }
body:not(.custom-admin) .project-dashboard-card dd { margin: 0; color: #3c4650; font-size: 9px; }
body:not(.custom-admin) .project-budget-summary { display: flex; gap: 25px; margin: 6px 16px 13px; }
body:not(.custom-admin) .project-budget-summary div { display: grid; gap: 4px; }
body:not(.custom-admin) .project-budget-summary dt { color: #7d8791; font-size: 8px; text-transform: uppercase; }
body:not(.custom-admin) .project-budget-summary dd { margin: 0; color: #36414b; font-size: 12px; font-weight: 700; }
body:not(.custom-admin) .project-detail-back { display: inline-block; margin: 0 0 8px 2px; color: #168c4b; font-size: 10px; text-decoration: none; }
body:not(.custom-admin) .project-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 16px; }
body:not(.custom-admin) .project-detail-heading h1 { margin-top: 8px; font-size: 18px; }
body:not(.custom-admin) .project-detail-heading p { max-width: 720px; margin-top: 6px; color: #77828c; font-size: 10px; }
body:not(.custom-admin) .project-detail-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; }
body:not(.custom-admin) .project-detail-tabs { display: flex; gap: 22px; margin-top: 12px; padding: 0 14px; border-bottom: 1px solid #dfe3e8; }
body:not(.custom-admin) .project-detail-tabs a { padding: 10px 0; border-bottom: 2px solid transparent; color: #69747e; font-size: 10px; text-decoration: none; }
body:not(.custom-admin) .project-detail-tabs a.active { border-bottom-color: #11b86c; color: #16894b; font-weight: 700; }
body:not(.custom-admin) .project-detail-panel { padding-bottom: 8px; }
body:not(.custom-admin) .project-detail-list { display: grid; }
body:not(.custom-admin) .project-detail-list>article,
body:not(.custom-admin) .project-detail-list>details { border-top: 1px solid #edf0f2; }
body:not(.custom-admin) .project-detail-list>article { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; }
body:not(.custom-admin) .project-detail-list h3 { font-size: 10px; }
body:not(.custom-admin) .project-detail-list article p { margin-top: 4px; color: #78838d; font-size: 9px; }
body:not(.custom-admin) .project-detail-list article small { display: block; margin-bottom: 5px; color: #72808b; font-size: 8px; text-transform: uppercase; }
body:not(.custom-admin) .project-detail-list article dl { display: flex; gap: 18px; margin: 0; }
body:not(.custom-admin) .project-detail-list article dl div { display: grid; gap: 4px; }
body:not(.custom-admin) .project-detail-list article dt { color: #818b95; font-size: 8px; }
body:not(.custom-admin) .project-detail-list article dd { margin: 0; font-size: 9px; }
body:not(.custom-admin) .project-detail-list article>a { color: #16894b; font-size: 9px; }
body:not(.custom-admin) .project-detail-empty { padding: 22px; color: #77828c; text-align: center; font-size: 10px; }
body:not(.custom-admin) .project-report-list summary { display: flex; justify-content: space-between; gap: 12px; padding: 13px 16px; cursor: pointer; color: #35414b; font-size: 10px; list-style-position: inside; }
body:not(.custom-admin) .project-report-list summary span:last-child { color: #75808a; }
body:not(.custom-admin) .project-report-entries { padding: 0 16px 10px; }
body:not(.custom-admin) .project-report-entries article { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid #edf0f2; }
body:not(.custom-admin) .project-report-entries article div { display: grid; gap: 3px; }
body:not(.custom-admin) .project-report-entries article strong,
body:not(.custom-admin) .project-report-entries article span { font-size: 9px; }
body:not(.custom-admin) .project-report-entries article div span { color: #77828c; }
body:not(.custom-admin) .project-report-entries article p { grid-column: 1/-1; margin: 0; color: #77828c; font-size: 9px; }
body:not(.custom-admin) .analytics-filter-error { margin-top: 7px; color: #a33232; font-size: 10px; }
@media(max-width:700px) {
body:not(.custom-admin) .project-dashboard-cards { grid-template-columns: 1fr; }
body:not(.custom-admin) .project-detail-heading { flex-direction: column; }
body:not(.custom-admin) .project-detail-tabs { gap: 14px; overflow-x: auto; }
body:not(.custom-admin) .project-detail-tabs a { white-space: nowrap; }
body:not(.custom-admin) .project-detail-list>article { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .project-report-entries article { grid-template-columns: 1fr auto; }
body:not(.custom-admin) .project-report-entries article>span:last-of-type { grid-column: 1/-1; } }
body:not(.custom-admin) .project-detail-heading { align-items: flex-start; padding: 16px; }
body:not(.custom-admin) .project-detail-heading h1 { margin: 0; font-size: 15px; font-weight: 850; text-transform: uppercase; }
body:not(.custom-admin) .project-detail-heading p { max-width: none; margin-top: 8px; line-height: 1.55; }
body:not(.custom-admin) .project-detail-meta { gap: 18px; margin-top: 12px; color: #53606a; font-size: 9px; }
body:not(.custom-admin) .project-detail-actions { display: flex; align-items: center; gap: 5px; margin-left: auto; }
body:not(.custom-admin) .project-detail-actions>a,
body:not(.custom-admin) .project-detail-actions button { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #e1e5e8; border-radius: 5px; color: #65717b; background: #fff; }
body:not(.custom-admin) .project-detail-actions svg { width: 12px; height: 12px; }
body:not(.custom-admin) .project-detail-actions form { margin: 0; }
body:not(.custom-admin) .project-detail-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
body:not(.custom-admin) .project-detail-summary article { display: grid; min-height: 86px; align-content: center; gap: 5px; padding: 13px 15px; border: 1px solid #dfe3e8; border-radius: 9px; background: #fff; }
body:not(.custom-admin) .project-detail-summary article>span { display: grid; width: 23px; height: 23px; place-items: center; margin-bottom: 4px; border-radius: 6px; color: #0bb66c; background: #edfbf3; font-weight: 800; }
body:not(.custom-admin) .project-detail-summary article>strong { font-size: 16px; }
body:not(.custom-admin) .project-detail-summary article>small { color: #78838d; font-size: 9px; }
body:not(.custom-admin) .project-detail-panel { padding-bottom: 0; }
body:not(.custom-admin) .project-detail-panel .project-detail-tabs { margin: 0; padding: 0 15px; border-bottom: 1px solid #e3e7ea; }
body:not(.custom-admin) .project-detail-tab-content { padding: 14px 16px 16px; }
body:not(.custom-admin) .project-detail-tab-content>h2,
body:not(.custom-admin) .project-detail-tab-heading h2 { margin: 0 0 12px; font-size: 11px; }
body:not(.custom-admin) .project-detail-tab-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
body:not(.custom-admin) .project-detail-tab-heading p { color: #7a858f; font-size: 8px; }
body:not(.custom-admin) .project-detail-recent-list { display: grid; gap: 7px; }
body:not(.custom-admin) .project-detail-recent-list article { display: flex; align-items: center; gap: 9px; padding: 8px; border-radius: 5px; background: #f7f8fa; }
body:not(.custom-admin) .recent-activity-icon { display: grid; width: 21px; height: 21px; flex: 0 0 auto; place-items: center; border-radius: 5px; color: #4381ff; background: #e8f0ff; }
body:not(.custom-admin) .project-detail-recent-list article>div { display: grid; gap: 3px; }
body:not(.custom-admin) .project-detail-recent-list strong { font-size: 9px; }
body:not(.custom-admin) .project-detail-recent-list small,
body:not(.custom-admin) .project-detail-recent-list time { color: #86909a; font-size: 7px; }
body:not(.custom-admin) .project-detail-recent-list time { margin-left: auto; }
body:not(.custom-admin) .project-logframe-group { display: grid; gap: 10px; }
body:not(.custom-admin) .project-logframe-group>h3 { padding: 9px; color: #35414b; background: #f4f6f8; font-size: 10px; }
body:not(.custom-admin) .project-logframe-level { display: grid; gap: 5px; padding: 9px; border: 1px solid #dbe7ff; border-radius: 6px; background: #f8faff; }
body:not(.custom-admin) .project-logframe-level.level-intermediate { border-color: #e5dcff; background: #fbf9ff; }
body:not(.custom-admin) .project-logframe-level.level-long_term { border-color: #d7eee3; background: #f8fdf9; }
body:not(.custom-admin) .project-logframe-level h4 { margin-bottom: 3px; font-size: 9px; }
body:not(.custom-admin) .project-logframe-level>article { display: grid; grid-template-columns: 1fr auto; gap: 4px; padding: 8px; border: 1px solid #e6e9ed; border-radius: 4px; background: #fff; }
body:not(.custom-admin) .project-logframe-level>article strong { font-size: 8px; }
body:not(.custom-admin) .project-logframe-level>article p { color: #76818b; font-size: 7px; }
body:not(.custom-admin) .project-logframe-level>article small { color: #0aaf66; font-size: 7px; }
body:not(.custom-admin) .project-budget-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 0 0 14px; }
body:not(.custom-admin) .project-budget-summary article { display: grid; gap: 4px; padding: 9px; border: 1px solid #dce5ff; border-radius: 5px; background: #f4f7ff; }
body:not(.custom-admin) .project-budget-summary article:nth-child(2) { border-color: #cdeed9; background: #f0fff4; }
body:not(.custom-admin) .project-budget-summary article:nth-child(3) { border-color: #e4d7ff; background: #faf4ff; }
body:not(.custom-admin) .project-budget-summary article:nth-child(4) { border-color: #ffe6af; background: #fff9e9; }
body:not(.custom-admin) .project-budget-summary small { color: #77828c; font-size: 7px; }
body:not(.custom-admin) .project-budget-summary strong { font-size: 11px; }
body:not(.custom-admin) .project-detail-tab-content>h2:not(:first-child) { margin-top: 15px; }
body:not(.custom-admin) .project-detail-budget-table { overflow-x: auto; }
body:not(.custom-admin) .project-detail-budget-table table { width: 100%; border-collapse: collapse; }
body:not(.custom-admin) .project-detail-budget-table th,
body:not(.custom-admin) .project-detail-budget-table td { padding: 7px; border-bottom: 1px solid #e8ebee; text-align: left; font-size: 8px; }
body:not(.custom-admin) .project-detail-budget-table th { color: #6f7a84; background: #fafbfc; }
body:not(.custom-admin) .project-detail-request-list { display: grid; gap: 5px; }
body:not(.custom-admin) .project-detail-request-list article { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 9px; padding: 8px; background: #f7f8fa; }
body:not(.custom-admin) .project-detail-request-list article div { display: grid; gap: 3px; }
body:not(.custom-admin) .project-detail-request-list strong { font-size: 8px; }
body:not(.custom-admin) .project-detail-request-list small { color: #7d8791; font-size: 7px; }
body:not(.custom-admin) .project-kpi-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
body:not(.custom-admin) .project-kpi-cards article { display: grid; gap: 8px; padding: 12px; border: 1px solid #dce6ff; border-radius: 7px; color: #2764d7; background: #f2f6ff; }
body:not(.custom-admin) .project-kpi-cards article:nth-child(2) { border-color: #ccefdc; color: #0a9d57; background: #f1fff7; }
body:not(.custom-admin) .project-kpi-cards article:nth-child(3) { border-color: #ead9ff; color: #8750d9; background: #fcf7ff; }
body:not(.custom-admin) .project-kpi-cards small { font-size: 8px; }
body:not(.custom-admin) .project-kpi-cards strong { font-size: 15px; }
body:not(.custom-admin) .project-kpi-cards span { height: 5px; color: #76818b; font-size: 7px; }
body:not(.custom-admin) .project-kpi-cards span i { display: block; height: 100%; border-radius: 4px; background: #7855f7; }
body:not(.custom-admin) .project-report-list { display: grid; gap: 7px; }
body:not(.custom-admin) .project-report-activity { border: 1px solid #e0e4e8; border-radius: 6px; }
body:not(.custom-admin) .project-report-activity summary { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 13px; padding: 10px; cursor: pointer; list-style: none; }
body:not(.custom-admin) .project-report-activity summary::-webkit-details-marker { display: none; }
body:not(.custom-admin) .project-report-activity summary>span:first-child { display: grid; gap: 4px; }
body:not(.custom-admin) .project-report-activity summary strong { font-size: 8px; }
body:not(.custom-admin) .project-report-activity summary small,
body:not(.custom-admin) .project-report-activity summary>span:not(:first-child) { color: #77828c; font-size: 7px; }
body:not(.custom-admin) .project-report-activity[open] .report-expand-label { display: none; }
body:not(.custom-admin) .project-report-activity:not([open]) .report-collapse-label { display: none; }
body:not(.custom-admin) .project-report-progress { display: grid; gap: 5px; margin: 0 10px 8px; padding: 8px; border-bottom: 2px solid #3777f6; }
body:not(.custom-admin) .project-report-progress small { color: #7d8791; font-size: 7px; }
body:not(.custom-admin) .project-report-progress strong { font-size: 8px; }
body:not(.custom-admin) .project-report-entries { padding: 0 10px 9px; }
body:not(.custom-admin) .project-report-entries>article { display: grid; gap: 7px; margin-top: 6px; padding: 9px; border: 1px solid #e5e8ec; border-radius: 5px; }
body:not(.custom-admin) .project-report-entries>article header { display: flex; justify-content: space-between; color: #6e7983; font-size: 7px; }
body:not(.custom-admin) .project-report-entries>article p { color: #68737d; font-size: 8px; line-height: 1.5; }
body:not(.custom-admin) .project-report-proofs { display: grid; justify-items: start; gap: 5px; font-size: 8px; }
body:not(.custom-admin) .project-report-proofs strong { font-size: 7px; }
body:not(.custom-admin) .project-report-proofs a { color: #2870e8; }
body:not(.custom-admin) .project-report-proofs span { color: #818b95; }
body:not(.custom-admin) .payment-snapshot-header { position: relative; display: grid; gap: 6px; padding: 24px 24px 15px; border-radius: 10px 10px 0 0; color: #fff; background: linear-gradient(110deg,#00a96d,#71c800,#ff9800); }
body:not(.custom-admin) .payment-snapshot-header>small,
body:not(.custom-admin) .payment-snapshot-details section>small,
body:not(.custom-admin) .payment-review-card>small,
body:not(.custom-admin) .budget-request-snapshot>small { font-size: 8px; font-weight: 750; letter-spacing: .22em; }
body:not(.custom-admin) .payment-snapshot-header h1 { max-width: 76%; font-size: 17px; line-height: 1.35; }
body:not(.custom-admin) .payment-snapshot-header p { font-size: 8px; }
body:not(.custom-admin) .payment-snapshot-status { position: absolute; top: 55px; right: 22px; display: flex; gap: 7px; }
body:not(.custom-admin) .payment-snapshot-status span { padding: 5px 8px; border-radius: 14px; color: #fff; background: #ffffff3d; font-size: 7px; font-weight: 700; }
body:not(.custom-admin) .payment-snapshot-amounts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 8px; }
body:not(.custom-admin) .payment-snapshot-amounts div { display: grid; gap: 4px; padding: 9px 11px; border-radius: 8px; background: #ffffff35; }
body:not(.custom-admin) .payment-snapshot-amounts small { font-size: 7px; letter-spacing: .18em; }
body:not(.custom-admin) .payment-snapshot-amounts strong { font-size: 13px; }
body:not(.custom-admin) .payment-snapshot-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 16px 20px; }
body:not(.custom-admin) .payment-snapshot-details section { display: grid; align-content: start; gap: 5px; min-width: 0; }
body:not(.custom-admin) .payment-snapshot-details section>small { color: #818b95; }
body:not(.custom-admin) .payment-snapshot-details section>strong,
body:not(.custom-admin) .payment-snapshot-details section>a,
body:not(.custom-admin) .payment-snapshot-details section>span,
body:not(.custom-admin) .payment-snapshot-details p { color: #3c4650; font-size: 8px; }
body:not(.custom-admin) .payment-snapshot-details .payment-snapshot-wide { grid-column: 1/-1; }
body:not(.custom-admin) .payment-review-card { display: grid; gap: 8px; margin: 0 20px 17px; padding: 15px; border: 1px solid #e1e4e8; border-radius: 8px; background: #fafbfc; }
body:not(.custom-admin) .payment-review-card>small { color: #818b95; }
body:not(.custom-admin) .payment-review-card>strong { font-size: 10px; }
body:not(.custom-admin) .payment-review-card p,
body:not(.custom-admin) .payment-review-card span { color: #78828c; font-size: 8px; }
body:not(.custom-admin) .budget-request-snapshot { display: grid; gap: 6px; padding: 16px; border: 1px solid #e1e5e8; border-radius: 7px; background: linear-gradient(130deg,#fff,#f3fff8); }
body:not(.custom-admin) .budget-request-snapshot>span { justify-self: end; }
body:not(.custom-admin) .budget-request-snapshot h1 { font-size: 11px; }
body:not(.custom-admin) .budget-request-snapshot>strong { justify-self: end; font-size: 14px; }
body:not(.custom-admin) .budget-request-snapshot>small:nth-last-of-type(1) { justify-self: end; color: #7b858f; font-size: 6px; }
body:not(.custom-admin) .budget-request-snapshot p { color: #71808a; font-size: 7px; }
body:not(.custom-admin) .budget-request-snapshot div { display: flex; flex-wrap: wrap; gap: 5px; }
body:not(.custom-admin) .budget-request-snapshot div span { padding: 4px 6px; border: 1px solid #e5e8eb; border-radius: 12px; color: #66717b; font-size: 6px; }
body:not(.custom-admin) .budget-request-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
body:not(.custom-admin) .budget-request-detail-grid>section { display: grid; align-content: start; gap: 5px; padding: 10px; border: 1px solid #e1e5e8; border-radius: 6px; }
body:not(.custom-admin) .budget-request-detail-grid>section>small { color: #828c96; font-size: 7px; font-weight: 750; letter-spacing: .14em; }
body:not(.custom-admin) .budget-request-detail-grid>section>strong,
body:not(.custom-admin) .budget-request-detail-grid>section>span,
body:not(.custom-admin) .budget-request-detail-grid>section>p { font-size: 7px; }
body:not(.custom-admin) .budget-request-detail-grid dl { display: grid; gap: 4px; margin: 0; }
body:not(.custom-admin) .budget-request-detail-grid dl div { display: flex; justify-content: space-between; gap: 8px; }
body:not(.custom-admin) .budget-request-detail-grid dt,
body:not(.custom-admin) .budget-request-detail-grid dd { margin: 0; font-size: 6px; }
body:not(.custom-admin) .budget-request-detail-grid dd { text-align: right; }
body:not(.custom-admin) .budget-request-wide { grid-column: 1/-1; }
@media(max-width:700px) {
body:not(.custom-admin) .project-detail-summary,
body:not(.custom-admin) .project-kpi-cards { grid-template-columns: 1fr; }
body:not(.custom-admin) .project-budget-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .project-detail-request-list article { grid-template-columns: 1fr auto; }
body:not(.custom-admin) .project-detail-request-list .request-status { grid-column: 1/-1; justify-self: start; }
body:not(.custom-admin) .project-report-activity summary { grid-template-columns: 1fr auto; }
body:not(.custom-admin) .project-report-activity summary>span:last-child { grid-column: 2; }
body:not(.custom-admin) .payment-snapshot-header h1 { max-width: 100%; }
body:not(.custom-admin) .payment-snapshot-status { position: static; }
body:not(.custom-admin) .payment-snapshot-details,
body:not(.custom-admin) .budget-request-detail-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .payment-snapshot-details .payment-snapshot-wide,
body:not(.custom-admin) .budget-request-wide { grid-column: auto; } }
@media(max-width:700px) {
body:not(.custom-admin) .donor-summary,
body:not(.custom-admin) .donor-summary.donor-output-summary,
body:not(.custom-admin) .donor-summary.donor-financial-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-filter { align-items: stretch; flex-direction: column; }
body:not(.custom-admin) .donor-filter label { width: 100%; }
body:not(.custom-admin) .donor-filter .button,
body:not(.custom-admin) .donor-filter>.button { align-self: flex-start; }
body:not(.custom-admin) .donor-side-panels { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-gallery-header { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .donor-gallery-preview { height: 125px; }
body:not(.custom-admin) .donor-month-row { grid-template-columns: 55px minmax(40px,1fr) 75px; gap: 6px; }
body:not(.custom-admin) .donor-month-row small { grid-column: 3; text-align: right; } }
body:not(.custom-admin) .donor-gallery-filters { position: relative; z-index: 2; overflow: visible; }
body:not(.custom-admin) .donor-gallery-grid { position: relative; z-index: 1; }
body:not(.custom-admin) .donor-stat.red { background: #dc4655; }
body:not(.custom-admin) .donor-output-grid { grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); }
body:not(.custom-admin) .donor-output-grid .donor-table { min-width: 720px; }
body:not(.custom-admin) .donor-trend-list { display: grid; gap: 10px; max-height: 390px; overflow: auto; padding: 12px; }
body:not(.custom-admin) .donor-trend-item { display: grid; grid-template-columns: minmax(90px,1fr) minmax(60px,1.2fr) 42px; align-items: center; gap: 9px; }
body:not(.custom-admin) .donor-trend-item>div:first-child { display: grid; gap: 3px; min-width: 0; }
body:not(.custom-admin) .donor-trend-item strong,
body:not(.custom-admin) .donor-outcome-comparison-row strong { overflow: hidden; color: #39434d; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-trend-item small,
body:not(.custom-admin) .donor-empty-note { color: #7d8791; font-size: 8px; }
body:not(.custom-admin) .donor-trend-item>b { color: #159966; font-size: 9px; text-align: right; }
body:not(.custom-admin) .donor-trend-track,
body:not(.custom-admin) .donor-financial-track { height: 7px; overflow: hidden; border-radius: 5px; background: #edf1f4; }
body:not(.custom-admin) .donor-trend-track span,
body:not(.custom-admin) .donor-financial-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#20b77b,#0b8f59); }
body:not(.custom-admin) .donor-comparison-list { display: grid; gap: 10px; padding: 13px; }
body:not(.custom-admin) .donor-comparison-row { display: grid; grid-template-columns: minmax(130px,1fr) minmax(100px,1.4fr) 110px; align-items: center; gap: 12px; color: #5d6872; font-size: 8px; }
body:not(.custom-admin) .donor-comparison-row>strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-comparison-bars { position: relative; height: 8px; overflow: hidden; border-radius: 5px; background: #edf1f4; }
body:not(.custom-admin) .donor-comparison-bars .target-bar { display: block; width: 100%; height: 100%; background: #dfe8ff; }
body:not(.custom-admin) .donor-comparison-bars .achieved-bar { position: absolute; top: 0; left: 0; height: 100%; background: #18b780; }
body:not(.custom-admin) .donor-comparison-row small { text-align: right; }
body:not(.custom-admin) .donor-outcome-grid { grid-template-columns: minmax(0,2fr) minmax(290px,.9fr); }
body:not(.custom-admin) .donor-outcome-grid .donor-table { min-width: 860px; }
body:not(.custom-admin) .donor-outcome-comparison-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .donor-outcome-comparison-row { display: grid; gap: 6px; padding: 9px 0; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-outcome-comparison-row>div { display: flex; flex-wrap: wrap; gap: 12px; color: #68737d; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-comparison-row>small { color: #168957; font-size: 8px; }
body:not(.custom-admin) .donor-project-outcome-list { display: grid; max-height: 310px; overflow: auto; padding: 10px 13px; }
body:not(.custom-admin) .donor-project-outcome-row { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-project-outcome-row>div { display: grid; gap: 4px; min-width: 0; }
body:not(.custom-admin) .donor-project-outcome-row strong { color: #3d4852; font-size: 8px; }
body:not(.custom-admin) .donor-project-outcome-row small { overflow: hidden; color: #7c8791; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-project-outcome-row>b { flex: 0 0 auto; align-self: center; color: #178f5c; font-size: 9px; }
body:not(.custom-admin) .donor-financial-overview { grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); margin-bottom: 10px; }
body:not(.custom-admin) .donor-financial-metrics { display: grid; gap: 13px; padding: 14px; }
body:not(.custom-admin) .donor-financial-metric { display: grid; gap: 7px; }
body:not(.custom-admin) .donor-financial-metric>div:first-child { display: flex; justify-content: space-between; gap: 12px; color: #59646e; font-size: 9px; }
body:not(.custom-admin) .donor-financial-metric b { color: #263746; white-space: nowrap; }
body:not(.custom-admin) .donor-financial-track.blue span { background: #3478ed; }
body:not(.custom-admin) .donor-financial-track.green span { background: #10b981; }
body:not(.custom-admin) .donor-financial-track.orange span { background: #f07824; }
body:not(.custom-admin) .donor-financial-track.purple span { background: #8955f5; }
@media(max-width:900px) {
body:not(.custom-admin) .donor-output-grid,
body:not(.custom-admin) .donor-outcome-grid,
body:not(.custom-admin) .donor-outcome-comparison-grid,
body:not(.custom-admin) .donor-financial-overview { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
body:not(.custom-admin) .donor-comparison-row { grid-template-columns: 1fr; gap: 5px; }
body:not(.custom-admin) .donor-comparison-row small { text-align: left; }
body:not(.custom-admin) .donor-trend-list { max-height: none; }
}
body:not(.custom-admin) .survey-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 180px; }
body:not(.custom-admin) .survey-row-actions form { display: inline; }
body:not(.custom-admin) .survey-row-actions a,
body:not(.custom-admin) .survey-row-actions button { padding: 0; border: 0; color: #12844d; background: transparent; font: inherit; font-size: 8px; text-decoration: none; white-space: nowrap; cursor: pointer; }
body:not(.custom-admin) .survey-row-actions .danger-link { color: #c93333; }
body:not(.custom-admin) .survey-search { margin: 10px 0; }
body:not(.custom-admin) .survey-created-panel .field-help { display: block; }
body:not(.custom-admin) .donor-stat.purple { background: #8051ea; }
body:not(.custom-admin) .donor-output-grid .donor-table { min-width: 800px; }
body:not(.custom-admin) .donor-output-chart { padding: 12px; }
body:not(.custom-admin) .donor-output-chart svg { width: 100%; min-height: 145px; overflow: visible; }
body:not(.custom-admin) .donor-output-chart svg text,
body:not(.custom-admin) .donor-outcome-trend-card svg text { fill: #7c8791; font-size: 8px; }
body:not(.custom-admin) .donor-chart-gridline { fill: none; stroke: #e7ebef; stroke-width: 1; }
body:not(.custom-admin) .donor-chart-line { fill: none; stroke: #16b873; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
body:not(.custom-admin) .donor-chart-legend { display: flex; gap: 14px; color: #6e7983; font-size: 8px; }
body:not(.custom-admin) .donor-chart-legend i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #16b873; }
body:not(.custom-admin) .donor-comparison-heading { border-bottom: 1px solid #e8edf1; background: linear-gradient(100deg,#e3f5ff,#f1f0ff); }
body:not(.custom-admin) .donor-output-comparison-chart { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 12px; padding: 18px 14px; }
body:not(.custom-admin) .donor-output-compare-row { display: grid; min-height: 160px; justify-items: center; align-content: end; gap: 8px; padding: 10px; border-right: 1px solid #edf0f2; text-align: center; }
body:not(.custom-admin) .donor-output-compare-row>strong { min-height: 25px; color: #49545e; font-size: 8px; }
body:not(.custom-admin) .donor-output-compare-row>b { color: #158e61; font-size: 9px; }
body:not(.custom-admin) .donor-output-bar-columns { display: flex; height: 98px; align-items: end; justify-content: center; gap: 8px; }
body:not(.custom-admin) .donor-output-bar-columns>div { display: grid; height: 100%; justify-items: center; align-content: end; gap: 4px; }
body:not(.custom-admin) .donor-output-bar-columns>div>span { display: block; width: 20px; min-height: 2px; border-radius: 3px 3px 0 0; }
body:not(.custom-admin) .donor-output-bar-columns .target-column { height: 85px; background: #6974ed; }
body:not(.custom-admin) .donor-output-bar-columns .achieved-column { background: #0ab987; }
body:not(.custom-admin) .donor-output-bar-columns small { color: #77828c; font-size: 7px; }
body:not(.custom-admin) .donor-outcome-grid { grid-template-columns: minmax(0,2.2fr) minmax(300px,.9fr); }
body:not(.custom-admin) .donor-outcome-heading { min-height: 42px; }
body:not(.custom-admin) .donor-chart-controls { display: flex; gap: 8px; }
body:not(.custom-admin) .donor-chart-controls label { display: grid; gap: 3px; color: #68737d; font-size: 7px; }
body:not(.custom-admin) .donor-chart-controls select { min-width: 70px; min-height: 24px; border: 1px solid #d9e0e5; border-radius: 4px; background: #fff; color: #4d5963; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-table { min-width: 1160px; }
body:not(.custom-admin) .donor-outcome-table thead th { position: sticky; top: 0; z-index: 1; background: #f1f6fb; }
body:not(.custom-admin) .donor-outcome-table td:first-child { min-width: 205px; }
body:not(.custom-admin) .donor-outcome-table td { min-width: 48px; text-align: center; }
body:not(.custom-admin) .donor-outcome-table td:first-child { text-align: left; }
body:not(.custom-admin) .donor-outcome-progress { margin: 0 auto 3px; background: #fff0d5; }
body:not(.custom-admin) .donor-outcome-progress span { background: #f59e0b; }
body:not(.custom-admin) .donor-trend-search { display: grid; gap: 4px; padding: 9px 11px 0; color: #77828c; font-size: 8px; }
body:not(.custom-admin) .donor-trend-search input { min-width: 0; min-height: 27px; padding: 0 8px; border: 1px solid #dce2e6; border-radius: 4px; font: inherit; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-trend-list { display: grid; max-height: 440px; gap: 10px; overflow: auto; padding: 10px; }
body:not(.custom-admin) .donor-outcome-trend-card { position: relative; display: grid; gap: 5px; padding: 8px; border: 1px solid #e4e8ed; border-radius: 6px; background: #fff; }
body:not(.custom-admin) .donor-outcome-trend-card>div { display: grid; gap: 3px; }
body:not(.custom-admin) .donor-outcome-trend-card strong { color: #3e4953; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-trend-card small { color: #77828c; font-size: 7px; }
body:not(.custom-admin) .donor-outcome-trend-card svg { width: 100%; height: 65px; background: linear-gradient(#fafcfd,#fff); }
body:not(.custom-admin) .donor-chart-point { fill: #f3b424; stroke: #fff; stroke-width: 1; }
body:not(.custom-admin) .donor-trend-value { position: absolute; right: 12px; bottom: 9px; color: #c57d00; font-size: 8px; font-weight: 700; }
body:not(.custom-admin) .donor-outcome-comparison-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-outcome-column-chart,
body:not(.custom-admin) .donor-project-chart { padding: 10px 14px 14px; }
body:not(.custom-admin) .donor-outcome-chart-legend { display: flex; justify-content: center; gap: 12px; padding: 3px 0 9px; color: #6f7a84; font-size: 8px; }
body:not(.custom-admin) .donor-outcome-chart-legend span:before { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; content: ""; }
body:not(.custom-admin) .baseline-legend:before,
body:not(.custom-admin) .donor-outcome-chart-bars .baseline-value { background: #65bce6; }
body:not(.custom-admin) .target-legend:before,
body:not(.custom-admin) .donor-outcome-chart-bars .target-value { background: #11bba5; }
body:not(.custom-admin) .achievement-legend:before,
body:not(.custom-admin) .donor-outcome-chart-bars .achievement-value { background: #f3a51b; }
body:not(.custom-admin) .donor-outcome-chart-plot { display: flex; min-height: 205px; align-items: end; gap: 9px; overflow-x: auto; padding: 10px 8px 0; border: 1px solid #e8edf1; border-radius: 5px; background: repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#edf0f3 40px); }
body:not(.custom-admin) .donor-outcome-chart-group { display: grid; min-width: 82px; height: 190px; flex: 1 0 82px; grid-template-rows: 1fr 30px; justify-items: center; }
body:not(.custom-admin) .donor-outcome-chart-bars { display: flex; width: 100%; height: 150px; align-items: end; justify-content: center; gap: 4px; }
body:not(.custom-admin) .donor-outcome-chart-bars>span { width: min(18%,20px); min-height: 2px; border-radius: 3px 3px 0 0; }
body:not(.custom-admin) .donor-outcome-chart-group>small { align-self: center; max-width: 100%; overflow: hidden; color: #707b85; font-size: 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-project-comparison { display: grid; gap: 10px; padding: 16px; }
body:not(.custom-admin) .donor-project-comparison-row { display: grid; grid-template-columns: minmax(115px,1fr) minmax(110px,1.4fr) 40px; align-items: center; gap: 10px; }
body:not(.custom-admin) .donor-project-comparison-row>div:first-child { display: grid; gap: 3px; min-width: 0; }
body:not(.custom-admin) .donor-project-comparison-row strong { overflow: hidden; color: #46525c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-project-comparison-row small { color: #828c95; font-size: 7px; }
body:not(.custom-admin) .donor-project-comparison-row>b { color: #c27a00; font-size: 8px; text-align: right; }
body:not(.custom-admin) .donor-project-bar,
body:not(.custom-admin) .donor-project-spending-track { height: 8px; overflow: hidden; border-radius: 4px; background: #edf1f4; }
body:not(.custom-admin) .donor-project-bar span,
body:not(.custom-admin) .donor-project-spending-track span { display: block; height: 100%; border-radius: inherit; background: #10b8a7; }
body:not(.custom-admin) .donor-financial-overview { grid-template-columns: minmax(0,1.8fr) minmax(280px,.9fr); }
body:not(.custom-admin) .donor-financial-time-chart { padding: 12px 14px 10px; }
body:not(.custom-admin) .donor-financial-chart-legend { display: flex; justify-content: flex-end; gap: 12px; color: #74808a; font-size: 8px; }
body:not(.custom-admin) .donor-financial-side { display: grid; min-width: 0; align-content: start; gap: 9px; }
body:not(.custom-admin) .donor-financial-spend-card { display: grid; gap: 7px; padding: 13px 14px; border-radius: 6px; color: #fff; background: linear-gradient(115deg,#101a36,#17284d); }
body:not(.custom-admin) .donor-financial-spend-card>div:first-child { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; align-items: center; }
body:not(.custom-admin) .donor-financial-spend-card>div:first-child span { color: #c2cce0; font-size: 7px; font-weight: 750; letter-spacing: .07em; }
body:not(.custom-admin) .donor-financial-spend-card>div:first-child strong { grid-column: 1 / -1; font-size: 18px; }
body:not(.custom-admin) .donor-financial-spend-card>div:first-child small { grid-column: 1 / -1; color: #aebbd2; font-size: 7px; }
body:not(.custom-admin) .donor-financial-spend-card>b { color: #d7deeb; font-size: 7px; }
body:not(.custom-admin) .donor-financial-spend-track { height: 5px; overflow: hidden; border-radius: 4px; background: #3b4862; }
body:not(.custom-admin) .donor-financial-spend-track span { display: block; height: 100%; border-radius: inherit; background: #31c48d; }
body:not(.custom-admin) .donor-financial-allocation { min-width: 0; }
body:not(.custom-admin) .donor-financial-chart-legend span:before { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 2px; content: ""; }
body:not(.custom-admin) .budget-legend:before { background: #3478ed; }
body:not(.custom-admin) .paid-legend:before { background: #10b981; }
body:not(.custom-admin) .donor-financial-time-chart svg { width: 100%; min-height: 150px; overflow: visible; }
body:not(.custom-admin) .donor-financial-time-chart svg .donor-financial-axis-label { text-anchor: end; }
body:not(.custom-admin) .donor-budget-line,
body:not(.custom-admin) .donor-paid-line { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body:not(.custom-admin) .donor-budget-line { stroke: #3478ed; }
body:not(.custom-admin) .donor-paid-line { stroke: #10b981; }
body:not(.custom-admin) .donor-budget-point { fill: #3478ed; }
body:not(.custom-admin) .donor-paid-point { fill: #10b981; }
body:not(.custom-admin) .donor-financial-time-chart svg text { fill: #78838d; font-size: 8px; }
body:not(.custom-admin) .payment-legend:before { background: #f59e0b; }
body:not(.custom-admin) .donor-payment-bar { fill: #f59e0b; opacity: .42; }
body:not(.custom-admin) .donor-financial-month-columns { display: grid; height: 135px; grid-template-columns: repeat(12,minmax(0,1fr)); align-items: end; gap: 4px; margin-top: 8px; border-bottom: 1px solid #e8edf1; background: repeating-linear-gradient(to bottom,transparent 0,transparent 32px,#edf0f3 33px); }
body:not(.custom-admin) .donor-financial-month { display: grid; height: 100%; justify-items: center; align-content: end; gap: 4px; }
body:not(.custom-admin) .donor-financial-column-pair { display: flex; width: 100%; height: 110px; align-items: end; justify-content: center; gap: 2px; }
body:not(.custom-admin) .donor-financial-column-pair span { width: min(38%,14px); min-height: 0; border-radius: 2px 2px 0 0; }
body:not(.custom-admin) .donor-financial-month small { color: #7d8791; font-size: 7px; }
body:not(.custom-admin) .donor-budget-allocation { display: grid; grid-template-columns: minmax(100px,.8fr) minmax(120px,1.2fr); align-items: center; gap: 8px; padding: 10px; }
body:not(.custom-admin) .donor-budget-allocation svg { width: 100%; max-width: 150px; }
body:not(.custom-admin) .donor-budget-donut-track { fill: none; stroke: #edf0f2; stroke-width: 17; }
body:not(.custom-admin) .donor-budget-allocation svg text { fill: #2d3943; font-size: 9px; font-weight: 700; text-anchor: middle; }
body:not(.custom-admin) .donor-budget-allocation svg .donor-donut-caption { fill: #7c8791; font-size: 6px; font-weight: 400; }
body:not(.custom-admin) .donor-budget-legend { display: grid; gap: 7px; max-height: 160px; overflow: auto; }
body:not(.custom-admin) .donor-budget-legend>div { display: grid; grid-template-columns: 8px minmax(0,1fr) 35px; align-items: center; gap: 5px; font-size: 7px; }
body:not(.custom-admin) .donor-budget-legend i { width: 7px; height: 7px; border-radius: 50%; }
body:not(.custom-admin) .donor-budget-legend span { overflow: hidden; color: #64707a; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-budget-legend b { color: #48545e; text-align: right; }
body:not(.custom-admin) .donor-project-spending-list { display: grid; gap: 12px; padding: 14px; }
body:not(.custom-admin) .donor-project-spending-row { display: grid; gap: 6px; }
body:not(.custom-admin) .donor-project-spending-row>div:first-child { display: flex; justify-content: space-between; gap: 12px; color: #58636d; font-size: 8px; }
body:not(.custom-admin) .donor-project-spending-row small { color: #7c8791; text-align: right; }
@media(max-width:900px) {
body:not(.custom-admin) .donor-output-grid,
body:not(.custom-admin) .donor-outcome-grid,
body:not(.custom-admin) .donor-outcome-comparison-grid,
body:not(.custom-admin) .donor-financial-overview { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-outcome-comparison-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
body:not(.custom-admin) .donor-chart-controls { display: none; }
body:not(.custom-admin) .donor-financial-month-columns { gap: 1px; }
body:not(.custom-admin) .donor-financial-column-pair { gap: 1px; }
body:not(.custom-admin) .donor-budget-allocation { grid-template-columns: 1fr; justify-items: center; }
body:not(.custom-admin) .donor-budget-legend { width: 100%; }
body:not(.custom-admin) .donor-project-spending-row>div:first-child { flex-direction: column; gap: 3px; }
body:not(.custom-admin) .donor-project-spending-row small { text-align: left; }
}
body:not(.custom-admin) .donor-financial-grid { grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr); margin-bottom: 10px; }
body:not(.custom-admin) .donor-financial-grid .donor-data-panel { border-top-color: #2f76ea; }
body:not(.custom-admin) .donor-financial-subheading { background: linear-gradient(100deg,#e1f7f2,#e8f3ff); }
body:not(.custom-admin) .donor-project-spending { margin-bottom: 10px; border-top-color: #07b9b2; }
body:not(.custom-admin) .donor-spending-legend { display: flex; flex-wrap: wrap; gap: 9px; color: #65717b; font-size: 7px; }
body:not(.custom-admin) .donor-spending-legend span:before { display: inline-block; width: 7px; height: 7px; margin-right: 3px; border-radius: 2px; background: #10b981; content: ""; }
body:not(.custom-admin) .donor-spending-legend span:nth-child(2):before { background: #f59e0b; }
body:not(.custom-admin) .donor-spending-legend span:nth-child(3):before { background: #d958a5; }
body:not(.custom-admin) .donor-project-spending-list { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-project-spending-row { grid-template-columns: minmax(120px,.6fr) minmax(120px,1.4fr); align-items: center; gap: 14px; padding: 6px 0; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-project-spending-row>div:first-child { display: grid; gap: 4px; }
body:not(.custom-admin) .donor-project-spending-row>div:first-child strong { color: #3e4953; font-size: 8px; }
body:not(.custom-admin) .donor-project-spending-row>div:first-child small { color: #7d8791; font-size: 7px; text-align: left; }
body:not(.custom-admin) .donor-project-spending-bars { display: grid; gap: 4px; }
body:not(.custom-admin) .donor-project-spending-bars span { display: block; height: 7px; min-width: 2px; border-radius: 4px; }
body:not(.custom-admin) .donor-project-spending-bars .project-budget-bar { background: #3578ed; }
body:not(.custom-admin) .donor-project-spending-bars .project-paid-bar { background: #10b981; }
body:not(.custom-admin) .donor-project-spending-bars .project-remaining-bar { background: #f59e0b; }
body:not(.custom-admin) .donor-cost-chart { padding: 8px 13px 14px; }
body:not(.custom-admin) .donor-cost-chart-axis,
body:not(.custom-admin) .donor-cost-chart-row { display: grid; grid-template-columns: minmax(150px,28%) minmax(220px,1fr); align-items: center; gap: 12px; }
body:not(.custom-admin) .donor-cost-chart-axis { padding: 6px 0; border-bottom: 1px solid #e5e9ed; color: #64707a; font-size: 7px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .donor-cost-chart-row { min-height: 24px; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-cost-chart-label { display: grid; min-width: 0; gap: 2px; }
body:not(.custom-admin) .donor-cost-chart-label strong { overflow: hidden; color: #49545e; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-cost-chart-label small { overflow: hidden; color: #85909a; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-cost-chart-series { display: grid; gap: 2px; padding: 3px 0; background: repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e9edf0 calc(25% - 1px),#e9edf0 25%); }
body:not(.custom-admin) .donor-cost-chart-series span { display: block; height: 4px; border-radius: 2px; }
body:not(.custom-admin) .donor-cost-chart-series .cost-budget { background: #10b981; }
body:not(.custom-admin) .donor-cost-chart-series .cost-paid { background: #f59e0b; }
body:not(.custom-admin) .donor-cost-chart-series .cost-remaining { background: #d958a5; }
body:not(.custom-admin) .donor-cost-chart-scale { display: flex; justify-content: space-between; margin: 5px 0 0 calc(28% + 12px); color: #7d8791; font-size: 7px; }
body:not(.custom-admin) .donor-financial-lower-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin-bottom: 10px; }
body:not(.custom-admin) .donor-financial-lower-grid .donor-data-panel { border-top-color: #596be8; }
body:not(.custom-admin) .donor-financial-month-table { min-width: 480px; }
body:not(.custom-admin) .donor-monthly-table-bar { width: 100%; height: 7px; overflow: hidden; border-radius: 4px; background: #eef1f4; }
body:not(.custom-admin) .donor-monthly-table-bar span { display: block; height: 100%; border-radius: inherit; background: #3478ed; }
body:not(.custom-admin) .donor-expense-list { display: grid; padding: 8px 14px; }
body:not(.custom-admin) .donor-expense-row { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 10px 0; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-expense-rank { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #3478ed; background: #eef4ff; font-size: 8px; font-weight: 700; }
body:not(.custom-admin) .donor-expense-row>div { display: grid; min-width: 0; gap: 4px; }
body:not(.custom-admin) .donor-expense-row strong { overflow: hidden; color: #3e4953; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-expense-row small { color: #7d8791; font-size: 7px; }
body:not(.custom-admin) .donor-expense-row>b { color: #178d5d; font-size: 8px; white-space: nowrap; }
body:not(.custom-admin) .donor-kpi-achievement-list { display: grid; gap: 10px; max-height: 260px; overflow: auto; padding: 12px 14px; }
body:not(.custom-admin) .donor-kpi-achievement-row { display: grid; grid-template-columns: minmax(100px,1fr) minmax(70px,1fr) 38px; align-items: center; gap: 9px; }
body:not(.custom-admin) .donor-kpi-achievement-row>div:first-child { display: grid; min-width: 0; gap: 4px; }
body:not(.custom-admin) .donor-kpi-achievement-row strong { overflow: hidden; color: #46515b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-kpi-achievement-row small { color: #808a93; font-size: 7px; }
body:not(.custom-admin) .donor-kpi-achievement-track { height: 7px; overflow: hidden; border-radius: 4px; background: #eff1f4; }
body:not(.custom-admin) .donor-kpi-achievement-track span { display: block; height: 100%; border-radius: inherit; background: #10b981; }
body:not(.custom-admin) .donor-kpi-achievement-row>b { color: #148b5b; font-size: 8px; text-align: right; }
body:not(.custom-admin) .donor-financial-kpi-panel { grid-column: 1 / -1; }
body:not(.custom-admin) .donor-financial-kpi-chart { padding: 8px 14px 14px; }
body:not(.custom-admin) .donor-financial-kpi-axis,
body:not(.custom-admin) .donor-financial-kpi-row { display: grid; grid-template-columns: minmax(150px,28%) minmax(180px,1fr) 42px; align-items: center; gap: 12px; }
body:not(.custom-admin) .donor-financial-kpi-axis { padding: 6px 0; border-bottom: 1px solid #e5e9ed; color: #64707a; font-size: 7px; font-weight: 750; text-transform: uppercase; }
body:not(.custom-admin) .donor-financial-kpi-row { min-height: 26px; border-bottom: 1px solid #edf0f2; }
body:not(.custom-admin) .donor-financial-kpi-row>strong { overflow: hidden; color: #49545e; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
body:not(.custom-admin) .donor-financial-kpi-row>b { color: #c14e90; font-size: 8px; text-align: right; }
body:not(.custom-admin) .donor-financial-kpi-track { position: relative; height: 18px; background: repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e9edf0 calc(25% - 1px),#e9edf0 25%); }
body:not(.custom-admin) .donor-financial-kpi-point { position: absolute; top: 50%; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #d958a5; box-shadow: 0 0 0 1px #d958a5; transform: translate(-50%,-50%); }
body:not(.custom-admin) .donor-financial-kpi-scale { display: flex; justify-content: space-between; margin: 4px 54px 0 30%; color: #7d8791; font-size: 7px; }
@media(max-width:900px) {
body:not(.custom-admin) .donor-financial-grid,
body:not(.custom-admin) .donor-financial-lower-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
body:not(.custom-admin) .donor-project-spending-row { grid-template-columns: 1fr; gap: 8px; }
body:not(.custom-admin) .donor-cost-chart { overflow-x: auto; }
body:not(.custom-admin) .donor-cost-chart-axis,
body:not(.custom-admin) .donor-cost-chart-row { min-width: 360px; grid-template-columns: minmax(100px,38%) minmax(120px,1fr); gap: 7px; }
body:not(.custom-admin) .donor-cost-chart-scale { min-width: 215px; margin-left: calc(38% + 7px); }
body:not(.custom-admin) .donor-financial-kpi-axis,
body:not(.custom-admin) .donor-financial-kpi-row { grid-template-columns: minmax(100px,38%) minmax(120px,1fr) 36px; gap: 7px; }
body:not(.custom-admin) .donor-financial-kpi-chart { overflow-x: auto; }
body:not(.custom-admin) .donor-financial-kpi-axis,
body:not(.custom-admin) .donor-financial-kpi-row { min-width: 360px; }
body:not(.custom-admin) .donor-financial-kpi-scale { min-width: 250px; margin-left: 40%; }
body:not(.custom-admin) .donor-spending-legend { align-self: flex-start; }
body:not(.custom-admin) .donor-financial-time-chart svg { min-height: 120px; }
body:not(.custom-admin) .donor-financial-lower-grid { gap: 10px; }
}
body:not(.custom-admin) .donor-chart-panel { border-top-color: #10b981; }
body:not(.custom-admin) .donor-chart-panel:nth-child(2) { border-top-color: #8051ea; }
body:not(.custom-admin) .donor-donut { position: relative; width: min(100%,150px); height: auto; aspect-ratio: 1; }
body:not(.custom-admin) .donor-donut:before { position: relative; width: 70%; height: auto; aspect-ratio: 1; grid-area: 1/1; }
body:not(.custom-admin) .donor-donut>div { z-index: 1; grid-area: 1/1; }
body:not(.custom-admin) .donor-chart-panel h2 { justify-self: stretch; }
body:not(.custom-admin) .donor-chart-legend { width: 100%; }
body:not(.custom-admin) .donor-activity-table { min-width: 850px; }
body:not(.custom-admin) .donor-activity-grid { grid-template-columns: minmax(0,2.1fr) minmax(230px,1fr); }
body:not(.custom-admin) .donor-project-chart .donor-project-comparison-row { grid-template-columns: minmax(115px,1fr) minmax(110px,1.4fr) 40px; }
body:not(.custom-admin) .donor-gallery-actions { z-index: 1; }
body:not(.custom-admin) .donor-gallery-actions { opacity: 0; transition: opacity .15s ease; }
body:not(.custom-admin) .donor-gallery-card:hover .donor-gallery-actions,
body:not(.custom-admin) .donor-gallery-card:focus-within .donor-gallery-actions { opacity: 1; }
body:not(.custom-admin) .donor-gallery-card { overflow: visible; }
body:not(.custom-admin) .donor-gallery-preview { border-radius: 8px 8px 0 0; }
body:not(.custom-admin) .donor-gallery-more { position: relative; }
body:not(.custom-admin) .donor-gallery-more summary { padding: 4px 7px; border-radius: 10px; color: #525a63; background: #f0f1f3; cursor: pointer; font-size: 7px; font-weight: 700; list-style: none; white-space: nowrap; }
body:not(.custom-admin) .donor-gallery-more summary::-webkit-details-marker { display: none; }
body:not(.custom-admin) .donor-gallery-more-items { position: absolute; z-index: 5; right: 0; bottom: calc(100% + 6px); display: grid; grid-template-columns: repeat(3,48px); gap: 4px; padding: 5px; border: 1px solid #e0e4e8; border-radius: 6px; background: #fff; box-shadow: 0 3px 12px #172a3726; }
body:not(.custom-admin) .donor-gallery-more-items a { display: grid; width: 48px; height: 38px; place-items: center; overflow: hidden; color: #525a63; background: #f1f4f4; font-size: 7px; text-decoration: none; }
body:not(.custom-admin) .donor-gallery-more-items img { width: 100%; height: 100%; object-fit: cover; }
body:not(.custom-admin) .donor-gallery-card:focus-within { z-index: 3; }
body:not(.custom-admin) .donor-gallery-filter-form .donor-gallery-select,
body:not(.custom-admin) .donor-gallery-filter-form .donor-gallery-date { position: relative; display: block; min-width: 190px; }
body:not(.custom-admin) .donor-gallery-filter-form select,
body:not(.custom-admin) .donor-gallery-filter-form input { width: 100%; padding-left: 30px; background: #fff; }
body:not(.custom-admin) .donor-gallery-select-icon { position: absolute; z-index: 1; top: 50%; left: 10px; display: grid; color: #8a929a; pointer-events: none; transform: translateY(-50%); }
body:not(.custom-admin) .donor-gallery-select-icon svg { width: 13px; height: 13px; }
@media(max-width:700px) {
body:not(.custom-admin) .donor-activity-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .donor-gallery-header { align-items: flex-start; }
body:not(.custom-admin) .donor-gallery-filter-form { width: 100%; }
}
body:not(.custom-admin).survey-public-body { min-height: 100vh; padding: 18px 12px; background: #f5f6f5; }
body:not(.custom-admin) .survey-public-shell { width: min(720px,100%); margin: 0 auto; }
body:not(.custom-admin) .survey-public-brand { display: grid; justify-items: center; gap: 5px; margin: 0 auto 22px; color: #233129; font-size: 15px; font-weight: 750; }
body:not(.custom-admin) .survey-public-brand img { width: 78px; height: 78px; object-fit: contain; }
body:not(.custom-admin) .survey-public-panel { position: relative; isolation: isolate; overflow: hidden; padding: 28px 30px 22px; border: 1px solid #d5dad6; border-radius: 0; box-shadow: none; }
body:not(.custom-admin) .survey-public-watermark { position: absolute; z-index: -1; top: 34%; right: 0; left: 0; height: 330px; background: url("/static/dashboard/hygiene-quest-logo.e1ce4f006e3c.png") center/contain no-repeat; opacity: .07; pointer-events: none; }
body:not(.custom-admin) .survey-public-panel>header { padding: 0 0 18px; border-bottom: 1px solid #d4d8d5; }
body:not(.custom-admin) .survey-public-panel>header h1 { margin: 0; color: #151a17; font-size: 27px; line-height: 1.25; text-align: center; text-transform: none; }
body:not(.custom-admin) .survey-public-panel>header p { margin: 14px 0 0; color: #303833; font-size: 16px; line-height: 1.55; text-align: center; }
body:not(.custom-admin) .survey-public-panel>form { position: relative; z-index: 1; }
body:not(.custom-admin) .survey-public-question { margin: 16px 0; padding: 18px; border: 1px solid #8e9690; border-radius: 14px; background: rgba(255,255,255,.82); }
body:not(.custom-admin) .survey-public-question legend { max-width: 100%; padding: 0 4px; color: #1d2520; font-size: 15px; font-weight: 650; line-height: 1.55; }
body:not(.custom-admin) .survey-public-question input[type="text"],
body:not(.custom-admin) .survey-public-question textarea { min-height: 46px; padding: 11px 12px; border: 1px solid #e0e5e1; border-radius: 12px; background: rgba(255,255,255,.92); box-shadow: 0 2px 6px rgba(30,50,38,.06); font-size: 14px; }
body:not(.custom-admin) .survey-public-choice-list { display: grid; gap: 8px; }
body:not(.custom-admin) .survey-choice-option { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 9px 12px; border: 1px solid #aeb5b0; border-radius: 10px; color: #303832; background: rgba(255,255,255,.8); font-size: 14px; line-height: 1.4; }
body:not(.custom-admin) .survey-choice-option input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: #08a858; }
body:not(.custom-admin) .survey-submit-button { width: 100%; min-height: 55px; margin-top: 12px; border: 0; border-radius: 9px; background: #08a858; font-size: 15px; font-weight: 700; }
body:not(.custom-admin) .survey-public-note,
body:not(.custom-admin) .survey-public-footer { color: #505a53; font-size: 12px; line-height: 1.5; text-align: center; }
body:not(.custom-admin) .survey-public-note { margin: 14px 4px 0; }
body:not(.custom-admin) .survey-public-footer { margin: 16px 0 0; }
body:not(.custom-admin) .survey-public-message { position: relative; z-index: 1; }
@media(max-width:600px) {
body:not(.custom-admin).survey-public-body { padding: 14px 12px; background: #fff; }
body:not(.custom-admin) .survey-public-brand { margin-bottom: 18px; }
body:not(.custom-admin) .survey-public-brand img { width: 72px; height: 72px; }
body:not(.custom-admin) .survey-public-panel { width: 100%; padding: 24px 18px 20px; }
}
body:not(.custom-admin) .project-center-banner { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; margin-bottom: 12px; padding: 17px 19px; border: 1px solid #e0e8e2; border-radius: 12px; background: linear-gradient(110deg,#fff,#effcf5); }
body:not(.custom-admin) .project-center-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #fff; background: #08b85c; }
body:not(.custom-admin) .project-center-icon svg { width: 19px; height: 19px; }
body:not(.custom-admin) .project-center-banner h1 { margin: 0; color: #202a33; font-size: 19px; }
body:not(.custom-admin) .project-center-banner p,
body:not(.custom-admin) .project-table-heading p { margin-top: 4px; color: #7d8790; font-size: 9px; }
body:not(.custom-admin) .project-center-share { display: grid; grid-column: 1/-1; grid-template-columns: auto 1fr; align-items: center; gap: 12px; color: #68737d; font-size: 8px; letter-spacing: .12em; }
body:not(.custom-admin) .project-center-share>span { height: 4px; overflow: hidden; border-radius: 4px; background: #e8ebee; }
body:not(.custom-admin) .project-center-share i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#0db96c,#7ed500); }
body:not(.custom-admin) .project-manager-table-panel { overflow: hidden; border: 1px solid #e0e4e8; border-radius: 11px; background: #fff; box-shadow: 0 2px 6px #172a370a; }
body:not(.custom-admin) .project-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; }
body:not(.custom-admin) .project-table-heading h2 { margin: 0; color: #252e36; font-size: 13px; }
body:not(.custom-admin) .project-status-totals { display: flex; flex-wrap: wrap; gap: 5px; }
body:not(.custom-admin) .project-status-totals span { padding: 4px 8px; border: 1px solid; border-radius: 12px; font-size: 7px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin) .project-status-totals .active { color: #16854c; border-color: #b7ebcb; background: #effbf4; }
body:not(.custom-admin) .project-status-totals .planning { color: #a56a00; border-color: #f3dfb2; background: #fff9eb; }
body:not(.custom-admin) .project-status-totals .completed { color: #168278; border-color: #bce7e3; background: #effbf9; }
body:not(.custom-admin) .project-manager-table { margin: 0 5px 5px; overflow: hidden; border: 1px solid #e4e7ea; border-radius: 8px; }
body:not(.custom-admin) .project-create-toolbar { display: flex; justify-content: flex-end; min-height: 39px; padding: 7px 12px; }
body:not(.custom-admin) .project-create-toolbar .button { display: inline-flex; min-height: 27px; align-items: center; gap: 5px; font-size: 8px; }
body:not(.custom-admin) .project-create-toolbar svg { width: 13px; height: 13px; }
body:not(.custom-admin) .project-manager-filters { padding: 9px 12px 10px; border-bottom: 1px solid #e3e6e9; }
body:not(.custom-admin) .project-filter-heading { display: flex; justify-content: space-between; margin-bottom: 9px; font-size: 8px; }
body:not(.custom-admin) .project-filter-heading a { color: #c62828; text-decoration: none; }
body:not(.custom-admin) .project-filter-fields { display: grid; grid-template-columns: repeat(3,minmax(130px,1fr)); max-width: 590px; gap: 8px; }
body:not(.custom-admin) .project-filter-fields label { display: grid; gap: 4px; color: #56616b; font-size: 7px; }
body:not(.custom-admin) .project-filter-fields input,
body:not(.custom-admin) .project-filter-fields select { width: 100%; min-height: 26px; padding: 4px 7px; border: 1px solid #dfe3e7; border-radius: 5px; color: #64707b; background: #fff; font: inherit; font-size: 8px; }
body:not(.custom-admin) .project-filter-button { min-height: 26px; margin-top: 7px; padding: 0 9px; border: 0; border-radius: 5px; color: #5a4100; background: #ffb900; font-size: 8px; }
body:not(.custom-admin) .project-table-search { display: flex; justify-content: flex-end; padding: 6px 12px; border-bottom: 1px solid #e3e6e9; }
body:not(.custom-admin) .project-table-search label { display: flex; width: 108px; height: 24px; align-items: center; gap: 4px; padding: 0 6px; border: 1px solid #e0e4e8; border-radius: 5px; color: #8b949c; }
body:not(.custom-admin) .project-table-search svg { width: 12px; height: 12px; }
body:not(.custom-admin) .project-table-search input { width: 100%; min-width: 0; border: 0; outline: 0; font-size: 8px; }
body:not(.custom-admin) .project-manager-table-grid { min-width: 640px; }
body:not(.custom-admin) .project-manager-table-grid th,
body:not(.custom-admin) .project-manager-table-grid td { padding: 8px 11px; font-size: 8px; }
body:not(.custom-admin) .project-manager-table-grid td strong { color: #1f272e; font-size: 8px; }
body:not(.custom-admin) .project-manager-table-grid .project-status { display: inline-flex; padding: 3px 6px; border-radius: 4px; font-size: 7px; }
body:not(.custom-admin) .project-manager-table-grid .project-status.planning { color: #737b84; background: #f1f2f4; }
body:not(.custom-admin) .project-manager-table-grid .project-status.active { color: #138047; background: #e7f8ee; }
body:not(.custom-admin) .project-manager-table-grid .project-status.completed { color: #a45b08; background: #fff5e7; }
body:not(.custom-admin) .project-row-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; white-space: nowrap; }
body:not(.custom-admin) .project-row-actions a,
body:not(.custom-admin) .project-row-actions button { display: inline-flex; align-items: center; gap: 3px; border: 0; color: #376fe0; background: transparent; font: inherit; font-size: 8px; text-decoration: none; cursor: pointer; }
body:not(.custom-admin) .project-row-actions a svg,
body:not(.custom-admin) .project-row-actions button svg { width: 10px; height: 10px; }
body:not(.custom-admin) .project-row-actions form { display: inline; }
body:not(.custom-admin) .project-row-actions button { color: #d33; }
body:not(.custom-admin) .project-edit-panel { max-width: 860px; margin: 0 auto; }
body:not(.custom-admin) .project-edit-form { display: grid; gap: 10px; padding: 18px; }
body:not(.custom-admin) .project-edit-form>label { display: grid; gap: 5px; color: #48535d; font-size: 9px; }
body:not(.custom-admin) .project-edit-form input,
body:not(.custom-admin) .project-edit-form textarea { width: 100%; min-height: 34px; padding: 8px 10px; border: 1px solid #dce1e5; border-radius: 6px; font: inherit; font-size: 9px; }
body:not(.custom-admin) .project-edit-form textarea { min-height: 82px; }
body:not(.custom-admin) .project-edit-form footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 10px; }
body:not(.custom-admin) .project-wizard-open { overflow: hidden; }
body:not(.custom-admin) .project-wizard-backdrop { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; overflow: auto; padding: 18px; background: #151927ba; }
body:not(.custom-admin) .project-wizard-backdrop[hidden] { display: none; }
body:not(.custom-admin) .project-wizard { display: flex; width: min(680px,100%); max-height: min(92vh,760px); flex-direction: column; overflow: hidden; border: 1px solid #b2d8ab; border-radius: 15px; background: #fff; box-shadow: 0 18px 50px #10152260; }
body:not(.custom-admin) .project-wizard-header { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 14px 18px; color: #fff; background: linear-gradient(105deg,#06482c,#15a700 66%,#e0e900); }
body:not(.custom-admin) .project-wizard-mark { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #ffffff25; }
body:not(.custom-admin) .project-wizard-mark svg { width: 18px; height: 18px; }
body:not(.custom-admin) .project-wizard-header small { color: #98ed4d; font-size: 7px; font-weight: 800; letter-spacing: .24em; }
body:not(.custom-admin) .project-wizard-header h2 { margin: 3px 0; font-size: 15px; }
body:not(.custom-admin) .project-wizard-header p { color: #e3f7e9; font-size: 8px; }
body:not(.custom-admin) .project-wizard-header>button { align-self: flex-start; margin-left: auto; border: 0; color: #fff; background: transparent; font-size: 24px; cursor: pointer; }
body:not(.custom-admin) .project-wizard-progress { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 17px; background: #f4f4f4; }
body:not(.custom-admin) .project-wizard-progress>div { display: flex; flex-wrap: wrap; gap: 5px; }
body:not(.custom-admin) .project-wizard-progress>div>span { padding: 5px 8px; border: 1px solid #d9dce1; border-radius: 12px; color: #66717b; font-size: 7px; font-weight: 750; letter-spacing: .1em; }
body:not(.custom-admin) .project-wizard-progress>div>span.active { border-color: #23ad00; color: #fff; background: #21aa00; }
body:not(.custom-admin) .project-wizard-progress>label { display: flex; align-items: center; gap: 8px; color: #7c858e; font-size: 7px; letter-spacing: .2em; white-space: nowrap; }
body:not(.custom-admin) .project-wizard-progress>label span { width: 70px; height: 4px; overflow: hidden; border-radius: 4px; background: #dce0e3; }
body:not(.custom-admin) .project-wizard-progress>label i { display: block; width: 33.333%; height: 100%; background: linear-gradient(90deg,#bbec00,#0bb95b); transition: width .2s ease; }
body:not(.custom-admin) .project-wizard>form { display: flex; min-height: 0; flex: 1; flex-direction: column; }
body:not(.custom-admin) .project-wizard-step { display: none; min-height: 0; flex: 1; overflow: auto; padding: 16px; background: #a5a7a1; }
body:not(.custom-admin) .project-wizard-step.active { display: block; }
body:not(.custom-admin) .project-wizard-card,
body:not(.custom-admin) .project-wizard-review { padding: 17px; border-radius: 12px; background: #fff; }
body:not(.custom-admin) .project-wizard-card>small { color: #189037; font-size: 7px; font-weight: 800; letter-spacing: .22em; }
body:not(.custom-admin) .project-wizard-card>h3 { margin: 7px 0 13px; color: #252c32; font-size: 13px; }
body:not(.custom-admin) .project-wizard-card>label,
body:not(.custom-admin) .project-wizard-three-columns label,
body:not(.custom-admin) .project-outcome-card>label,
body:not(.custom-admin) .project-wizard-two-columns label { display: grid; gap: 5px; margin: 9px 0; color: #3e474f; font-size: 8px; font-weight: 600; }
body:not(.custom-admin) .project-wizard-card em { color: #87919a; font-size: 7px; font-style: normal; font-weight: 400; }
body:not(.custom-admin) .project-wizard-card input,
body:not(.custom-admin) .project-wizard-card textarea,
body:not(.custom-admin) .project-outcome-card input,
body:not(.custom-admin) .project-outcome-card textarea,
body:not(.custom-admin) .project-outcome-card select { width: 100%; min-height: 32px; padding: 7px 9px; border: 1px solid #78c766; border-radius: 6px; color: #343c43; background: #fff; font: inherit; font-size: 9px; }
body:not(.custom-admin) .project-wizard-card textarea,
body:not(.custom-admin) .project-outcome-card textarea { min-height: 72px; resize: vertical; }
body:not(.custom-admin) .project-wizard-card label>small,
body:not(.custom-admin) .project-outcome-card label>small { color: #88919a; font-size: 7px; font-weight: 400; }
body:not(.custom-admin) .project-wizard-three-columns,
body:not(.custom-admin) .project-wizard-two-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
body:not(.custom-admin) .project-wizard-two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .project-currency-input { display: flex; align-items: center; border: 1px solid #78c766; border-radius: 6px; }
body:not(.custom-admin) .project-currency-input b { padding-left: 9px; color: #4a535b; font-weight: 500; }
body:not(.custom-admin) .project-currency-input input { border: 0; }
body:not(.custom-admin) .project-wizard-errors { padding: 8px 16px; color: #a32626; background: #fff0f0; font-size: 9px; }
body:not(.custom-admin) .project-wizard-footer { display: flex; justify-content: space-between; gap: 10px; padding: 10px 15px; border-top: 1px solid #e0e4e7; background: #fff; }
body:not(.custom-admin) .project-wizard-footer>div { display: flex; align-items: center; gap: 7px; }
body:not(.custom-admin) .project-wizard-footer .button { min-height: 30px; padding: 0 10px; font-size: 8px; }
body:not(.custom-admin) .project-save-exit { color: #2870ed; border: 1px solid #83aef7; background: #fff; }
body:not(.custom-admin) .project-outcome-tabs { display: flex; gap: 4px; padding-bottom: 9px; border-bottom: 1px solid #e3e6e9; }
body:not(.custom-admin) .project-outcome-tabs button { padding: 7px 9px; border: 0; border-radius: 5px; color: #56616b; background: #f2f3f5; font-size: 8px; cursor: pointer; }
body:not(.custom-admin) .project-outcome-tabs button.active { color: #fff; background: #0cba5c; }
body:not(.custom-admin) .project-outcome-panel { display: none; padding-top: 13px; }
body:not(.custom-admin) .project-outcome-panel.active { display: block; }
body:not(.custom-admin) .project-outcome-panel h3 { margin: 0 0 5px; font-size: 10px; }
body:not(.custom-admin) .project-outcome-panel>p { margin-bottom: 12px; color: #727d86; font-size: 8px; line-height: 1.5; }
body:not(.custom-admin) .project-outcome-card { margin: 10px 0; padding: 12px; border: 1px solid #dce1e5; border-radius: 7px; background: #fcfcfc; }
body:not(.custom-admin) .project-outcome-card header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: #424a52; font-size: 8px; }
body:not(.custom-admin) .project-outcome-card header button { border: 0; color: #e33; background: transparent; font-size: 16px; cursor: pointer; }
body:not(.custom-admin) .project-outcome-card fieldset { margin-top: 8px; padding: 8px; border: 1px solid #e0e4e8; border-radius: 5px; }
body:not(.custom-admin) .project-outcome-card legend { font-size: 8px; }
body:not(.custom-admin) .project-add-outcome { width: 100%; min-height: 30px; border: 1px dashed #d1d6db; border-radius: 5px; color: #67717a; background: transparent; font-size: 8px; cursor: pointer; }
body:not(.custom-admin) .project-wizard-review>h3 { margin: 4px 0; font-size: 10px; }
body:not(.custom-admin) .project-wizard-review>p { margin-bottom: 11px; color: #7b858e; font-size: 8px; }
body:not(.custom-admin) .project-review-summary { padding: 12px; border: 1px solid #e0e4e8; border-radius: 5px; background: #fff; font-size: 8px; }
body:not(.custom-admin) .project-review-summary dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 10px 0 0; }
body:not(.custom-admin) .project-review-summary dl>div { display: grid; gap: 3px; }
body:not(.custom-admin) .project-review-summary dt { color: #7c858e; font-size: 7px; }
body:not(.custom-admin) .project-review-summary dd { margin: 0; color: #242d35; font-weight: 650; }
body:not(.custom-admin) .project-review-summary small { color: #78838d; font-size: 7px; }
body:not(.custom-admin) .project-review-checklist { margin-top: 10px; padding: 12px; border: 1px solid #c7ddff; border-radius: 5px; color: #2655bd; background: #f1f7ff; font-size: 8px; }
body:not(.custom-admin) .project-review-checklist>strong { display: flex; align-items: center; gap: 5px; }
body:not(.custom-admin) .project-review-checklist svg { width: 13px; height: 13px; }
body:not(.custom-admin) .project-review-checklist p { margin: 5px 0; }
body:not(.custom-admin) .project-review-checklist ul { margin: 5px 0 0; padding-left: 17px; }
body:not(.custom-admin) .verification-back-link { display: inline-block; margin-bottom: 10px; color: #336bd4; font-size: 9px; text-decoration: none; }
body:not(.custom-admin) .verification-activity-summary { display: grid; grid-template-columns: minmax(0,1fr) 170px; gap: 18px; padding: 20px; }
body:not(.custom-admin) .verification-project-name { display: inline-block; margin-right: 5px; padding: 5px 9px; border-radius: 14px; color: #2657c2; background: #e9f1ff; font-size: 8px; }
body:not(.custom-admin) .verification-activity-summary h1 { margin: 10px 0; color: #20262c; font-size: 18px; line-height: 1.35; }
body:not(.custom-admin) .verification-activity-summary p { color: #69737d; font-size: 9px; }
body:not(.custom-admin) .verification-activity-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; color: #737e88; font-size: 8px; }
body:not(.custom-admin) .verification-activity-meta span { display: inline-flex; align-items: center; gap: 5px; }
body:not(.custom-admin) .verification-activity-meta svg { width: 13px; height: 13px; }
body:not(.custom-admin) .verification-kpi-summary { display: grid; align-content: center; gap: 6px; padding: 12px; border: 1px solid #edf0f2; border-radius: 7px; background: #fafafa; }
body:not(.custom-admin) .verification-kpi-summary small,
body:not(.custom-admin) .verification-kpi-value small { color: #78828c; font-size: 8px; }
body:not(.custom-admin) .verification-kpi-summary strong,
body:not(.custom-admin) .verification-kpi-value strong { color: #20262c; font-size: 16px; }
body:not(.custom-admin) .verification-submissions-section { margin-top: 17px; }
body:not(.custom-admin) .verification-submissions-section>h2 { display: flex; align-items: center; gap: 7px; margin: 0 0 10px; color: #272e34; font-size: 13px; }
body:not(.custom-admin) .verification-submissions-section>h2 svg { width: 16px; height: 16px; }
body:not(.custom-admin) .verification-submission { margin-bottom: 12px; overflow: hidden; }
body:not(.custom-admin) .verification-submission>header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e5e8eb; }
body:not(.custom-admin) .verification-submission-heading { display: flex; align-items: center; gap: 10px; }
body:not(.custom-admin) .verification-submission-heading>span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #2863cf; background: #e5efff; font-size: 10px; font-weight: 700; }
body:not(.custom-admin) .verification-submission-heading h3 { margin: 0; color: #292f35; font-size: 11px; }
body:not(.custom-admin) .verification-submission-heading small { display: block; margin-top: 3px; color: #7c858f; font-size: 8px; }
body:not(.custom-admin) .verification-submission-state { display: flex; align-items: center; gap: 8px; }
body:not(.custom-admin) .verification-submission-body { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(190px,.85fr); gap: 20px; padding: 17px; }
body:not(.custom-admin) .verification-submission-data { display: grid; align-content: start; gap: 12px; }
body:not(.custom-admin) .verification-kpi-value { display: grid; width: min(240px,100%); gap: 5px; padding: 12px; border-radius: 7px; background: #f8f8f8; }
body:not(.custom-admin) .verification-submission-data h4,
body:not(.custom-admin) .verification-proof-list h4 { margin: 0 0 5px; color: #535b63; font-size: 8px; }
body:not(.custom-admin) .verification-submission-data p,
body:not(.custom-admin) .verification-proof-list>p { min-height: 48px; margin: 0; padding: 10px; border-radius: 6px; color: #69737d; background: #f8f8f8; font-size: 9px; line-height: 1.5; }
body:not(.custom-admin) .verification-proof-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 7px; }
body:not(.custom-admin) .verification-proof-list h4,
body:not(.custom-admin) .verification-proof-list>p { grid-column: 1/-1; }
body:not(.custom-admin) .verification-proof-list>a { display: grid; min-height: 82px; place-items: center; overflow: hidden; border: 1px solid #e0e4e8; border-radius: 6px; color: #3469ce; background: #fafafa; font-size: 8px; text-decoration: none; }
body:not(.custom-admin) .verification-proof-list img { width: 100%; height: 100%; max-height: 130px; object-fit: cover; }
body:not(.custom-admin) .verification-detail-review { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: end; gap: 7px; padding: 0 17px 14px; }
body:not(.custom-admin) .verification-detail-review label { display: grid; flex: 1 1 200px; gap: 4px; color: #606a74; font-size: 8px; }
body:not(.custom-admin) .verification-detail-review input { min-height: 30px; padding: 6px 8px; border: 1px solid #dce1e5; border-radius: 5px; font: inherit; font-size: 8px; }
body:not(.custom-admin) .verification-detail-review button { min-height: 30px; padding: 0 10px; border: 0; border-radius: 5px; color: #fff; background: #0bb65b; font-size: 8px; cursor: pointer; }
body:not(.custom-admin) .verification-detail-review button.reject { background: #e34545; }
@media(max-width:700px) {
body:not(.custom-admin) .project-table-heading { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .project-filter-fields { grid-template-columns: 1fr; }
body:not(.custom-admin) .project-center-share { grid-template-columns: 1fr; gap: 5px; }
body:not(.custom-admin) .project-wizard-backdrop { align-items: start; padding: 8px; }
body:not(.custom-admin) .project-wizard { max-height: calc(100vh - 16px); }
body:not(.custom-admin) .project-wizard-progress { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .project-wizard-three-columns,
body:not(.custom-admin) .project-wizard-two-columns { grid-template-columns: 1fr; gap: 4px; }
body:not(.custom-admin) .project-outcome-tabs { overflow-x: auto; }
body:not(.custom-admin) .project-outcome-tabs button { flex: 0 0 auto; }
body:not(.custom-admin) .project-wizard-footer { align-items: flex-start; flex-direction: column; }
body:not(.custom-admin) .project-wizard-footer>div:last-child { width: 100%; justify-content: flex-end; }
body:not(.custom-admin) .verification-activity-summary,
body:not(.custom-admin) .verification-submission-body { grid-template-columns: 1fr; }
body:not(.custom-admin) .verification-kpi-summary { grid-template-columns: repeat(2,1fr); }
body:not(.custom-admin) .survey-public-panel>header h1 { font-size: 24px; }
body:not(.custom-admin) .survey-public-panel>header p { font-size: 15px; }
body:not(.custom-admin) .survey-public-question { padding: 14px; }
}
body:not(.custom-admin) .analytics-summary { grid-template-columns: repeat(5,minmax(0,1fr)); }
body:not(.custom-admin) .analytics-stat.orange { background: #f97316; }
body:not(.custom-admin) .analytics-lens { display: inline-block; margin-bottom: 5px; padding: 3px 7px; border: 1px solid #cfe0ff; border-radius: 12px; color: #3478ed; background: #f3f7ff; font-size: 7px; font-weight: 750; letter-spacing: .04em; }
body:not(.custom-admin) .analytics-activity-toolbar { display: flex; justify-content: flex-end; padding: 0 8px 8px; }
body:not(.custom-admin) .analytics-activity-toolbar form { display: flex; align-items: center; gap: 5px; width: min(100%,440px); }
body:not(.custom-admin) .analytics-activity-toolbar input,
body:not(.custom-admin) .analytics-activity-toolbar select { min-width: 0; height: 28px; padding: 0 7px; border: 1px solid #dce1e5; border-radius: 5px; color: #59636d; background: #fff; font: inherit; font-size: 8px; }
body:not(.custom-admin) .analytics-activity-toolbar input[type="search"] { flex: 1; }
body:not(.custom-admin) .analytics-activity-toolbar input[type="date"] { width: 110px; }
body:not(.custom-admin) .analytics-activity-toolbar select { width: 95px; }
body:not(.custom-admin) .analytics-activity-toolbar .button { min-height: 28px; padding: 0 9px; font-size: 8px; }
body:not(.custom-admin) .analytics-table { min-width: 800px; }
body:not(.custom-admin) .analytics-table td:first-child { width: 34%; }
body:not(.custom-admin) .analytics-progress { display: inline-block; width: 48px; height: 5px; margin-right: 5px; overflow: hidden; border-radius: 4px; background: #e6e8eb; vertical-align: middle; }
body:not(.custom-admin) .analytics-progress i { display: block; height: 100%; background: #10b981; }
html.theme-dark .analytics-lens { color: #a8c5ff; border-color: #3a4b67; background: #263248; }
html.theme-dark .analytics-activity-toolbar input,
html.theme-dark .analytics-activity-toolbar select { color: #e4e7eb; border-color: #494c52; background: #282a2f; }
html.theme-dark .analytics-progress { background: #393c42; }
@media(max-width:1000px) {
body:not(.custom-admin) .analytics-summary,
body:not(.custom-admin) .analytics-summary.pm-analytics-summary,
body:not(.custom-admin) .analytics-summary.donor-analytics-summary,
body:not(.custom-admin) .analytics-summary.field-analytics-summary { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
body:not(.custom-admin) .analytics-summary,
body:not(.custom-admin) .analytics-summary.pm-analytics-summary,
body:not(.custom-admin) .analytics-summary.donor-analytics-summary,
body:not(.custom-admin) .analytics-summary.field-analytics-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:not(.custom-admin) .analytics-activity-toolbar form { display: grid; grid-template-columns: minmax(0,1fr) 100px; }
body:not(.custom-admin) .analytics-activity-toolbar input[type="search"] { grid-column: 1/-1; }
body:not(.custom-admin) .analytics-activity-toolbar input[type="date"] { width: 100%; } }
body:not(.custom-admin) .chart-legend span.legend-completed { color: #10a96f; }
body:not(.custom-admin) .chart-legend span.legend-in-progress { color: #f59e0b; }
body:not(.custom-admin) .chart-legend span.legend-pending { color: #8b919a; }
body:not(.custom-admin) .chart-legend span.legend-approved { color: #8654e9; }
body:not(.custom-admin) .project-detail-summary article:nth-child(2)>span { color: #0bb66c; background: #edfbf3; }
body:not(.custom-admin) .project-detail-summary article:nth-child(3)>span { color: #3478f6; background: #edf4ff; }
body:not(.custom-admin) .project-kpi-cards article>.project-kpi-detail { height: auto; min-height: 12px; color: #76818b; font-size: 8px; line-height: 1.4; }
body:not(.custom-admin) .project-kpi-cards article>.project-kpi-track { display: block; height: 5px; overflow: hidden; border-radius: 4px; background: #e7e5ef; }
body:not(.custom-admin) .project-kpi-cards article>.project-kpi-track i { display: block; height: 100%; border-radius: inherit; background: #7855f7; }
body:not(.custom-admin) .project-report-progress { grid-template-columns: minmax(0,1fr); gap: 7px; }
body:not(.custom-admin) .project-report-progress>div { display: grid; gap: 5px; }
body:not(.custom-admin) .project-report-progress-track { display: block; height: 4px; overflow: hidden; border-radius: 4px; background: #e4e6ea; }
body:not(.custom-admin) .project-report-progress-track i { display: block; height: 100%; border-radius: inherit; background: #3777f6; }
body:not(.custom-admin) .project-report-entries>article { grid-template-columns: minmax(0,1fr); }
body:not(.custom-admin) .project-report-entries>article header { align-items: center; min-height: 22px; }
body:not(.custom-admin) .project-report-entries>article p { margin: 0; }
body:not(.custom-admin) .project-report-proofs a { display: inline-flex; padding: 4px 8px; border-radius: 12px; background: #f1f3f5; font-size: 7px; text-decoration: none; }
body:not(.custom-admin) .project-status-guidance { margin-top: 8px; color: #77828c; font-size: 8px; line-height: 1.5; }
@media(max-width:700px) {
body:not(.custom-admin) .project-kpi-cards { grid-template-columns: 1fr; }
body:not(.custom-admin) .project-report-activity summary { grid-template-columns: minmax(0,1fr) auto; }
body:not(.custom-admin) .project-report-activity summary>span:not(:first-child) { justify-self: end; } }/* accountant.css */
body:not(.custom-admin) .accountant-chart { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; min-height: 120px; padding: 14px 8px 17px; }
body:not(.custom-admin) .accountant-chart-row { display: flex; min-width: 0; flex-direction: column; justify-content: flex-end; gap: 4px; color: #68737e; font-size: 9px; text-align: center; }
body:not(.custom-admin) .accountant-chart-track { width: 100%; height: 5px; overflow: hidden; border-radius: 4px; background: transparent; }
body:not(.custom-admin) .accountant-chart-track i { display: block; height: 100%; border-radius: inherit; background: #00c76b; }
body:not(.custom-admin) .accountant-chart-row strong { color: #16894b; font-size: 8px; text-align: center; white-space: nowrap; }
body:not(.custom-admin) .accountant-analytics-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
body:not(.custom-admin) .accountant-breakdown { display: grid; gap: 12px; padding: 12px 15px 16px; }
body:not(.custom-admin) .accountant-breakdown>div { position: relative; display: flex; min-height: 25px; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid #edf0f2; color: #68737e; font-size: 9px; }
body:not(.custom-admin) .accountant-breakdown>div strong { margin-left: auto; color: #35414b; }
body:not(.custom-admin) .accountant-breakdown>div i { position: absolute; bottom: 0; left: 0; height: 3px; max-width: 100%; border-radius: 2px; background: #16b978; }
body:not(.custom-admin) .accountant-analytics-total { display: grid; gap: 5px; margin-left: auto; text-align: right; }
body:not(.custom-admin) .accountant-analytics-total small { color: #858e98; font-size: 7px; font-weight: 750; letter-spacing: .08em; }
body:not(.custom-admin) .accountant-analytics-total strong { color: #24313c; font-size: 13px; }
body:not(.custom-admin) .accountant-analytics-metric { position: relative; }
body:not(.custom-admin) .accountant-analytics-metric>span { max-width: calc(100% - 27px); }
body:not(.custom-admin) .accountant-analytics-metric-icon { position: absolute; top: 9px; right: 9px; display: grid; width: 18px; height: 18px; place-items: center; border-radius: 5px; }
body:not(.custom-admin) .accountant-analytics-metric-icon svg { width: 11px; height: 11px; }
body:not(.custom-admin) .accountant-analytics-metric-icon.green { color: #10a860; background: #e8f8ef; }
body:not(.custom-admin) .accountant-analytics-metric-icon.blue { color: #3478ed; background: #edf3ff; }
body:not(.custom-admin) .accountant-analytics-metric-icon.orange { color: #ed9820; background: #fff5e7; }
body:not(.custom-admin) .accountant-analytics-metric-icon.purple { color: #8b5cf6; background: #f3edff; }
body:not(.custom-admin) .accountant-payment-breakdown>div:nth-child(2) i { background: #4d83f5; }
body:not(.custom-admin) .accountant-payment-breakdown>div:nth-child(3) i { background: #a7adb5; }
body:not(.custom-admin) .accountant-budget-breakdown>div:nth-child(2) i { background: #f0a435; }
body:not(.custom-admin) .accountant-budget-breakdown>div:nth-child(3) i { background: #e85d62; }
body:not(.custom-admin) .accountant-payment-ready-notice { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; margin: -5px 0 16px; padding: 12px 15px; border: 1px solid #b9e8ca; border-radius: 9px; background: #effaf3; }
body:not(.custom-admin) .accountant-payment-ready-notice>div { display: grid; gap: 4px; }
body:not(.custom-admin) .accountant-payment-ready-notice strong { color: #176b37; font-size: 11px; }
body:not(.custom-admin) .accountant-payment-ready-notice small { color: #68766e; font-size: 9px; }
body:not(.custom-admin) .accountant-payment-action { display: grid; justify-items: start; gap: 5px; }
body:not(.custom-admin) .finance-table .payment-record-action { min-height: 24px; padding: 0 8px; font-size: 9px; }
body:not(.custom-admin) .finance-table form { display: inline-flex; }
body:not(.custom-admin) .finance-table .button { min-height: 26px; padding: 0 8px; font-size: 8px; }
body:not(.custom-admin) .finance-table-toolbar { display: flex; justify-content: flex-end; padding: 7px 10px; }
body:not(.custom-admin) .finance-table-toolbar input { width: min(230px, 100%); min-height: 29px; padding: 0 10px; border: 1px solid #d8dce1; border-radius: 7px; color: #26313b; background: #fff; font: inherit; }
body:not(.custom-admin) .iteration-badge { display: inline-block; min-width: 17px; padding: 2px 4px; border-radius: 4px; color: #2464db; background: #eaf1ff; font-size: 9px; text-align: center; }
body:not(.custom-admin) .payment-status-action { appearance: none; border: 0; cursor: pointer; font: inherit; }
body:not(.custom-admin) .payment-status.not_requested { color: #7b828a; background: #eef0f2; }
body:not(.custom-admin) .payment-status.not_ready { color: #707780; background: #eef0f2; }
body:not(.custom-admin) .project-name-badge { padding: 2px 5px; border: 1px solid #dce7ff; border-radius: 4px; color: #2869d6; background: #eff5ff; font-size: 8px; }
body:not(.custom-admin) .accountant-project-payments-empty { height: 190px; text-align: center; }
body:not(.custom-admin) .accountant-empty-state { display: grid; justify-items: center; gap: 8px; color: #20242a; }
body:not(.custom-admin) .accountant-empty-state>span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: #858b92; background: #f1f2f4; }
body:not(.custom-admin) .accountant-empty-state>span svg { width: 20px; height: 20px; }
body:not(.custom-admin) .accountant-empty-state strong { font-size: 12px; }
body:not(.custom-admin) .accountant-empty-state small { color: #7d858e; font-size: 10px; }
html.theme-dark .finance-table-toolbar input { color: #e4e7eb; border-color: #484b52; background: #191a1e; }
html.theme-dark .payment-status.not_requested { color: #c4c9d0; background: #34363c; }
html.theme-dark .project-name-badge { color: #a8c5ff; border-color: #3a4b67; background: #263248; }
@media(max-width:700px) {
body:not(.custom-admin) .accountant-analytics-grid { grid-template-columns: 1fr; }
body:not(.custom-admin) .accountant-analytics-total { align-self: flex-start; }
body:not(.custom-admin) .accountant-dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
body:not(.custom-admin) .accountant-chart { grid-template-columns: repeat(4,minmax(0,1fr)); }
body:not(.custom-admin) .accountant-payment-ready-notice { align-items: flex-start; flex-direction: column; }
}/* dark-mode.css */
html.theme-dark { color-scheme: dark; }
html.theme-dark body { color: #e6e8eb; background-color: #18191c; }
html.theme-dark .main,
html.theme-dark .content,
html.theme-dark .management-content { background-color: #18191c; }
html.theme-dark .topbar,
html.theme-dark .panel,
html.theme-dark .metric-card,
html.theme-dark .chart-card,
html.theme-dark .analytics-card,
html.theme-dark .dashboard-card,
html.theme-dark .data-card,
html.theme-dark .management-card,
html.theme-dark .management-banner,
html.theme-dark .workspace-panel,
html.theme-dark .workspace-metric,
html.theme-dark .finance-banner,
html.theme-dark .finance-filter-form,
html.theme-dark .finance-table-wrap,
html.theme-dark .table-wrap,
html.theme-dark .filter-panel,
html.theme-dark .project-card,
html.theme-dark .builder-project-card,
html.theme-dark .donor-gallery-card,
html.theme-dark .profile-details-panel,
html.theme-dark .request-detail-grid,
html.theme-dark .user-create-dialog,
html.theme-dark .impersonation-dialog,
html.theme-dark .account-profile-card { color: #e4e7eb; border-color: #393c42; background-color: #242529; }
html.theme-dark .topbar { border-bottom-color: #393c42; }
html.theme-dark .page-heading,
html.theme-dark .welcome-banner,
html.theme-dark .builder-hero,
html.theme-dark .project-context-banner { border-color: #393c42; background: linear-gradient(105deg,#242529 0%,#25272b 65%,#1e3027 100%); }
html.theme-dark .panel-heading,
html.theme-dark .workspace-panel-title,
html.theme-dark .management-intro,
html.theme-dark .builder-panel-heading,
html.theme-dark .table-wrap thead,
html.theme-dark .management-table th,
html.theme-dark .finance-table th,
html.theme-dark .workspace-table th { color: #e4e7eb; border-color: #393c42; background-color: #202125; }
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark .metric-value,
html.theme-dark .workspace-metric>strong,
html.theme-dark .workspace-panel-title h1,
html.theme-dark .workspace-panel-title h2,
html.theme-dark .management-intro h1,
html.theme-dark .request-detail-grid dd,
html.theme-dark .analytics-callout strong,
html.theme-dark .profile-photo-preview>div>strong { color: #f2f3f5; }
html.theme-dark p,
html.theme-dark .management-intro p,
html.theme-dark .workspace-panel-title p,
html.theme-dark .profile-photo-preview>div>small,
html.theme-dark .request-detail-grid dt,
html.theme-dark .metric-foot,
html.theme-dark .chart-caption,
html.theme-dark .finance-title p { color: #aeb4bd; }
html.theme-dark .management-table td,
html.theme-dark .finance-table td,
html.theme-dark .workspace-table td,
html.theme-dark .table-wrap td,
html.theme-dark .role-table-footer,
html.theme-dark .finance-footer { color: #d6d9de; border-color: #393c42; }
html.theme-dark .management-table tr,
html.theme-dark .finance-table tr,
html.theme-dark .workspace-table tr,
html.theme-dark .table-wrap tr { border-color: #393c42; }
html.theme-dark a:not(.nav-link):not(.brand) { color: #79c8a0; }
html.theme-dark a:not(.nav-link):not(.brand):hover { color: #9de0bb; }
html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .filter-grid select,
html.theme-dark .filter-grid input,
html.theme-dark .finance-filter-grid select,
html.theme-dark .finance-filter-grid input,
html.theme-dark .finance-search input,
html.theme-dark .report-filters select,
html.theme-dark .report-filters input,
html.theme-dark .analytics-filter select,
html.theme-dark .donor-filter select,
html.theme-dark .donor-filter input { color: #e5e7eb; border-color: #484b52; background-color: #191a1e; }
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder { color: #8d949f; }
html.theme-dark option { color: #e5e7eb; background: #191a1e; }
html.theme-dark .donut-chart>div,
html.theme-dark .donor-donut:before,
html.theme-dark .project-donut:before { background-color: #242529; }
html.theme-dark .financial-insight-list>div,
html.theme-dark .role-card,
html.theme-dark .analytics-activity-scroll { border-color: #393c42; background-color: #202125; }
html.theme-dark .survey-summary article { border-color: #34473d; background: linear-gradient(120deg,#242529 0%,#1d3027 100%); }
html.theme-dark .survey-summary article:nth-child(2) { border-color: #343f52; background: linear-gradient(120deg,#242529 0%,#202a3a 100%); }
html.theme-dark .survey-summary article:nth-child(3) { border-color: #443750; background: linear-gradient(120deg,#242529 0%,#30263a 100%); }
html.theme-dark .project-legend,
html.theme-dark .donor-chart-panel,
html.theme-dark .project-state,
html.theme-dark .accountant-chart-track,
html.theme-dark .donor-month-row>div { color: #c4c9d0; }
html.theme-dark .project-state { background-color: #34363c; }
html.theme-dark .status-badge,
html.theme-dark .status-pill,
html.theme-dark .badge { border-color: #484b52; }
html.theme-dark .impersonation-modal { background: transparent; }
html.theme-dark .impersonation-dialog p,
html.theme-dark .impersonation-dialog>small { color: #aeb4bd; }
html.theme-dark .sidebar { color-scheme: light; }
html.theme-dark .workspace-footer,
html.theme-dark .login-footer { color: #9ba2ad; }
body:not(.custom-admin) .topbar-icon-button { display: inline-grid; width: 25px; height: 25px; place-items: center; padding: 0; border: 0; border-radius: 5px; color: #69737d; background: transparent; font-size: 15px; cursor: pointer; }
body:not(.custom-admin) .topbar-icon-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
body:not(.custom-admin) .topbar-icon-button:hover { color: #087947; background: #edf6f0; }
body:not(.custom-admin) .impersonation-modal[hidden] { display: none; }
body:not(.custom-admin) .impersonation-modal { position: fixed; top: 34px; right: 16px; z-index: 20; display: block; width: min(680px,calc(100vw - 32px)); padding: 0; background: transparent; }
body:not(.custom-admin) .impersonation-dialog { position: relative; width: 100%; padding: 20px 18px 17px; border: 1px solid #e0e4e8; border-radius: 10px; background: #fff; box-shadow: 0 8px 26px #17212b20; }
body:not(.custom-admin) .impersonation-dialog h2 { color: #27313c; font-size: 14px; font-weight: 650; }
body:not(.custom-admin) .impersonation-dialog p { margin: 5px 0 17px; color: #7c8590; font-size: 9px; }
body:not(.custom-admin) .impersonation-dialog label { display: block; margin-bottom: 6px; color: #39434d; font-size: 10px; font-weight: 650; }
body:not(.custom-admin) .impersonation-dialog input,
body:not(.custom-admin) .impersonation-dialog select { display: block; width: 100%; min-height: 34px; margin-bottom: 8px; padding: 7px 10px; border: 1px solid #dce1e5; border-radius: 7px; color: #515b65; background: #fff; font-size: 10px; }
body:not(.custom-admin) .impersonation-dialog select { min-height: 39px; padding: 4px 10px; }
body:not(.custom-admin) .impersonation-dialog select option { padding: 7px; }
body:not(.custom-admin) .impersonation-dialog>small { color: #59636d; font-size: 9px; }
body:not(.custom-admin) .impersonation-dialog noscript p { margin: 8px 0 0; }
body:not(.custom-admin) .impersonation-close { position: absolute; top: 12px; right: 14px; width: 26px; height: 26px; border: 0; color: #7c8590; background: transparent; font-size: 20px; cursor: pointer; }
html.theme-dark .topbar-icon-button { color: #c3c8d0; }
html.theme-dark .topbar-icon-button:hover { color: #53d997; background: #26352e; }
html.theme-dark .impersonation-dialog { color: #e4e7eb; border-color: #393c42; background-color: #242529; }
html.theme-dark .impersonation-dialog h2,
html.theme-dark .impersonation-dialog label { color: #f2f3f5; }
html.theme-dark .super-admin-dashboard .admin-welcome {
  color: #e4e7eb;
  border-color: #393c42;
  background: linear-gradient(105deg, #242b35 0%, #242529 56%, #1f3028 100%);
}
html.theme-dark .super-admin-dashboard .admin-welcome-copy h1 { color: #f2f3f5; }
html.theme-dark .super-admin-dashboard .admin-welcome-copy h1 span { color: #66e09c; }
html.theme-dark .super-admin-dashboard .admin-welcome-copy p { color: #c1c6ce; }
html.theme-dark .super-admin-dashboard .admin-welcome-copy p strong {
  color: #e4e7eb;
  background: #383b42;
}
html.theme-dark .super-admin-dashboard .admin-welcome-copy p i { color: #9299a3; }
html.theme-dark .super-admin-dashboard .admin-welcome-meta span { color: #b2b8c1; }
html.theme-dark .super-admin-dashboard .admin-welcome-meta strong { color: #f0f2f4; }
html.theme-dark .super-admin-dashboard .shortcut-card {
  color: #eef0f3;
  border-color: #393c42;
  background: #242529;
}
html.theme-dark .super-admin-dashboard .shortcut-card:hover {
  border-color: #547b63;
  background: #292b30;
}
html.theme-dark .super-admin-dashboard .shortcut-card small { color: #b2b8c1; }
html.theme-dark .super-admin-dashboard .users-icon { color: #69e59c; background: #203a2b; }
html.theme-dark .super-admin-dashboard .organizations-icon { color: #83b1ff; background: #202f48; }
html.theme-dark .super-admin-dashboard .roles-icon { color: #d29aff; background: #352642; }
html.theme-dark .super-admin-dashboard .audit-panel {
  color: #e4e7eb;
  border-color: #393c42;
  background: #242529;
}
html.theme-dark .super-admin-dashboard .audit-panel-heading h2 { color: #f2f3f5; }
html.theme-dark .super-admin-dashboard .audit-panel-heading p { color: #b2b8c1; }
html.theme-dark .super-admin-dashboard .audit-filters input,
html.theme-dark .super-admin-dashboard .audit-filters select {
  color: #e5e7eb;
  border-color: #484b52;
  background-color: #191a1e;
}
html.theme-dark .super-admin-dashboard .audit-filters input::placeholder { color: #aeb4bd; }
html.theme-dark .super-admin-dashboard .audit-table th { color: #d6d9de; }
html.theme-dark .super-admin-dashboard .audit-table td { color: #e0e3e7; }
html.theme-dark .super-admin-dashboard .audit-table td small { color: #b2b8c1; }
html.theme-dark .super-admin-dashboard .audit-pagination { color: #c3c8d0; }
html.theme-dark .super-admin-dashboard .audit-pagination a {
  color: #a4e7bf;
  border-color: #484b52;
  background: #202125;
}
html.theme-dark .super-admin-dashboard .audit-severity {
  color: #a9c8ff;
  background: #26364f;
}
html.theme-dark .super-admin-dashboard .audit-severity.warning {
  color: #ffd28b;
  background: #49371f;
}
html.theme-dark .super-admin-dashboard .audit-filter-actions .button.secondary {
  color: #e4e7eb;
  border-color: #484b52;
  background: #303238;
}
html.theme-dark .super-admin-dashboard .topbar-notifications { color: #c3c8d0; }
html.theme-dark .super-admin-dashboard .topbar-notifications i { background: #ff6575; }
html.theme-dark .super-admin-dashboard .legend,
html.theme-dark .super-admin-dashboard .chart-x-labels,
html.theme-dark .super-admin-dashboard .chart-y-labels,
html.theme-dark .super-admin-dashboard .trend-month-labels,
html.theme-dark .super-admin-dashboard .trend-item small,
html.theme-dark .super-admin-dashboard .table-footer { color: #b8bec7; }
html.theme-dark .super-admin-dashboard .trend-title,
html.theme-dark .super-admin-dashboard .completion-cell b,
html.theme-dark .super-admin-dashboard .legend b { color: #e0e3e7; }
html.theme-dark .super-admin-dashboard .empty-state { color: #b8bec7; }
html.theme-dark .management-intro p,
html.theme-dark .management-banner p,
html.theme-dark .confirm-card p,
html.theme-dark .form-field label,
html.theme-dark .filter-grid label,
html.theme-dark .form-field small,
html.theme-dark .partner-total small,
html.theme-dark .role-card p,
html.theme-dark .role-card-head strong,
html.theme-dark .role-table-footer,
html.theme-dark .table-footer { color: #b8bec7; }
html.theme-dark .management-content .management-banner {
  color: #e4e7eb;
  border-color: #393c42;
  background: linear-gradient(105deg, #242b35 0%, #242529 62%, #1f3028 100%);
}
html.theme-dark .management-content .management-banner h1,
html.theme-dark .management-content .management-banner .partner-total strong { color: #f2f3f5; }
html.theme-dark .management-content .management-banner p,
html.theme-dark .management-content .management-banner .partner-total small { color: #c1c6ce; }
html.theme-dark .management-content .filter-grid label { color: #d6d9de; }
html.theme-dark .management-content .filter-title { color: #e4e7eb; }
html.theme-dark .main .content td > strong,
html.theme-dark .main .content td > a > strong { color: #f2f3f5; }
html.theme-dark .main .content td > small { color: #b8bec7; }
html.theme-dark .management-content .role-actions select {
  color: #e5e7eb;
  border-color: #484b52;
  background-color: #191a1e;
}
html.theme-dark .management-content .change-role-button { color: #8ce2b0; }
html.theme-dark .management-content .impersonate-button { color: #ffd28b; }
html.theme-dark .management-content .impersonate-button:disabled,
html.theme-dark .management-content .muted-action { color: #b2b8c1; }
html.theme-dark .count-pill {
  color: #d6d9de;
  border-color: #484b52;
  background: #303238;
}
html.theme-dark .active-count {
  color: #8ce2b0;
  border-color: #35694c;
  background: #20372a;
}
html.theme-dark .inactive-count { color: #d6d9de; }
html.theme-dark .button.secondary {
  color: #e4e7eb;
  border-color: #484b52;
  background: #303238;
}
html.theme-dark .role-badge {
  color: #ffd28b;
  border-color: #59452a;
  background: #352b1e;
}
html.theme-dark .inactive-pill {
  color: #ffb8b8;
  border-color: #5a3336;
  background: #382326;
}
html.theme-dark .table-footer,
html.theme-dark .role-table-footer { border-color: #393c42; }
html.theme-dark .field-analytics-summary strong,
html.theme-dark .field-analytics-status>div strong,
html.theme-dark .field-analytics-status>div span,
html.theme-dark .field-trend-bars>div,
html.theme-dark .field-trend-bars strong { color: #e4e7eb; }
html.theme-dark .field-analytics-status>div i,
html.theme-dark .field-completion-meter { background-color: #393c42; }
@media (prefers-reduced-motion: no-preference) {
body:not(.custom-admin) .theme-transition,
body:not(.custom-admin) .theme-transition * { transition: background-color .16s ease, color .16s ease, border-color .16s ease; }
}/* app-modal.css */
body:not(.custom-admin) .app-modal[hidden] { display: none; }
body:not(.custom-admin) .app-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; overflow-y: auto; padding: 22px; background: #11182788; }
body:not(.custom-admin) .app-modal-dialog { position: relative; width: min(820px,100%); max-height: min(90vh,900px); overflow-y: auto; padding: 24px; border: 1px solid #dce2e7; border-radius: 12px; background: #fff; box-shadow: 0 18px 60px #11182744; }
body:not(.custom-admin) .app-modal-close { position: sticky; z-index: 2; top: 0; float: right; display: grid; width: 34px; height: 34px; margin: -12px -12px 0 8px; place-items: center; border: 0; border-radius: 50%; color: #58636d; background: #f1f3f5; font-size: 23px; cursor: pointer; }
body:not(.custom-admin) .app-modal-content { clear: both; }
body:not(.custom-admin) .app-modal-content > [data-modal-content] { max-width: none; margin: 0; }
body:not(.custom-admin) .app-modal-content .user-create-dialog { width: 100%; }
body:not(.custom-admin) .app-modal-error { padding: 12px; border-radius: 7px; color: #8e3030; background: #fff0f0; font-size: 14px; }
body:not(.custom-admin) .app-confirm-dialog { width: min(460px,100%); max-height: none; }
body:not(.custom-admin) .app-confirm-dialog h2 { margin: 0; color: #25313b; font-size: 18px; }
body:not(.custom-admin) .app-confirm-dialog p { margin: 12px 0 22px; color: #5d6873; font-size: 14px; line-height: 1.5; }
body:not(.custom-admin) .app-confirm-actions { display: flex; justify-content: flex-end; gap: 9px; }
body:not(.custom-admin) .app-confirm-actions .button { min-height: 38px; }
html.theme-dark .app-modal { background: #090a0bcc; }
html.theme-dark .app-modal-dialog { color: #e4e7eb; border-color: #393c42; background: #242529; }
html.theme-dark .app-modal-close { color: #e4e7eb; background: #393c42; }
html.theme-dark .app-modal-error { color: #ffcaca; background: #482b2d; }
html.theme-dark .app-confirm-dialog h2 { color: #f1f3f5; }
html.theme-dark .app-confirm-dialog p { color: #c1c6ce; }
@media(max-width:700px) {
body:not(.custom-admin) .app-modal { padding: 10px; }
body:not(.custom-admin) .app-modal-dialog { max-height: 94vh; padding: 17px; }
}/* filter-typeahead.css */
body:not(.custom-admin) .filter-typeahead { position: relative; width: 100%; min-width: 0; }
body:not(.custom-admin) .search-typeahead { position: relative; width: 100%; min-width: 0; }
body:not(.custom-admin) .filter-typeahead::after { position: absolute; top: 50%; right: 10px; color: #7b858f; content: "⌄"; font-size: 12px; pointer-events: none; transform: translateY(-55%); }
body:not(.custom-admin) .filter-typeahead-input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 35px; padding: 0 30px 0 10px; border: 1px solid #d8dde2; border-radius: 6px; color: #424b56; background: #fff; font: inherit; font-size: 11px; }
body:not(.custom-admin) .filter-typeahead-input:focus { border-color: #6ab58d; outline: 2px solid #2ca9682b; }
body:not(.custom-admin) .filter-typeahead-list { position: absolute; top: calc(100% + 3px); right: 0; left: 0; z-index: 30; max-height: 240px; overflow-y: auto; padding: 4px; border: 1px solid #d8dde2; border-radius: 6px; background: #fff; box-shadow: 0 8px 22px #18212b24; }
body:not(.custom-admin) .search-typeahead-list { position: absolute; top: calc(100% + 3px); right: 0; left: 0; z-index: 40; max-height: 240px; overflow-y: auto; padding: 4px; border: 1px solid #d8dde2; border-radius: 6px; background: #fff; box-shadow: 0 8px 22px #18212b24; }
body:not(.custom-admin) .filter-typeahead-list[hidden] { display: none; }
body:not(.custom-admin) .search-typeahead-list[hidden] { display: none; }
body:not(.custom-admin) .filter-typeahead-option { display: block; width: 100%; padding: 8px 9px; border: 0; border-radius: 4px; color: #424b56; background: transparent; font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
body:not(.custom-admin) .filter-typeahead-option:hover,
body:not(.custom-admin) .filter-typeahead-option.active { color: #145a36; background: #eaf7ef; }
body:not(.custom-admin) .filter-typeahead-empty { padding: 9px; color: #737d87; font-size: 11px; }
body:not(.custom-admin) .filter-typeahead-source { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
body:not(.custom-admin) .filter-controls .filter-typeahead { width: auto; min-width: 115px; flex: 0 1 150px; }
body:not(.custom-admin) .search-box .search-typeahead { width: 112px; flex: 0 1 112px; }
body:not(.custom-admin) .search-box .search-typeahead input,
body:not(.custom-admin) .report-filters .search-typeahead input { width: 100%; }
body:not(.custom-admin) .report-filters .search-typeahead { min-width: 60px; flex: 1 1 auto; }
body:not(.custom-admin) .org-search .search-typeahead { width: min(300px,50vw); flex: 0 1 min(300px,50vw); }
body:not(.custom-admin) .finance-search .search-typeahead { width: min(340px,60%); flex: 0 1 min(340px,60%); }
body:not(.custom-admin) .finance-search .search-typeahead input { width: 100%; }
body:not(.custom-admin) .filter-controls .filter-typeahead-input { min-height: 27px; padding-right: 7px; font-size: 9px; }
body:not(.custom-admin) .report-filters .filter-typeahead { width: auto; min-width: 115px; flex: 0 1 180px; }
body:not(.custom-admin) .report-filters .filter-typeahead-input { min-height: 31px; padding-right: 7px; font-size: 9px; }
body:not(.custom-admin) .finance-filter-grid .filter-typeahead-input,
body:not(.custom-admin) .proof-filter-grid .filter-typeahead-input,
body:not(.custom-admin) .analytics-filter .filter-typeahead-input,
body:not(.custom-admin) .donor-filter .filter-typeahead-input { min-height: 32px; font-size: 9px; }
body:not(.custom-admin) .filter-grid .filter-typeahead-input { min-height: 39px; font-size: 12px; }
body:not(.custom-admin).management-body .management-table td,
body:not(.custom-admin).management-body .management-table td strong { font-size: 13px; }
body:not(.custom-admin).management-body .management-table td small { font-size: 11px; }
body:not(.custom-admin).management-body .management-table th { font-size: 12px; }
body:not(.custom-admin).management-body .filter-grid label,
body:not(.custom-admin).management-body .filter-title { font-size: 13px; }
body:not(.custom-admin).management-body .filter-grid select,
body:not(.custom-admin).management-body .filter-grid input,
body:not(.custom-admin).management-body .filter-typeahead-input { font-size: 14px; }
body:not(.custom-admin).management-body .nav-link { font-size: 13px; }
body:not(.custom-admin).management-body .profile-copy strong { font-size: 12px; }
body:not(.custom-admin).management-body .profile-copy small { font-size: 11px; }
body:not(.custom-admin).management-body .sidebar .logout-link { font-size: 11px; }
body:not(.custom-admin).workspace-body .nav-link { font-size: 13px; }
body:not(.custom-admin).workspace-body .filter-typeahead-input,
body:not(.custom-admin).workspace-body .search-typeahead input { font-size: 13px; }
body:not(.custom-admin).management-body .management-content :where(p,small,label,th,td,a,input,select,textarea,li) { font-size: max(12px, 1em); }
body:not(.custom-admin).workspace-body .workspace-content :where(p,small,label,th,td,a,input,select,textarea,li) { font-size: max(12px, 1em); }
body:not(.custom-admin).management-body .management-content .metric-label,
body:not(.custom-admin).management-body .management-content .metric-foot,
body:not(.custom-admin).management-body .management-content .chart-x-labels,
body:not(.custom-admin).management-body .management-content .chart-y-labels,
body:not(.custom-admin).management-body .management-content .trend-title,
body:not(.custom-admin).management-body .management-content .status-pill,
body:not(.custom-admin).management-body .management-content .role-badge,
body:not(.custom-admin).workspace-body .workspace-content .project-status,
body:not(.custom-admin).workspace-body .workspace-content .request-status,
body:not(.custom-admin).workspace-body .workspace-content .payment-status,
body:not(.custom-admin).workspace-body .workspace-content .urgency { font-size: max(12px, 1em); }
body:not(.custom-admin) .search-typeahead-list { font-size: 13px; }
body:not(.custom-admin) .search-typeahead-list .filter-typeahead-option { font-size: 13px; }
html.theme-dark .filter-typeahead-input { color: #e5e7eb; border-color: #484b52; background-color: #191a1e; }
html.theme-dark .filter-typeahead-list { border-color: #484b52; background-color: #242529; }
html.theme-dark .search-typeahead-list { border-color: #484b52; background-color: #242529; }
html.theme-dark .filter-typeahead-option { color: #e4e7eb; }
html.theme-dark .filter-typeahead-option:hover,
html.theme-dark .filter-typeahead-option.active { color: #a5e6c1; background: #26352e; }
html.theme-dark .filter-typeahead-empty { color: #aeb4bd; }
@media(max-width:700px) {
body:not(.custom-admin) .filter-controls .filter-typeahead,
body:not(.custom-admin) .report-filters .filter-typeahead { flex: 1 1 115px; }
body:not(.custom-admin) .report-filters .search-typeahead { flex-basis: 100%; order: 2; }
}/* logframe-detail.css */
body:not(.custom-admin) .project-overview-card {
  margin: 14px 18px 12px;
  padding: 18px 20px;
  border: 1px solid #dfe3e6;
  border-radius: 9px;
  background: #fff;
}
body:not(.custom-admin) .project-overview-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body:not(.custom-admin) .project-overview-card > header small,
body:not(.custom-admin) .project-overview-metrics small {
  color: #78838d;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .08em;
}
body:not(.custom-admin) .project-overview-card h2 {
  margin-top: 5px;
  color: #222b33;
  font-size: 13px;
}
body:not(.custom-admin) .project-overview-card > p {
  margin: 12px 0 15px;
  color: #6d7781;
  font-size: 9px;
  line-height: 1.55;
}
body:not(.custom-admin) .project-status {
  padding: 5px 10px;
  border-radius: 12px;
  color: #16854a;
  background: #e8f8ef;
  font-size: 8px;
}
body:not(.custom-admin) .project-overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body:not(.custom-admin) .project-overview-metrics > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
body:not(.custom-admin) .project-overview-metrics strong {
  color: #4b555e;
  font-size: 9px;
}
body:not(.custom-admin) .logframe-add-immediate {
  display: flex;
  justify-content: flex-end;
  margin: 0 18px 14px;
}
body:not(.custom-admin) .logframe-add-immediate .button {
  min-height: 34px;
  border-radius: 20px;
  font-size: 8px;
  text-transform: uppercase;
}
html.theme-dark .project-overview-card {
  border-color: #3e4248;
  background: #24262b;
}
html.theme-dark .project-overview-card h2,
html.theme-dark .project-overview-metrics strong {
  color: #e4e7eb;
}
html.theme-dark .project-overview-card > p {
  color: #b6bbc2;
}

@media (max-width: 700px) {
body:not(.custom-admin) .project-overview-card {
    margin: 10px;
    padding: 14px;
  }
body:not(.custom-admin) .project-overview-metrics {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .logframe-add-immediate {
    margin: 0 10px 12px;
  }
}

/* admin.css *//* admin.css *//* responsive.css */
html {
  font-size: 100%;
}
body:not(.custom-admin) {
  min-height: 100vh;
  min-height: 100dvh;
  overflow-y: auto;
  font-size: 15px;
  line-height: 1.5;
}
body:not(.custom-admin).login-page,
body:not(.custom-admin).survey-public-body {
  font-size: 15px;
}
body:not(.custom-admin).login-page :where(p, label, button, a, small, .login-footer, .login-text-button),
body:not(.custom-admin).survey-public-body :where(p, small, label, legend, button, span, strong) {
  font-size: 15px !important;
  line-height: 1.5;
}
body:not(.custom-admin).login-page :where(h1),
body:not(.custom-admin).survey-public-body :where(h1) {
  font-size: 24px !important;
  line-height: 1.25;
}
body:not(.custom-admin).login-page :where(input:not([type=checkbox]):not([type=radio]), select, textarea),
body:not(.custom-admin).survey-public-body :where(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  min-height: 42px;
  font-size: 16px !important;
}
body:not(.custom-admin) .main {
  min-height: 100vh;
  min-height: 100dvh;
  min-width: 0;
  margin-left: 248px;
}
body:not(.custom-admin) .main .content {
  min-width: 0;
}
body:not(.custom-admin) .mobile-nav-toggle,
body:not(.custom-admin) .mobile-nav-close,
body:not(.custom-admin) .mobile-nav-backdrop {
  display: none;
}
body:not(.custom-admin) .sidebar {
  width: 248px;
}
body:not(.custom-admin) .brand {
  height: 72px;
}
body:not(.custom-admin) .brand-logo {
  width: 48px;
  height: 48px;
}
body:not(.custom-admin) .sidebar-label {
  padding: 22px 20px 12px;
  font-size: 13px;
}
body:not(.custom-admin) .nav-link {
  min-height: 46px;
  font-size: 14px;
}
body:not(.custom-admin) .nav-icon {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  font-size: 14px;
}
body:not(.custom-admin) .profile-copy strong {
  font-size: 14px;
}
body:not(.custom-admin) .profile-copy small,
body:not(.custom-admin) .logout-link {
  font-size: 14px;
}
body:not(.custom-admin) .topbar {
  height: 54px;
  padding-right: 28px;
  padding-left: 28px;
  font-size: 15px;
}
body:not(.custom-admin) .main .content {
  width: 100%;
  max-width: 1760px;
  padding: 24px 28px 36px;
}
body:not(.custom-admin) .main .content :where(h1) {
  font-size: 1.5rem !important;
  line-height: 1.25;
}
body:not(.custom-admin) .main .content :where(h2) {
  font-size: 1.25rem !important;
  line-height: 1.35;
}
body:not(.custom-admin) .main .content :where(h3) {
  font-size: 1.1rem !important;
  line-height: 1.4;
}
body:not(.custom-admin) .main .content :where(p, small, label, th, td, li, a, input, select, textarea, button, strong, b, div, legend, summary) {
  font-size: 15px !important;
  line-height: 1.5;
}
body:not(.custom-admin) .main .content :where(span, time, dt, dd, figcaption) {
  font-size: 15px !important;
  line-height: 1.5;
}
body:not(.custom-admin) .main .content :where(.metric-value, .workspace-metric > strong, .payment-total, .partner-total > strong, .project-donut strong) {
  font-size: 20px !important;
}
body:not(.custom-admin) .main .content :where(svg text) {
  font-size: 12px !important;
}
body:not(.custom-admin) .main .content :where(.chart-y-labels span, .chart-x-labels span, .trend-month-labels span, .donut small) {
  font-size: 12px !important;
}
body:not(.custom-admin) .main .content :where(.outcome-months-wrap, .audit-table-wrap) {
  max-width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body:not(.custom-admin) .main .content :where(.spending-line-chart svg, .mini-chart svg) {
  width: 100%;
  height: 100%;
}
body:not(.custom-admin) .main .content :where(.trend-item .mini-chart) {
  height: 72px;
}
body:not(.custom-admin) .main .content :where(.mini-chart path) {
  fill: none;
  stroke: #f1b634;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
body:not(.custom-admin) .main .content :where(input, select, textarea) {
  min-height: 42px;
}
body:not(.custom-admin) .main .content :where(button, .button) {
  min-height: 42px;
  padding-right: 16px;
  padding-left: 16px;
}
body:not(.custom-admin) .page-heading,
body:not(.custom-admin) .admin-welcome,
body:not(.custom-admin) .welcome-banner,
body:not(.custom-admin) .finance-banner,
body:not(.custom-admin) .builder-hero,
body:not(.custom-admin) .donor-gallery-header {
  min-height: 112px;
  padding: 22px 24px;
}
body:not(.custom-admin) .metric-grid,
body:not(.custom-admin) .workspace-metrics {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 14px;
  margin-top: 16px;
}
body:not(.custom-admin) .metric-card,
body:not(.custom-admin) .workspace-metric {
  min-height: 112px;
  padding: 18px;
}
body:not(.custom-admin) .overview-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 14px;
  margin-top: 16px;
}
body:not(.custom-admin) .status-panel,
body:not(.custom-admin) .payment-panel {
  min-height: 170px;
  padding: 18px;
}
body:not(.custom-admin) .charts-grid {
  gap: 14px;
  margin-top: 16px;
}
body:not(.custom-admin) .charts-grid .chart-panel {
  min-height: 220px;
  padding: 18px;
}
body:not(.custom-admin) .chart-area {
  height: 140px;
}
body:not(.custom-admin) .line-chart {
  height: 112px;
}
body:not(.custom-admin) .lower-grid {
  gap: 14px;
  margin-top: 16px;
}
body:not(.custom-admin) .outcomes-panel,
body:not(.custom-admin) .trend-panel {
  min-height: 320px;
  padding: 18px;
}
body:not(.custom-admin) .workspace-panel,
body:not(.custom-admin) .panel,
body:not(.custom-admin) .metric-card,
body:not(.custom-admin) .workspace-metric {
  border-radius: 10px;
}
body:not(.custom-admin) .workspace-panel {
  margin-top: 16px;
}
body:not(.custom-admin) .workspace-panel-title {
  padding: 20px 22px 10px;
}
body:not(.custom-admin) .workspace-table-wrap,
body:not(.custom-admin) .finance-table-wrap,
body:not(.custom-admin) .table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
body:not(.custom-admin) .workspace-table th,
body:not(.custom-admin) .workspace-table td,
body:not(.custom-admin) .finance-table th,
body:not(.custom-admin) .finance-table td,
body:not(.custom-admin) .management-table th,
body:not(.custom-admin) .management-table td {
  height: auto;
  min-height: 48px;
  padding: 12px 14px;
  white-space: normal;
  line-height: 1.5;
}
body:not(.custom-admin) .workspace-table,
body:not(.custom-admin) .finance-table,
body:not(.custom-admin) .management-table {
  width: 100%;
}
body:not(.custom-admin) .workspace-table {
  min-width: 760px;
}
body:not(.custom-admin) .finance-table {
  min-width: 1060px;
}
body:not(.custom-admin) .management-table {
  min-width: 780px;
}
body:not(.custom-admin) .report-filters,
body:not(.custom-admin) .filter-controls,
body:not(.custom-admin) .donor-filter,
body:not(.custom-admin) .finance-filter-grid,
body:not(.custom-admin) .proof-filter-grid,
body:not(.custom-admin) .filter-grid {
  gap: 12px;
}
body:not(.custom-admin) .report-filters,
body:not(.custom-admin) .donor-filter,
body:not(.custom-admin) .filter-panel,
body:not(.custom-admin) .finance-filter-form,
body:not(.custom-admin) .proof-filter-form {
  padding: 16px;
}
body:not(.custom-admin) .donor-gallery-filters {
  position: relative;
  z-index: 2;
  overflow: visible;
}
body:not(.custom-admin) .donor-gallery-grid,
body:not(.custom-admin) .proof-grid,
body:not(.custom-admin) .project-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 16px;
  margin-top: 16px;
}
body:not(.custom-admin) .donor-gallery-grid {
  position: relative;
  z-index: 1;
}
body:not(.custom-admin) .donor-gallery-preview,
body:not(.custom-admin) .proof-preview {
  height: 220px;
}
body:not(.custom-admin) .project-card-grid {
  padding: 22px;
}
body:not(.custom-admin) .builder-project-card {
  min-height: 220px;
  padding: 18px;
}
body:not(.custom-admin) .project-list-panel,
body:not(.custom-admin) .report-history,
body:not(.custom-admin) .finance-table-panel,
body:not(.custom-admin) .donor-data-panel,
body:not(.custom-admin) .proof-upload-panel {
  margin-top: 16px;
}
body:not(.custom-admin) .trend-list {
  max-height: none;
  overflow: visible;
}
body:not(.custom-admin) .user-create-overlay {
  inset: 54px 0 0 248px;
}

@media (min-width: 1500px) {
body:not(.custom-admin) .sidebar {
    width: 264px;
  }
body:not(.custom-admin) .main {
    margin-left: 264px;
  }
body:not(.custom-admin) .user-create-overlay {
    inset: 54px 0 0 264px;
  }
}

@media (max-width: 1100px) {
body:not(.custom-admin) .sidebar {
    width: 220px;
  }
body:not(.custom-admin) .main {
    margin-left: 220px;
  }
body:not(.custom-admin) .main .content {
    padding: 20px;
  }
body:not(.custom-admin) .overview-grid,
body:not(.custom-admin) .charts-grid,
body:not(.custom-admin) .lower-grid,
body:not(.custom-admin) .donor-content-grid,
body:not(.custom-admin) .donor-financial-grid {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .donor-side-panels {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  }
body:not(.custom-admin) .user-create-overlay {
    inset: 54px 0 0 220px;
  }
}

@media (max-width: 760px) {
body:not(.custom-admin) .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: min(86vw, 300px);
    height: 100vh;
    height: 100dvh;
    max-height: none;
    overflow: hidden;
    background: var(--sidebar-gradient);
    box-shadow: 8px 0 28px rgba(17, 31, 43, .18);
    transform: translateX(-105%);
    transition: transform .2s ease;
  }
body:not(.custom-admin) .sidebar.is-open {
    transform: translateX(0);
  }
body:not(.custom-admin) .mobile-nav-backdrop {
    position: fixed;
    inset: 0;
    z-index: 29;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(18, 28, 38, .48);
  }
body:not(.custom-admin) .mobile-nav-backdrop[hidden],
body:not(.custom-admin) .mobile-nav-toggle {
    display: none;
  }
body:not(.custom-admin) .mobile-nav-close {
    position: absolute;
    top: 18px;
    right: 14px;
    z-index: 1;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(23, 33, 43, .14);
    border-radius: 8px;
    color: #34404c;
    background: rgba(255, 255, 255, .86);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
  }
body:not(.custom-admin) .mobile-nav-toggle {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce2e7;
    border-radius: 8px;
    color: #34404c;
    background: #fff;
    font-size: 20px;
    cursor: pointer;
  }
body:not(.custom-admin) .topbar > .mobile-nav-toggle {
    display: inline-flex;
  }
body:not(.custom-admin) .topbar > div:first-of-type {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
body:not(.custom-admin) .brand {
    height: 72px;
    flex: 0 0 auto;
  }
body:not(.custom-admin) .sidebar-label {
    display: block;
  }
body:not(.custom-admin) .navigation {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 12px;
  }
body:not(.custom-admin) .nav-link {
    min-height: 44px;
    padding: 8px 10px;
  }
body:not(.custom-admin) .sidebar-bottom {
    display: grid;
    margin-top: 0;
    flex: 0 0 auto;
    border-top: 1px solid #e6e8ed;
  }
body:not(.custom-admin) .main {
    margin-left: 0;
  }
body:not(.custom-admin) .topbar {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 52px;
    gap: 10px;
    padding: 0 12px;
  }
body:not(.custom-admin) .main .content {
    padding: 16px 14px 28px;
  }
body:not(.custom-admin) .main .content :where(input, select, textarea) {
    font-size: 16px !important;
  }
body:not(.custom-admin) .page-heading,
body:not(.custom-admin) .admin-welcome,
body:not(.custom-admin) .welcome-banner,
body:not(.custom-admin) .finance-banner,
body:not(.custom-admin) .builder-hero,
body:not(.custom-admin) .donor-gallery-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 18px;
  }
body:not(.custom-admin) .admin-welcome-meta {
    flex-wrap: wrap;
    gap: 12px 20px;
  }
body:not(.custom-admin) .dashboard-server-time {
    align-self: flex-end;
  }
body:not(.custom-admin) .main .content .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
body:not(.custom-admin) .metric-grid,
body:not(.custom-admin) .workspace-metrics,
body:not(.custom-admin) .overview-grid,
body:not(.custom-admin) .charts-grid,
body:not(.custom-admin) .lower-grid,
body:not(.custom-admin) .analytics-grid,
body:not(.custom-admin) .analytics-summary,
body:not(.custom-admin) .survey-summary,
body:not(.custom-admin) .accountant-analytics-grid,
body:not(.custom-admin) .donor-summary,
body:not(.custom-admin) .donor-summary.donor-output-summary,
body:not(.custom-admin) .donor-summary.donor-financial-summary,
body:not(.custom-admin) .donor-financial-grid,
body:not(.custom-admin) .donor-side-panels,
body:not(.custom-admin) .request-detail-grid,
body:not(.custom-admin) .account-profile-card .profile-fields {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .metric-card,
body:not(.custom-admin) .workspace-metric {
    min-height: 96px;
  }
body:not(.custom-admin) .analytics-summary.pm-analytics-summary,
body:not(.custom-admin) .analytics-summary.donor-analytics-summary,
body:not(.custom-admin) .analytics-summary.field-analytics-summary {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .outcomes-heading,
body:not(.custom-admin) .workspace-heading-row,
body:not(.custom-admin) .proof-gallery-heading,
body:not(.custom-admin) .builder-panel-heading {
    align-items: stretch;
    flex-direction: column;
  }
body:not(.custom-admin) .filter-controls,
body:not(.custom-admin) .report-filters,
body:not(.custom-admin) .donor-filter,
body:not(.custom-admin) .finance-filter-grid,
body:not(.custom-admin) .proof-filter-grid,
body:not(.custom-admin) .filter-grid {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
body:not(.custom-admin) .filter-controls > :not(.sr-only),
body:not(.custom-admin) .report-filters > :not(.sr-only),
body:not(.custom-admin) .donor-filter > :not(.sr-only),
body:not(.custom-admin) .finance-filter-grid > :not(.sr-only),
body:not(.custom-admin) .proof-filter-grid > :not(.sr-only),
body:not(.custom-admin) .filter-grid > :not(.sr-only) {
    width: 100%;
    min-width: 0;
  }
body:not(.custom-admin) .search-box,
body:not(.custom-admin) .search-box input,
body:not(.custom-admin) .finance-search input {
    width: 100%;
  }
body:not(.custom-admin) .donor-gallery-grid,
body:not(.custom-admin) .proof-grid,
body:not(.custom-admin) .project-card-grid {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .donor-gallery-preview,
body:not(.custom-admin) .proof-preview {
    height: 220px;
  }
body:not(.custom-admin) .user-create-overlay {
    inset: 0;
    padding: 12px;
  }
body:not(.custom-admin) .user-create-dialog {
    width: 100%;
  }
body:not(.custom-admin) .management-intro,
body:not(.custom-admin) .toolbar,
body:not(.custom-admin) .management-banner,
body:not(.custom-admin) .impersonation-banner {
    align-items: flex-start;
    flex-direction: column;
  }
body:not(.custom-admin) .toolbar {
    justify-content: flex-start;
    padding: 14px 18px;
  }
body:not(.custom-admin) .role-grid,
body:not(.custom-admin) .user-form-grid,
body:not(.custom-admin) .edit-sections,
body:not(.custom-admin) .edit-sections .user-form-grid,
body:not(.custom-admin) .authority-section .user-form-grid,
body:not(.custom-admin) .linkage-section .user-form-grid {
    grid-template-columns: 1fr;
  }
body:not(.custom-admin) .workspace-table,
body:not(.custom-admin) .finance-table,
body:not(.custom-admin) .management-table {
    min-width: 720px;
  }
}
body:not(.custom-admin).super-admin-analytics .lower-grid {
  align-items: start;
}
body:not(.custom-admin).super-admin-analytics .outcomes-panel,
body:not(.custom-admin).super-admin-analytics .trend-panel {
  min-height: 0;
}
body:not(.custom-admin).super-admin-analytics .trend-list {
  max-height: 440px;
  overflow: auto;
  overscroll-behavior: contain;
}
body.custom-admin {
  color: var(--body-fg);
  background: var(--body-bg);
}