/* MGMP PAI SMP Jawa Barat — Unified Design System v2.5.1 */
:root{
  --ds-brand:#0d6b52;
  --ds-brand-strong:#0a513f;
  --ds-brand-deep:#073d31;
  --ds-brand-soft:#eaf5f1;
  --ds-accent:#b98a2f;
  --ds-accent-soft:#fbf5e8;
  --ds-ink:#17231f;
  --ds-text:#34463f;
  --ds-muted:#708079;
  --ds-line:#dde7e3;
  --ds-line-soft:#eaf0ee;
  --ds-canvas:#f6f8f7;
  --ds-surface:#ffffff;
  --ds-surface-soft:#fbfcfc;
  --ds-danger:#b42318;
  --ds-warning:#a15c08;
  --ds-success:#087a55;
  --ds-info:#245aa8;
  --ds-radius-sm:10px;
  --ds-radius:14px;
  --ds-radius-lg:20px;
  --ds-radius-xl:28px;
  --ds-shadow-sm:0 6px 18px rgba(19,48,39,.055);
  --ds-shadow:0 14px 40px rgba(19,48,39,.075);
  --ds-shadow-lg:0 24px 70px rgba(19,48,39,.12);
  --ds-sidebar:272px;
  --ds-topbar:72px;
}

html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ds-text);background:var(--ds-surface);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--ds-brand);text-underline-offset:3px}a:hover{color:var(--ds-brand-strong)}
::selection{background:#cfe9df;color:var(--ds-brand-deep)}
:focus-visible{outline:3px solid rgba(13,107,82,.20);outline-offset:2px;border-radius:8px}

.site-container{max-width:1200px}
.ds-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--ds-brand)}
.ds-eyebrow:before{content:"";width:20px;height:2px;background:var(--ds-accent);border-radius:99px}
.ds-section{padding:82px 0}
.ds-section-muted{background:var(--ds-canvas);border-top:1px solid var(--ds-line-soft);border-bottom:1px solid var(--ds-line-soft)}
.ds-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.ds-section-head h2,.ds-display,.ds-page-title{color:var(--ds-ink);font-weight:780;letter-spacing:-.035em}
.ds-section-head h2{font-size:clamp(1.75rem,2.8vw,2.35rem);margin:.5rem 0 0}
.ds-section-head p{max-width:650px;color:var(--ds-muted);margin:.7rem 0 0}

