:root{
  --uc-primary:#0f7c3b;
  --uc-primary-dark:#0b5d2b;
  --uc-accent:#d8b467;
  --uc-bg:#f3f7f5;
  --uc-card:rgba(255,255,255,.92);
  --uc-text:#13221a;
  --uc-muted:#6b7280;
  --uc-border:#e7ece9;
  --uc-shadow:0 18px 40px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--uc-text);background:radial-gradient(circle at top left, rgba(15,124,59,.10), transparent 25%),radial-gradient(circle at bottom right, rgba(216,180,103,.14), transparent 25%),linear-gradient(180deg,#f8fbf9 0%,var(--uc-bg) 100%)}
body.sidebar-open{overflow:hidden}
.portal-bg-orb{position:fixed;border-radius:999px;filter:blur(60px);opacity:.35;pointer-events:none;z-index:-1}.portal-bg-orb-1{width:260px;height:260px;background:#7ef1ad;top:-40px;right:-50px}.portal-bg-orb-2{width:280px;height:280px;background:#ffe08d;left:-80px;bottom:40px}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--uc-accent)}
.premium-input{border-radius:14px;border:1px solid #d7e2db;padding:.82rem .95rem;box-shadow:none!important}.premium-input:focus{border-color:#8bbc98;box-shadow:0 0 0 .2rem rgba(15,124,59,.10)!important}
.btn-premium{background:linear-gradient(135deg,var(--uc-primary),var(--uc-primary-dark));color:#fff;border:none;border-radius:14px;padding:.82rem 1.1rem;font-weight:700;box-shadow:0 12px 24px rgba(15,124,59,.18)}.btn-premium:hover{color:#fff;filter:brightness(.98)}
.content-card,.stat-card,.profile-card,.mini-profile-card,.profile-side-card,.topbar,.hero-menu{background:var(--uc-card);border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:var(--uc-shadow);backdrop-filter:blur(14px)}
.app-shell{display:flex;min-height:100vh;position:relative}.sidebar{width:296px;background:linear-gradient(180deg,#0b1f16 0%,#10311d 50%,#123520 100%);color:#fff;padding:22px 18px;position:sticky;top:0;height:100vh;overflow:auto;z-index:20}
.sidebar-brand-card{padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}
.sidebar-brand-name{font-weight:800;font-size:1rem}.sidebar-brand-tagline{font-size:.76rem;color:rgba(255,255,255,.66);line-height:1.4}
.sidebar-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.46);margin:12px 10px 10px;font-weight:700}
.sidebar-nav .nav-link{color:rgba(255,255,255,.78);padding:12px 14px;border-radius:14px;margin-bottom:8px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .22s ease}.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));color:#fff;transform:translateX(2px)}.sidebar-footer{margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.55)}
.main-content{flex:1;padding:24px;min-width:0}.topbar{padding:18px 20px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,251,247,.82))}
.menu-toggle-btn{border:none;background:linear-gradient(135deg,var(--uc-primary),var(--uc-primary-dark));color:#fff;width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.mobile-sidebar-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.48);opacity:0;visibility:hidden;transition:.2s;z-index:15}.mobile-sidebar-backdrop.is-open{opacity:1;visibility:visible}
.avatar-main{width:72px;height:72px;border-radius:20px;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px rgba(17,24,39,.12)}.logo-image{max-width:90px;width:100%;object-fit:contain;border-radius:12px}
.hero-panel{border-radius:28px;padding:30px;background:radial-gradient(circle at top right, rgba(128,240,173,.24), transparent 26%),linear-gradient(135deg, rgba(216,180,103,.24), rgba(255,255,255,.02)),linear-gradient(135deg,#123520 0%,#0f7c3b 64%,#169750 100%);box-shadow:var(--uc-shadow);display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden}.hero-badge{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:999px;font-weight:700}
.hero-main-title{font-size:clamp(1.55rem,3vw,2.5rem);font-weight:800;max-width:700px}.hero-main-copy{max-width:700px}.hero-side-stat{min-width:260px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12)}.hero-side-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72);font-weight:700}.hero-side-value{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.1;margin-top:8px}
.hero-menu{padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at top right, rgba(126,241,173,.20), transparent 25%),linear-gradient(135deg, rgba(216,180,103,.14), rgba(255,255,255,.70)),var(--uc-card)}
.hero-menu::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg, rgba(255,255,255,.15), transparent 40%, rgba(255,255,255,.10))}
.hero-menu-header{position:relative;z-index:1}.hero-menu-title{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-0.02em}.hero-menu-subtitle{color:var(--uc-muted);font-size:.96rem;max-width:680px}.hero-menu-badge{display:inline-flex;align-items:center;border-radius:999px;padding:10px 16px;font-weight:700;font-size:.86rem;color:#fff;background:linear-gradient(135deg,var(--uc-primary),var(--uc-primary-dark));box-shadow:0 12px 24px rgba(15,124,59,.18)}
.hero-menu-card{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--uc-text);border-radius:22px;padding:18px;border:1px solid rgba(231,236,233,.95);background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,251,247,.95));box-shadow:0 14px 30px rgba(15,23,42,.06);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;position:relative;overflow:hidden}.hero-menu-card::after{content:"";position:absolute;inset:auto -30% -40% auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle, rgba(15,124,59,.10), transparent 60%);pointer-events:none}.hero-menu-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.10);border-color:rgba(15,124,59,.22);color:var(--uc-text)}
.hero-menu-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.hero-menu-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.2rem;background:linear-gradient(135deg,var(--uc-primary),var(--uc-primary-dark));box-shadow:0 12px 24px rgba(15,124,59,.22)}.hero-menu-arrow{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(15,124,59,.08);color:var(--uc-primary);font-size:1rem}.hero-menu-card-body{position:relative;z-index:1}.hero-menu-label{font-weight:800;font-size:1rem;margin-bottom:6px;line-height:1.2}.hero-menu-text{color:var(--uc-muted);font-size:.87rem;line-height:1.45}
.stat-card{padding:22px}.stat-card-accent{background:linear-gradient(135deg,rgba(15,124,59,.09),rgba(216,180,103,.12),rgba(255,255,255,.92))}.compact-stat .stat-value{font-size:1.65rem}.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--uc-muted);font-weight:700}.stat-value{font-size:1.9rem;font-weight:800;margin-top:6px}.content-card{padding:22px}.chart-wrap{position:relative;height:320px}
.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview-item{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f7faf8);border:1px solid var(--uc-border)}.overview-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--uc-muted);font-weight:700}.overview-value{font-size:1.4rem;font-weight:800;margin-top:8px}.overview-date{font-size:1rem}
.member-spotlight-list{display:flex;flex-direction:column;gap:16px}.member-spotlight-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbf9);border:1px solid var(--uc-border)}
.profile-card{padding:20px;text-align:center}.profile-card-photo,.profile-side-photo{width:120px;height:120px;border-radius:28px;object-fit:cover;border:4px solid #fff;box-shadow:0 12px 30px rgba(17,24,39,.12)}.profile-side-card{padding:24px;text-align:center}
.avatar-card,.avatar-sm{width:56px;height:56px;border-radius:18px;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px rgba(17,24,39,.10)}.avatar-sm{width:42px;height:42px;border-radius:14px}.premium-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#5b665f;background:#f8fbf9;border-bottom:1px solid var(--uc-border)}.premium-table td,.premium-table th{padding:1rem .95rem;vertical-align:middle;border-color:#eef2ef}
.footer-note{font-size:.82rem;color:var(--uc-muted)}.profile-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:24px}.search-row{display:flex;gap:12px;flex-wrap:wrap}.search-row > *{flex:1 1 180px}
.dashboard-chip-wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dashboard-chip{padding:8px 12px;border-radius:999px;background:#edf8f1;color:#0f7c3b;font-size:.82rem;font-weight:700}.calendar-pill,.verification-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#edf8f1;color:#0f7c3b;font-weight:700}
.recent-member-row,.member-row-compact{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1ee}
.announcement-banner{border-radius:18px;padding:16px;background:linear-gradient(135deg,#0f7c3b,#154c2c);color:#fff;box-shadow:var(--uc-shadow)}.announcement-banner.warning{background:linear-gradient(135deg,#b8860b,#7c5a09)}.announcement-banner.info{background:linear-gradient(135deg,#0d6efd,#143b75)}.announcement-banner.danger{background:linear-gradient(135deg,#b42318,#6b1f17)}.announcement-banner.ad{background:linear-gradient(135deg,#1f2937,#111827)}
.flyer-card{border-radius:20px;overflow:hidden;border:1px solid var(--uc-border);background:linear-gradient(180deg,#fff,#f7faf8);box-shadow:var(--uc-shadow);height:100%}.compact-flyer-card .flyer-thumb{min-height:140px}.compact-banner{min-height:120px}.stacked-banners{display:flex;flex-direction:column;gap:14px}.flyer-thumb{aspect-ratio:16/9;width:100%;background:#e9efe9 center/cover no-repeat;display:block}
.id-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.id-card-print{border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e7ece9;box-shadow:var(--uc-shadow)}.id-card-top{padding:18px 20px;background:linear-gradient(135deg,#123520 0%,#0f7c3b 100%);color:#fff;display:flex;justify-content:space-between;gap:16px;align-items:center}.id-card-title{font-size:1.1rem;font-weight:800}.id-card-body{padding:18px 20px;display:flex;gap:16px;align-items:center}.id-photo{width:92px;height:92px;border-radius:24px;object-fit:cover;border:4px solid #fff}.id-card-footer{padding:12px 20px;background:#f7faf8;border-top:1px solid #e7ece9;display:flex;justify-content:space-between;gap:12px;font-size:.82rem;color:#6b7280}.id-logo{width:56px;height:56px;object-fit:contain;background:rgba(255,255,255,.12);border-radius:16px;padding:8px}.qr-slot{width:94px;min-width:94px;height:94px;background:#fff;border:1px solid #e7ece9;border-radius:18px;display:grid;place-items:center;padding:6px}.qr-slot img{width:82px!important;height:82px!important}
.quick-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.quick-link-card{display:block;text-decoration:none;color:var(--uc-text);padding:18px;border-radius:18px;border:1px solid var(--uc-border);background:linear-gradient(180deg,#fff,#f9fbfa)}.quick-link-card .icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf8f1;color:#0f7c3b;margin-bottom:10px}
.theme-toggle{border:none;background:rgba(15,124,59,.12);color:var(--uc-text);border-radius:14px;padding:10px 14px;font-weight:600}
.progress{width:100%;background:#e9f1ec;border-radius:999px;overflow:hidden}.progress-premium{height:10px}.progress-bar{border-radius:999px;min-width:0;transition:width .6s ease}.bg-gold{background:linear-gradient(135deg,#d8b467,#f2ce83)}
.member-mobile-list{display:flex;flex-direction:column;gap:16px}.member-mobile-card{padding:18px;border-radius:22px;border:1px solid var(--uc-border);background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:var(--uc-shadow)}.member-mobile-meta{display:flex;flex-wrap:wrap;gap:8px}.member-mobile-meta span{padding:8px 10px;border-radius:999px;background:#edf8f1;color:#0f7c3b;font-size:.82rem;font-weight:700}
@media (max-width:991px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:min(86vw,320px);transform:translateX(-104%);transition:transform .22s ease;z-index:20}.sidebar.is-open{transform:translateX(0)}.main-content{padding:16px}.avatar-main{width:56px;height:56px;border-radius:16px}.hero-panel{flex-direction:column;align-items:flex-start}.hero-side-stat{width:100%}.overview-grid{grid-template-columns:1fr}}
@media (max-width:767px){.topbar,.hero-panel{flex-direction:column;align-items:flex-start}.hero-panel{padding:22px}.hero-menu{padding:18px}.hero-menu-title{font-size:1.2rem}.hero-menu-subtitle{font-size:.88rem}.hero-menu-card{padding:16px;border-radius:18px}.hero-menu-icon{width:48px;height:48px;border-radius:16px}.recent-member-row,.member-row-compact,.member-spotlight-item{flex-direction:column}.id-card-body{flex-wrap:wrap}.id-card-grid,.profile-grid{grid-template-columns:1fr}.progress-premium{height:8px!important}.search-row > *{flex:1 1 100%}}
body.theme-dark{--uc-bg:#0b1220;--uc-card:rgba(16,25,40,.94);--uc-text:#ecf3ee;--uc-muted:#a9b4be;--uc-border:#1e2b3f;--uc-shadow:0 18px 40px rgba(0,0,0,.32);background:linear-gradient(180deg,#0d1524 0%,#0b1220 100%)}body.theme-dark .content-card,body.theme-dark .stat-card,body.theme-dark .profile-card,body.theme-dark .profile-side-card,body.theme-dark .topbar,body.theme-dark .hero-menu{background:rgba(16,25,40,.94);border-color:#223149}body.theme-dark .topbar{background:linear-gradient(135deg, rgba(16,25,40,.94), rgba(11,18,32,.92))}body.theme-dark .premium-table thead th{background:#111b2c;color:#c4cfda;border-bottom-color:#223149}body.theme-dark .premium-table td,body.theme-dark .premium-table th{border-color:#1c2940}body.theme-dark .premium-input{background:#0f1726;color:#ecf3ee;border-color:#28364d}body.theme-dark .text-muted,body.theme-dark .footer-note,body.theme-dark .stat-label{color:#a9b4be!important}body.theme-dark .hero-menu{background:radial-gradient(circle at top right, rgba(126,241,173,.12), transparent 25%),linear-gradient(135deg, rgba(216,180,103,.08), rgba(16,25,40,.92)),rgba(16,25,40,.94)}body.theme-dark .hero-menu-card,body.theme-dark .quick-link-card,body.theme-dark .flyer-card,body.theme-dark .member-mobile-card,body.theme-dark .overview-item,body.theme-dark .member-spotlight-item{background:linear-gradient(180deg,#101928,#0f1726);border-color:#223149;color:#ecf3ee}body.theme-dark .hero-menu-text{color:#a9b4be}body.theme-dark .hero-menu-arrow{background:rgba(126,241,173,.08);color:#86efac}body.theme-dark .progress{background:#152234}