:root{--navy:#102f4f;--navy2:#173e62;--green:#176b50;--gold:#c59b37;--bg:#f4f6f8;--text:#243241;--muted:#6f7d8b;--line:#dfe5ea;--white:#fff;--danger:#a13a36}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}
.top{background:var(--navy);color:#fff;padding:15px 4%;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column}.brand b{font-size:17px}.brand span{font-size:12px;opacity:.74}.nav{display:flex;gap:5px;flex-wrap:wrap}.nav a{padding:9px 10px;text-decoration:none;border-radius:9px;font-size:14px}.nav a:hover{background:#ffffff17}
.wrap{max-width:1280px;margin:auto;padding:24px}.hero{background:linear-gradient(130deg,var(--navy),var(--green));color:#fff;padding:28px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{margin:0 0 8px}.hero p{margin:0;opacity:.8}
.grid{display:grid;gap:15px}.metrics{grid-template-columns:repeat(4,1fr);margin:18px 0}.card,.metric,.panel,.doc{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.metric small{display:block;color:var(--muted);margin-bottom:8px}.metric strong{font-size:23px;color:var(--navy)}
.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.panel h2,.panel h3{margin-top:0;color:var(--navy)}.actions{display:flex;gap:9px;flex-wrap:wrap}
.btn,button{display:inline-block;background:var(--green);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--navy)}.btn.gold{background:var(--gold);color:#18202a}.btn.danger{background:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9eef2;font-size:12px;font-weight:800}.good{background:#daf1e5;color:#155d3e}.warn{background:#fff0c7;color:#705500}.bad{background:#f8dedd;color:#832c29}
.alert{padding:13px 15px;margin:12px 0;border-radius:12px;background:#eef6f3;border:1px solid #c5dfd4}.alert.err{background:#fbe7e6;border-color:#e7b9b7}
.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:11px 13px;border-bottom:1px solid #edf0f2;text-align:left;font-size:14px}th{background:#f7f9fa;color:#52606c;position:sticky;top:0}
.formbox,.login{max-width:850px;margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.login{max-width:460px;margin-top:8vh}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}label{font-weight:650;display:block;margin:8px 0}input,select,textarea{width:100%;padding:11px;margin-top:6px;border:1px solid #cbd4dc;border-radius:10px;font:inherit;background:#fff}textarea{min-height:100px}
.kpi{display:flex;align-items:center;justify-content:space-between}.kpi .icon{width:42px;height:42px;border-radius:12px;background:#edf4f1;display:grid;place-items:center;font-size:22px}.progress{height:10px;background:#e9edf1;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--gold)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;text-decoration:none}.quick b{display:block;color:var(--navy);margin-bottom:5px}.muted{color:var(--muted);font-size:13px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.paybox{display:grid;grid-template-columns:150px 1fr;gap:10px;background:#edf5f2;border-radius:14px;padding:16px}
.doc h3{margin:8px 0}.doc strong{font-size:22px;color:var(--green)}.empty{text-align:center;padding:35px;color:var(--muted)}
@media(max-width:900px){.metrics,.quick{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr}.top{align-items:flex-start;flex-direction:column}.hero{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{padding:14px}.metrics,.quick,.two,.three,.formgrid{grid-template-columns:1fr}.formbox,.login{margin:14px;padding:18px}.wide{grid-column:auto}.pagehead{align-items:flex-start;flex-direction:column}.hero{padding:20px}}
@media print{.top,.no-print,button,.btn{display:none!important}body{background:#fff}.wrap{max-width:none;padding:0}.panel,.card,.metric,.doc{break-inside:avoid;border-color:#ccc}}



/* RC7 — Dashboard appearance fix: desktop + mobile service cards */
/* Base rules apply at ALL widths. Mobile rules below only refine them. */
.dashboard-section{
  margin-top:24px;
  padding-bottom:8px;
}
.section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 16px;
}
.section-title h2{
  margin:4px 0 0;
  color:#183f38;
  font-size:27px;
  letter-spacing:-.02em;
}
.eyebrow.dark{
  display:block;
  color:#947126;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
}
.service-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.service-card{
  min-height:178px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:20px;
  border:1px solid #dbe5e1;
  border-top:5px solid #23725a;
  border-radius:20px;
  background:#eef8f4;
  text-decoration:none;
  color:#23372f;
  box-shadow:0 9px 24px rgba(26,66,56,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.service-card:hover{
  transform:translateY(-3px);
  box-shadow:0 17px 34px rgba(26,66,56,.11);
  border-color:#cbdad4;
}
.service-card:focus-visible{
  outline:3px solid rgba(197,155,55,.5);
  outline-offset:3px;
}
.service-card::after{
  content:"";
  position:absolute;
  width:105px;
  height:105px;
  right:-47px;
  bottom:-50px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  pointer-events:none;
}
.service-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:#23725a;
  color:#fff;
  font-size:25px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(35,114,90,.18);
  z-index:1;
}
.service-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  z-index:1;
}
.service-copy b{
  display:block;
  color:#153f37;
  font-size:18px;
  line-height:1.12;
}
.service-copy small{
  display:block;
  color:#65756f;
  font-size:13px;
  line-height:1.45;
}
.service-open{
  align-self:center;
  justify-self:end;
  color:#176b50;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  z-index:1;
}

/* Card families, visually similar to the MahakamaQ service dashboard concept */
.tone-members,.tone-contrib,.tone-event{
  background:#edf8f4;
  border-top-color:#23725a;
}
.tone-members .service-icon,.tone-contrib .service-icon,.tone-event .service-icon{
  background:#23725a;
}
.tone-loan,.tone-expense,.tone-report{
  background:#eef4fb;
  border-top-color:#315f8a;
}
.tone-loan .service-icon,.tone-expense .service-icon,.tone-report .service-icon{
  background:#315f8a;
}
.tone-loan .service-open,.tone-expense .service-open,.tone-report .service-open{color:#315f8a}
.tone-benefit,.tone-doc{
  background:#fbf2f5;
  border-top-color:#99536d;
}
.tone-benefit .service-icon,.tone-doc .service-icon{
  background:#99536d;
}
.tone-benefit .service-open,.tone-doc .service-open{color:#99536d}
.tone-meeting,.tone-notice{
  background:#f5f0fa;
  border-top-color:#714b89;
}
.tone-meeting .service-icon,.tone-notice .service-icon{
  background:#714b89;
}
.tone-meeting .service-open,.tone-notice .service-open{color:#714b89}
.tone-subscription,.tone-setup,.tone-settings,.tone-migration{
  background:#fff8e9;
  border-top-color:#b88323;
}
.tone-subscription .service-icon,.tone-setup .service-icon,.tone-settings .service-icon,.tone-migration .service-icon{
  background:#b88323;
}
.tone-subscription .service-open,.tone-setup .service-open,.tone-settings .service-open,.tone-migration .service-open{
  color:#966c1f;
}

@media(max-width:1180px){
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:920px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* RC4 — Mobile dashboard concept: one clean dashboard, no sidebar */
.service-open{
  justify-self:end;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  color:#176b50;
}
.tone-loan .service-open,.tone-expense .service-open{color:#315d86}
.tone-meeting .service-open{color:#65488b}
.tone-benefit .service-open{color:#985168}
.tone-subscription .service-open{color:#8a6718}

@media(max-width:768px){
  /* Mobile app never uses a sidebar */
  .sidebar,.side-nav,.desktop-sidebar,[data-sidebar]{display:none!important}

  body{
    background:#eef3f1;
    overflow-x:hidden;
  }

  .top{
    position:sticky;
    top:0;
    z-index:40;
    padding:12px 14px;
    min-height:64px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }

  .brand-link{
    min-width:0;
    flex:1;
  }

  .brand-link b{
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .top-actions{
    width:auto;
    flex:0 0 auto;
    gap:6px;
  }

  .text-size{display:none}

  /* Keep only very small top actions; operational navigation lives on Dashboard */
  .nav{
    display:flex;
    margin:0;
    gap:5px;
  }

  .nav a{
    font-size:0;
    width:40px;
    height:40px;
    border-radius:12px;
    padding:0;
    display:grid;
    place-items:center;
    background:#ffffff12;
    border:1px solid #ffffff1b;
  }
  .nav a[href*="page=dashboard"]::before{
    content:"⌂";
    font-size:20px;
    color:#fff;
  }
  .nav a[href*="page=logout"]::before{
    content:"↪";
    font-size:20px;
    color:#fff;
  }

  .wrap{
    max-width:none;
    padding:16px 14px 28px;
  }

  .hero{
    border-radius:20px;
    padding:20px;
    min-height:138px;
  }

  .hero h1{
    font-size:24px;
    line-height:1.1;
  }

  .hero p{
    max-width:270px;
    line-height:1.45;
  }

  .metrics{
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:12px 0 18px;
  }

  .metric{
    min-height:102px;
    border-radius:17px;
    padding:14px;
  }

  .metric small{
    font-size:11px;
    line-height:1.3;
  }

  .metric strong{
    font-size:18px;
    line-height:1.15;
  }

  .dashboard-section{
    margin-top:14px;
  }

  .section-title{
    margin:0 2px 12px;
  }

  .section-title h2{
    font-size:21px;
  }

  /* Main mobile app dashboard — MahakamaQ-style service tiles */
  .service-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
  }

  .service-card{
    min-height:174px;
    border-radius:20px;
    padding:16px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    position:relative;
    overflow:hidden;
  }

  .service-card::after{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    border-radius:50%;
    right:-34px;
    bottom:-34px;
    background:rgba(255,255,255,.42);
  }

  .service-icon{
    width:47px;
    height:47px;
    border-radius:14px;
    font-size:22px;
    flex:0 0 auto;
  }

  .service-copy{
    width:100%;
    gap:5px;
    z-index:1;
  }

  .service-copy b{
    font-size:16px;
    line-height:1.08;
  }

  .service-copy small{
    font-size:12px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .service-open{
    align-self:flex-end;
    z-index:1;
    font-size:12px;
  }

  /* Different soft card backgrounds to make each service easy to recognize */
  .tone-members,.tone-contrib,.tone-event{
    background:#eef8f4;
    border-top:5px solid #23725a;
  }
  .tone-loan,.tone-expense,.tone-report{
    background:#eef4fb;
    border-top:5px solid #315d86;
  }
  .tone-benefit,.tone-doc{
    background:#fbf2f4;
    border-top:5px solid #985168;
  }
  .tone-meeting,.tone-notice{
    background:#f5f0fa;
    border-top:5px solid #70498a;
  }
  .tone-subscription,.tone-setup,.tone-settings,.tone-migration{
    background:#fff8e9;
    border-top:5px solid #b98524;
  }

  .pagehead{
    margin-bottom:12px;
  }

  .pagehead h1{
    font-size:24px;
  }

  /* Forms and tables become mobile cards, not sidebar-driven layouts */
  .formbox,.panel{
    border-radius:18px;
  }

  .table{
    border-radius:16px;
  }

  table{
    min-width:680px;
  }

  .meeting-card{
    border-radius:20px;
  }

  /* Installable-app feel */
  footer.wrap{
    text-align:center;
    font-size:11px;
    padding-bottom:22px;
  }
}

@media(max-width:390px){
  .service-grid{grid-template-columns:1fr}
  .service-card{
    min-height:128px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    grid-template-rows:auto;
    align-items:center;
    gap:12px;
  }
  .service-icon{grid-column:1}
  .service-copy{grid-column:2}
  .service-open{grid-column:3;align-self:center}
  .metrics{grid-template-columns:1fr 1fr}
}

@media(min-width:769px){
  /* Desktop remains spacious and dashboard-led, not mobile-stacked */
  .service-open{font-size:12px}
}

/* RC5 modular group settings */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:14px}
.feature-toggle{margin:0;padding:15px 16px;border:1px solid #dfe7e3;border-radius:16px;background:#f9fbfa;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;cursor:pointer}
.feature-toggle>span:first-child{display:flex;flex-direction:column;gap:4px}.feature-toggle b{color:#163f37}.feature-toggle small{font-weight:400;color:#6f7d8b;line-height:1.35}
.feature-toggle input{position:absolute;opacity:0;pointer-events:none}
.switch{width:48px;height:27px;border-radius:999px;background:#cbd5d1;position:relative;transition:.2s}
.switch:after{content:"";width:21px;height:21px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 2px 5px #0002;transition:.2s}
.feature-toggle input:checked+.switch{background:#176b50}.feature-toggle input:checked+.switch:after{transform:translateX(21px)}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr}.feature-toggle{min-height:72px}}

/* RC6 locked loan terms */
.loan-terms-card{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#f4f8f6;border:1px solid #dce8e2;border-radius:16px;padding:15px}
.loan-terms-card>div{padding:10px;background:#fff;border-radius:12px;border:1px solid #e5ece8}
.loan-terms-card small{display:block;color:#718079;margin-bottom:5px}.loan-terms-card b{color:#153f37;font-size:14px}
@media(max-width:850px){.loan-terms-card{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.loan-terms-card{grid-template-columns:1fr}}

/* RC8 member transparency dashboard */
.member-position-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #dfe7e3;border-left:5px solid #c53f44;border-radius:18px;padding:18px 22px;margin:18px 0 14px;box-shadow:0 8px 26px rgba(16,47,79,.045)}
.member-position-card h2{margin:5px 0 2px;color:#143a34;font-size:28px}.member-position-card p{margin:0;color:#6f7d8b}
.member-metrics .metric .muted{display:block;margin-top:5px}
.member-trend-panel{margin-top:16px}.mini-bars{display:flex;align-items:flex-end;gap:18px;min-height:250px;padding:18px 12px 4px;overflow-x:auto}
.mini-bar-item{min-width:90px;display:flex;flex-direction:column;align-items:center;gap:7px}.mini-bar-track{height:170px;width:52px;border-radius:12px;background:#edf1ef;display:flex;align-items:flex-end;overflow:hidden}
.mini-bar-track span{display:block;width:100%;background:linear-gradient(180deg,#2c8b69,#176b50);border-radius:10px 10px 0 0;min-height:4px}.mini-bar-item b{font-size:12px;color:#173f37}.mini-bar-item small{font-size:11px;color:#6f7d8b}
@media(max-width:600px){.member-position-card{align-items:flex-start;flex-direction:column}.member-position-card .btn{width:100%;text-align:center}.mini-bars{gap:12px}.mini-bar-item{min-width:72px}.mini-bar-track{width:42px;height:145px}}


/* RC9 — restrained MwanduHub sign-in */
.mh-auth-page{
  min-height:100vh;
  margin:0;
  background:#f3f6f4;
  color:#23352f;
}
.mh-auth-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(420px,46%) minmax(480px,54%);
}
.mh-auth-intro{
  background:#123f36;
  color:#fff;
  padding:42px clamp(34px,5vw,76px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.mh-auth-intro:after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  right:-150px;
  bottom:-140px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.015);
}
.mh-auth-brand{
  display:flex;
  gap:14px;
  align-items:center;
  position:relative;
  z-index:1;
}
.mh-auth-brand img{
  width:52px;
  height:52px;
}
.mh-auth-brand strong,
.mh-auth-mobile-brand strong{
  display:block;
  font-size:22px;
  line-height:1;
  letter-spacing:-.02em;
}
.mh-auth-brand span,
.mh-auth-mobile-brand span{
  display:block;
  margin-top:5px;
  color:#c9dbd5;
  font-size:12px;
}
.mh-auth-copy{
  max-width:600px;
  position:relative;
  z-index:1;
}
.mh-auth-kicker{
  color:#e0b95d;
  font-weight:800;
  font-size:11px;
  letter-spacing:.16em;
}
.mh-auth-copy h1{
  font-size:clamp(38px,4.8vw,64px);
  line-height:1.02;
  margin:12px 0 20px;
  letter-spacing:-.045em;
  color:#fff;
}
.mh-auth-copy p{
  color:#d7e4df;
  font-size:16px;
  line-height:1.65;
  max-width:560px;
}
.mh-auth-points{
  display:grid;
  gap:10px;
  position:relative;
  z-index:1;
}
.mh-auth-points>div{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.mh-auth-points>div>span{
  color:#e0b95d;
  font-size:12px;
  font-weight:800;
  padding-top:2px;
}
.mh-auth-points p{
  margin:0;
}
.mh-auth-points b,
.mh-auth-points small{
  display:block;
}
.mh-auth-points b{
  font-size:14px;
  color:#fff;
}
.mh-auth-points small{
  margin-top:3px;
  color:#afc6be;
  font-size:11px;
}

.mh-auth-main{
  min-height:100vh;
  padding:44px clamp(28px,6vw,88px) 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#f8faf9;
}
.mh-auth-card{
  width:min(100%,500px);
  background:#fff;
  border:1px solid #dfe7e3;
  border-radius:18px;
  box-shadow:0 16px 42px rgba(18,63,54,.07);
  padding:34px 34px 28px;
}
.mh-auth-mobile-brand{
  display:none;
  align-items:center;
  gap:12px;
  margin-bottom:26px;
}
.mh-auth-mobile-brand img{
  width:48px;
  height:48px;
}
.mh-auth-heading{
  margin-bottom:24px;
}
.mh-auth-heading h2{
  margin:0 0 6px;
  color:#173f37;
  font-size:30px;
  letter-spacing:-.025em;
}
.mh-auth-heading p{
  margin:0;
  color:#718078;
}
.mh-auth-form label{
  display:block;
  color:#29453e;
  font-weight:700;
  font-size:13px;
  margin-bottom:16px;
}
.mh-auth-form input{
  width:100%;
  box-sizing:border-box;
  margin-top:7px;
  border:1px solid #d5dfda;
  border-radius:11px;
  background:#fbfcfb;
  padding:13px 14px;
  font:inherit;
  color:#24352f;
  outline:none;
}
.mh-auth-form input:focus{
  border-color:#4d8a78;
  box-shadow:0 0 0 3px rgba(31,107,87,.08);
  background:#fff;
}
.mh-password-wrap{
  display:block;
  position:relative;
}
.mh-password-wrap input{
  padding-right:66px;
}
.mh-password-wrap button{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-38%);
  border:0;
  background:transparent;
  color:#176b50;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  padding:8px;
}
.mh-primary-btn{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:11px;
  background:#176b50;
  color:#fff;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
  margin-top:4px;
  transition:.18s ease;
}
.mh-primary-btn:hover{
  background:#135943;
}
.mh-auth-separator{
  display:flex;
  align-items:center;
  gap:12px;
  margin:23px 0 16px;
  color:#87928d;
  font-size:11px;
}
.mh-auth-separator:before,
.mh-auth-separator:after{
  content:"";
  flex:1;
  height:1px;
  background:#e6ebe8;
}
.mh-secondary-btn{
  display:block;
  text-align:center;
  min-height:46px;
  line-height:46px;
  border:1px solid #cbd9d3;
  border-radius:11px;
  color:#155d46;
  text-decoration:none;
  font-weight:800;
  background:#f8fbf9;
}
.mh-secondary-btn:hover{
  background:#f0f6f3;
}
.mh-auth-help{
  margin-top:23px;
  padding-top:19px;
  border-top:1px solid #edf0ee;
  text-align:center;
  font-size:11px;
  color:#7b8781;
}
.mh-auth-help a{
  margin-left:4px;
  color:#176b50;
  text-decoration:none;
  font-weight:700;
}
.mh-auth-footer{
  width:min(100%,500px);
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#7b8781;
  font-size:10px;
}
.mh-auth-footer b{
  color:#4e655d;
}
@media(max-width:900px){
  .mh-auth-shell{
    grid-template-columns:1fr;
  }
  .mh-auth-intro{
    display:none;
  }
  .mh-auth-main{
    min-height:100vh;
    padding:24px 18px;
  }
  .mh-auth-card{
    padding:28px 24px 24px;
  }
  .mh-auth-mobile-brand{
    display:flex;
  }
  .mh-auth-footer{
    flex-direction:column;
    text-align:center;
    align-items:center;
  }
}
@media(max-width:460px){
  .mh-auth-main{
    padding:16px 12px;
  }
  .mh-auth-card{
    border-radius:15px;
    padding:24px 18px 22px;
  }
  .mh-auth-heading h2{
    font-size:27px;
  }
}

/* RC10 creator-controlled membership + simplified meeting minutes */
.minutes-simple-form{display:grid;grid-template-columns:240px minmax(300px,1fr) auto;gap:14px;align-items:end}
.minutes-simple-form label{margin:0}.minutes-simple-form small{display:block;margin-top:5px;color:#738179;font-weight:400}
.minutes-simple-form button{height:48px;margin-bottom:0}
.minutes-archive{display:grid;gap:10px}
.minutes-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px;border:1px solid #dfe7e3;border-radius:15px;background:#fbfcfb}
.minutes-date{width:68px;height:64px;border-radius:14px;background:#edf5f1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#176b50}
.minutes-date strong{font-size:23px;line-height:1}.minutes-date span{font-size:9px;font-weight:800;margin-top:5px;letter-spacing:.04em}
.minutes-meta b,.minutes-meta small{display:block}.minutes-meta b{color:#173f37;font-size:15px}.minutes-meta small{margin-top:5px;color:#718078;line-height:1.4}
@media(max-width:760px){.minutes-simple-form{grid-template-columns:1fr}.minutes-row{grid-template-columns:65px 1fr}.minutes-row .btn{grid-column:1/-1;text-align:center}.minutes-upload-panel{padding:18px}}

/* RC15 — central member KPI board */
.member-kpi-board{
  margin:16px 0 20px;
  border:1px solid #d9e4df;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(218,178,82,.13),transparent 24%),
    linear-gradient(145deg,#ffffff 0%,#f7faf8 100%);
  box-shadow:0 14px 38px rgba(18,63,54,.065);
  overflow:hidden;
}
.member-kpi-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px 18px;
  border-bottom:1px solid #e5ece8;
}
.member-kpi-head h2{
  margin:4px 0 4px;
  color:#173f37;
  font-size:26px;
  letter-spacing:-.025em;
}
.member-kpi-head p{
  margin:0;
  color:#74827b;
  font-size:12px;
}
.member-kpi-emblem{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#176b50;
  color:#fff;
  font-size:25px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(23,107,80,.18);
}
.member-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.kpi-cell{
  min-height:145px;
  padding:20px 19px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid #e8eeeb;
  border-bottom:1px solid #e8eeeb;
  position:relative;
  background:rgba(255,255,255,.55);
}
.kpi-cell:nth-child(4n){border-right:0}
.kpi-cell:hover{background:#fff}
.kpi-symbol{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  margin-bottom:12px;
  background:#e8f4ef;
  color:#176b50;
  font-size:16px;
  font-weight:900;
}
.kpi-cell small{
  color:#687871;
  font-size:11px;
  font-weight:700;
}
.kpi-cell strong{
  color:#123f36;
  font-size:21px;
  line-height:1.18;
  margin-top:5px;
  letter-spacing:-.02em;
}
.kpi-cell strong.kpi-date{font-size:17px}
.kpi-cell em{
  color:#89938e;
  font-size:10px;
  font-style:normal;
  margin-top:6px;
  line-height:1.35;
}
.kpi-cell.featured{
  background:linear-gradient(145deg,#153f36,#176b50);
}
.kpi-cell.featured .kpi-symbol{background:rgba(255,255,255,.13);color:#f0c968}
.kpi-cell.featured small,.kpi-cell.featured em{color:#cee0d8}
.kpi-cell.featured strong{color:#fff}
.kpi-cell.warning .kpi-symbol{background:#fff0ea;color:#bd4937}
.member-kpi-foot{
  min-height:42px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#87928d;
  font-size:10px;
  background:#f7faf8;
}
@media(max-width:1100px){
  .member-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kpi-cell:nth-child(4n){border-right:1px solid #e8eeeb}
  .kpi-cell:nth-child(3n){border-right:0}
}
@media(max-width:760px){
  .member-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi-cell:nth-child(3n){border-right:1px solid #e8eeeb}
  .kpi-cell:nth-child(2n){border-right:0}
  .member-kpi-head{padding:20px}
  .member-kpi-head h2{font-size:22px}
  .member-kpi-foot{padding:10px 18px;align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:420px){
  .member-kpi-grid{grid-template-columns:1fr}
  .kpi-cell{min-height:118px;border-right:0!important}
}

/* RC16 — grouped member KPI dashboard */
.member-kpi-zone{margin:18px 0 22px}
.member-kpi-zone-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 14px}
.member-kpi-zone-head h2{margin:4px 0 2px;color:#173f37;font-size:25px;letter-spacing:-.02em}
.member-kpi-zone-head p{margin:0;color:#75827c;font-size:12px}
.member-kpi-zone-note{font-size:10px;color:#7e8b85;background:#fff;border:1px solid #dfe7e3;border-radius:999px;padding:7px 10px}
.member-kpi-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kpi-group-card{background:#fff;border:1px solid #dfe7e3;border-radius:18px;overflow:hidden;box-shadow:0 9px 26px rgba(18,63,54,.05)}
.kpi-group-head{display:flex;align-items:center;gap:12px;padding:17px 18px 14px;border-bottom:1px solid #edf1ef}
.kpi-group-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#edf6f2;color:#176b50}
.kpi-group-head b,.kpi-group-head small{display:block}
.kpi-group-head b{color:#173f37;font-size:15px}
.kpi-group-head small{color:#84908a;font-size:10px;margin-top:3px}
.kpi-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-group-grid>div{min-height:96px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #edf1ef;border-bottom:1px solid #edf1ef}
.kpi-group-grid>div:nth-child(2n){border-right:0}
.kpi-group-grid small{font-size:10px;color:#7b8983;font-weight:700}
.kpi-group-grid strong{font-size:18px;color:#153f37;margin-top:5px;letter-spacing:-.02em}
.kpi-group-grid em{font-style:normal;color:#9b655d;font-size:9px;margin-top:4px}
.kpi-group-grid .featured{background:linear-gradient(145deg,#153f36,#176b50)}
.kpi-group-grid .featured small{color:#cfe0d9}.kpi-group-grid .featured strong{color:#fff}
.kpi-group-grid .warning{background:#fff8f5}
.kpi-group-grid .warning strong{color:#a84636}
.kpi-group-grid strong.date-value{font-size:15px}
.kpi-group-loans .kpi-group-icon{background:#eef4fb;color:#315f8a}
.kpi-group-funds .kpi-group-icon{background:#fff6e6;color:#a9781b}
.kpi-group-governance .kpi-group-icon{background:#f4eff8;color:#6d4b83}
@media(max-width:900px){.member-kpi-groups{grid-template-columns:1fr}}
@media(max-width:520px){
  .member-kpi-zone-head{align-items:flex-start;flex-direction:column}
  .member-kpi-zone-note{display:none}
  .kpi-group-grid{grid-template-columns:1fr 1fr}
  .kpi-group-grid>div{min-height:88px}
}
@media(max-width:360px){.kpi-group-grid{grid-template-columns:1fr}.kpi-group-grid>div{border-right:0}}

/* RC17 — member loan application + sequential approval */
.loan-application-panel{margin-bottom:16px}
.loan-list{display:grid;gap:14px}
.loan-card{border:1px solid #dde7e2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(18,63,54,.045)}
.loan-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;border-bottom:1px solid #edf1ef}
.loan-card-main>div:first-child small,.loan-card-main>div:first-child strong,.loan-card-main>div:first-child span{display:block}
.loan-card-main>div:first-child small{font-size:9px;color:#8a958f;font-weight:800;letter-spacing:.08em}
.loan-card-main>div:first-child strong{font-size:22px;color:#153f37;margin-top:4px}
.loan-card-main>div:first-child span{font-size:11px;color:#74827b;margin-top:5px}
.loan-card-status{text-align:right}.loan-card-status small{display:block;color:#78857f;margin-top:7px;font-size:10px}
.loan-workflow{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;padding:18px 20px;background:#f9fbfa}
.loan-step{display:flex;align-items:center;gap:10px;min-width:0}
.loan-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e7ece9;color:#75827c;font-weight:900}
.loan-step b,.loan-step small{display:block}.loan-step b{color:#344b44;font-size:12px}.loan-step small{color:#84908a;font-size:9px;margin-top:3px}
.loan-step.done>span{background:#dff2e8;color:#176b50}.loan-step.done b{color:#176b50}
.loan-step.current>span{background:#176b50;color:#fff;box-shadow:0 5px 14px rgba(23,107,80,.18)}
.loan-step.current b{color:#153f37}.loan-step.locked{opacity:.65}
.loan-flow-line{height:2px;background:#dfe7e3}
.loan-actions{padding:14px 20px;display:flex;flex-direction:column;gap:10px}
.loan-review-form,.loan-repayment-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.loan-review-form input,.loan-repayment-form input{max-width:260px}
@media(max-width:720px){
 .loan-card-main{flex-direction:column}.loan-card-status{text-align:left}
 .loan-workflow{grid-template-columns:1fr;padding:16px;gap:8px}.loan-flow-line{width:2px;height:18px;margin-left:16px}
 .loan-review-form,.loan-repayment-form{align-items:stretch;flex-direction:column}.loan-review-form input,.loan-repayment-form input{max-width:none;width:100%}
}

/* RC18 — member information widgets opened from workspace */
.info-widget-page{margin-top:12px}
.info-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e1e8e4;border-radius:16px;overflow:hidden;background:#fff}
.info-stat-grid>div{min-height:125px;padding:20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e8eeeb;border-bottom:1px solid #e8eeeb}
.info-stat-grid>div:nth-child(3n){border-right:0}
.info-stat-grid small{font-size:10px;color:#77857f;font-weight:800}
.info-stat-grid strong{font-size:22px;color:#153f37;margin-top:6px;letter-spacing:-.02em}
.info-stat-grid span{font-size:10px;color:#8c9691;margin-top:6px}
.info-stat-grid .featured{background:linear-gradient(145deg,#153f36,#176b50)}
.info-stat-grid .featured small,.info-stat-grid .featured span{color:#d4e3dc}
.info-stat-grid .featured strong{color:#fff}
.info-stat-grid .warn{background:#fff8f5}
.info-stat-grid .warn strong{color:#b44d3a}
.info-trend-bars{min-height:310px}
@media(max-width:850px){.info-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-stat-grid>div:nth-child(3n){border-right:1px solid #e8eeeb}.info-stat-grid>div:nth-child(2n){border-right:0}}
@media(max-width:520px){.info-stat-grid{grid-template-columns:1fr}.info-stat-grid>div{min-height:105px;border-right:0!important}}

/* RC19 — final consolidated member Group Information */
.group-info-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin:10px 0 15px;border:1px solid #dfe7e3;border-radius:18px;background:linear-gradient(145deg,#fff,#f6faf8)}
.group-info-summary h2{margin:5px 0 3px;color:#153f37;font-size:24px}.group-info-summary p{margin:0;color:#798780;font-size:11px}
.group-info-badge{padding:8px 11px;border-radius:999px;background:#e7f4ee;color:#176b50;font-size:10px;font-weight:800;white-space:nowrap}
.group-info-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.group-info-card{background:#fff;border:1px solid #dfe7e3;border-radius:18px;overflow:hidden;box-shadow:0 9px 24px rgba(18,63,54,.045)}
.group-info-card-head{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #edf1ef}
.group-info-card-head h3{margin:0;color:#153f37;font-size:16px}.group-info-card-head p{margin:3px 0 0;color:#86918c;font-size:10px}
.gi-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900}
.gi-icon.membership{background:#e9f4ef;color:#176b50}.gi-icon.loans{background:#eef4fb;color:#315f8a}.gi-icon.funds{background:#fff4df;color:#a57417}.gi-icon.governance{background:#f4eff8;color:#6c4b82}
.group-info-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.group-info-stats>div{min-height:96px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #edf1ef;border-bottom:1px solid #edf1ef}
.group-info-stats>div:nth-child(2n){border-right:0}.group-info-stats small{color:#7c8983;font-size:10px;font-weight:800}.group-info-stats strong{color:#153f37;font-size:18px;margin-top:5px}.group-info-stats em{font-style:normal;color:#929c97;font-size:9px;margin-top:4px}
.group-info-stats .featured{background:linear-gradient(145deg,#153f36,#176b50)}.group-info-stats .featured small,.group-info-stats .featured strong{color:#fff}.group-info-stats .warning{background:#fff8f5}.group-info-stats .warning strong{color:#b24d39}
.group-info-trend{padding:16px 18px 20px}.group-info-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group-info-subhead b{color:#153f37;font-size:12px}.group-info-subhead span{font-size:9px;color:#89958f}.group-info-trend .mini-bars{min-height:220px;padding-top:10px}
.group-info-link{padding:13px 17px;border-top:1px solid #edf1ef;background:#f9fbfa}.group-info-link a{color:#176b50;text-decoration:none;font-size:11px;font-weight:800}
@media(max-width:900px){.group-info-sections{grid-template-columns:1fr}}
@media(max-width:520px){.group-info-summary{align-items:flex-start;flex-direction:column}.group-info-badge{display:none}.group-info-stats{grid-template-columns:1fr}.group-info-stats>div{border-right:0}}

/* RC20 — personal contribution history link and detail page */
.my-contribution-link-card{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 18px;border-top:1px solid #edf1ef;background:#f8fbf9;
}
.my-contribution-link-copy h4{margin:4px 0 3px;color:#153f37;font-size:20px}
.my-contribution-link-copy p{margin:0;color:#7d8983;font-size:10px;line-height:1.5}
.my-contribution-link{white-space:nowrap}
.my-contrib-history-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #e1e8e4;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#fff;
}
.my-contrib-history-summary>div{
  min-height:105px;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid #e8eeeb;
}
.my-contrib-history-summary>div:last-child{border-right:0}
.my-contrib-history-summary small{font-size:10px;color:#7a8781;font-weight:800}
.my-contrib-history-summary strong{font-size:21px;color:#153f37;margin-top:5px}
.my-contrib-history-summary span{font-size:9px;color:#909a95;margin-top:4px}
.my-contrib-history-table table{width:100%}
@media(max-width:680px){
  .my-contribution-link-card{align-items:flex-start;flex-direction:column}
  .my-contribution-link{width:100%;text-align:center}
  .my-contrib-history-summary{grid-template-columns:1fr}
  .my-contrib-history-summary>div{border-right:0;border-bottom:1px solid #e8eeeb}
  .my-contrib-history-summary>div:last-child{border-bottom:0}
}

/* RC21 — association contribution history */
.association-contribution-link-card{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 18px;border-top:1px solid #edf1ef;background:#fffdf7;
}
.association-contribution-link-card h4{margin:4px 0 3px;color:#153f37;font-size:20px}
.association-contribution-link-card p{margin:0;color:#7d8983;font-size:10px;line-height:1.5}
.association-contrib-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #e1e8e4;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#fff;
}
.association-contrib-summary>div{
  min-height:105px;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid #e8eeeb;
}
.association-contrib-summary>div:last-child{border-right:0}
.association-contrib-summary small{font-size:10px;color:#7a8781;font-weight:800}
.association-contrib-summary strong{font-size:21px;color:#153f37;margin-top:5px}
.association-contrib-summary span{font-size:9px;color:#909a95;margin-top:4px}
@media(max-width:680px){
  .association-contribution-link-card{align-items:flex-start;flex-direction:column}
  .association-contribution-link-card .btn{width:100%;text-align:center}
  .association-contrib-summary{grid-template-columns:1fr}
  .association-contrib-summary>div{border-right:0;border-bottom:1px solid #e8eeeb}
  .association-contrib-summary>div:last-child{border-bottom:0}
}

/* RC22 — subscription trial/read-only enforcement */
.subscription-access-banner{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;margin:0 0 14px;font-size:11px}
.subscription-access-banner b{font-size:12px;white-space:nowrap}.subscription-access-banner span{flex:1}
.subscription-access-banner a{font-weight:800;text-decoration:none;white-space:nowrap}
.subscription-access-banner.trial{background:#fff8e7;border:1px solid #eed9a3;color:#76581c}
.subscription-access-banner.trial a{color:#76581c}
.subscription-access-banner.locked{background:#fff0ed;border:1px solid #edc2ba;color:#863d32}
.subscription-access-banner.locked a{color:#863d32}
.subscription-reminder-modal{position:fixed;inset:0;background:rgba(12,31,49,.42);z-index:9999;display:grid;place-items:center;padding:20px}
.subscription-reminder-card{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:27px;box-shadow:0 30px 80px rgba(12,31,49,.24);border:1px solid #e0e8e4}
.subscription-reminder-card h2{margin:7px 0 8px;color:#153f37;font-size:24px}.subscription-reminder-card p{margin:0;color:#687871;line-height:1.6;font-size:12px}
.subscription-reminder-close{position:absolute;right:14px;top:12px;border:0;background:#eef3f1;color:#41564f;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}
.subscription-reminder-actions{display:flex;gap:9px;margin-top:20px}.subscription-pending-note{margin-top:13px;padding:11px 12px;border-radius:12px;background:#fff8e7;color:#76581c;font-size:10px;line-height:1.5}
.read-only-form{opacity:.62}.read-only-form:after{content:'Read-only until subscription is verified';display:block;margin-top:8px;color:#9b4a3d;font-size:10px;font-weight:800}
@media(max-width:640px){.subscription-access-banner{align-items:flex-start;flex-direction:column}.subscription-reminder-actions{flex-direction:column}.subscription-reminder-actions .btn{text-align:center;width:100%}}


/* RC23: member transparency KPI drill-down */
.group-info-stats>a.group-info-stat-link{min-height:96px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #edf1ef;border-bottom:1px solid #edf1ef;text-decoration:none;position:relative;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.group-info-stats>a.group-info-stat-link:nth-child(2n){border-right:0}
.group-info-stats>a.group-info-stat-link small{color:#7c8983;font-size:10px;font-weight:800}.group-info-stats>a.group-info-stat-link strong{color:#153f37;font-size:18px;margin-top:5px}.group-info-stats>a.group-info-stat-link em{font-style:normal;color:#72817a;font-size:9px;margin-top:5px}
.group-info-stats>a.group-info-stat-link:hover,.group-info-stats>a.group-info-stat-link:focus-visible{background:#f3faf7;box-shadow:inset 0 0 0 2px rgba(23,107,80,.12);z-index:1;outline:none}
.group-info-stats>a.group-info-stat-link:active{transform:scale(.992)}
.group-info-stats>a.group-info-stat-link.warning{background:#fff8f5}.group-info-stats>a.group-info-stat-link.warning strong{color:#b24d39}.group-info-stats>a.group-info-stat-link.warning:hover{background:#fff2ed}
.detail-back-link{display:inline-flex;margin-bottom:16px;color:#176b50;text-decoration:none;font-weight:800;font-size:11px}.detail-back-link:hover{text-decoration:underline}
.detail-summary{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-bottom:16px;border:1px solid #e2eae6;border-radius:14px;background:#f6faf8}.detail-summary small{width:100%;font-weight:800;color:#72817a}.detail-summary strong{font-size:25px;color:#153f37}.detail-summary span{font-size:11px;color:#7b8982;padding-bottom:4px}.detail-summary.warning{background:#fff8f5}.detail-summary.warning strong{color:#b24d39}
@media(max-width:520px){.group-info-stats>a.group-info-stat-link{border-right:0}.member-kpi-detail .table{overflow-x:auto}}

/* RC24 premium Group Information */
.premium-group-hero{position:relative;overflow:hidden;min-height:118px;padding:25px 28px;background:radial-gradient(circle at 92% 15%,rgba(199,150,52,.13) 0 8%,transparent 8.5%),radial-gradient(circle at 84% 88%,rgba(23,107,80,.10) 0 12%,transparent 12.5%),linear-gradient(125deg,#fff 0%,#f7fbf9 58%,#eef7f3 100%);border-color:#d7e5df;box-shadow:0 16px 42px rgba(18,63,54,.07)}
.premium-group-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#b8892c,#176b50)}
.premium-group-hero:after{content:"";position:absolute;right:68px;top:-54px;width:170px;height:170px;border:1px solid rgba(23,107,80,.08);border-radius:50%}
.group-hero-copy{position:relative;z-index:1}.premium-group-hero h2{font-size:28px;letter-spacing:-.5px}.premium-group-hero p{font-size:11px;max-width:620px}
.group-hero-status{position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 7px 5px 9px;border:1px solid #d6e8df;background:rgba(255,255,255,.72);border-radius:999px;box-shadow:0 6px 18px rgba(18,63,54,.05)}
.live-dot{width:7px;height:7px;border-radius:50%;background:#1c8a63;box-shadow:0 0 0 5px rgba(28,138,99,.10)}.group-hero-status .group-info-badge{background:transparent;padding:5px 7px}
.group-info-sections{gap:18px;align-items:start}.group-info-card{position:relative;border-color:#dce6e2;box-shadow:0 12px 34px rgba(20,58,51,.06);transition:transform .18s ease,box-shadow .18s ease}.group-info-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(20,58,51,.085)}
.group-info-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:3}.gi-membership-card:before{background:linear-gradient(90deg,#176b50,#4da486)}.gi-loans-card:before{background:linear-gradient(90deg,#315f8a,#6594bd)}.gi-funds-card:before{background:linear-gradient(90deg,#b58224,#e0b95d)}.gi-governance-card:before{background:linear-gradient(90deg,#6c4b82,#9a79ad)}
.group-info-card-head{padding:20px 20px 18px;background:linear-gradient(180deg,#fff,#fbfcfc)}.group-info-card-head h3{font-size:17px;letter-spacing:-.15px}.group-info-card-head p{font-size:10px;line-height:1.45}.gi-icon{width:44px;height:44px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 7px 18px rgba(20,58,51,.06)}
.group-info-stats>div,.group-info-stats>a.group-info-stat-link{min-height:112px;padding:18px 19px}.group-info-stats small,.group-info-stats>a.group-info-stat-link small{text-transform:uppercase;letter-spacing:.55px;font-size:9px}.group-info-stats strong,.group-info-stats>a.group-info-stat-link strong{font-size:21px;letter-spacing:-.35px}
.group-info-stats>a.group-info-stat-link{padding-right:48px}.group-info-stats>a.group-info-stat-link:after{content:"›";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf7f2;color:#176b50;font-size:17px;font-weight:900;opacity:.78;transition:.16s}.group-info-stats>a.group-info-stat-link:hover:after{transform:translate(3px,-50%);background:#dff1e8}.group-info-stats>a.group-info-stat-link.warning:after{background:#fff0e9;color:#b24d39}
.group-info-stats .featured{position:relative;background:linear-gradient(135deg,#123f36 0%,#176b50 68%,#238263 100%);overflow:hidden}.group-info-stats .featured:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-32px;bottom:-44px;border:16px solid rgba(255,255,255,.07)}.group-info-stats .featured strong{font-size:23px}
.group-info-trend{background:linear-gradient(180deg,#fbfdfc,#f6faf8);border-top:1px solid #edf2ef}.group-info-subhead span{padding:5px 8px;background:#edf4f1;border-radius:999px}.info-trend-bars .mini-bar-track{background:#e8efec;border-radius:12px;overflow:hidden}.info-trend-bars .mini-bar-track span{background:linear-gradient(180deg,#2d9270,#176b50);border-radius:12px 12px 4px 4px}
.my-contribution-link-card,.association-contribution-link-card{margin:14px 16px;border:1px solid #e0e9e5;border-radius:15px;background:linear-gradient(135deg,#fff,#f8fbfa);box-shadow:0 7px 18px rgba(20,58,51,.035)}
@media(max-width:900px){.group-info-card:hover{transform:none}.premium-group-hero{min-height:auto}}@media(max-width:520px){.premium-group-hero{padding:21px 20px}.premium-group-hero h2{font-size:23px}.group-hero-status{display:none}.group-info-card-head{padding:17px 16px}.group-info-stats>div,.group-info-stats>a.group-info-stat-link{min-height:96px;padding:15px 16px}.group-info-stats>a.group-info-stat-link{padding-right:45px}}