:root {
    --falcon-bg-body: #062b1d;
    --falcon-bg-surface: #0a4630;
    --falcon-bg-surface-2: #0e5c3f;
    --falcon-bg-card: #021810;
    --falcon-card-border: rgba(212, 175, 55, .45);
    --falcon-card-border-gold: rgba(245, 207, 93, .70);
    --falcon-cyan: #d4af37;
    --falcon-gold: #d4af37;
    --falcon-gold-light: #fff2a8;
    --falcon-gold-dark: #8c6818;
    --falcon-green: #10b981;
    --falcon-purple: #8b5cf6;
    --falcon-red: #ef4444;
    --falcon-text: #f8fafc;
    --falcon-text-muted: #94a3b8;
    --falcon-text-dim: #64748b;
    --falcon-radius: 14px;
    --falcon-radius-lg: 20px;
}
body.falcon-theme { min-height: 100vh; color: var(--falcon-text); font-family: 'DM Sans', 'Manrope', sans-serif; background-color: var(--falcon-bg-body) !important; }
.falcon-theme { color-scheme: dark; }
.falcon-glow-bg { background: radial-gradient(circle at 50% -10%, rgba(16, 185, 129, .22) 0%, rgba(5, 150, 105, .08) 40%, transparent 70%), radial-gradient(circle at 10% 20%, rgba(212, 175, 55, .12) 0%, transparent 40%), radial-gradient(circle at 90% 75%, rgba(212, 175, 55, .10) 0%, transparent 45%), radial-gradient(circle at 50% 50%, rgba(4, 30, 20, .5) 0%, transparent 80%), var(--falcon-bg-body); }
.falcon-card { background: var(--falcon-bg-card); border: 1px solid var(--falcon-card-border); border-radius: var(--falcon-radius-lg); box-shadow: 0 24px 70px rgba(0,0,0,.6), inset 0 1px 0 rgba(255, 245, 180, .1); }
.falcon-card.gold-border { border-color: var(--falcon-card-border-gold); box-shadow: 0 24px 70px rgba(0,0,0,.7), 0 0 20px rgba(212, 175, 55, .2); }
.falcon-custom-app { display: none; }
.brand-mark { display: inline-flex; align-items: center; gap: 11px; color: #f8f8f8; text-decoration: none; }
.brand-mark__logo { height: 44px; width: auto; object-fit: contain; }
.brand-mark__copy { display: grid; line-height: 1.05; }
.brand-mark__copy strong { font: 800 15px/1.1 'Manrope', sans-serif; letter-spacing: .18em; }
.brand-mark__copy small { margin-top: 5px; color: #91a5bd; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.auth-page { 
    min-height: 100vh; 
    overflow-x: hidden; 
    position: relative; 
    background-color: var(--falcon-bg-body) !important;
}

body.auth-page::before {
    content: '';
    position: fixed;
    z-index: 0;
    inset: -2%;
    pointer-events: none;
    background: 
        radial-gradient(circle at 75% 25%, rgba(16, 185, 129, 0.25) 0%, transparent 55%),
        radial-gradient(circle at 20% 75%, rgba(212, 175, 55, 0.20) 0%, transparent 50%),
        linear-gradient(135deg, rgba(1, 14, 9, 0.60) 0%, rgba(1, 10, 6, 0.68) 50%, rgba(0, 4, 2, 0.82) 100%),
        url('/assets/img/nexus-auth-bg.jpg');
    background-size: 100% 100%, 100% 100%, 100% 100%, cover;
    background-position: center center, center center, center center, center center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-attachment: fixed;
    filter: saturate(1.15) contrast(1.08) brightness(.92);
    animation: none;
}

.auth-shell { 
    width: min(100% - 48px, 1240px); 
    min-height: 100vh; 
    margin: 0 auto; 
    display: flex; 
    flex-direction: column; 
    position: relative; 
    z-index: 2;
    isolation: isolate; 
}
.auth-backdrop { display: none !important; }
.auth-shell__top { height: 110px; display: flex; align-items: center; justify-content: space-between; }
.auth-shell__top .brand-mark__logo { height: 64px !important; max-height: 64px !important; width: auto !important; max-width: 270px !important; object-fit: contain !important; filter: drop-shadow(0 0 15px rgba(212,175,55,0.45)); }
.auth-home { color: #fde08b; text-decoration: none; font-size: 13px; font-weight: 700; background: rgba(6,38,25,0.85); padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(212,175,55,0.35); transition: .2s; }
.auth-home i { color: #10b981; margin-right: 6px; }
.auth-home:hover, .auth-switch:hover { color: #ffffff; border-color: #ffd700; box-shadow: 0 0 15px rgba(212,175,55,0.4); }
.auth-content { flex: 1; display: grid; place-items: center; padding: 10px 0 38px; }
.auth-card { 
    width: 100%; 
    max-width: 490px; 
    padding: 44px 46px 36px; 
    border: 1.5px solid rgba(212, 175, 55, 0.45) !important; 
    border-radius: 24px; 
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important; 
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 30px 85px rgba(0,0,0,.8), 0 0 35px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,245,180,.2) !important; 
    position: relative; 
    overflow: hidden; 
}
.auth-card::before { content: ''; position: absolute; height: 2px; inset: 0 10% auto; background: linear-gradient(90deg, transparent, #ffd700, transparent); opacity: .9; }
.auth-card--admin::before { background: linear-gradient(90deg, transparent, #ffd700, transparent); }
.auth-card--register { max-width: 600px; padding-top: 38px; }
.auth-card__eyebrow { display: flex; align-items: center; gap: 9px; color: #ffd700; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.auth-card__eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: #00e676; box-shadow: 0 0 14px rgba(0,230,118,.9); }
.auth-card--admin .auth-card__eyebrow span { background: #ffd700; box-shadow: 0 0 14px rgba(255,215,0,.9); }
.auth-card h1 { margin: 20px 0 8px; color: #ffffff; font: 900 clamp(30px, 4.5vw, 38px)/1.15 'Manrope', sans-serif; letter-spacing: -.03em; }
.auth-card h1 em { color: #ffd700; font-style: normal; text-shadow: 0 0 15px rgba(255,215,0,0.5); }
.auth-card--admin h1 em, .auth-card--register h1 em { color: #ffd700; }
.auth-card__intro { margin: 0 0 24px; color: #cbd5e1; font-size: 14px; line-height: 1.6; }
.auth-form { display: grid; gap: 18px; }
.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-field { min-width: 0; }
.form-field label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: #f8fafc; font-size: 12px; font-weight: 700; letter-spacing: .025em; }
.form-field label span { color: #ffd700; font-weight: 500; }
.form-control-wrap { display: flex; align-items: center; min-height: 52px; padding: 0 16px; border: 1.5px solid rgba(212,175,55,.35); border-radius: 12px; background: rgba(2,24,16,.85); backdrop-filter: blur(8px); transition: .25s ease; }
.form-control-wrap:focus-within { border-color: #ffd700; box-shadow: 0 0 0 3px rgba(212,175,55,.2), 0 0 20px rgba(212,175,55,.35); background: rgba(2,24,16,.95); }
.auth-card--admin .form-control-wrap:focus-within { border-color: #ffd700; box-shadow: 0 0 0 3px rgba(212,175,55,.2), 0 0 20px rgba(212,175,55,.35); background: rgba(2,24,16,.95); }
.form-control-wrap > i { width: 22px; color: #ffd700; font-size: 15px; }
.form-control-wrap input { width: 100%; height: 50px; border: 0; outline: 0; background: transparent; color: #ffffff; font: 600 13px 'DM Sans', sans-serif; }
.form-control-wrap input::placeholder { color: #94a3b8; }
.form-control-wrap input:-webkit-autofill, .form-control-wrap input:-webkit-autofill:focus { -webkit-text-fill-color: #ffffff; box-shadow: 0 0 0 1000px #021810 inset; }
.password-toggle { display: grid; place-items: center; border: 0; background: transparent; color: #ffd700; font-size: 16px; }
.remember-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.remember-option { display: flex; align-items: center; gap: 8px; color: #e2e8f0; font-size: 12px; font-weight: 600; cursor: pointer; }
.remember-option input { appearance: none; width: 16px; height: 16px; border: 1.5px solid rgba(212,175,55,.5); border-radius: 4px; background: rgba(2,24,16,.8); }
.remember-option input:checked { border-color: #ffd700; background: #ffd700; box-shadow: inset 0 0 0 3px #021810; }
.auth-card--admin .remember-option input:checked { border-color: #ffd700; background: #ffd700; }
.form-note { color: #cbd5e1; font-size: 11px; }
.form-note i { color: #ffd700; margin-right: 3px; }
.auth-submit { width: 100%; min-height: 52px; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 6px; border: 0; border-radius: 12px; color: #04140D; font: 900 13px 'DM Sans', sans-serif; letter-spacing: 0.8px; text-transform: uppercase; transition: .25s; cursor: pointer; }
.auth-submit:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 14px 35px rgba(212,175,55,.55); }
.auth-submit--cyan, .auth-submit--gold { background: linear-gradient(135deg, #FFF1AA 0%, #F5CF5D 35%, #D4AF37 70%, #926C19 100%); box-shadow: 0 10px 25px rgba(212,175,55,.35); }
.auth-divider { display: flex; align-items: center; gap: 12px; margin: 24px 0 16px; color: #94a3b8; font-size: 11px; font-weight: 700; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: rgba(212,175,55,.25); }
.auth-switch { min-height: 48px; display: flex; justify-content: center; align-items: center; gap: 9px; border: 1.5px solid rgba(212,175,55,.35); border-radius: 12px; color: #f8fafc; text-decoration: none; font-size: 13px; font-weight: 700; background: rgba(2,24,16,0.7); transition: .25s; }
.auth-switch:hover { border-color: #ffd700; color: #ffd700; background: rgba(212,175,55,0.15); box-shadow: 0 0 20px rgba(212,175,55,.25); }
.auth-security { margin: 22px 0 0; text-align: center; color: #94a3b8; font-size: 11px; font-weight: 600; }
.auth-security i { margin-right: 5px; color: #ffd700; }
.auth-footer { min-height: 64px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1.5px solid rgba(212,175,55,.25); color: #cbd5e1; font-size: 11px; font-weight: 600; }
.auth-footer span { color: #ffd700; font-weight: 700; }
.auth-notice { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 17px; padding: 11px 13px; border: 1px solid transparent; border-radius: 9px; font-size: 11px; line-height: 1.5; }
.auth-notice--success { color: #8be3bd; background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.3); }
.auth-notice--error { color: #ffabab; background: rgba(239,68,68,.09); border-color: rgba(239,68,68,.2); }
.field-error { display: block; padding: 5px 2px 0; color: #ff9c9c; font-size: 10px; }
.dashboard-page { --sidebar-width: 258px; min-height: 100vh; background: var(--falcon-bg-body) !important; color: #f4f0e8 !important; font-family: 'DM Sans', sans-serif !important; }
.dashboard-sidebar { 
    position: fixed; 
    inset: 0 auto 0 0; 
    z-index: 1040; 
    width: var(--sidebar-width); 
    display: flex; 
    flex-direction: column; 
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 14px 17px; 
    color: #e5edf5; 
    background: #030e09; 
    border-right: 1px solid rgba(212,175,55,.18); 
    transition: transform .25s ease; 
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 175, 55, 0.45) rgba(4, 30, 20, 0.6);
}
.dashboard-sidebar::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar {
    width: 6px;
}
.dashboard-sidebar::-webkit-scrollbar-track,
.sidebar-nav::-webkit-scrollbar-track {
    background: rgba(4, 30, 20, 0.6);
    border-radius: 4px;
}
.dashboard-sidebar::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4af37, #059669);
    border-radius: 4px;
}
.dashboard-sidebar::-webkit-scrollbar-thumb:hover,
.sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ffd700, #10b981);
}
.dashboard-sidebar__brand { height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px; border-bottom: 1px solid rgba(212,175,55,.14); }
.dashboard-sidebar .brand-mark__logo { height: 42px; width: auto; }
.sidebar-close { display: none; border: 0; background: none; color: #92a5b8; font-size: 18px; }
.sidebar-context { display: flex; align-items: center; gap: 11px; margin: 22px 0 28px; padding: 13px 11px; border: 1px solid rgba(166,195,222,.1); border-radius: 12px; background: rgba(255,255,255,.025); }
.sidebar-context__icon { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: var(--falcon-gold); background: rgba(248,192,96,.1); }
.sidebar-context__icon--member { color: var(--falcon-cyan); background: rgba(248,192,96,.09); }
.sidebar-context div, .sidebar-bottom div { display: grid; gap: 3px; flex: 1; min-width: 0; }
.sidebar-context strong, .sidebar-bottom strong { color: #e7edf3; font-size: 11px; font-weight: 700; }
.sidebar-context small, .sidebar-bottom small { color: #718398; font-size: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #29cf9c; box-shadow: 0 0 8px rgba(41,207,156,.35); }
.sidebar-label { margin: 0 9px 10px; color: #63778c; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.sidebar-nav { display: flex; flex-direction: column; gap: 5px; flex: 1 0 auto; }
.sidebar-link { min-height: 45px; display: flex; align-items: center; gap: 12px; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; color: #9bacbd; text-decoration: none; font-size: 11px; font-weight: 600; transition: .18s; }
.sidebar-link > i:first-child { width: 19px; color: #8194a8; font-size: 15px; }
.sidebar-link:hover { color: #f3f7fb; background: rgba(255,255,255,.045); }
.sidebar-link.is-active { border-color: rgba(248,192,96,.15); color: #111111; background: linear-gradient(90deg, rgba(248,192,96,.14), rgba(248,192,96,.045)); }
.sidebar-link.is-active > i:first-child { color: var(--falcon-cyan); }
.sidebar-link__arrow { margin-left: auto; opacity: 0; font-size: 9px; }
.sidebar-link.is-active .sidebar-link__arrow { opacity: .55; }
.sidebar-bottom { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 13px 10px; border: 1px solid rgba(166,195,222,.09); border-radius: 11px; background: rgba(255,255,255,.025); }
.sidebar-bottom__shield { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #64dcb4; background: rgba(16,185,129,.1); font-size: 13px; }
.sidebar-scrim { display: none; }
.dashboard-main { min-height: 100vh; display: flex; flex-direction: column; margin-left: var(--sidebar-width); width: calc(100% - var(--sidebar-width)); max-width: calc(100% - var(--sidebar-width)); box-sizing: border-box; }
.dashboard-topbar { position: sticky; top: 0; z-index: 1020; min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 44px; border-bottom: 1.5px solid rgba(212,175,55,.45); background: rgba(7,43,29,.96); backdrop-filter: blur(14px); width: 100%; box-sizing: border-box; }
.topbar-main, .topbar-actions { display: flex; align-items: center; gap: 14px; }
.topbar-kicker, .section-eyebrow { display: block; color: #8092a5; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.topbar-main h1 { margin: 4px 0 0; color: #f4f0e8; font: 800 16px 'Manrope', sans-serif; letter-spacing: -.025em; }
.topbar-menu { display: none; width: 38px; height: 38px; place-items: center; border: 1px solid #e2e9ef; border-radius: 10px; background: #111111; color: #244259; font-size: 19px; }
.topbar-date { color: #b8b0a2; font-size: 10px; white-space: nowrap; }
.topbar-date i { margin-right: 5px; color: #6f8498; }
.topbar-profile { display: flex; align-items: center; gap: 9px; padding: 4px 0 4px 11px; border: 0; background: transparent; text-align: left; }
.topbar-profile::after { display: none; }
.topbar-profile > .bi-chevron-down { color: #8392a0; font-size: 9px; }
.topbar-avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: #644616; background: #f2deb4; font: 800 13px 'Manrope', sans-serif; }
.topbar-avatar--member { color: #07556b; background: #c9f3f8; }
.topbar-profile__copy { display: grid; gap: 2px; }
.topbar-profile__copy strong { color: #f1ece1; font-size: 10px; }
.topbar-profile__copy small { color: #8493a1; font-size: 9px; }
.profile-menu { min-width: 205px; margin-top: 10px !important; padding: 7px; border: 1px solid #2c2924; border-radius: 12px; box-shadow: 0 14px 35px rgba(19,43,65,.12); }
.profile-menu .dropdown-item { border-radius: 7px; font-size: 11px; }
.dashboard-content { width: 100% !important; max-width: 100% !important; flex: 1; margin: 0 !important; padding: 36px 44px 60px !important; box-sizing: border-box !important; }
.dashboard-alert { width: 100%; padding: 20px 44px 0; box-sizing: border-box; }
.dashboard-alert .auth-notice { margin: 0; color: #146448; background: #e5f7ef; border-color: #c4ebd9; }
.welcome-panel { min-height: 182px; position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 29px 36px; border: 1px solid rgba(248,192,96,.12); border-radius: 17px; background: linear-gradient(115deg, #080808 0%, #121212 66%, #202020 100%); box-shadow: 0 13px 35px rgba(20,52,76,.12); }
.welcome-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .25; background-image: linear-gradient(rgba(151,199,214,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(151,199,214,.08) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, black, transparent 90%); }
.welcome-panel__copy { position: relative; z-index: 1; }
.welcome-panel__eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #e5c37f; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.welcome-panel__eyebrow i { font-size: 12px; }
.welcome-panel h2 { max-width: 610px; margin: 13px 0 7px; color: #111111; font: 800 clamp(21px, 3vw, 29px)/1.22 'Manrope', sans-serif; letter-spacing: -.035em; }
.welcome-panel p { margin: 0; color: #a5bac8; font-size: 11px; }
.welcome-panel__art { width: 200px; height: 140px; position: absolute; right: 50px; top: 20px; display: grid; place-items: center; color: #76d7e3; }
.welcome-panel__art > i { z-index: 1; font-size: 42px; transform: rotate(-14deg); filter: drop-shadow(0 5px 18px rgba(248,192,96,.48)); }
.welcome-orbit { position: absolute; width: 135px; height: 52px; border: 1px solid rgba(91,220,233,.28); border-radius: 50%; transform: rotate(-24deg); }
.welcome-orbit--two { width: 170px; height: 70px; transform: rotate(28deg); border-color: rgba(248,192,96,.2); }
.welcome-spark { position: absolute; color: #ebc87e; }
.welcome-spark--one { top: 12px; right: 25px; font-size: 24px; }
.welcome-spark--two { bottom: 12px; left: 22px; color: #6bcbd8; font-size: 19px; }
.dashboard-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 28px 0 14px; }
.dashboard-section-heading h3, .panel-heading h3 { margin: 5px 0 0; color: #1b3043; font: 800 15px 'Manrope', sans-serif; letter-spacing: -.025em; }
.section-meta { color: #93a2af; font-size: 9px; }
.section-meta i { margin-right: 4px; color: #24ae88; }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.stat-card { min-height: 116px; display: flex; align-items: center; gap: 13px; padding: 19px; border: 1px solid #2c2924; border-radius: 13px; background: #111111; box-shadow: 0 4px 15px rgba(22,48,68,.025); }
.stat-card__icon { width: 41px; height: 41px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; color: #0787a5; background: #e5f8fb; font-size: 17px; }
.stat-card__copy { min-width: 0; display: grid; gap: 4px; }
.stat-card__copy > span { overflow: hidden; color: #82909d; font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.stat-card__copy strong { overflow: hidden; color: #213649; font: 800 clamp(16px, 1.8vw, 22px) 'Manrope', sans-serif; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.stat-card__copy small { color: #9aa6b1; font-size: 8px; }
.stat-card--green .stat-card__icon { color: #07815f; background: #e6f7f0; }
.stat-card--gold .stat-card__icon { color: #a36b0d; background: #fbf2df; }
.stat-card--violet .stat-card__icon { color: #7350bb; background: #f0eafa; }
.content-panel { overflow: hidden; border: 1px solid #2c2924; border-radius: 14px; background: #111111; box-shadow: 0 4px 16px rgba(22,48,68,.025); }
.recent-panel { margin-top: 26px; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 18px 21px; border-bottom: 1px solid #2b2925; }
.panel-heading p { margin: 5px 0 0; color: #93a0ac; font-size: 9px; }
.panel-action { display: inline-flex; align-items: center; gap: 8px; color: #087f9e; text-decoration: none; font-size: 9px; font-weight: 700; }
.panel-action:hover { color: #065d73; }
.dashboard-table { width: 100%; border-collapse: collapse; color: #738393; font-size: 9px; }
.dashboard-table th { padding: 12px 17px; border-bottom: 1px solid #2b2925; color: #8d9baa; background: #141414; font-size: 8px; font-weight: 700; letter-spacing: .055em; text-align: left; white-space: nowrap; }
.dashboard-table td { padding: 13px 17px; border-bottom: 1px solid #272522; white-space: nowrap; }
.dashboard-table tbody tr:last-child td { border-bottom: 0; }
.member-cell { display: flex; align-items: center; gap: 9px; }
.member-avatar { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #08748b; background: #e1f5f8; font: 800 11px 'Manrope', sans-serif; }
.member-cell > span:last-child { min-width: 0; display: grid; gap: 3px; }
.member-cell strong { max-width: 210px; overflow: hidden; color: #f0eadf; font-size: 9px; text-overflow: ellipsis; }
.member-cell small { max-width: 230px; overflow: hidden; color: #9aa6b1; font-size: 8px; text-overflow: ellipsis; }
.referral-chip { display: inline-block; padding: 5px 7px; border: 1px solid #2a2824; border-radius: 6px; color: #657b8d; background: #1b1a18; font: 600 8px ui-monospace, monospace; }
.member-status { display: inline-flex; align-items: center; gap: 6px; color: #778b9c; font-size: 8px; }
.member-status i { width: 6px; height: 6px; border-radius: 50%; background: #e7aa4e; }
.member-status--active { color: #178663; }
.member-status--active i { background: #26b483; }
.member-status--blocked { color: #c34a4a; }
.member-status--blocked i { background: #e56363; }
.table-empty { min-height: 180px; display: grid; justify-items: center; align-content: center; gap: 6px; color: #92a0ac; }
.table-empty > span { width: 37px; height: 37px; display: grid; place-items: center; margin-bottom: 3px; border-radius: 11px; color: #1094ad; background: #e8f7f9; font-size: 16px; }
.table-empty strong { color: #43596b; font-size: 10px; }
.table-empty small { font-size: 9px; }
.dashboard-footer { display: flex; justify-content: space-between; gap: 15px; padding: 15px clamp(20px, 3vw, 40px); border-top: 1px solid #2a2824; color: #91a0ad; background: #111111; font-size: 8px; }
.users-heading { margin-top: 2px; margin-bottom: 19px; }
.users-heading p { margin: 5px 0 0; color: #92a0ad; font-size: 10px; }
.directory-count { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #e3eaef; border-radius: 9px; color: #688093; background: #111111; font-size: 9px; }
.directory-count i { color: #0995ad; }
.member-search { display: flex; align-items: center; gap: 9px; padding: 15px 17px; border-bottom: 1px solid #2b2925; }
.member-search__field { min-height: 39px; flex: 1; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid #2c2924; border-radius: 8px; color: #92a0ad; background: #141414; }
.member-search__field input { width: 100%; border: 0; outline: 0; color: #3d5264; background: transparent; font: 10px 'DM Sans', sans-serif; }
.member-search__field input::placeholder { color: #aab4be; }
.member-search > button { min-height: 39px; padding: 0 15px; border: 0; border-radius: 8px; color: #211706; background: #f8c060; font-size: 9px; font-weight: 700; }
.search-clear { color: #788c9d; text-decoration: none; font-size: 9px; }
.account-action { padding: 6px 9px; border: 1px solid #dfe8ec; border-radius: 7px; background: #111111; font-size: 8px; font-weight: 700; }
.account-action--block { color: #be5757; }
.account-action--enable { color: #178264; }
.pagination-wrap { padding: 13px 17px; border-top: 1px solid #2b2925; }
.pagination-wrap nav { display: flex; justify-content: flex-end; }
.pagination-wrap .pagination { flex-wrap: wrap; }
.pagination-summary { margin-bottom: 9px; color: #9b9285; font-size: 9px; }
.pagination { justify-content: flex-end; margin: 0; gap: 3px; }
.pagination .page-link { border-color: #36312a; color: #687d8f; font-size: 9px; }
.pagination .active .page-link { border-color: #0aa3b9; color: #111111; background: #0aa3b9; }
.stats-grid--member .stat-card:first-child .stat-card__copy strong { font-size: 18px; }
.member-welcome-card { display: flex; align-items: center; gap: 18px; position: relative; margin-top: 25px; padding: 25px; }
.member-welcome-card__icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; color: #087e9a; background: #e3f8fa; font-size: 20px; }
.member-welcome-card h3 { margin: 6px 0; color: #f1ece1; font: 800 14px 'Manrope', sans-serif; }
.member-welcome-card p { max-width: 630px; margin: 0; color: #8594a1; font-size: 10px; line-height: 1.65; }
.member-welcome-card__spark { margin-left: auto; color: #c89b49; font-size: 27px; }
@media (max-width: 1100px) { .stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .dashboard-page { --sidebar-width: 235px; } .welcome-panel__art { right: 18px; opacity: .75; } }
@media (max-width: 760px) { .auth-shell { width: min(100% - 30px, 540px); } .auth-shell__top { height: 78px; } .auth-content { padding: 12px 0 25px; } .auth-card { padding: 34px 27px 26px; } .auth-card--register { padding-top: 31px; } .auth-footer { min-height: 54px; font-size: 9px; } .dashboard-page { --sidebar-width: 258px; } .dashboard-sidebar { transform: translateX(-102%); box-shadow: 16px 0 45px rgba(0,0,0,.16); } .dashboard-sidebar.is-open { transform: translateX(0); } .sidebar-close { display: block; } .sidebar-scrim.is-visible { position: fixed; inset: 0; z-index: 1030; display: block; background: rgba(4,12,20,.49); backdrop-filter: blur(2px); } .dashboard-main { margin-left: 0; } .dashboard-topbar { min-height: 72px; padding: 10px 18px; } .topbar-menu { display: grid; } .topbar-date { display: none; } .topbar-profile { padding-left: 4px; } .topbar-profile__copy { display: none; } .dashboard-content { padding: 22px 18px 32px; } .dashboard-alert { padding: 12px 18px 0; } .dashboard-footer { padding: 13px 18px; } .welcome-panel { min-height: 165px; padding: 24px; } .welcome-panel__art { right: -27px; opacity: .38; } .welcome-panel h2 { max-width: 90%; } }
@media (max-width: 520px) { .auth-home { font-size: 10px; } .brand-mark__logo { width: 38px; height: 38px; }  .auth-card { padding: 30px 21px 23px; border-radius: 18px; } .auth-card h1 { font-size: 31px; } .form-grid-2 { grid-template-columns: 1fr; gap: 17px; } .auth-footer span { max-width: 135px; text-align: right; } .topbar-main h1 { font-size: 14px; } .topbar-kicker { font-size: 7px; } .stats-grid { grid-template-columns: 1fr 1fr; gap: 9px; } .stat-card { min-height: 105px; gap: 9px; padding: 13px 11px; } .stat-card__icon { width: 34px; height: 34px; border-radius: 10px; font-size: 14px; } .stat-card__copy > span { font-size: 8px; } .stat-card__copy strong { font-size: 15px; } .stat-card__copy small { font-size: 7px; } .welcome-panel { min-height: 157px; padding: 20px; } .welcome-panel h2 { max-width: 100%; font-size: 21px; } .welcome-panel p { max-width: 250px; font-size: 9px; line-height: 1.55; } .welcome-panel__art { right: -67px; opacity: .24; } .dashboard-section-heading { margin-top: 22px; } .section-meta { display: none; } .panel-heading { align-items: flex-start; padding: 16px; } .panel-action { white-space: nowrap; font-size: 8px; } .dashboard-table { min-width: 620px; } .member-search { flex-wrap: wrap; padding: 12px; } .member-search__field { flex-basis: 100%; } .member-search > button { flex: 1; } .search-clear { padding: 0 8px; } .users-heading { align-items: flex-start; } .directory-count { white-space: nowrap; } .member-welcome-card { align-items: flex-start; gap: 12px; padding: 17px; } .member-welcome-card__icon { width: 38px; height: 38px; font-size: 16px; } .member-welcome-card__spark { display: none; } .dashboard-footer { font-size: 7px; } }

/* The source PDF uses black, metallic gold and silver throughout. */
.dashboard-page { background: var(--falcon-bg-body) !important; color: #f4f0e8 !important; }
.dashboard-topbar, .dashboard-footer { background: #101010; border-color: #2a2722; }
.topbar-main h1, .topbar-profile__copy strong, .dashboard-section-heading h3, .panel-heading h3, .member-cell strong, .member-welcome-card h3 { color: #f3eee5; }
.topbar-menu, .content-panel, .stat-card, .directory-count { background: #111111; border-color: #302b24; }
.dashboard-table th { color: #b9ad98; background: #151515; border-color: #302b24; }
.dashboard-table td { border-color: #26231f; }
.dashboard-table { color: #c3baac; }
.member-cell small, .users-heading p { color: #978f82; }
.member-avatar, .stat-card__icon { color: #f8c060; background: rgba(248,192,96,.10); border-color: rgba(248,192,96,.20); }
.stat-card--green .stat-card__icon, .stat-card--violet .stat-card__icon { color: #f8c060; background: rgba(248,192,96,.10); }
.stat-card__copy strong { color: #f4f0e8; }
.stat-card__copy > span, .stat-card__copy small, .section-meta, .panel-heading p { color: #9e9587; }
.referral-chip, .member-search__field { color: #d4c8b5; background: #171614; border-color: #393329; }
.member-search__field input { color: #eee7dc; }
.member-search > button, .pagination .active .page-link { color: #102418; background: linear-gradient(110deg,#fff2a8,#d4af37,#a17b20); border-color: #d4af37; }
.pagination .page-link, .account-action { color: #d8cbb8; background: #151412; border-color: #393329; }
.member-status--active { color: #f2c86f; }
.member-status--active i { background: #f8c060; }
.member-status--pending { color: #c0b08f; }
.member-status--pending i { background: #c69a4a; }
.member-status--blocked { color: #e37a67; }
.content-panel { box-shadow: 0 8px 25px rgba(0,0,0,.22); }
.dashboard-footer { color: #9b9285; }
.admin-toast-region { position: fixed; top: 16px; right: 16px; z-index: 1090; }
.admin-swal-toast { border: 1px solid #393329 !important; border-radius: 12px !important; color: #f4f0e8 !important; background: #151412 !important; font-family: 'DM Sans', sans-serif !important; }
.admin-swal-toast .swal2-title { color: #f4f0e8 !important; font-size: 13px !important; }
.admin-loader { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.66); opacity: 0; visibility: hidden; transition: opacity .18s ease, visibility .18s ease; }
.admin-loader.is-visible { opacity: 1; visibility: visible; }
.admin-loader__card { display: grid; justify-items: center; gap: 13px; min-width: 190px; padding: 25px 30px; border: 1px solid #49402e; border-radius: 14px; color: #f4f0e8; background: #151412; box-shadow: 0 15px 45px rgba(0,0,0,.4); font-size: 12px; }
.admin-loader__spinner { width: 34px; height: 34px; border: 3px solid rgba(248,192,96,.24); border-top-color: #f8c060; border-radius: 50%; animation: admin-loader-spin .75s linear infinite; }
@keyframes admin-loader-spin { to { transform: rotate(360deg); } }
.admin-loader[aria-hidden="false"] { visibility: visible; }
.member-search button:disabled, .member-search button[aria-disabled="true"] { cursor: not-allowed; opacity: .48; }
.user-detail-actions, .user-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.user-row-actions form { margin: 0; }
.user-primary-button, .user-secondary-button, .user-danger-button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid #d49a43; border-radius: 8px; color: #211706; background: linear-gradient(110deg,#ffe6a8,#f8c060,#b87028); text-decoration: none; font-size: 10px; font-weight: 700; }
.user-primary-button:disabled, .user-form-actions button:disabled { cursor: not-allowed; opacity: .48; filter: grayscale(.45); }
.auth-submit:disabled { cursor: pointer; opacity: .88; filter: none; }
.user-secondary-button { border-color: #393329; color: #d8cbb8; background: #151412; }
.user-danger-button { border-color: rgba(227,122,103,.4); color: #e37a67; background: rgba(227,122,103,.08); }
.user-form { overflow: hidden; }
.user-form-grid, .user-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 22px; }
.user-form-field { display: grid; align-content: start; gap: 7px; color: #c7bcaa; font-size: 10px; font-weight: 600; }
.user-form-field b { color: #f8c060; }
.user-form-field input, .user-form-field select { width: 100%; min-height: 40px; padding: 0 11px; border: 1px solid #393329; border-radius: 8px; outline: none; color: #eee7dc; background: #171614; font: 11px 'DM Sans', sans-serif; }
.user-form-field input:focus, .user-form-field select:focus { border-color: #c9943d; box-shadow: 0 0 0 3px rgba(248,192,96,.1); }
.user-form-field input.is-invalid, .user-form-field select.is-invalid, .form-field input.is-invalid { border-color: #e37a67 !important; box-shadow: 0 0 0 2px rgba(227,122,103,.1); }
.user-form-field input.is-valid, .form-field input.is-valid { border-color: #54bb8d !important; }
.user-form-field input[readonly] { color: #b8a782; cursor: not-allowed; }
.is-valid-message { color: #54bb8d !important; }
.is-invalid-message { color: #e37a67 !important; }
.user-form-field small { min-height: 12px; color: #e37a67; font-size: 9px; font-weight: 400; }
.user-form-field small:empty { display: none; }
.user-form-actions { display: flex; justify-content: flex-end; gap: 9px; padding: 16px 22px; border-top: 1px solid #302b24; }
.user-detail-card { padding: 0; }
.user-detail-grid { margin: 0; }
.user-detail-grid > div { padding: 13px; border: 1px solid #302b24; border-radius: 9px; }
.user-detail-grid dt { margin-bottom: 6px; color: #978f82; font-size: 9px; }
.user-detail-grid dd { margin: 0; color: #eee7dc; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.user-delete-form { display: flex; justify-content: flex-end; padding: 16px 22px; border-top: 1px solid #302b24; }
@media (max-width: 600px) { .user-detail-actions { flex-wrap: wrap; } .user-form-grid, .user-detail-grid { grid-template-columns: 1fr; padding: 16px; gap: 13px; } .user-row-actions { flex-wrap: wrap; } }

/* Shared readable type scale for admin screens. */
.dashboard-page { font-size: 15px; }
.topbar-kicker, .section-eyebrow { font-size: 12px; }
.topbar-main h1 { font-size: 24px; }
.topbar-date, .topbar-profile__copy strong { font-size: 14px; }
.topbar-profile__copy small, .sidebar-context small, .sidebar-bottom small, .sidebar-label { font-size: 12px; }
.sidebar-context strong, .sidebar-bottom strong, .sidebar-link { font-size: 15px; }
.dashboard-section-heading h3, .panel-heading h3 { font-size: 23px; }
.dashboard-section-heading p, .panel-heading p, .users-heading p { font-size: 14px; }
.dashboard-table { font-size: 14px; }
.dashboard-table th { font-size: 12px; }
.member-cell strong { font-size: 14px; }
.member-cell small, .member-status, .referral-chip, .account-action { font-size: 13px; }
.dashboard-footer { font-size: 12px; }
.directory-count, .member-search > button, .search-clear, .panel-action { font-size: 13px; }
.member-search__field input { font-size: 15px; }
.pagination-summary, .pagination .page-link { font-size: 13px; }
.user-form-field { font-size: 14px; }
.user-form-field input, .user-form-field select { min-height: 46px; font-size: 15px; }
.user-form-field input::placeholder { color: #aaa397; opacity: 1; }
.user-form-field small, .user-form-hint { min-height: 16px; color: #b8b1a6; font-size: 12px; line-height: 1.45; }
.user-form-error { color: #f08a78 !important; }
.user-primary-button, .user-secondary-button, .user-danger-button { min-height: 44px; font-size: 13px; }
.user-detail-grid dt { font-size: 12px; }
.user-detail-grid dd { font-size: 15px; }
.referral-tools { display: inline-flex; align-items: center; gap: 6px; }
.referral-tools .account-action--icon { width: 32px; height: 32px; font-size: 14px; }
.user-copy-detail { display: flex; align-items: center; gap: 8px; }
.user-copy-detail .account-action--icon { width: 34px; height: 34px; font-size: 14px; }
.sponsor-cell { display: grid; gap: 3px; }
.sponsor-cell strong { color: #f0eadf; font-size: 13px; }
.sponsor-cell small, .sponsor-cell--empty { color: #b6aea2; font-size: 12px; }
.user-row-actions { gap: 8px; }
.account-action--icon { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0; color: #e8d8ba; font-size: 17px; text-decoration: none; }
.account-action--icon:hover { border-color: rgba(248,192,96,.6); color: #ffd477; background: rgba(248,192,96,.1); }
.account-action--icon.account-action--block { color: #e58a78; }
.account-action--icon.account-action--enable { color: #76d2a7; }
.user-row-actions form { display: inline-flex; }

/* Keep Laravel's generated pagination inside the member table footer. */
.pagination-wrap { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 74px; padding: 14px 22px; border-top: 1px solid rgba(248,192,96,.16); }
.pagination-wrap nav { display: block; margin: 0; }
.pagination-wrap .pagination { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; }
.pagination-wrap .pagination-summary { margin: 0; color: #c0b8ab; font-size: 13px; white-space: nowrap; }
.pagination-wrap .page-item { display: block; }
.pagination-wrap .page-link { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid rgba(248,192,96,.24); border-radius: 8px !important; color: #ead8b1; background: #171c20; font-size: 13px; line-height: 1; text-decoration: none; box-shadow: none; }
.pagination-wrap .page-link:hover { border-color: rgba(248,192,96,.6); color: #fff4df; background: rgba(248,192,96,.1); }
.pagination-wrap .page-item.active .page-link { border-color: #d49a43; color: #211706; background: linear-gradient(110deg,#ffe6a8,#f8c060,#b87028); }
.pagination-wrap .page-item.disabled .page-link { color: #81796d; background: #14181b; opacity: .65; }
.pagination-wrap .page-link svg { width: 15px !important; height: 15px !important; }
.pagination-wrap .page-link span[aria-hidden="true"] { font-size: 13px; }
.pagination-wrap nav[role="navigation"] > div:first-child { display: none !important; }
.pagination-wrap nav[role="navigation"] > div:last-child { display: flex !important; width: auto !important; align-items: center; justify-content: flex-end; }
.pagination-wrap nav[role="navigation"] svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; }
.pagination-wrap nav[role="navigation"] a, .pagination-wrap nav[role="navigation"] span[aria-current], .pagination-wrap nav[role="navigation"] span[aria-disabled] { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid rgba(248,192,96,.24); border-radius: 8px; color: #ead8b1; background: #171c20; font-size: 13px; line-height: 1; text-decoration: none; }
.pagination-wrap nav[role="navigation"] a:hover { color: #fff4df; background: rgba(248,192,96,.1); }
.pagination-wrap nav[role="navigation"] span[aria-current] { border-color: #d49a43; color: #211706; background: linear-gradient(110deg,#ffe6a8,#f8c060,#b87028); }
.pagination-wrap nav[role="navigation"] span[aria-disabled] { color: #81796d; opacity: .65; }

/* Emerald and gold dashboard surfaces, aligned with the public site theme. */
.dashboard-page { color: #f4f0e8 !important; background: var(--falcon-bg-body) !important; }
.dashboard-page::before { opacity: .28; background: radial-gradient(ellipse at 77% 12%,rgba(16,185,129,.17),transparent 35%),radial-gradient(ellipse at 14% 84%,rgba(212,175,55,.12),transparent 42%),linear-gradient(135deg,rgba(4,36,23,.84),rgba(6,43,29,.72) 56%,rgba(8,54,36,.8)); }
.dashboard-main { color: #f7f0e4; background: linear-gradient(135deg,rgba(5,36,24,.94),rgba(6,43,29,.92)); }
.dashboard-sidebar { color: #f7f0e4; background: linear-gradient(180deg,#0a3827 0%,#082f21 55%,#062719 100%); border-right-color: rgba(212,175,55,.38); }
.dashboard-sidebar__brand { background: transparent !important; border-bottom-color: rgba(212,175,55,.24); }
.dashboard-sidebar__brand .brand-mark, .dashboard-sidebar__brand .brand-mark__logo { background: transparent !important; }
.dashboard-topbar, .dashboard-footer { color: #f7f0e4; background: rgba(7,43,29,.96); border-color: rgba(212,175,55,.24); }
.sidebar-context, .sidebar-bottom { background: linear-gradient(145deg,rgba(16,185,129,.09),rgba(255,255,255,.025)); border-color: rgba(212,175,55,.22); }
.sidebar-context strong, .sidebar-bottom strong, .sidebar-link { color: #eee5d7; }
.sidebar-context small, .sidebar-bottom small, .topbar-date, .topbar-profile__copy small { color: #b8c8bd; }
.sidebar-label, .topbar-kicker, .section-eyebrow { color: #e6cb72; }
.sidebar-link.is-active { color: #fff8e9; background: linear-gradient(110deg,rgba(212,175,55,.22),rgba(16,185,129,.12)); border-color: rgba(245,207,93,.58); }
.sidebar-link.is-active > i:first-child { color: #e6cb72; }
.topbar-main h1, .topbar-profile__copy strong { color: #fff6e5; }
.dashboard-section-heading h3, .panel-heading h3, .users-heading h3 { color: #fff4df; }
.dashboard-section-heading p, .users-heading p, .panel-heading p, .section-meta { color: #b9c8bd; }
.content-panel, .stat-card { color: #eee5d7; background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%); border-color: rgba(212,175,55,.35); }
.dashboard-table { color: #d8e2da; }
.dashboard-table th { color: #f1d77f; background: linear-gradient(90deg,rgba(212,175,55,.12),rgba(16,185,129,.08)); border-color: rgba(212,175,55,.18); }
.dashboard-table td { color: #d6e0d8; border-color: rgba(212,175,55,.12); }
.member-cell strong, .stat-card__copy strong, .table-empty strong { color: #fff4e1; }
.member-cell small, .stat-card__copy > span, .stat-card__copy small, .table-empty small { color: #b6c5bb; }
.directory-count, .member-search__field, .referral-chip, .account-action, .pagination-wrap .page-link { color: #eadfbf; background: #0a3324; border-color: rgba(212,175,55,.26); }
.member-search__field input { color: #f4ead8; }
.member-search__field input::placeholder { color: #a9b9ae; }
.member-search, .pagination-wrap, .panel-heading { border-color: rgba(212,175,55,.15); }
.member-search button, .user-primary-button { color: #1b210e; }
.pagination-wrap .pagination-summary { color: #c0cbbf; }
.pagination-wrap .page-item.active .page-link { color: #102418; background: linear-gradient(110deg,#fff2a8,#d4af37,#a17b20); border-color: #d4af37; }
.pagination-wrap .page-item.disabled .page-link { color: #83998c; background: #082b1e; }
.user-form-field, .user-detail-grid dd { color: #eee5d7; }
.user-form-field input, .user-form-field select { color: #f4ead8; background: #0a3324; border-color: rgba(212,175,55,.3); }
.user-form-field input::placeholder { color: #aab8ac; }
.user-form-hint, .user-detail-grid dt { color: #b8c8bd; }
.user-form-actions, .user-delete-form { border-color: rgba(212,175,55,.15); }
.user-secondary-button { color: #d8e2da; background: #082b1e; border-color: rgba(212,175,55,.3); }
.user-detail-grid > div { border-color: rgba(212,175,55,.2); }
.auth-page, .falcon-glow-bg { color: #eee5d7; }
.auth-shell { color: #eee5d7; }
.auth-card { color: #eee5d7; background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%); border-color: rgba(212,175,55,.5); }
.auth-card h1, .auth-card__intro, .form-field label { color: #f7f0e4; }
.form-control-wrap { background: rgba(3,26,17,.72); border-color: rgba(212,175,55,.3); }
.form-control-wrap input { color: #f4ead8; }
.form-control-wrap input::placeholder { color: #aab8ac; }
.auth-footer, .auth-divider, .auth-security { color: #aab8ac; }
.auth-switch { color: #e3d7c3; border-color: rgba(212,175,55,.3); }
.admin-loader__card { color: #eee5d7; background: #0a3827; border-color: rgba(212,175,55,.35); }
.admin-swal-toast { color: #f4f0e8 !important; background: #082b1e !important; }
.admin-swal-toast .swal2-title { color: #f4f0e8 !important; }
.content-panel:hover::after, .stat-card:hover::after, .auth-card:hover::after { border-color: rgba(212,175,55,.42); box-shadow: 0 0 0 3px rgba(212,175,55,.055); }
.welcome-panel { border-color: rgba(212,175,55,.22); background: linear-gradient(90deg,rgba(5,36,24,.92),rgba(7,45,30,.5)),url('/assets/img/forex-dashboard-hero.svg') center 43% / cover; }
.welcome-panel__art, .welcome-panel__eyebrow, .welcome-spark, .member-welcome-card__spark, .panel-action, .directory-count i { color: #e6cb72; }
.welcome-orbit { border-color: rgba(212,175,55,.3); }
.welcome-orbit--two { border-color: rgba(16,185,129,.22); }
.welcome-panel h2 { color: #f8f8f8; }
.sidebar-context__icon, .sidebar-context__icon--member, .member-welcome-card__icon { color: #e6cb72; background: rgba(212,175,55,.1); }
.auth-switch:hover { border-color: rgba(212,175,55,.4); }
.auth-home:hover, .auth-switch:hover { color: #ffffff; }
.topbar-menu { color: #e6cb72; border-color: rgba(212,175,55,.3); }
.pagination .active .page-link { color: #102418; background: linear-gradient(110deg,#fff2a8,#d4af37,#a17b20); border-color: #d4af37; }
.member-welcome-card { background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%); border-color: rgba(212,175,55,.35); }
@media (max-width: 760px) { .dashboard-topbar { background: rgba(7,43,29,.97); } }

/* Brand lockup uses the supplied logo artwork alone. */
.brand-mark { width: 190px; height: 56px; justify-content: flex-start; }
.brand-mark__logo { width: 190px; height: 56px; object-fit: contain; object-position: left center; }
.dashboard-sidebar__brand .brand-mark { width: 176px; height: 54px; }
.dashboard-sidebar__brand .brand-mark__logo { width: 176px; height: 54px; }
.auth-card { background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important; border: 1.5px solid rgba(212,175,55,.45); box-shadow: 0 30px 85px rgba(0,0,0,.8), 0 0 30px rgba(212,175,55,.18); backdrop-filter: blur(24px); }
.auth-backdrop::before { content: ''; position: absolute; inset: -3%; background: radial-gradient(circle at 50% 20%, rgba(16,185,129,.25), transparent 60%), linear-gradient(90deg, rgba(2,12,8,.92), rgba(2,12,8,.75)), url('/assets/img/nexus-showcase.jpg') center 48% / cover; opacity: .85; animation: nexus-ambient-drift 32s ease-in-out infinite alternate; }
.auth-backdrop span:first-child, .auth-backdrop span:last-child { display: none; }
.dashboard-page { position: relative; isolation: isolate; }
.dashboard-page::before { content: ''; position: fixed; z-index: -1; inset: -2%; pointer-events: none; background: linear-gradient(rgba(5,6,7,.50),rgba(5,6,7,.62)),url('/assets/img/forex-market-scene.svg') center / cover; opacity: .34; animation: forex-scene-pan 58s ease-in-out infinite alternate; }
.dashboard-main { position: relative; z-index: 1; background: rgba(8,8,8,.62); }
.dashboard-sidebar { background: rgba(7,8,9,.96); backdrop-filter: blur(18px); }
.welcome-panel { background: linear-gradient(90deg,rgba(7,8,9,.92),rgba(7,8,9,.48)),url('/assets/img/forex-dashboard-hero.svg') center 43% / cover; animation: forex-panel-pan 36s ease-in-out infinite alternate; }
.welcome-panel::before { opacity: .13; }
.welcome-panel__art { color: #f8c060; }
.welcome-spark--one, .welcome-spark--two { color: #ffe6a8; animation: spark-glow 3s ease-in-out infinite alternate; }
.welcome-spark--two { animation-delay: 1.4s; }
.stat-card, .content-panel, .topbar-menu, .directory-count { backdrop-filter: blur(12px); background: rgba(17,17,17,.91); }
.member-search__field { background: #151412; }
@keyframes forex-scene-pan { 0% { transform: scale(1.02) translate3d(-.5%,0,0); background-position: 48% 48%; } 100% { transform: scale(1.08) translate3d(.5%,-.5%,0); background-position: 53% 52%; } }
@keyframes forex-panel-pan { 0% { background-position: 48% 44%; } 100% { background-position: 54% 54%; } }
@keyframes spark-glow { from { opacity: .55; transform: scale(.86) rotate(-8deg); } to { opacity: 1; transform: scale(1.12) rotate(8deg); } }
@media (max-width: 760px) {
    .auth-backdrop::before { inset: 0; background-position: 58% center; opacity: .48; }
    .dashboard-page::before { opacity: .2; background-position: 60% center; }
    .welcome-panel { background-position: 62% center; animation-duration: 48s; }
    .welcome-panel__art { right: -24px; opacity: .5; }
    .dashboard-sidebar__brand .brand-mark, .dashboard-sidebar__brand .brand-mark__logo { width: 155px; height: 48px; }
}
@media (max-width: 420px) {
    .auth-backdrop::before { opacity: .34; background-position: 62% center; }
    .brand-mark, .brand-mark__logo { width: 164px; height: 49px; }
    .welcome-panel { background-position: 67% center; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Final brand layer: keep all app areas on the same emerald and gold system. */
:root {
    --falcon-bg-body: #062b1d;
    --falcon-bg-surface: #0a4630;
    --falcon-bg-surface-2: #0e5c3f;
    --falcon-bg-card: #021810;
    --falcon-card-border: rgba(212, 175, 55, .45);
    --falcon-card-border-gold: rgba(245, 207, 93, .7);
    --falcon-cyan: #d4af37;
    --falcon-gold: #d4af37;
    --falcon-gold-light: #fff2a8;
    --falcon-gold-dark: #8c6818;
}

body.falcon-theme {
    background-color: var(--falcon-bg-body) !important;
}

.dashboard-page {
    background-color: var(--falcon-bg-body) !important;
}

.dashboard-page::before {
    filter: saturate(1.05) brightness(.76);
}

.dashboard-sidebar {
    background: linear-gradient(180deg, rgba(8,52,35,.97), rgba(6,42,28,.98) 50%, rgba(5,34,23,.99));
    border-right-color: rgba(212,175,55,.5);
}

.dashboard-sidebar__brand,
.dashboard-topbar,
.dashboard-footer {
    border-color: rgba(212,175,55,.28);
}

.dashboard-topbar,
.dashboard-footer {
    background: rgba(7,43,29,.96);
}

.sidebar-context,
.sidebar-bottom {
    border-color: rgba(212,175,55,.28);
}

.sidebar-link.is-active {
    border-color: rgba(245,207,93,.62);
    background: linear-gradient(105deg,rgba(212,175,55,.25),rgba(16,185,129,.14));
    box-shadow: inset 3px 0 #d4af37, 0 5px 16px rgba(0,0,0,.17);
}

.welcome-panel {
    min-height: 208px;
    padding: 32px clamp(24px, 3vw, 44px);
    border-color: rgba(245,207,93,.65);
    background: linear-gradient(110deg,rgba(4,36,24,.92),rgba(5,54,36,.75)), url('/assets/img/forex-dashboard-hero.svg') center / cover !important;
}

.welcome-panel h2 {
    color: #fff;
    line-height: 1.25;
}

.welcome-panel__copy {
    max-width: min(78%, 820px);
}

.stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr));
    gap: 16px;
}

.stat-card {
    min-width: 0;
    min-height: 136px;
    gap: 14px;
    padding: 20px 18px;
    border-color: rgba(212,175,55,.48);
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%);
    overflow: visible;
}

.stat-card__copy {
    min-width: 0;
    gap: 6px;
    overflow-wrap: anywhere;
}

.stat-card__copy > span,
.stat-card__copy strong {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

.stat-card__copy > span {
    color: #dbe8de;
    line-height: 1.35;
}

.stat-card__copy strong {
    color: #fff2a8;
    font-size: clamp(19px, 1.55vw, 27px);
    line-height: 1.22;
}

.stat-card__copy small {
    color: #b7cbbd;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.content-panel,
.member-welcome-card {
    border-color: rgba(212,175,55,.38);
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important;
}

.member-search__field,
.directory-count,
.referral-chip,
.pagination-wrap .page-link,
.user-form-field input,
.user-form-field select {
    background-color: #082f21;
    border-color: rgba(212,175,55,.32);
}

.member-search > button,
.user-primary-button,
.pagination .active .page-link,
.pagination-wrap .page-item.active .page-link,
.pagination-wrap nav[role="navigation"] span[aria-current] {
    color: #102418;
    border-color: #d4af37;
    background: linear-gradient(110deg,#fff2a8,#d4af37,#a17b20);
}

.auth-page,
.falcon-glow-bg {
    background-color: var(--falcon-bg-body) !important;
}

.auth-page::before {
    filter: saturate(1.08) brightness(.78);
}

.auth-card {
    padding: clamp(28px, 4vw, 44px) clamp(22px, 4vw, 46px) 34px;
    border-color: rgba(245,207,93,.72) !important;
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important;
}

.form-control-wrap {
    background: rgba(3,26,17,.76);
    border-color: rgba(212,175,55,.38);
}

.admin-loader__card {
    color: #eee5d7;
    background: #0a3827;
    border-color: rgba(212,175,55,.42);
}

.admin-swal-toast {
    color: #f4f0e8 !important;
    background: #082b1e !important;
}

@media (max-width: 760px) {
    .welcome-panel {
        min-height: 190px;
        padding: 24px 21px;
    }

    .welcome-panel__copy {
        max-width: 100%;
    }

    .stat-card {
        min-height: 124px;
        padding: 14px 12px;
    }
}

@media (max-width: 520px) {
    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .stat-card {
        min-height: 126px;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 11px;
    }

    .stat-card__icon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .stat-card__copy > span {
        font-size: 9px;
    }

    .stat-card__copy strong {
        font-size: clamp(16px, 4vw, 21px);
    }

    .stat-card__copy small {
        font-size: 9px;
    }
}
/* Readability and navigation hierarchy refinement. */
.dashboard-page { --sidebar-width: 286px; background: var(--falcon-bg-body) !important; }
.dashboard-page::before { opacity: .18; background: radial-gradient(ellipse at 78% 18%,rgba(16,185,129,.16),transparent 36%),radial-gradient(ellipse at 12% 86%,rgba(212,175,55,.12),transparent 42%),#062b1d; animation: dashboard-aura 24s ease-in-out infinite alternate; }
@keyframes dashboard-aura { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 5% 8%, -5% -4%, 0 0; } }
.dashboard-sidebar { background: linear-gradient(180deg,#0a3827 0%,#082f21 55%,#062719 100%); border-right: 1px solid rgba(212,175,55,.34); box-shadow: 8px 0 30px rgba(0,0,0,.25); }
.dashboard-sidebar__brand { height: 96px; border-bottom-color: rgba(212,175,55,.18); }
.dashboard-sidebar__brand .brand-mark, .dashboard-sidebar__brand .brand-mark__logo { width: 204px; height: 64px; }
.sidebar-context { margin-top: 23px; padding: 16px 13px; border-color: rgba(212,175,55,.2); background: rgba(255,255,255,.045); }
.sidebar-context__icon { width: 42px; height: 42px; font-size: 18px; }
.sidebar-context strong, .sidebar-bottom strong { font-size: 14px; }
.sidebar-context small, .sidebar-bottom small { font-size: 11px; }
.sidebar-label { margin: 0 10px 12px; color: #e6cb72; font-size: 11px; letter-spacing: .14em; }
.sidebar-nav { gap: 8px; }
.sidebar-link { min-height: 54px; gap: 14px; padding: 0 15px; color: #d1d9e0; font-size: 14px; border-radius: 11px; }
.sidebar-link > i:first-child { width: 22px; color: #d4af37; font-size: 19px; }
.sidebar-link.is-active { color: #fff8e9; border-color: rgba(245,207,93,.52); background: linear-gradient(105deg,rgba(212,175,55,.24),rgba(16,185,129,.12)); box-shadow: inset 3px 0 #d4af37, 0 5px 16px rgba(0,0,0,.17); }
.sidebar-link.is-active > i:first-child { color: #fff2a8; }
.sidebar-link__arrow { font-size: 12px; }
.sidebar-bottom { padding: 16px 12px; border-color: rgba(248,192,96,.17); background: rgba(255,255,255,.04); }
.sidebar-bottom__shield { width: 38px; height: 38px; color: #f8c060; background: rgba(248,192,96,.16); font-size: 16px; }
.dashboard-topbar { min-height: 92px; padding: 15px clamp(24px,3vw,44px); background: rgba(7,43,29,.96); border-color: rgba(212,175,55,.24); }
.topbar-kicker { color: #e6cb72; font-size: 10px; letter-spacing: .17em; }
.topbar-main h1 { margin-top: 6px; color: #fff8eb; font-size: 22px; }
.topbar-menu { width: 44px; height: 44px; font-size: 22px; }
.topbar-date { color: #d0d5db; font-size: 13px; }
.topbar-profile { gap: 11px; }
.topbar-avatar { width: 43px; height: 43px; font-size: 17px; }
.topbar-profile__copy strong { color: #fff6e5; font-size: 13px; }
.topbar-profile__copy small { color: #b3bdc7; font-size: 11px; }
.topbar-profile > .bi-chevron-down { font-size: 12px; }
.dashboard-main { background: rgba(13,18,23,.74); }
.dashboard-content { width: 100% !important; max-width: 100% !important; padding: 24px clamp(18px, 1.8vw, 32px) 38px !important; margin: 0 !important; }
.welcome-panel { min-height: 218px; padding: 34px 40px; border-color: rgba(212,175,55,.5); background-image: linear-gradient(90deg,rgba(4,30,20,.82),rgba(5,36,24,.48)),url('/assets/img/forex-market-scene.svg'); background-size: cover; background-position: 58% 42%; box-shadow: 0 16px 40px rgba(0,0,0,.3),inset 0 0 35px rgba(16,185,129,.08); }
.welcome-panel::before { opacity: .08; }
.welcome-panel::after { content: ''; position: absolute; inset: 0; z-index: 0; padding: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(110deg,transparent 12%,rgba(255,218,136,.08) 34%,rgba(255,218,136,.72) 50%,rgba(255,218,136,.08) 66%,transparent 88%); background-size: 240% 100%; animation: panel-border-glint 7s linear infinite; mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude; }
@keyframes panel-border-glint { from { background-position: 120% 0; } to { background-position: -120% 0; } }
.welcome-panel__copy { max-width: min(75%,760px); }
.welcome-panel__eyebrow { font-size: 11px; color: #e6cb72; }
.welcome-panel h2 { max-width: 820px; margin: 15px 0 9px; color: #fff; font-size: clamp(28px,2.5vw,38px); line-height: 1.18; }
.welcome-panel p { color: #e0e4e7; font-size: 15px; line-height: 1.6; }
.welcome-panel__art { width: 225px; height: 170px; right: 32px; color: #d4af37; }
.welcome-panel__art > i:first-of-type { font-size: 52px; }
.welcome-orbit { width: 158px; height: 62px; border-color: rgba(245,207,93,.4); }
.welcome-orbit--two { width: 195px; height: 82px; border-color: rgba(16,185,129,.25); }
.welcome-spark { font-size: 20px; }
.dashboard-section-heading { margin: 36px 0 17px; }
.dashboard-section-heading h3, .panel-heading h3 { color: #fff4df; font-size: 21px; }
.section-eyebrow { color: #e6cb72; font-size: 10px; letter-spacing: .17em; }
.section-meta { color: #c1b49d; font-size: 12px; }
.stats-grid { gap: 17px; }
.stat-card { min-height: 142px; gap: 17px; padding: 23px; border-color: rgba(212,175,55,.35); background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%); box-shadow: 0 9px 24px rgba(0,0,0,.4); }
.stat-card__icon { width: 54px; height: 54px; border: 1px solid rgba(212,175,55,.3); border-radius: 15px; color: #fff2a8; background: linear-gradient(145deg,rgba(212,175,55,.24),rgba(16,185,129,.12)); font-size: 22px; }
.stat-card__copy { gap: 6px; }
.stat-card__copy > span { color: #d2ded5; font-size: 12px; }
.stat-card__copy strong { color: #fff7e8; font-size: clamp(22px,2vw,29px); }
.stat-card__copy small { color: #aab8ac; font-size: 11px; }
.content-panel { border-color: rgba(212,175,55,.35); border-radius: 15px; background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%); }
.recent-panel { margin-top: 32px; }
.panel-heading { padding: 23px 25px; border-color: rgba(248,192,96,.16); }
.panel-heading p { margin-top: 7px; color: #b7ad9c; font-size: 12px; }
.panel-action { font-size: 12px; }
.dashboard-table { color: #d6d1c8; font-size: 12px; }
.dashboard-table th { padding: 15px 22px; color: #d6bd81; background: rgba(248,192,96,.055); font-size: 10px; letter-spacing: .08em; }
.dashboard-table td { padding: 17px 22px; }
.member-cell { gap: 12px; }
.member-avatar { width: 42px; height: 42px; border: 1px solid rgba(248,192,96,.22); border-radius: 12px; color: #ffd477; background: rgba(248,192,96,.13); font-size: 15px; }
.member-cell strong { color: #fff4e1; font-size: 12px; }
.member-cell small { color: #b6aea2; font-size: 11px; }
.referral-chip { padding: 6px 9px; color: #e7d8bc; border-color: rgba(248,192,96,.2); background: rgba(248,192,96,.06); font-size: 10px; }
.member-status { color: #dfd4c3; font-size: 11px; }
.member-status--active { color: #ffd477; }
.table-empty strong { color: #f3e8d6; font-size: 14px; }
.table-empty small { font-size: 12px; }
.dashboard-footer { padding: 18px clamp(24px,3vw,44px); color: #b8b1a6; border-color: rgba(248,192,96,.15); background: #141a20; font-size: 11px; }
.users-heading h3 { font-size: 24px; }
.users-heading p { color: #c0b8ab; font-size: 13px; }
.directory-count { padding: 10px 14px; color: #ead8b1; border-color: rgba(248,192,96,.25); font-size: 12px; }
.member-search { gap: 12px; padding: 19px 22px; border-color: rgba(248,192,96,.16); }
.member-search__field { min-height: 48px; padding: 0 14px; font-size: 15px; }
.member-search__field input { font-size: 13px; }
.member-search > button { min-height: 48px; padding: 0 20px; font-size: 12px; }
.search-clear { font-size: 12px; }
.account-action { padding: 8px 12px; font-size: 11px; }
.pagination-wrap { padding: 16px 22px; }
.pagination .page-link { font-size: 12px; }
.sidebar-scrim.is-visible { background: rgba(0,0,0,.68); }
@media (max-width: 1100px) {
    .dashboard-page { --sidebar-width: 270px; }
    .stat-card { padding: 18px; }
}
@media (max-width: 760px) {
    .dashboard-page { --sidebar-width: 286px; }
    .dashboard-sidebar__brand { height: 84px; }
    .dashboard-sidebar__brand .brand-mark, .dashboard-sidebar__brand .brand-mark__logo { width: 190px; height: 58px; }
    .dashboard-topbar { min-height: 78px; padding: 10px 16px; }
    .topbar-main h1 { font-size: 19px; }
    .topbar-kicker { font-size: 9px; }
    .dashboard-content { padding: 22px 16px 32px; }
    .welcome-panel { min-height: 200px; padding: 25px 23px; background-position: 65% center; }
    .welcome-panel__copy { max-width: 100%; padding-right: 20px; }
    .welcome-panel h2 { max-width: 540px; font-size: clamp(25px,6vw,33px); }
    .welcome-panel p { max-width: 450px; font-size: 13px; }
    .welcome-panel__art { right: -62px; opacity: .38; }
    .dashboard-section-heading { margin-top: 28px; }
    .dashboard-section-heading h3 { font-size: 19px; }
    .stat-card { min-height: 126px; gap: 12px; padding: 15px; }
    .stat-card__icon { width: 45px; height: 45px; font-size: 19px; }
    .stat-card__copy > span { white-space: normal; font-size: 11px; }
    .stat-card__copy strong { font-size: 22px; }
    .stat-card__copy small { font-size: 10px; }
    .panel-heading { padding: 18px; }
    .panel-heading h3 { font-size: 19px; }
    .dashboard-table th { padding: 13px 15px; }
    .dashboard-table td { padding: 14px 15px; }
}
@media (max-width: 520px) {
    .dashboard-topbar { min-height: 72px; }
    .topbar-main h1 { font-size: 17px; }
    .welcome-panel { min-height: 190px; padding: 21px 18px; }
    .welcome-panel h2 { max-width: 100%; font-size: 25px; }
    .welcome-panel p { max-width: 310px; font-size: 12px; }
    .welcome-panel__art { right: -90px; opacity: .28; }
    .stats-grid { gap: 10px; }
    .stat-card { min-height: 118px; padding: 12px 10px; }
    .stat-card__icon { width: 39px; height: 39px; font-size: 16px; }
    .stat-card__copy > span { font-size: 10px; }
    .stat-card__copy strong { font-size: 19px; }
    .stat-card__copy small { font-size: 9px; }
    .panel-heading { align-items: center; }
    .panel-action { max-width: 112px; white-space: normal; text-align: right; }
    .dashboard-footer { font-size: 9px; }
}
/* ==========================================================================
   GLOBAL AI NEXUS - MASTER FINTECH THEME WITH MAIN PAGE BACKGROUND & FULL ANIMATIONS
   ========================================================================== */

@keyframes nexus-bg-zoom {
    0% { transform: scale(1.0) translate3d(0, 0, 0); }
    50% { transform: scale(1.04) translate3d(-1%, -0.8%, 0); }
    100% { transform: scale(1.0) translate3d(0, 0, 0); }
}

@keyframes nexus-border-glint {
    0% { background-position: 220% 0; }
    100% { background-position: -220% 0; }
}

@keyframes nexus-gold-pulse {
    0%, 100% { 
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.25), inset 0 1px 0 rgba(255, 245, 180, 0.2); 
    }
    50% { 
        box-shadow: 0 22px 55px rgba(0, 0, 0, 0.75), 0 0 35px rgba(212, 175, 55, 0.55), inset 0 1px 0 rgba(255, 245, 180, 0.4); 
    }
}

@keyframes nexus-icon-spin-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-5px) rotate(6deg); }
}

@keyframes nexus-status-pulse {
    0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    50% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}

/* Master Main Content Page Background with High-Res Showcase Art */
.dashboard-page {
    background-color: var(--falcon-bg-body) !important;
    color: #f8fafc !important;
    position: relative;
    isolation: isolate;
    min-height: 100vh;
}

.dashboard-page::before {
    content: '';
    position: fixed;
    z-index: -1;
    inset: -3%;
    pointer-events: none;
    background: 
        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.55) 0%, transparent 60%),
        radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.45) 0%, transparent 55%),
        radial-gradient(circle at 50% 50%, rgba(10, 80, 52, 0.35) 0%, transparent 70%),
        linear-gradient(135deg, rgba(6, 44, 29, 0.58) 0%, rgba(12, 74, 49, 0.38) 45%, rgba(5, 34, 22, 0.62) 100%),
        linear-gradient(rgba(16, 185, 129, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 185, 129, 0.08) 1px, transparent 1px),
        url('/assets/img/nexus-showcase.jpg');
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 46px 46px, 46px 46px, cover;
    background-position: center center, center center, center center, center center, 0 0, 0 0, right 25%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat;
    background-attachment: fixed;
    filter: saturate(1.4) contrast(1.15) brightness(1.2);
    animation: nexus-bg-zoom 35s ease-in-out infinite alternate;
}

.dashboard-main {
    background: transparent !important;
    position: relative;
    z-index: 1;
}

.dashboard-content {
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 24px clamp(18px, 1.8vw, 32px) 38px !important;
    position: relative;
    z-index: 1;
    box-sizing: border-box !important;
}

/* Luxury Sidebar with Emerald Glass & Luminous Gold Trim */
.dashboard-sidebar {
    background: linear-gradient(180deg, #021810 0%, #010f0a 50%, #000402 100%);
    border-right: 1.5px solid rgba(212, 175, 55, 0.45);
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.55), inset -1px 0 0 rgba(212, 175, 55, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 175, 55, 0.5) rgba(2, 24, 16, 0.7);
}

.dashboard-sidebar__brand {
    height: 104px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1.5px solid rgba(212, 175, 55, 0.35);
}

.dashboard-sidebar__brand .brand-mark {
    width: auto !important;
    height: auto !important;
    max-width: 230px !important;
    display: flex;
    align-items: center;
}

.dashboard-sidebar__brand .brand-mark__logo {
    width: auto !important;
    max-width: 220px !important;
    height: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 14px rgba(212, 175, 55, 0.4));
}

.sidebar-context, .sidebar-bottom {
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%);
    border: 1.5px solid rgba(212, 175, 55, 0.45);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 245, 180, 0.25);
}

.sidebar-context__icon {
    color: #fff2a8;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.45), rgba(16, 185, 129, 0.35));
    border: 1.5px solid rgba(212, 175, 55, 0.7);
    box-shadow: 0 0 18px rgba(212, 175, 55, 0.5);
}

.sidebar-label {
    color: #ffd700;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.sidebar-link {
    color: #e2e8f0;
    font-weight: 600;
    transition: all 0.25s ease;
}

.sidebar-link > i:first-child {
    color: #ffd700;
    font-size: 19px;
    transition: all 0.25s ease;
}

.sidebar-link:hover {
    color: #ffffff;
    background: rgba(212, 175, 55, 0.22);
    border-color: rgba(212, 175, 55, 0.55);
    transform: translateX(4px);
}

.sidebar-link:hover > i:first-child {
    color: #fff2a8;
    transform: scale(1.15);
}

.sidebar-link.is-active {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.45) 0%, rgba(16, 185, 129, 0.28) 100%);
    border: 1.5px solid rgba(212, 175, 55, 0.85);
    box-shadow: inset 4px 0 0 #ffd700, 0 4px 25px rgba(212, 175, 55, 0.45);
}

.sidebar-link.is-active > i:first-child {
    color: #fff2a8;
    filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.8));
}

.sidebar-bottom__shield {
    color: #ffd700;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.42), rgba(16, 185, 129, 0.32));
    border: 1.5px solid rgba(212, 175, 55, 0.65);
}

/* Luxury Topbar */
.dashboard-topbar {
    background: linear-gradient(90deg, rgba(2, 24, 16, 0.95) 0%, rgba(1, 15, 10, 0.95) 50%, rgba(0, 4, 2, 0.98) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1.5px solid rgba(212, 175, 55, 0.48);
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.5), 0 0 20px rgba(16, 185, 129, 0.15);
}

.topbar-kicker {
    color: #ffd700;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.topbar-main h1 {
    color: #ffffff;
    font-weight: 800;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.topbar-menu {
    color: #ffd700;
    background: rgba(2, 24, 16, 0.9);
    border: 1.5px solid rgba(212, 175, 55, 0.5);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.25);
}

.topbar-menu:hover {
    color: #ffffff;
    border-color: #ffd700;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.65);
}

.topbar-avatar {
    background: linear-gradient(135deg, #FFF1AA, #D4AF37, #8C6615);
    color: #04140D;
    font-weight: 900;
    box-shadow: 0 0 18px rgba(212, 175, 55, 0.6);
    border: 1.5px solid #ffffff;
}

/* ==========================================================================
   HEADER BANNER (welcome-panel) - Pure Frosted Glass with Glowing Borders
   ========================================================================== */
.welcome-panel {
    min-height: 200px;
    padding: 34px 44px;
    border-radius: 18px;
    border: 1.5px solid rgba(245, 207, 93, 0.85);
    background: linear-gradient(135deg, rgba(14, 76, 50, 0.85) 0%, rgba(8, 48, 32, 0.88) 100%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 35px rgba(16, 185, 129, 0.35), 0 0 25px rgba(212, 175, 55, 0.35), inset 0 1px 0 rgba(255, 245, 180, 0.35);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.welcome-panel::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 1.5px;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 15%, rgba(255, 230, 140, 0.25) 30%, rgba(212, 175, 55, 0.95) 50%, rgba(16, 185, 129, 0.85) 65%, transparent 85%);
    background-size: 260% 100%;
    animation: nexus-border-glint 6s linear infinite;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.welcome-panel__eyebrow {
    font-size: 11px;
    color: #ffd700;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.welcome-panel__eyebrow i {
    color: #00e676;
}

.welcome-panel h2 {
    max-width: 720px;
    margin: 14px 0 8px;
    color: #ffffff;
    font: 900 clamp(26px, 2.6vw, 36px)/1.2 'Manrope', sans-serif;
    letter-spacing: -0.03em;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
}

.welcome-panel p {
    color: #d1fae5;
    font-size: 14px;
    max-width: 620px;
    line-height: 1.6;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.welcome-panel__art {
    width: 200px;
    height: 150px;
    right: 32px;
    color: #ffd700;
    animation: nexus-icon-spin-float 6s ease-in-out infinite alternate;
}

.welcome-panel__art > i:first-of-type {
    font-size: 58px;
    color: #ffd700;
    filter: drop-shadow(0 0 28px rgba(212, 175, 55, 0.95));
}

.welcome-orbit {
    border-color: rgba(212, 175, 55, 0.75);
}

.welcome-orbit--two {
    border-color: rgba(16, 185, 129, 0.65);
}

.welcome-spark--one, .welcome-spark--two {
    color: #fff2a8;
    animation: spark-glow 2.5s ease-in-out infinite alternate;
}

/* ==========================================================================
   STAT CARDS - Crystal Clear Luminous Fintech Cards (No Text Truncation)
   ========================================================================== */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 18px;
}

.stat-card {
    min-height: 140px;
    gap: 16px;
    padding: 22px 20px;
    border-radius: 16px;
    border: 1.5px solid rgba(212, 175, 55, 0.45);
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 0 rgba(255, 245, 180, 0.15);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}

.stat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    padding: 1.5px;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 15%, rgba(255, 240, 160, 0.2) 32%, rgba(212, 175, 55, 0.85) 50%, rgba(16, 185, 129, 0.65) 68%, transparent 85%);
    background-size: 240% 100%;
    animation: nexus-border-glint 7s linear infinite;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.stat-card:nth-child(2)::after { animation-delay: 1.4s; }
.stat-card:nth-child(3)::after { animation-delay: 2.8s; }
.stat-card:nth-child(4)::after { animation-delay: 4.2s; }

.stat-card:hover {
    transform: translateY(-5px);
    border-color: #ffd700;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.5), 0 0 35px rgba(212, 175, 55, 0.55), 0 0 25px rgba(16, 185, 129, 0.4);
}

.stat-card__icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    border: 1.5px solid rgba(212, 175, 55, 0.75);
    color: #fff2a8;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.42), rgba(16, 185, 129, 0.32));
    font-size: 24px;
    box-shadow: 0 0 22px rgba(212, 175, 55, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex-shrink: 0;
}

.stat-card:hover .stat-card__icon {
    transform: scale(1.1) rotate(4deg);
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.75);
    border-color: #ffd700;
}

.stat-card--green .stat-card__icon {
    border-color: rgba(16, 185, 129, 0.85);
    color: #00e676;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.4), rgba(5, 150, 105, 0.3));
    box-shadow: 0 0 22px rgba(16, 185, 129, 0.55);
}

.stat-card__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.stat-card__copy > span {
    color: #f1f5f9;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.stat-card__copy strong {
    color: #ffffff;
    font-size: clamp(18px, 1.4vw, 24px);
    font-weight: 900;
    font-family: 'Manrope', sans-serif;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.stat-card__copy small {
    color: #a7f3d0;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================================================
   CONTENT PANELS & RECENT MEMBERS TABLE
   ========================================================================== */
.content-panel {
    border-radius: 16px;
    border: 1.5px solid rgba(212, 175, 55, 0.45);
    background: linear-gradient(145deg, #021810 0%, #010f0a 45%, #000402 100%) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 0 rgba(255, 245, 180, 0.15);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.content-panel:hover {
    border-color: rgba(212, 175, 55, 0.85);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.5), 0 0 35px rgba(212, 175, 55, 0.35);
}

.panel-heading {
    padding: 24px 28px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

.panel-heading h3 {
    color: #ffffff;
    font-weight: 800;
}

.panel-heading p {
    color: #d1fae5;
}

.panel-action {
    color: #ffd700;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
}

.panel-action:hover {
    color: #fff2a8;
    transform: translateX(4px);
}

.dashboard-table {
    color: #f8fafc;
}

.dashboard-table th {
    padding: 16px 24px;
    color: #ffd700;
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.32), rgba(16, 185, 129, 0.25));
    border-bottom: 1.5px solid rgba(212, 175, 55, 0.4);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.dashboard-table td {
    padding: 18px 24px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

.dashboard-table tr:hover td {
    background: rgba(212, 175, 55, 0.18);
}

.member-avatar {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1.5px solid rgba(212, 175, 55, 0.65);
    color: #04140D;
    background: linear-gradient(135deg, #FFF1AA, #D4AF37);
    font-weight: 900;
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.45);
}

.member-cell strong {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}

.member-cell small {
    color: #d1fae5;
}

.referral-chip {
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(212, 175, 55, 0.55);
    background: rgba(212, 175, 55, 0.22);
    color: #fff2a8;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.08em;
}

.member-status {
    font-weight: 700;
}

.member-status--active {
    color: #00e676;
}

.member-status--pending i {
    animation: nexus-status-pulse 2s infinite ease-in-out;
}

.dashboard-footer {
    padding: 20px 44px;
    color: #d1fae5;
    border-top: 1.5px solid rgba(212, 175, 55, 0.35);
    background: rgba(8, 48, 32, 0.92);
    font-size: 12px;
}

.dashboard-footer span:last-child {
    color: #ffd700;
    font-weight: 800;
}

/* Full Width Fluid Layout Across Project */
.dashboard-main {
    width: calc(100% - var(--sidebar-width)) !important;
    max-width: calc(100% - var(--sidebar-width)) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.dashboard-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 36px 44px 60px !important;
    box-sizing: border-box !important;
}

.dashboard-topbar {
    padding: 16px 44px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.dashboard-alert {
    padding: 20px 44px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.dashboard-footer {
    padding: 20px 44px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 1199px) {
    .dashboard-content {
        padding: 28px 32px 50px !important;
    }
    .dashboard-topbar {
        padding: 14px 32px !important;
    }
    .dashboard-alert {
        padding: 16px 32px 0 !important;
    }
    .dashboard-footer {
        padding: 18px 32px !important;
    }
}

@media (max-width: 768px) {
    .dashboard-main {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .dashboard-content {
        padding: 20px 16px 36px !important;
    }
    .dashboard-topbar {
        padding: 12px 16px !important;
    }
    .dashboard-alert {
        padding: 12px 16px 0 !important;
    }
    .dashboard-footer {
        padding: 16px 16px !important;
    }
    .welcome-panel {
        padding: 24px 20px;
    }
    .welcome-panel__art {
        display: none;
    }
    .dashboard-sidebar {
        box-shadow: 16px 0 48px rgba(0, 0, 0, 0.85);
    }
    .stats-grid {
        grid-template-columns: 1fr;
    }
}

/* Universal High-Visibility Placeholder Styling for Dark Theme */
input::placeholder,
textarea::placeholder,
select::placeholder,
.form-control::placeholder,
.form-select::placeholder {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}