/* Buttons */
.btn{--bs-btn-border-radius:12px;font-weight:700;letter-spacing:-.005em;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.btn-sm{min-height:36px;border-radius:10px}.btn-lg{min-height:50px;border-radius:14px}
.btn-brand,.btn-ds-primary{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff;box-shadow:0 7px 18px rgba(13,107,82,.16)}
.btn-brand:hover,.btn-ds-primary:hover{background:var(--ds-brand-strong);border-color:var(--ds-brand-strong);color:#fff;transform:translateY(-1px)}
.btn-ds-secondary{background:#fff;border:1px solid var(--ds-line);color:var(--ds-ink);box-shadow:var(--ds-shadow-sm)}
.btn-ds-secondary:hover{background:var(--ds-surface-soft);border-color:#cbdad5;color:var(--ds-brand-strong)}
.btn-outline-brand{border-color:#b8d5cb;color:var(--ds-brand);background:#fff}.btn-outline-brand:hover{background:var(--ds-brand-soft);border-color:#a5c9bd;color:var(--ds-brand-strong)}

/* Forms */
.form-label{font-size:.86rem;font-weight:750;color:var(--ds-ink);margin-bottom:.45rem}
.form-control,.form-select,.input-group-text{border-color:#d7e2de;min-height:44px;border-radius:11px;background-color:#fff}
.form-control,.form-select{color:var(--ds-ink);padding:.65rem .8rem}
.form-control:focus,.form-select:focus{border-color:#87b9a8;box-shadow:0 0 0 .22rem rgba(13,107,82,.105)}
.input-group>.input-group-text{background:#f7faf9;color:#6a7b74}.input-group>.form-control{min-height:46px}
.form-text{color:var(--ds-muted)}

/* Generic surfaces */
.card-soft,.panel,.metric,.ds-card{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}
.card-soft:hover{transform:none;box-shadow:var(--ds-shadow)}
.panel{overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--ds-line-soft);background:linear-gradient(180deg,#fff,#fdfefe)}.panel-body{padding:20px}
.panel-head h1,.panel-head h2,.panel-head h3,.panel-head h4,.panel-head h5{color:var(--ds-ink);font-weight:760;letter-spacing:-.02em}
.alert{border-radius:14px;border-width:1px}.badge{border-radius:999px;padding:.48em .72em;font-weight:750}
.table{--bs-table-bg:transparent;color:var(--ds-text)}.table>thead th{background:#f7faf9!important;color:#697b74!important;font-size:.69rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:800!important;border-color:var(--ds-line)!important;padding:.78rem .9rem}.table>tbody td{border-color:var(--ds-line-soft);padding:.85rem .9rem;vertical-align:middle}.table-hover>tbody>tr:hover>*{--bs-table-bg-state:#f9fbfa}
.dropdown-menu{border:1px solid var(--ds-line)!important;border-radius:14px!important;box-shadow:var(--ds-shadow)!important;padding:.45rem}.dropdown-item{border-radius:9px;padding:.58rem .7rem}.dropdown-item:hover,.dropdown-item:focus{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}

/* Public navigation */
.main-navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ds-line-soft)!important;min-height:70px!important;box-shadow:0 4px 18px rgba(16,47,38,.035);backdrop-filter:blur(16px)}
.main-navbar .container{min-height:68px!important}.navbar-brand{max-width:none!important;text-decoration:none}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-size:.98rem!important;color:var(--ds-ink);font-weight:800;letter-spacing:-.01em}.brand-copy small{font-size:.69rem!important;color:var(--ds-muted)!important;opacity:1!important;letter-spacing:.035em!important;margin-top:3px}.site-logo-shell{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important;border:1px solid var(--ds-line);background:#fff!important;padding:4px!important;box-shadow:none!important}.site-logo{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important}.brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;background:var(--ds-brand-soft)!important;color:var(--ds-brand)!important;border:1px solid #d7ebe4;border-radius:10px!important;box-shadow:none!important}
.main-navbar .nav-link{color:#485b54!important;font-size:.88rem!important;font-weight:680!important;padding:.55rem .68rem!important;border-radius:9px!important;white-space:nowrap}.main-navbar .nav-link:hover,.main-navbar .nav-link.active{color:var(--ds-brand-strong)!important;background:var(--ds-brand-soft)!important}.nav-portal-btn{background:var(--ds-brand)!important;color:#fff!important;border:1px solid var(--ds-brand)!important;padding:.55rem .9rem!important;min-height:40px!important}.nav-portal-btn:hover{background:var(--ds-brand-strong)!important;color:#fff!important}
.navbar-toggler{padding:.45rem .55rem}.navbar-toggler:focus{box-shadow:none}

/* Landing page */
.portal-home{background:#fff}.portal-hero-v23{position:relative;overflow:hidden;padding:78px 0 70px;background:linear-gradient(180deg,#fbfdfc 0%,#f4f9f7 100%);border-bottom:1px solid var(--ds-line-soft)}
.portal-hero-v23:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,107,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,107,82,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 86%)}
.portal-hero-v23:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-280px;background:radial-gradient(circle,rgba(185,138,47,.12),rgba(185,138,47,0) 68%)}
.portal-hero-v23 .container{position:relative;z-index:1}.hero-kicker-v23{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #d7e8e2;background:#fff;border-radius:999px;color:var(--ds-brand-strong);font-size:.76rem;font-weight:780;box-shadow:0 4px 14px rgba(19,48,39,.04)}.hero-kicker-v23 i{color:var(--ds-accent)}
.portal-hero-v23 h1{font-size:clamp(2.5rem,5.2vw,4.75rem);line-height:1.02;letter-spacing:-.052em;color:var(--ds-ink);font-weight:800;max-width:820px;margin:18px 0}.portal-hero-v23 .hero-subtitle{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;color:#5d7068;max-width:720px;margin:0}
.hero-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-proof-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#61746c;font-size:.84rem}.hero-proof-row span{display:inline-flex;align-items:center;gap:7px}.hero-proof-row i{color:var(--ds-brand)}
.portal-overview{background:#fff;border:1px solid var(--ds-line);border-radius:24px;padding:22px;box-shadow:var(--ds-shadow-lg);position:relative}.portal-overview:before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;background:linear-gradient(90deg,var(--ds-brand),var(--ds-accent));border-radius:0 0 8px 8px}.overview-brand{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--ds-line-soft)}.overview-logo{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--ds-line);display:flex;align-items:center;justify-content:center;padding:5px;flex:0 0 46px}.overview-logo img{width:34px;height:34px;object-fit:contain}.overview-logo i{font-size:1.25rem;color:var(--ds-brand)}.overview-brand small{display:block;color:var(--ds-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:780}.overview-brand strong{display:block;color:var(--ds-ink);font-size:1.02rem;margin-top:2px}.overview-brand span{display:block;color:var(--ds-muted);font-size:.82rem;margin-top:1px}
.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.overview-stat{padding:13px;border-radius:13px;background:#f7faf9;border:1px solid #edf2f0}.overview-stat strong{display:block;color:var(--ds-ink);font-size:1.45rem;line-height:1.05}.overview-stat span{font-size:.72rem;color:var(--ds-muted);margin-top:4px;display:block}.overview-menu{display:grid;gap:4px}.overview-menu a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;text-decoration:none;color:var(--ds-text);font-size:.86rem}.overview-menu a:hover{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}.overview-menu .ov-icon{width:32px;height:32px;border-radius:9px;background:#edf6f3;color:var(--ds-brand);display:flex;align-items:center;justify-content:center;flex:0 0 32px}.overview-menu strong{font-weight:720}.overview-menu i.bi-chevron-right{margin-left:auto;color:#9aaba4;font-size:.78rem}.overview-sk{margin-top:14px;padding-top:14px;border-top:1px solid var(--ds-line-soft);display:flex;gap:10px;align-items:flex-start}.overview-sk>i{color:var(--ds-accent);font-size:1.15rem;margin-top:2px}.overview-sk span,.overview-sk small{display:block}.overview-sk span{color:var(--ds-ink);font-size:.82rem;font-weight:740}.overview-sk small{color:var(--ds-muted);font-size:.72rem;margin-top:2px}

.trust-strip-v23{background:#fff;border-bottom:1px solid var(--ds-line-soft)}.trust-grid-v23{display:grid;grid-template-columns:repeat(4,1fr);min-height:92px}.trust-item-v23{display:flex;align-items:center;gap:12px;padding:18px 24px;border-right:1px solid var(--ds-line-soft)}.trust-item-v23:last-child{border-right:0}.trust-icon-v23{width:38px;height:38px;border-radius:11px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;flex:0 0 38px}.trust-item-v23 strong{display:block;color:var(--ds-ink);font-size:1.28rem;line-height:1}.trust-item-v23 span{display:block;color:var(--ds-muted);font-size:.75rem;margin-top:4px}

.service-grid-v23{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card-v23{display:flex;flex-direction:column;min-height:238px;padding:22px;background:#fff;border:1px solid var(--ds-line);border-radius:18px;text-decoration:none;color:var(--ds-text);box-shadow:0 7px 20px rgba(19,48,39,.035);transition:.2s ease}.service-card-v23:hover{transform:translateY(-3px);border-color:#bfd8cf;color:var(--ds-text);box-shadow:var(--ds-shadow)}.service-top-v23{display:flex;justify-content:space-between;align-items:flex-start}.service-icon-v23{width:44px;height:44px;border-radius:12px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:1.15rem}.service-no-v23{font-size:.72rem;color:#9aa9a3;font-weight:800;letter-spacing:.09em}.service-card-v23 h3{font-size:1.05rem;color:var(--ds-ink);font-weight:760;margin:22px 0 8px}.service-card-v23 p{font-size:.86rem;color:var(--ds-muted);line-height:1.65;margin:0 0 18px}.service-card-v23 .service-cta{margin-top:auto;font-size:.8rem;font-weight:760;color:var(--ds-brand)}

.feature-split-v23{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center}.feature-copy-v23 h2{font-size:clamp(1.9rem,3vw,2.65rem);color:var(--ds-ink);font-weight:780;letter-spacing:-.035em;margin:.65rem 0 1rem}.feature-copy-v23 p{color:var(--ds-muted);font-size:.98rem;line-height:1.8}.feature-list-v23{display:grid;gap:10px}.feature-item-v23{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px 18px;border-radius:15px;background:#fff;border:1px solid var(--ds-line)}.feature-item-v23 .fi-icon{width:42px;height:42px;border-radius:11px;background:var(--ds-accent-soft);color:#946b1f;display:flex;align-items:center;justify-content:center}.feature-item-v23 h3{font-size:.95rem;color:var(--ds-ink);font-weight:760;margin:1px 0 4px}.feature-item-v23 p{font-size:.82rem;color:var(--ds-muted);margin:0;line-height:1.55}

.news-grid-v23{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card-v23{overflow:hidden;background:#fff;border:1px solid var(--ds-line);border-radius:18px;box-shadow:var(--ds-shadow-sm)}.news-card-v23 .media{aspect-ratio:16/9;background:#edf4f1;overflow:hidden}.news-card-v23 .media img{width:100%;height:100%;object-fit:cover}.news-card-v23 .media.placeholder{display:flex;align-items:center;justify-content:center;color:#8aa096;font-size:2rem}.news-card-v23 .body{padding:18px}.news-card-v23 .meta{color:var(--ds-muted);font-size:.73rem;display:flex;gap:10px;align-items:center}.news-card-v23 h3{font-size:1.02rem;line-height:1.45;margin:8px 0 8px;font-weight:760}.news-card-v23 h3 a{color:var(--ds-ink);text-decoration:none}.news-card-v23 h3 a:hover{color:var(--ds-brand)}.news-card-v23 p{color:var(--ds-muted);font-size:.84rem;line-height:1.62;margin:0}

.event-list-v23{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-card-v23{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px;background:#fff;border:1px solid var(--ds-line);border-radius:16px}.event-day-v23{width:62px;height:62px;border-radius:14px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;flex-direction:column;align-items:center;justify-content:center}.event-day-v23 strong{font-size:1.25rem;line-height:1}.event-day-v23 span{font-size:.66rem;font-weight:800;letter-spacing:.07em;margin-top:4px}.event-card-v23 h3{font-size:.94rem;color:var(--ds-ink);font-weight:760;margin:3px 0 5px}.event-card-v23 .region{font-size:.68rem;color:var(--ds-accent);font-weight:780;text-transform:uppercase;letter-spacing:.07em}.event-card-v23 .meta{font-size:.75rem;color:var(--ds-muted);display:flex;gap:10px;flex-wrap:wrap}.event-card-v23 .open-pill{font-size:.68rem;padding:6px 8px;border-radius:999px;background:#e8f6f0;color:var(--ds-success);font-weight:780;white-space:nowrap}

.home-cta-v23{padding:30px 0 82px}.home-cta-card-v23{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(115deg,#0a4d3c,#0d6b52);border-radius:22px;padding:30px 34px;color:#fff;box-shadow:0 18px 46px rgba(7,61,49,.18)}.home-cta-card-v23 small{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:#cfe6de;font-weight:780}.home-cta-card-v23 h2{font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:780;letter-spacing:-.03em;margin:5px 0 6px}.home-cta-card-v23 p{margin:0;color:rgba(255,255,255,.72);font-size:.9rem}.home-cta-card-v23 .btn{background:#fff;color:var(--ds-brand-deep);border:0;white-space:nowrap}

/* Public internal pages */
.page-hero{background:linear-gradient(180deg,#fbfdfc,#f5f9f7)!important;padding:48px 0!important;border-bottom:1px solid var(--ds-line-soft)!important}.page-hero .container{max-width:1200px}.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:780;color:var(--ds-ink);letter-spacing:-.04em}.page-hero .lead{font-size:1rem;color:var(--ds-muted)!important;max-width:760px;line-height:1.75}.eyebrow{color:var(--ds-brand)!important;letter-spacing:.11em!important;font-size:.72rem!important}.section-pad{padding:64px 0!important}.section-pad>.container{max-width:1200px}

/* Footer */
.site-footer-v22{background:#102b23!important;color:#fff}.footer-main-v22{padding:54px 0 42px!important;display:grid!important;grid-template-columns:1.5fr .7fr .8fr 1fr!important;gap:42px!important}.footer-brand-v22 p{color:rgba(255,255,255,.58)!important;font-size:.84rem;line-height:1.7}.footer-brand-v22 h5{font-size:.98rem!important;margin:0!important}.footer-brand-v22 span{color:rgba(255,255,255,.58)!important;font-size:.74rem}.footer-logo-shell{width:38px!important;height:38px!important;border-radius:10px!important;padding:4px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.footer-logo-shell img{width:28px!important;height:28px!important;object-fit:contain!important}.footer-brand-mark{width:38px!important;height:38px!important;border-radius:10px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.footer-links-v22 h6,.footer-contact-v22 h6{font-size:.77rem!important;text-transform:uppercase;letter-spacing:.09em;color:#d7e6e1!important;font-weight:800;margin-bottom:14px!important}.footer-links-v22 a{font-size:.82rem!important;color:rgba(255,255,255,.6)!important;margin:.45rem 0!important}.footer-links-v22 a:hover{color:#fff!important}.footer-contact-v22 p{font-size:.8rem!important;color:rgba(255,255,255,.58)!important}.footer-social-v22 a{width:34px!important;height:34px!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important}.footer-bottom-v22{padding:18px 0!important;border-top:1px solid rgba(255,255,255,.09)!important;color:rgba(255,255,255,.45)!important;font-size:.73rem!important;display:flex!important;justify-content:space-between!important;gap:20px!important}

/* Authentication */
.auth-page{min-height:100vh;background:var(--ds-canvas);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.auth-brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--ds-brand-deep),#0a6049);color:#fff;padding:48px;display:flex;align-items:center}.auth-brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}.auth-brand-inner{position:relative;z-index:1;max-width:620px;margin:auto}.auth-brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:52px}.auth-brand-logo{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:5px}.auth-brand-logo img{width:32px;height:32px;object-fit:contain}.auth-brand-logo i{color:var(--ds-brand);font-size:1.3rem}.auth-brand-lockup strong{display:block;font-size:.96rem}.auth-brand-lockup span{display:block;color:rgba(255,255,255,.62);font-size:.74rem;margin-top:1px}.auth-brand-panel h1{font-size:clamp(2.2rem,4vw,3.65rem);letter-spacing:-.045em;line-height:1.06;font-weight:800;margin:0 0 18px}.auth-brand-panel p{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.7);max-width:580px}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.auth-feature{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.055);font-size:.8rem;color:rgba(255,255,255,.82)}.auth-feature i{color:#efcc79}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:38px;background:#fff}.auth-card{width:100%;max-width:440px}.auth-card-head{margin-bottom:26px}.auth-card-head .auth-mobile-brand{display:none}.auth-card-head h2{font-size:1.65rem;color:var(--ds-ink);font-weight:780;letter-spacing:-.03em;margin-bottom:7px}.auth-card-head p{color:var(--ds-muted);font-size:.88rem;margin:0}.auth-help{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--ds-line-soft);font-size:.8rem;color:var(--ds-muted)}.password-toggle{border:0;background:transparent;color:var(--ds-muted);padding:0 10px}

.registration-shell{max-width:980px;margin:0 auto}.registration-card{background:#fff;border:1px solid var(--ds-line);border-radius:22px;box-shadow:var(--ds-shadow);overflow:hidden}.registration-head{padding:24px 26px;background:#fbfcfc;border-bottom:1px solid var(--ds-line-soft)}.registration-head h2{font-size:1.05rem;font-weight:780;color:var(--ds-ink);margin:0}.registration-head p{font-size:.82rem;color:var(--ds-muted);margin:4px 0 0}.registration-body{padding:26px}.form-section-title{display:flex;align-items:center;gap:10px;color:var(--ds-ink);font-size:.92rem;font-weight:780;margin:6px 0 4px}.form-section-title span{width:30px;height:30px;border-radius:9px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:.82rem}.registration-note{border:1px solid #dce9e4;background:#f8fbfa;border-radius:12px;padding:12px 14px;color:#5d7068;font-size:.79rem}

/* Unified admin/member shell */
.admin-body{background:var(--ds-canvas)!important;color:var(--ds-text)}
.admin-sidebar{width:var(--ds-sidebar)!important;background:#10362c!important;padding:16px 12px!important;border-right:1px solid rgba(255,255,255,.04);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.admin-main{margin-left:var(--ds-sidebar)!important;min-height:100vh}.admin-brand{padding:6px 8px 16px!important;margin-bottom:7px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;gap:10px!important;min-height:54px}.admin-brand .mark,.sidebar-brand-logo{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important;background:#fff!important;color:var(--ds-brand)!important;display:flex;align-items:center;justify-content:center;padding:4px!important}.sidebar-brand-logo img,.sidebar-logo{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important}.admin-brand .fw-bold{font-size:.9rem!important;line-height:1.15}.admin-brand .small{font-size:.67rem!important;margin-top:2px}.admin-menu-label{font-size:.61rem!important;letter-spacing:.13em!important;color:rgba(255,255,255,.39)!important;padding:15px 9px 5px!important;font-weight:800!important}.admin-sidebar a.menu{min-height:40px!important;padding:9px 10px!important;gap:10px!important;border-radius:9px!important;margin:1px 0!important;font-size:.82rem!important;font-weight:650!important;color:rgba(255,255,255,.7)!important;position:relative}.admin-sidebar a.menu i{font-size:1rem;width:20px;text-align:center;color:rgba(255,255,255,.62)}.admin-sidebar a.menu:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}.admin-sidebar a.menu.active{background:rgba(255,255,255,.11)!important;color:#fff!important;box-shadow:inset 2px 0 0 #d7ae59}.admin-sidebar a.menu.active i{color:#f0d28b}
.admin-topbar{min-height:var(--ds-topbar)!important;padding:10px 22px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--ds-line-soft)!important;backdrop-filter:blur(14px)!important}.admin-topbar .topbar-title{font-size:.94rem;color:var(--ds-ink);font-weight:780}.admin-topbar .topbar-subtitle{font-size:.7rem;color:var(--ds-muted);margin-top:1px}.topbar-user{display:flex;align-items:center;gap:9px}.topbar-avatar{width:34px;height:34px;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem}.topbar-user-copy{line-height:1.15;text-align:left}.topbar-user-copy strong{font-size:.78rem;color:var(--ds-ink);display:block}.topbar-user-copy span{font-size:.65rem;color:var(--ds-muted);display:block;margin-top:2px}.topbar-dropdown-btn{padding:5px 8px!important;min-height:42px!important;background:#fff!important;border:1px solid var(--ds-line)!important;box-shadow:none!important}.workspace-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--ds-line);background:#fff;border-radius:999px;color:#61736b;font-size:.69rem;font-weight:700}.workspace-chip i{color:var(--ds-brand)}
.admin-content{padding:26px 28px 40px!important;max-width:1600px;margin:0 auto}.mobile-toggle{width:40px;height:40px;min-height:40px!important;padding:0!important}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(7,28,23,.42);backdrop-filter:blur(2px);z-index:1035}

/* Dashboard */
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.dashboard-heading .kicker{font-size:.7rem;color:var(--ds-brand);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.dashboard-heading h1{font-size:1.75rem;color:var(--ds-ink);font-weight:790;letter-spacing:-.035em;margin:0}.dashboard-heading p{font-size:.84rem;color:var(--ds-muted);margin:6px 0 0}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric{padding:18px!important;border-radius:16px!important;box-shadow:none!important;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--ds-brand),transparent);opacity:.65}.metric .metric-label{font-size:.72rem;color:var(--ds-muted);font-weight:700}.metric .metric-value{font-size:1.72rem;line-height:1;color:var(--ds-ink);font-weight:800;letter-spacing:-.035em;margin-top:8px}.metric .metric-foot{font-size:.67rem;color:#91a099;margin-top:7px}.metric-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:var(--ds-brand-soft)!important;color:var(--ds-brand)!important;font-size:1.05rem!important;flex:0 0 40px}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.insight-card{background:#fff;border:1px solid var(--ds-line);border-radius:15px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.insight-card .label{font-size:.72rem;color:var(--ds-muted)}.insight-card strong{display:block;color:var(--ds-ink);font-size:1.35rem;margin-top:2px}.insight-card .mini-icon{width:36px;height:36px;border-radius:10px;background:#f5f8f7;color:#74867f;display:flex;align-items:center;justify-content:center}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:16px}.panel-quiet{background:#fff;border:1px solid var(--ds-line);border-radius:17px;overflow:hidden}.panel-quiet-head{padding:17px 18px;border-bottom:1px solid var(--ds-line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-quiet-head h2{font-size:.94rem;color:var(--ds-ink);font-weight:770;margin:0}.panel-quiet-head a{font-size:.72rem;font-weight:730;text-decoration:none}.panel-quiet-body{padding:18px}.empty-quiet{padding:30px 18px;text-align:center;color:var(--ds-muted);font-size:.8rem}.pending-person{display:flex;align-items:center;gap:10px}.pending-avatar{width:34px;height:34px;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}.pending-person strong{font-size:.8rem;color:var(--ds-ink);display:block}.pending-person span{font-size:.69rem;color:var(--ds-muted);display:block;margin-top:1px}.compact-event-list{display:grid;gap:3px}.compact-event{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--ds-line-soft)}.compact-event:last-child{border-bottom:0}.compact-date{width:38px;height:38px;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800}.compact-event strong{display:block;font-size:.8rem;color:var(--ds-ink);line-height:1.35}.compact-event span{display:block;font-size:.68rem;color:var(--ds-muted);margin-top:3px}

/* Member workspace */
.member-sidebar{background:#10362c!important}.member-mini-card{padding:9px!important;margin:6px 1px 7px!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important}.member-sidebar-avatar{width:34px!important;height:34px!important;border-radius:9px!important}.member-mini-card .fw-semibold{font-size:.75rem}.member-mini-card .small{font-size:.64rem}.member-hero-v23{background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;position:relative;overflow:hidden}.member-hero-v23:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-78px;top:-86px;background:var(--ds-brand-soft)}.member-hero-v23 .copy{position:relative;z-index:1}.member-hero-v23 .hello{font-size:.7rem;color:var(--ds-brand);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.member-hero-v23 h1{font-size:1.55rem;color:var(--ds-ink);font-weight:790;letter-spacing:-.03em;margin:4px 0 5px}.member-hero-v23 p{font-size:.8rem;color:var(--ds-muted);margin:0}.member-hero-v23 .member-hero-icon{position:relative;z-index:1;width:54px;height:54px;border-radius:15px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:1.45rem}.member-state-icon{width:46px!important;height:46px!important;border-radius:13px!important;font-size:1.15rem!important}.info-list>div{font-size:.8rem!important;padding:9px 0!important}
.event-row{padding:12px 0!important}.event-date{min-width:54px!important;width:54px!important;border-radius:11px!important;padding:8px 5px!important;background:var(--ds-brand-soft)!important}.event-date .fs-4{font-size:1rem!important}.event-date .small{font-size:.62rem!important}

/* Other dashboard pages inherit system */
.editor-toolbar{background:#f7faf9!important;border-color:var(--ds-line)!important}.editor-area{border-color:var(--ds-line)!important;border-radius:0 0 11px 11px!important}.thumb-mini{border-radius:9px!important}.scanner-box{border:1px solid var(--ds-line);background:#f1f5f3!important}.scan-result{border-radius:16px!important}.course-admin-cover{border-radius:14px 14px 0 0}.digital-card{border-radius:20px!important}.kta-header{background:linear-gradient(110deg,var(--ds-brand-deep),var(--ds-brand))!important}.kta-logo{width:48px!important;height:48px!important;border-radius:12px!important}.kta-body{padding:24px!important}

/* Mobile */
@media(max-width:1199px){
  .service-grid-v23{grid-template-columns:repeat(2,1fr)}
  .trust-grid-v23{grid-template-columns:repeat(2,1fr)}.trust-item-v23:nth-child(2){border-right:0}.trust-item-v23:nth-child(-n+2){border-bottom:1px solid var(--ds-line-soft)}
  .feature-split-v23{gap:34px}
  .footer-main-v22{grid-template-columns:1.3fr 1fr 1fr!important}.footer-contact-v22{grid-column:1/-1}
  .main-navbar .navbar-collapse{padding:12px 0 16px}.main-navbar .nav-link{padding:.58rem .7rem!important}.nav-portal-btn{margin-top:4px}
}
@media(max-width:991px){
  .portal-hero-v23{padding:58px 0}.portal-overview{max-width:620px}.feature-split-v23{grid-template-columns:1fr}.news-grid-v23{grid-template-columns:repeat(2,1fr)}.event-list-v23{grid-template-columns:1fr}
  .admin-sidebar{transform:translateX(-100%)!important;transition:transform .22s ease!important;box-shadow:0 0 0 transparent}.admin-sidebar.show{transform:none!important;box-shadow:22px 0 55px rgba(4,23,18,.25)}.admin-main{margin-left:0!important}.sidebar-overlay.show{display:block}.admin-content{padding:20px!important}.admin-topbar{padding:10px 14px!important}.mobile-toggle{display:inline-flex!important}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}
  .auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:28px 20px}.auth-card-head .auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.auth-mobile-brand .auth-brand-logo{width:38px;height:38px}.auth-mobile-brand strong{font-size:.84rem;color:var(--ds-ink);display:block}.auth-mobile-brand span{font-size:.68rem;color:var(--ds-muted);display:block}
}
@media(max-width:767px){
  body{font-size:14px}.ds-section{padding:58px 0}.ds-section-head{align-items:flex-start;flex-direction:column;gap:12px}.portal-hero-v23 h1{font-size:2.55rem}.hero-proof-row{gap:10px 16px}.trust-grid-v23{grid-template-columns:1fr 1fr}.trust-item-v23{padding:15px 13px;gap:9px}.trust-icon-v23{width:34px;height:34px;flex-basis:34px}.trust-item-v23 strong{font-size:1.1rem}.service-grid-v23{grid-template-columns:1fr}.service-card-v23{min-height:0}.feature-split-v23{gap:28px}.news-grid-v23{grid-template-columns:1fr}.event-card-v23{grid-template-columns:54px 1fr}.event-day-v23{width:54px;height:54px}.event-card-v23 .open-pill{grid-column:2;justify-self:start}.home-cta-v23{padding-bottom:58px}.home-cta-card-v23{grid-template-columns:1fr;padding:24px}.home-cta-card-v23 .btn{justify-self:start}.footer-main-v22{grid-template-columns:1fr 1fr!important;gap:28px!important;padding:42px 0 32px!important}.footer-brand-v22{grid-column:1/-1}.footer-contact-v22{grid-column:1/-1}.footer-bottom-v22{flex-direction:column!important;gap:5px!important}.dashboard-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}.admin-content{padding:16px 12px 28px!important}.dashboard-heading h1{font-size:1.45rem}.member-hero-v23{padding:19px}.member-hero-v23 h1{font-size:1.3rem}.registration-body{padding:20px}.registration-head{padding:20px}.topbar-user-copy{display:none}.workspace-chip{display:none}
}
@media(max-width:480px){
  .portal-hero-v23{padding:46px 0}.portal-hero-v23 h1{font-size:2.18rem}.hero-action-row .btn{width:100%}.overview-stats{grid-template-columns:1fr 1fr}.trust-grid-v23{grid-template-columns:1fr}.trust-item-v23{border-right:0!important;border-bottom:1px solid var(--ds-line-soft)!important}.trust-item-v23:last-child{border-bottom:0!important}.metric-grid{grid-template-columns:1fr}.footer-main-v22{grid-template-columns:1fr!important}.footer-links-v22,.footer-contact-v22{grid-column:1/-1}.auth-form-panel{padding:22px 16px}.auth-help{align-items:flex-start;flex-direction:column}
}
.overview-status{display:flex;gap:11px;align-items:center;margin:16px 0;padding:12px;border-radius:12px;background:#f8fbfa;border:1px solid var(--ds-line-soft)}.overview-status>span{width:34px;height:34px;border-radius:10px;background:var(--ds-accent-soft);color:#946b1f;display:flex;align-items:center;justify-content:center;flex:0 0 34px}.overview-status strong{display:block;color:var(--ds-ink);font-size:.82rem}.overview-status small{display:block;color:var(--ds-muted);font-size:.71rem;margin-top:2px}

/* Portal v2.4 — Operational & Communication Suite */
.admin-sidebar .menu{position:relative}.menu-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f2c65c;color:#17372d;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:850}
.topbar-icon-btn{position:relative;width:42px;height:42px;min-height:42px;border:1px solid var(--ds-line);background:#fff;color:var(--ds-ink);border-radius:12px;box-shadow:var(--ds-shadow-sm);padding:0}.topbar-icon-btn:hover{background:var(--ds-brand-soft);border-color:#cce2da;color:var(--ds-brand-strong)}.notification-count{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#c7332d;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.61rem;font-weight:850;line-height:1}
.notification-dropdown{width:min(380px,calc(100vw - 24px));padding:0!important;overflow:hidden}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--ds-line-soft);background:#fbfdfc}.notification-dropdown-head strong{color:var(--ds-ink);font-size:.9rem}.notification-dropdown-head a{font-size:.72rem;font-weight:750;text-decoration:none}.notification-mini{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 14px;text-decoration:none;color:var(--ds-text);border-bottom:1px solid var(--ds-line-soft)}.notification-mini:last-child{border-bottom:0}.notification-mini:hover{background:#f8fbfa;color:var(--ds-text)}.notification-mini.unread{background:#f1f8f5}.notification-mini>span{width:34px;height:34px;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center}.notification-mini strong{display:block;color:var(--ds-ink);font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-mini small{display:block;color:var(--ds-muted);font-size:.69rem;line-height:1.35;margin-top:2px}
.notification-list-page{display:grid;gap:10px}.notification-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--ds-line);border-radius:16px;box-shadow:var(--ds-shadow-sm)}.notification-row.unread{border-color:#bcded2;background:linear-gradient(90deg,#f3faf7,#fff 45%)}.notification-icon{width:44px;height:44px;border-radius:13px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:1.08rem}.notification-copy strong{color:var(--ds-ink)}.notification-copy p{margin:4px 0 3px;font-size:.83rem;color:var(--ds-text)}.notification-copy>span{font-size:.7rem;color:var(--ds-muted)}
.admin-announcement-stack{display:grid;gap:9px}.admin-announcement{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;background:#fff;border:1px solid var(--ds-line);border-left:4px solid #91b9ac;border-radius:15px;padding:12px 14px;box-shadow:var(--ds-shadow-sm)}.admin-announcement.priority-important{border-left-color:#d2a43f}.admin-announcement.priority-urgent{border-left-color:#c5453e}.admin-announcement-icon{width:42px;height:42px;border-radius:12px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center}.admin-announcement p{margin:3px 0 0;color:var(--ds-muted);font-size:.78rem}
.announcement-strip{background:linear-gradient(180deg,#f8fbfa,#fff);border:1px solid var(--ds-line);border-radius:20px;padding:18px;box-shadow:var(--ds-shadow-sm)}.announcement-strip-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.announcement-strip-head h2{font-size:1.05rem;color:var(--ds-ink);font-weight:780;margin:5px 0 0}.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.announcement-card{background:#fff;border:1px solid var(--ds-line-soft);border-left:3px solid #8bb7a8;border-radius:14px;padding:14px}.announcement-card.priority-important{border-left-color:#d0a035}.announcement-card.priority-urgent{border-left-color:#c3443d}.announcement-card h3{font-size:.9rem;color:var(--ds-ink);font-weight:770;margin:10px 0 5px}.announcement-card p{font-size:.77rem;color:var(--ds-text);margin:0;line-height:1.55}.announcement-meta{margin-top:10px;color:var(--ds-muted);font-size:.67rem;display:flex;gap:5px;align-items:center}
.profile-completeness{padding:14px;border:1px solid var(--ds-line-soft);background:#f8fbfa;border-radius:14px;margin-bottom:16px}.profile-completeness strong{font-size:1.4rem;color:var(--ds-ink)}.profile-completeness .progress,.report-progress-row .progress{height:7px;background:#e7efec;border-radius:999px}.profile-completeness .progress-bar,.report-progress-row .progress-bar{background:linear-gradient(90deg,var(--ds-brand),#2c9277);border-radius:999px}.profile-completeness p{font-size:.72rem;color:var(--ds-muted);margin:8px 0 0}
.report-progress{display:grid;gap:18px}.report-progress-row{display:grid;grid-template-columns:minmax(150px,1fr) 1.4fr 50px;gap:14px;align-items:center}.report-progress-row strong{display:block;color:var(--ds-ink);font-size:.82rem}.report-progress-row span{display:block;color:var(--ds-muted);font-size:.7rem;margin-top:2px}.report-progress-row b{font-size:.78rem;text-align:right;color:var(--ds-brand-strong)}.report-stat-list{display:grid;gap:9px}.report-stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--ds-line-soft);background:#fbfdfc;border-radius:13px}.report-stat-list span{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--ds-text)}.report-stat-list i{color:var(--ds-brand);font-size:1rem}.report-stat-list strong{font-size:1.08rem;color:var(--ds-ink)}
.import-guide{display:grid;gap:12px}.import-guide>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.import-guide>div>span{width:30px;height:30px;border-radius:9px;background:var(--ds-brand-soft);color:var(--ds-brand);font-weight:850;font-size:.75rem;display:flex;align-items:center;justify-content:center}.import-guide p{margin:0;font-size:.78rem;color:var(--ds-text);line-height:1.45}.import-guide strong{color:var(--ds-ink)}
@media(max-width:767px){.notification-row{grid-template-columns:38px minmax(0,1fr);padding:13px}.notification-row>.btn{grid-column:2;justify-self:start}.notification-icon{width:38px;height:38px}.admin-announcement{grid-template-columns:38px minmax(0,1fr)}.admin-announcement>.btn{grid-column:2;justify-self:start}.admin-announcement-icon{width:38px;height:38px}.announcement-grid{grid-template-columns:1fr}.announcement-strip-head{align-items:flex-start;flex-direction:column;gap:5px}.report-progress-row{grid-template-columns:1fr 52px}.report-progress-row .progress{grid-column:1/-1;grid-row:2}.report-progress-row b{grid-column:2;grid-row:1}}
@media print{.admin-sidebar,.admin-topbar,.dashboard-actions,.sidebar-overlay,.btn,form{display:none!important}.admin-main{margin:0!important}.admin-content{padding:0!important}.admin-body{background:#fff!important}.panel,.metric{box-shadow:none!important;break-inside:avoid}.dashboard-heading{margin-top:0}.table{font-size:11px}}

/* ==========================================================
   Portal v2.5 — Sistem Administrasi Organisasi
   ========================================================== */
:root{
  --v25-green:#0d6b52;
  --v25-green-deep:#0a513f;
  --v25-gold:#c39a3c;
  --v25-canvas:#f4f8f6;
  --v25-line:#dfe9e5;
  --v25-ink:#19372e;
  --v25-muted:#6d8179;
}
.page-head-v25{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 24px}.page-head-v25 h1{font-size:1.65rem;line-height:1.18;color:var(--ds-ink);font-weight:820;margin:4px 0 7px;letter-spacing:-.025em}.page-head-v25 p{margin:0;color:var(--ds-muted);font-size:.88rem;max-width:780px;line-height:1.55}.page-head-v25 .kicker{font-size:.69rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ds-brand);font-weight:850}.panel-v25{background:#fff;border:1px solid var(--ds-line);border-radius:20px;box-shadow:var(--ds-shadow-sm);overflow:hidden}.panel-v25-body{padding:22px}.panel-v25-head{padding:17px 20px;border-bottom:1px solid var(--ds-line-soft);display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(180deg,#fff,#fbfdfc)}.panel-v25-head h2{font-size:1rem;color:var(--ds-ink);margin:0;font-weight:790}.panel-v25-head p{font-size:.75rem;color:var(--ds-muted);margin:3px 0 0}.table-v25 thead th{font-size:.69rem;text-transform:uppercase;letter-spacing:.055em;color:#6e8079;background:#f8fbfa;border-bottom:1px solid var(--ds-line);padding:12px 14px;white-space:nowrap}.table-v25 td{padding:14px;border-color:#edf2f0;color:var(--ds-text);font-size:.82rem;vertical-align:middle}.table-v25 strong{color:var(--ds-ink)}
.filter-bar-v25,.toolbar-v25{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.segmented-v25{display:inline-flex;padding:4px;border:1px solid var(--ds-line);background:#fff;border-radius:13px;box-shadow:var(--ds-shadow-sm)}.segmented-v25 a{padding:8px 13px;border-radius:9px;text-decoration:none;font-size:.76rem;font-weight:750;color:var(--ds-muted)}.segmented-v25 a.active{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}.search-v25{min-width:min(360px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--ds-line);border-radius:12px;padding:0 12px}.search-v25 i{color:#8a9a94}.search-v25 input{border:0;outline:0;background:transparent;min-height:42px;width:100%;font-size:.8rem;color:var(--ds-ink)}.filter-form-v25{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.filter-form-v25 .form-select{width:auto;min-width:180px}.year-picker-v25{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--ds-line);border-radius:12px;padding:6px 8px 6px 12px}.year-picker-v25 label{font-size:.72rem;color:var(--ds-muted);font-weight:750}.year-picker-v25 select{border:0;background:#f4f8f6;color:var(--ds-ink);font-weight:800;border-radius:8px;padding:5px 8px;outline:none}.workspace-note-v25{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--ds-line);background:#fff;border-radius:11px;color:var(--ds-muted);font-size:.74rem;font-weight:700}.summary-inline-v25{display:flex;gap:14px;flex-wrap:wrap}.summary-inline-v25 span{font-size:.72rem;color:var(--ds-muted);padding:7px 10px;background:#fff;border:1px solid var(--ds-line);border-radius:10px}.summary-inline-v25 b{color:var(--ds-ink)}
.empty-v25{padding:40px 24px;text-align:center;color:var(--ds-muted);display:flex;flex-direction:column;align-items:center;gap:7px}.empty-v25 i{font-size:2rem;color:#9ab3aa}.empty-v25 strong{font-size:.95rem;color:var(--ds-ink)}.empty-v25 span{font-size:.76rem;max-width:520px}.span-all{grid-column:1/-1}
.type-icon-v25{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 38px}.type-icon-v25.incoming{background:#e9f5ef;color:#197055}.type-icon-v25.outgoing{background:#edf3fb;color:#476f9b}.selected-doc-v25{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--ds-line);background:#f8fbfa;border-radius:13px}.selected-doc-v25>i{font-size:1.2rem;color:var(--ds-brand)}.selected-doc-v25 strong,.selected-doc-v25 span{display:block}.selected-doc-v25 span{font-size:.75rem;color:var(--ds-muted);margin-top:2px}.context-banner-v25{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(90deg,#edf7f3,#fff);border:1px solid #d6e9e1;border-radius:16px;padding:13px 15px;margin-bottom:16px}.context-banner-v25>div{display:flex;align-items:center;gap:11px}.context-banner-v25>div>i{width:38px;height:38px;border-radius:11px;background:#ddefe7;color:var(--ds-brand);display:flex;align-items:center;justify-content:center}.context-banner-v25 strong,.context-banner-v25 span{display:block}.context-banner-v25 span{font-size:.72rem;color:var(--ds-muted);margin-top:2px}
.metric-grid-v25{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-v25{background:#fff;border:1px solid var(--ds-line);border-radius:17px;padding:17px 18px;box-shadow:var(--ds-shadow-sm)}.metric-v25 span{display:block;font-size:.7rem;color:var(--ds-muted);font-weight:740}.metric-v25 strong{display:block;color:var(--ds-ink);font-size:1.25rem;letter-spacing:-.02em;margin:5px 0 3px}.metric-v25 small{display:block;color:var(--ds-muted);font-size:.68rem}
.program-grid-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.program-card-v25{background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:18px;box-shadow:var(--ds-shadow-sm)}.program-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.program-card-top h2{font-size:1.02rem;color:var(--ds-ink);font-weight:800;margin:4px 0 3px}.program-card-top p{margin:0;color:var(--ds-muted);font-size:.72rem}.program-code-v25{font-size:.63rem;font-weight:850;letter-spacing:.08em;color:var(--ds-brand);text-transform:uppercase}.program-indicator-v25{margin:15px 0;padding:12px;background:#f8fbfa;border:1px solid var(--ds-line-soft);border-radius:12px}.program-indicator-v25 span,.program-indicator-v25 small{display:block;color:var(--ds-muted);font-size:.66rem}.program-indicator-v25 strong{display:block;color:var(--ds-ink);font-size:.78rem;margin:3px 0}.program-progress-v25>div:first-child{display:flex;justify-content:space-between;font-size:.7rem;color:var(--ds-muted);margin-bottom:6px}.program-progress-v25 .progress,.task-progress-v25 .progress,.mini-progress-v25 .progress,.field-bar-v25 .progress,.kpi-score-v25 .progress{height:7px;background:#e8efec;border-radius:999px}.program-progress-v25 .progress-bar,.task-progress-v25 .progress-bar,.mini-progress-v25 .progress-bar,.field-bar-v25 .progress-bar,.kpi-score-v25 .progress-bar{background:linear-gradient(90deg,var(--ds-brand),#2e947a);border-radius:999px}.program-meta-v25{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.program-meta-v25>div{padding:10px;border:1px solid var(--ds-line-soft);border-radius:11px;background:#fcfdfd;display:grid;grid-template-columns:18px 1fr;column-gap:5px}.program-meta-v25 i{grid-row:1/3;color:var(--ds-brand)}.program-meta-v25 span{font-size:.61rem;color:var(--ds-muted)}.program-meta-v25 strong{font-size:.72rem;color:var(--ds-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-actions-v25{display:flex;gap:6px;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid var(--ds-line-soft)}
.tabs-v25{display:flex;gap:6px;border-bottom:1px solid var(--ds-line);margin-bottom:18px}.tabs-v25 a{text-decoration:none;color:var(--ds-muted);font-weight:750;font-size:.78rem;padding:10px 12px;border-bottom:2px solid transparent}.tabs-v25 a.active{color:var(--ds-brand);border-bottom-color:var(--ds-brand)}.account-grid-v25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.account-card-v25{background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:17px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;box-shadow:var(--ds-shadow-sm)}.account-icon-v25{width:42px;height:42px;border-radius:12px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center}.account-card-v25 span,.account-card-v25 small{display:block;color:var(--ds-muted);font-size:.66rem}.account-card-v25 h2{font-size:.9rem;color:var(--ds-ink);margin:2px 0}.account-card-v25 p{font-size:.68rem;color:var(--ds-muted);margin:0 0 8px}.account-card-v25 strong{font-size:1.08rem;color:var(--ds-ink);display:block}.account-actions-v25{display:flex;gap:4px;align-items:flex-start}
.generator-panel-v25{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(400px,1.2fr);gap:16px;align-items:center;background:linear-gradient(135deg,#0d6b52,#0a513f);color:#fff;border-radius:20px;padding:18px 20px;margin-bottom:18px;box-shadow:0 14px 38px rgba(10,81,63,.18)}.generator-panel-v25>div{display:flex;gap:12px;align-items:center}.generator-panel-v25>div>i{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#f0cc77;font-size:1.1rem}.generator-panel-v25 strong,.generator-panel-v25 span{display:block}.generator-panel-v25 span{font-size:.72rem;color:rgba(255,255,255,.72);margin-top:3px}.generator-form-v25{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px}.generator-form-v25 .form-select{border-color:rgba(255,255,255,.25)}.generator-form-v25 .btn{background:#fff;color:#0a513f;border-color:#fff}
.meeting-grid-v25{display:grid;gap:12px}.meeting-card-v25{display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px;background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:16px;box-shadow:var(--ds-shadow-sm)}.meeting-date-v25{border-radius:14px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px}.meeting-date-v25 strong{font-size:1.7rem;line-height:1}.meeting-date-v25 span{font-size:.68rem;font-weight:740;margin-top:5px}.meeting-content-v25 h2{font-size:1rem;color:var(--ds-ink);margin:6px 0}.meeting-content-v25 p{font-size:.73rem;color:var(--ds-muted);margin:0}.meeting-content-v25 p i{margin-right:4px;color:var(--ds-brand)}.meeting-number-v25{font-size:.64rem;color:var(--ds-muted);white-space:nowrap}.meeting-meta-v25{display:flex;gap:12px;flex-wrap:wrap;font-size:.68rem;color:var(--ds-muted);margin:12px 0}.meeting-meta-v25 b{color:var(--ds-ink)}.meeting-actions-v25{display:flex;align-items:center;gap:6px;border-top:1px solid var(--ds-line-soft);padding-top:11px}.attendance-layout-v25{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:16px}.status-inline-v25{min-width:118px}
.archive-grid-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-card-v25{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;background:#fff;border:1px solid var(--ds-line);border-radius:17px;padding:15px;box-shadow:var(--ds-shadow-sm)}.archive-icon-v25{width:44px;height:44px;border-radius:13px;background:#f1f5fb;color:#5877a3;display:flex;align-items:center;justify-content:center}.archive-copy-v25 h2{font-size:.9rem;color:var(--ds-ink);font-weight:790;margin:7px 0 4px}.archive-copy-v25 p{font-size:.72rem;color:var(--ds-muted);margin:0}.archive-meta-v25{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px;font-size:.65rem;color:var(--ds-muted)}.archive-actions-v25{display:flex;flex-direction:column;gap:5px;align-items:stretch}
.kanban-v25{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:6px}.kanban-col-v25{background:#edf3f0;border:1px solid #e0e9e5;border-radius:16px;padding:10px;min-width:230px}.kanban-col-v25>header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px;font-size:.74rem;font-weight:800;color:var(--ds-ink)}.kanban-col-v25>header b{background:#fff;border:1px solid var(--ds-line);border-radius:999px;padding:2px 7px;font-size:.65rem}.kanban-stack-v25{display:grid;gap:9px}.task-card-v25{background:#fff;border:1px solid var(--ds-line);border-radius:13px;padding:12px;box-shadow:0 4px 12px rgba(29,64,52,.04);border-left:3px solid #aabbb4}.task-card-v25.priority-high{border-left-color:#d29b35}.task-card-v25.priority-urgent{border-left-color:#c74a43}.task-card-head-v25{display:flex;align-items:center;gap:6px}.task-card-head-v25 small{font-size:.58rem;font-weight:850;color:var(--ds-muted);letter-spacing:.05em}.task-card-head-v25 a{margin-left:auto;color:var(--ds-muted)}.priority-dot-v25{width:7px;height:7px;border-radius:50%;background:#8da49a}.priority-high .priority-dot-v25{background:#d29b35}.priority-urgent .priority-dot-v25{background:#c74a43}.task-card-v25 h2{font-size:.83rem;color:var(--ds-ink);margin:9px 0 5px;font-weight:790}.task-card-v25 p{font-size:.68rem;color:var(--ds-muted);line-height:1.45;margin:0 0 9px}.task-person-v25,.task-program-v25{font-size:.65rem;color:var(--ds-text);display:flex;align-items:center;gap:5px;margin-top:5px}.task-person-v25 i,.task-program-v25 i{color:var(--ds-brand)}.task-progress-v25{display:grid;grid-template-columns:1fr 35px;gap:7px;align-items:center;margin-top:10px}.task-progress-v25 span{font-size:.62rem;color:var(--ds-muted);text-align:right}.task-card-v25 footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--ds-line-soft);font-size:.62rem;color:var(--ds-muted)}.task-card-v25 footer i{margin-right:4px}.kanban-empty-v25{font-size:.67rem;color:#82958d;text-align:center;padding:15px 8px}
.kpi-hero-v25{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;margin-bottom:14px}.kpi-score-v25,.kpi-snapshot-v25{background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:20px;box-shadow:var(--ds-shadow-sm)}.kpi-score-v25>span{font-size:.72rem;color:var(--ds-muted);font-weight:760}.kpi-score-v25>strong{display:block;font-size:2.6rem;color:var(--ds-brand-strong);line-height:1;margin:8px 0 12px;letter-spacing:-.04em}.kpi-score-v25>strong small{font-size:1rem}.kpi-score-v25 p{font-size:.68rem;color:var(--ds-muted);margin:8px 0 0}.kpi-snapshot-v25{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-snapshot-v25>div{padding:14px;border:1px solid var(--ds-line-soft);border-radius:13px;background:#fbfdfc}.kpi-snapshot-v25 span{display:block;font-size:.67rem;color:var(--ds-muted)}.kpi-snapshot-v25 strong{display:block;font-size:1.3rem;color:var(--ds-ink);margin-top:4px}.dashboard-grid-v25{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.field-performance-v25{display:grid;gap:15px}.field-row-v25{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(200px,1.1fr);gap:16px;align-items:center}.field-title-v25 strong{display:block;font-size:.78rem;color:var(--ds-ink)}.field-title-v25 span{font-size:.64rem;color:var(--ds-muted)}.field-bar-v25{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center}.field-bar-v25 b{font-size:.7rem;text-align:right;color:var(--ds-brand)}.budget-health-v25{display:grid;gap:9px}.budget-health-v25>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--ds-line-soft);border-radius:12px;background:#fbfdfc}.budget-health-v25 span{font-size:.7rem;color:var(--ds-muted)}.budget-health-v25 strong{font-size:.76rem;color:var(--ds-ink)}.mini-progress-v25{display:grid;grid-template-columns:100px 36px;gap:7px;align-items:center}.mini-progress-v25 b{font-size:.67rem;color:var(--ds-muted)}
.admin-command-v25{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;background:linear-gradient(135deg,#0a513f,#0d6b52);color:#fff;border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:0 18px 44px rgba(10,81,63,.17)}.admin-command-copy-v25>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#d4e9e2;font-weight:850}.admin-command-copy-v25 h2{font-size:1.25rem;font-weight:800;margin:6px 0}.admin-command-copy-v25 p{font-size:.77rem;color:rgba(255,255,255,.72);margin:0;line-height:1.55;max-width:720px}.admin-command-stats-v25{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-command-stats-v25>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:11px}.admin-command-stats-v25 strong,.admin-command-stats-v25 span{display:block}.admin-command-stats-v25 strong{font-size:1.15rem}.admin-command-stats-v25 span{font-size:.62rem;color:rgba(255,255,255,.65)}.module-grid-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card-v25{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:13px;background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:17px;text-decoration:none;color:inherit;box-shadow:var(--ds-shadow-sm);transition:.18s ease}.module-card-v25:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(30,63,52,.08);border-color:#c9ddd5;color:inherit}.module-card-v25.featured{background:linear-gradient(135deg,#f4faf7,#fff)}.module-icon-v25{width:48px;height:48px;border-radius:14px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center;font-size:1.15rem}.module-eyebrow-v25{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-brand);font-weight:850}.module-card-v25 h2{font-size:.92rem;color:var(--ds-ink);font-weight:800;margin:3px 0 4px}.module-card-v25 p{font-size:.7rem;color:var(--ds-muted);line-height:1.45;margin:0 0 7px}.module-card-v25 b{font-size:.65rem;color:var(--ds-text)}.module-arrow-v25{color:#94a69f;align-self:center}.footer-install-v25{border:0;background:transparent;color:inherit;font-size:.72rem;padding:0;text-decoration:underline;text-underline-offset:3px}.footer-install-v25 i{margin-right:4px}
@media(max-width:1100px){.metric-grid-v25{grid-template-columns:1fr 1fr}.account-grid-v25{grid-template-columns:1fr 1fr}.generator-panel-v25{grid-template-columns:1fr}.dashboard-grid-v25{grid-template-columns:1fr}.admin-command-v25{grid-template-columns:1fr}.program-grid-v25{grid-template-columns:1fr}.archive-grid-v25{grid-template-columns:1fr}.attendance-layout-v25{grid-template-columns:1fr}}
@media(max-width:767px){.page-head-v25{flex-direction:column}.page-head-v25 h1{font-size:1.35rem}.panel-v25-body{padding:17px}.metric-grid-v25{grid-template-columns:1fr 1fr}.generator-form-v25{grid-template-columns:1fr}.meeting-card-v25{grid-template-columns:58px minmax(0,1fr);padding:13px}.meeting-date-v25{min-height:72px}.meeting-date-v25 strong{font-size:1.35rem}.meeting-actions-v25{flex-wrap:wrap}.archive-card-v25{grid-template-columns:40px minmax(0,1fr)}.archive-actions-v25{grid-column:2;flex-direction:row}.kpi-hero-v25{grid-template-columns:1fr}.field-row-v25{grid-template-columns:1fr}.module-grid-v25{grid-template-columns:1fr}.admin-command-v25{padding:19px}.context-banner-v25{align-items:flex-start;flex-direction:column}.filter-form-v25 .search-v25,.filter-form-v25 .form-select{width:100%;min-width:0}.account-grid-v25{grid-template-columns:1fr}}
@media(max-width:480px){.metric-grid-v25{grid-template-columns:1fr}.kpi-snapshot-v25{grid-template-columns:1fr 1fr}.summary-inline-v25{display:none}.meeting-number-v25{display:none}.module-card-v25{grid-template-columns:42px minmax(0,1fr) 20px;padding:14px}.module-icon-v25{width:42px;height:42px}.admin-command-stats-v25{grid-template-columns:1fr 1fr}.page-head-v25 .d-flex{width:100%}.page-head-v25 .btn{flex:1}}
@media print{.page-head-v25 .btn,.tabs-v25,.toolbar-v25 .btn,.footer-install-v25{display:none!important}.panel-v25,.metric-v25,.kpi-score-v25,.kpi-snapshot-v25{box-shadow:none!important}.admin-command-v25{background:#fff!important;color:#111!important;border:1px solid #ccc!important}.admin-command-copy-v25 p,.admin-command-copy-v25>span,.admin-command-stats-v25 span{color:#555!important}.admin-command-stats-v25>div{border-color:#ddd!important;background:#fff!important;color:#111!important}}
.dashboard-suite-v25{background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:18px;margin:0 0 14px;box-shadow:var(--ds-shadow-sm)}.dashboard-suite-head-v25{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.dashboard-suite-head-v25>div>span{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ds-brand);font-weight:850}.dashboard-suite-head-v25 h2{font-size:1rem;color:var(--ds-ink);font-weight:800;margin:3px 0}.dashboard-suite-head-v25 p{font-size:.72rem;color:var(--ds-muted);margin:0}.dashboard-suite-grid-v25{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-suite-grid-v25>a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ds-line-soft);border-radius:13px;text-decoration:none;background:#fbfdfc;color:inherit}.dashboard-suite-grid-v25>a:hover{background:var(--ds-brand-soft)}.dashboard-suite-grid-v25 i{width:34px;height:34px;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);display:flex;align-items:center;justify-content:center}.dashboard-suite-grid-v25 strong,.dashboard-suite-grid-v25 span{display:block}.dashboard-suite-grid-v25 strong{font-size:.9rem;color:var(--ds-ink)}.dashboard-suite-grid-v25 span{font-size:.62rem;color:var(--ds-muted);margin-top:2px}@media(max-width:900px){.dashboard-suite-grid-v25{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dashboard-suite-head-v25{align-items:flex-start;flex-direction:column}.dashboard-suite-grid-v25{grid-template-columns:1fr}.dashboard-suite-head-v25 .btn{width:100%}}

/* ==========================================================
   Portal v2.5.1 — PENTAS PAI Landing Integration
   ========================================================== */
.main-navbar .nav-pentas{color:#8a641d!important;background:linear-gradient(180deg,#fffdf8,#fbf5e8)!important;border:1px solid #ead9ad!important;padding:.5rem .7rem!important}
.main-navbar .nav-pentas:hover{color:#6d4b10!important;background:#f8efda!important;border-color:#dfc989!important}
.main-navbar .nav-pentas i{color:var(--ds-accent)}
.overview-pentas-link .ov-icon{background:#fbf5e8!important;color:#9a7122!important}

.pentas-section-v251{padding:26px 0 82px;background:#fff}
.pentas-card-v251{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;gap:34px;overflow:hidden;padding:38px 40px;border:1px solid #dbe8e3;border-radius:26px;background:linear-gradient(135deg,#f8fcfa 0%,#ffffff 58%,#fbf5e8 100%);box-shadow:0 18px 52px rgba(19,48,39,.08)}
.pentas-card-v251:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--ds-brand),var(--ds-accent))}
.pentas-card-v251:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-150px;top:-175px;background:radial-gradient(circle,rgba(185,138,47,.11),rgba(185,138,47,0) 70%);pointer-events:none}
.pentas-copy-v251{position:relative;z-index:1;max-width:760px}
.pentas-badge-v251{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid #e8d9b5;background:#fffaf0;color:#7e5b18;font-size:.72rem;font-weight:800;letter-spacing:.035em}
.pentas-badge-v251 i{color:var(--ds-accent)}
.pentas-copy-v251 h2{margin:14px 0 9px;color:var(--ds-ink);font-size:clamp(2rem,4vw,3.15rem);line-height:1;font-weight:850;letter-spacing:-.045em}
.pentas-copy-v251 p{max-width:690px;margin:0;color:#64776f;font-size:.94rem;line-height:1.72}
.pentas-actions-v251{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:23px}
.pentas-primary-v251{background:var(--ds-brand);border:1px solid var(--ds-brand);color:#fff;box-shadow:0 8px 20px rgba(13,107,82,.17)}
.pentas-primary-v251:hover{background:var(--ds-brand-strong);border-color:var(--ds-brand-strong);color:#fff;transform:translateY(-1px)}
.pentas-url-v251{display:inline-flex;align-items:center;gap:6px;color:#788a83;font-size:.74rem;font-weight:700;overflow-wrap:anywhere}
.pentas-url-v251 i{font-size:1rem;color:var(--ds-accent)}
.pentas-qr-panel-v251{position:relative;z-index:1;justify-self:end;width:min(100%,260px);padding:16px;border:1px solid #e0e9e6;background:rgba(255,255,255,.92);border-radius:20px;box-shadow:0 12px 34px rgba(19,48,39,.07)}
.pentas-qr-frame-v251{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:9px;background:#fff;border:1px solid #edf1ef;border-radius:14px}
.pentas-qr-frame-v251 img{display:block;width:100%;height:auto;max-width:220px;aspect-ratio:1/1;object-fit:contain}
.pentas-qr-caption-v251{display:flex;align-items:center;gap:10px;padding:11px 4px 1px;color:var(--ds-text)}
.pentas-qr-caption-v251>i{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--ds-brand-soft);color:var(--ds-brand);font-size:1rem}
.pentas-qr-caption-v251 strong,.pentas-qr-caption-v251 small{display:block}
.pentas-qr-caption-v251 strong{color:var(--ds-ink);font-size:.76rem;line-height:1.25}
.pentas-qr-caption-v251 small{margin-top:2px;color:var(--ds-muted);font-size:.65rem}

@media(max-width:991px){
  .pentas-section-v251{padding:18px 0 62px}
  .pentas-card-v251{grid-template-columns:1fr 210px;gap:24px;padding:30px}
  .pentas-qr-panel-v251{width:210px;padding:13px}
}
@media(max-width:767px){
  .main-navbar .nav-pentas{margin:3px 0 5px;justify-content:flex-start}
  .pentas-section-v251{padding:12px 0 58px}
  .pentas-card-v251{grid-template-columns:1fr;gap:26px;padding:25px 22px;border-radius:20px}
  .pentas-copy-v251 h2{font-size:2.1rem}
  .pentas-copy-v251 p{font-size:.87rem}
  .pentas-actions-v251{align-items:flex-start;flex-direction:column;gap:10px}
  .pentas-primary-v251{width:100%}
  .pentas-qr-panel-v251{justify-self:start;width:220px;max-width:100%}
}
@media(max-width:380px){
  .pentas-card-v251{padding:22px 17px}
  .pentas-badge-v251{font-size:.66rem}
  .pentas-url-v251{font-size:.68rem}
  .pentas-qr-panel-v251{width:100%}
}