:root{font-family:'Poppins',sans-serif;color:#2e2928;background:#fff;--red:#8f211c;--red-dark:#6f1713;--gold:#e4a719;--cream:#fff8ee;--ink:#2e2928;--muted:#716b69;--line:#eadfd8;--soft:#f7f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e4a719;outline-offset:3px}.site-header{position:sticky;top:0;z-index:30;background:#ffffffeb;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-shell{display:flex;align-items:center;width:min(1240px,calc(100% - 48px));min-height:82px;margin:auto;gap:24px}.brand{display:flex;align-items:center;gap:11px;padding:0;border:0;background:none;color:var(--red);text-align:left}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:grid;line-height:1.15}.brand strong{font-size:.92rem;letter-spacing:.1em}.brand small{margin-top:4px;color:#6c5c58;font-size:.7rem;letter-spacing:.08em}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px;margin-left:auto}.desktop-nav button{position:relative;min-height:42px;padding:8px 10px;border:0;background:none;color:#5e5755;font-size:.78rem;font-weight:500}.desktop-nav button:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:9px;background:var(--red);transform:scaleX(0);transition:transform .18s}.desktop-nav button:hover,.desktop-nav button.active{color:var(--red)}.desktop-nav button.active:after{transform:scaleX(1)}.sikatan-link,.primary,.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--red-dark);border-radius:9px;background:var(--red);color:#fff;text-decoration:none;font-size:.78rem;font-weight:600;box-shadow:0 6px 16px #8f211c1e}.sikatan-link svg,.primary svg,.preview-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-toggle,.mobile-menu{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);min-height:620px;overflow:hidden;background:linear-gradient(118deg,#fff 0 58%,#8f211c 58%);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:auto auto 45px -70px;width:180px;height:180px;border:36px solid #f8e9d6;border-radius:50%;opacity:.55}.hero-copy{align-self:center;width:min(720px,calc(100% - 48px));margin-left:max(24px,calc((100vw - 1240px)/2));padding:70px 0}.kicker{display:block;margin-bottom:12px;color:var(--red);font-size:.72rem;font-weight:700;letter-spacing:.18em}.hero h1{max-width:780px;margin:0;color:#2d2827;font-size:clamp(2.8rem,5.3vw,5.2rem);line-height:1.03;letter-spacing:-.055em}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p{max-width:660px;margin:24px 0;color:var(--muted);font-size:1rem;line-height:1.75}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{min-height:47px;padding:11px 18px;border-radius:9px;font-size:.82rem;font-weight:600}.primary{border:1px solid var(--red-dark)}button.primary{cursor:pointer}.secondary{border:1px solid #d8c6bd;background:#fff;color:var(--red)}.hero-facts{display:flex;gap:0;margin-top:52px;border-top:1px solid var(--line);max-width:620px}.hero-facts div{display:grid;flex:1;padding:18px 20px 0 0}.hero-facts strong{font-size:.8rem}.hero-facts span{margin-top:3px;color:var(--muted);font-size:.7rem}.hero-mark{position:relative;display:grid;place-items:center;min-width:0;color:#fff}.hero-mark:before,.hero-mark:after{content:"";position:absolute;border:1px solid #ffffff23;border-radius:50%}.hero-mark:before{width:470px;height:470px}.hero-mark:after{width:350px;height:350px}.hero-mark img{position:relative;z-index:2;width:min(280px,55%);filter:drop-shadow(0 20px 35px #40100d55)}.mark-ring{position:absolute;width:560px;height:560px;border:70px solid #ffffff08;border-radius:50%}.mark-note{position:absolute;right:34px;bottom:32px;padding-left:14px;border-left:2px solid var(--gold);font-size:.7rem;line-height:1.6;letter-spacing:.06em}.section{width:min(1240px,calc(100% - 48px));margin:auto;padding:90px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-heading h2,.section-top h2,.social-section h2,.service-strip h2{margin:0;color:var(--ink);font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.035em}.intro-copy p,.social-section>div>p{margin:0 0 24px;color:var(--muted);font-size:.95rem;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--red);font-size:.78rem;font-weight:600}.text-link svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.soft{width:100%;padding:86px max(24px,calc((100vw - 1240px)/2));background:var(--soft)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-card{display:grid;grid-template-columns:82px 1fr;gap:22px;padding:24px;border:1px solid #ead9d1;border-radius:14px;background:#fff;box-shadow:0 8px 30px #4f24120b}.event-date{display:grid;place-items:center;align-self:start;height:82px;border-radius:12px;background:var(--red);color:#fff}.event-date strong{font-size:1.8rem;line-height:1}.event-date span{font-size:.7rem;font-weight:700;letter-spacing:.12em}.event-type{color:var(--red);font-size:.65rem;font-weight:700;letter-spacing:.15em}.event-card h3{margin:6px 0 13px;font-size:1rem}.event-card p{display:flex;align-items:center;gap:7px;margin:6px 0;color:var(--muted);font-size:.72rem}.event-card p svg{width:15px;height:15px;fill:none;stroke:var(--red);stroke-width:1.8}.muted-card .event-date{background:#544b48}.social-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:78px;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;transition:.18s}.social-grid a:hover{border-color:#c99a8e;background:#fff9f6;transform:translateY(-2px)}.social-grid a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f8e8e3;color:var(--red);font-size:1rem;font-weight:700}.social-grid strong{font-size:.78rem}.social-grid svg{width:15px;fill:none;stroke:var(--red);stroke-width:1.8}.service-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px;padding:34px;border-radius:18px;background:#2f2927;color:#fff}.service-strip>div:first-child{display:flex;align-items:center;gap:22px}.service-strip .kicker{color:#efbd4d}.service-strip h2{color:#fff;font-size:1.45rem}.service-strip p{margin:7px 0 0;color:#cfc7c4;font-size:.78rem}.service-icon{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:15px;background:#ffffff0e;color:#efbd4d}.service-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.7}.service-actions{display:flex;gap:9px;flex:none}.service-strip .secondary{border-color:#ffffff32;background:transparent;color:#fff}.site-footer{padding:58px max(24px,calc((100vw - 1240px)/2)) 24px;background:#811d18;color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .7fr;gap:60px}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:64px;height:64px;object-fit:contain}.footer-brand strong{font-size:.9rem}.footer-brand p{margin:5px 0 0;color:#edc7c0;font-size:.72rem}.footer-grid h3{margin:0 0 14px;color:#f5ca63;font-size:.72rem;letter-spacing:.12em}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid button,.footer-grid a{padding:5px 0;border:0;background:none;color:#f6ded9;text-decoration:none;font-size:.72rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:20px;border-top:1px solid #ffffff1c;color:#d9aaa4;font-size:.68rem}.inner-page{min-height:640px}.page-hero{padding:90px max(24px,calc((100vw - 1000px)/2)) 75px;background:linear-gradient(135deg,#fff8ee,#fff)}.page-hero h1{max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.045em}.page-hero p{max-width:720px;color:var(--muted);line-height:1.7}.placeholder-panel{display:grid;place-items:center;text-align:center;max-width:800px;padding:60px 30px}.placeholder-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;background:#f8e9e4;color:var(--red)}.placeholder-icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.7}.placeholder-panel h2{margin:20px 0 7px}.placeholder-panel p{max-width:530px;color:var(--muted);font-size:.85rem;line-height:1.7}.admin-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh;background:#f5f6f8}.admin-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:20px 15px;border-right:1px solid #e5e7ea;background:#fff}.admin-brand{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fffaf5;color:var(--red);text-align:left}.admin-brand img{width:44px;height:44px;object-fit:contain}.admin-brand span{display:grid}.admin-brand strong{font-size:.9rem;letter-spacing:.11em}.admin-brand small{color:var(--muted);font-size:.65rem}.admin-label{margin:28px 12px 10px;color:#9a9694;font-size:.65rem;letter-spacing:.14em}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav button{display:flex;align-items:center;gap:11px;min-height:45px;padding:10px 12px;border:1px solid #e9e7e5;border-radius:9px;background:#fff;color:#686260;text-align:left;font-size:.76rem}.admin-sidebar nav button.active{border-color:#d9aaa1;background:#fbefec;color:var(--red);font-weight:600;box-shadow:inset 3px 0 var(--red)}.admin-sidebar nav svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.admin-sidebar>a{margin-top:auto;padding:12px;color:var(--red);text-decoration:none;font-size:.75rem}.admin-workspace>header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 34px;border-bottom:1px solid #e4e7e9;background:#fff}.admin-workspace>header>div{display:grid}.admin-workspace>header span{font-size:.82rem;font-weight:600}.admin-workspace>header small{margin-top:3px;color:var(--muted);font-size:.68rem}.admin-account{min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:#fffaf5;color:var(--red);font-size:.75rem}.admin-workspace main{max-width:1400px;margin:auto;padding:34px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-heading h1{margin:0;font-size:1.7rem}.admin-heading p{margin:7px 0 0;color:var(--muted);font-size:.78rem}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-stats article,.admin-grid>section{padding:20px;border:1px solid #e3e6e8;border-radius:13px;background:#fff}.admin-stats span{color:var(--muted);font-size:.72rem}.admin-stats strong{display:block;margin:13px 0 5px;font-size:1.5rem}.admin-stats small{color:#8a8e92;font-size:.67rem}.admin-stats .online{color:#298052;font-size:1.12rem}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.admin-section-title{margin-bottom:10px}.admin-section-title h2{margin:0;font-size:1rem}.admin-section-title p{margin:4px 0;color:var(--muted);font-size:.7rem}.admin-row{display:flex;align-items:center;width:100%;gap:12px;padding:14px 0;border:0;border-top:1px solid #eceeef;background:#fff;text-align:left}.row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#faeeeb;color:var(--red)}.row-icon svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.admin-row>span:nth-child(2){display:grid;gap:3px;flex:1}.admin-row strong{font-size:.76rem}.admin-row small{color:var(--muted);font-size:.67rem}.admin-row b{color:var(--red)}.status-list{display:grid}.status-list>div{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #eceeef;font-size:.72rem}.status-list b{color:#347554;font-size:.68rem}.status-list>div:nth-last-child(-n+2) b{color:#aa6b16}.preview-button{font-size:.74rem}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--red)}.menu-toggle svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-menu{display:grid;padding:8px 24px 18px;border-top:1px solid var(--line);background:#fff}.mobile-menu[hidden]{display:none}.mobile-menu button,.mobile-menu a{padding:12px;border:0;border-bottom:1px solid #f0e9e6;background:none;color:#554e4c;text-align:left;text-decoration:none;font-size:.8rem}.mobile-menu button.active{color:var(--red);font-weight:600}.hero{grid-template-columns:1fr .65fr}.hero h1{font-size:clamp(2.7rem,6vw,4.2rem)}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-shell{width:calc(100% - 30px);min-height:72px}.brand img{width:45px;height:45px}.brand strong{font-size:.8rem}.sikatan-link{display:none}.hero{display:block;min-height:0;background:linear-gradient(170deg,#fff 0 72%,#8f211c 72%)}.hero-copy{width:calc(100% - 32px);margin:auto;padding:56px 0 170px}.hero h1{font-size:2.65rem}.hero-copy>p{font-size:.9rem}.hero-facts{margin-top:36px}.hero-facts div{padding-right:9px}.hero-facts strong{font-size:.7rem}.hero-facts span{font-size:.62rem}.hero-mark{position:absolute;right:12px;bottom:14px;width:150px;height:150px}.hero-mark:before{width:180px;height:180px}.hero-mark:after{width:130px;height:130px}.hero-mark img{width:105px}.mark-ring,.mark-note{display:none}.section{width:calc(100% - 32px);padding:62px 0}.intro,.social-section{grid-template-columns:1fr;gap:24px}.soft{width:100%;padding:62px 16px}.section-top{align-items:flex-start;flex-direction:column}.event-grid{grid-template-columns:1fr}.event-card{grid-template-columns:66px 1fr;padding:17px;gap:14px}.event-date{height:66px}.event-date strong{font-size:1.35rem}.social-grid{grid-template-columns:1fr}.service-strip{align-items:stretch;flex-direction:column;margin-bottom:62px;padding:24px}.service-strip>div:first-child{align-items:flex-start}.service-actions{display:grid}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{align-items:flex-start;flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;padding:12px}.admin-sidebar nav,.admin-label{display:none}.admin-sidebar>a{margin:10px 0 0}.admin-workspace>header{padding:0 16px}.admin-workspace main{padding:22px 16px}.admin-heading{align-items:flex-start;flex-direction:column}.preview-button{width:100%}.admin-stats{grid-template-columns:1fr 1fr;gap:9px}.admin-stats article{padding:15px}.admin-grid{grid-template-columns:1fr}.page-hero{padding-top:60px}}
@media(max-width:420px){.hero h1{font-size:2.25rem}.hero-actions>*{width:100%}.hero-facts{display:grid;grid-template-columns:1fr 1fr}.hero-facts div:last-child{display:none}.admin-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){main{animation:enter .28s ease both}.primary,.secondary,.sikatan-link,.menu-toggle{transition:background .18s,border-color .18s,transform .18s}.primary:hover,.sikatan-link:hover{background:var(--red-dark);transform:translateY(-1px)}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}

/* Firebase-backed public pages and website dashboard. */
.public-empty{grid-column:1/-1;margin:0;padding:32px;border:1px dashed #d9cbc5;border-radius:12px;color:var(--muted);font-size:.84rem;text-align:center}.public-two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.public-two-col article,.contact-grid article,.vision-card{padding:30px;border:1px solid var(--line);border-radius:15px;background:#fff}.public-two-col h2,.contact-grid h2{margin:0 0 16px;font-size:1.35rem}.public-two-col p,.contact-grid p{color:var(--muted);font-size:.86rem;line-height:1.8}.public-two-col dl,.contact-grid dl{display:grid;margin:28px 0 0}.public-two-col dl div,.contact-grid dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.public-two-col dt,.contact-grid dt{color:var(--muted);font-size:.72rem}.public-two-col dd,.contact-grid dd{margin:0;font-size:.78rem;font-weight:600}.vision-card{display:grid;gap:26px;background:#fff9f4}.vision-card p,.vision-card ol{margin:0;color:#524b49;font-size:.86rem;line-height:1.8}.vision-card ol{padding-left:22px}.board-title{margin-bottom:24px}.board-title h2{margin:0}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.board-grid article{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.board-grid span{color:var(--red);font-size:.68rem;font-weight:700;letter-spacing:.08em}.board-grid strong{font-size:.86rem}.social-page{min-height:330px}.document-list{display:grid;gap:12px}.document-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.document-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#f8e9e4;color:var(--red)}.document-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7}.document-list h2{margin:4px 0;font-size:.92rem}.document-list p{margin:0;color:var(--muted);font-size:.7rem}.document-list article>div:last-child{display:flex;gap:7px}.document-list .primary,.document-list .secondary{min-height:40px;padding:8px 12px;text-decoration:none;font-size:.72rem}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-cards>a,.service-cards>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;text-decoration:none}.service-cards>*>span{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#f8e9e4;color:var(--red)}.service-cards svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.service-cards>*:last-child>svg{width:16px;color:var(--red)}.service-cards h2{margin:0 0 4px;font-size:.9rem}.service-cards p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.site-loading{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:.85rem}.admin-login{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top,#f9e9df,transparent 45%),#f5f6f8}.admin-login>section{width:min(440px,100%);padding:30px;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:18px;background:#fff;box-shadow:0 20px 50px #4c211115}.admin-login img{display:block;width:78px;height:78px;margin:0 auto 18px;object-fit:contain}.admin-login .kicker{text-align:center}.admin-login h1{margin:0;text-align:center;font-size:1.3rem}.admin-login p{margin:7px 0 24px;color:var(--muted);font-size:.78rem;text-align:center}.admin-login label,.admin-form-card label{display:grid;gap:7px;margin:14px 0;color:#4f4947;font-size:.76rem;font-weight:600}.admin-login input,.admin-form-card input,.admin-form-card textarea,.admin-form-card select{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d7dadc;border-radius:9px;background:#fff;color:var(--ink);font:400 .8rem 'Poppins',sans-serif}.admin-form-card textarea{resize:vertical;line-height:1.6}.admin-login .primary{width:100%;margin-top:8px}.admin-login>a{display:block;margin-top:18px;color:var(--red);font-size:.72rem;text-align:center;text-decoration:none}.form-notice{margin-bottom:16px;padding:12px 15px;border:1px solid #cce0d2;border-radius:9px;background:#f2fbf4;color:#2e7048;font-size:.75rem}.form-notice.error{border-color:#efd1ca;background:#fff4f1;color:#962b23}.admin-account{display:flex;align-items:center;gap:7px}.admin-account svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-form-card{padding:22px;border:1px solid #e3e6e8;border-radius:13px;background:#fff}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.admin-form-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #eceeef}.admin-form-actions .primary{width:auto}.admin-form-card .primary:disabled{cursor:wait;opacity:.6}.admin-table{display:grid}.admin-table>div{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 0;border-top:1px solid #eceeef}.admin-table>div>span:first-child{display:grid;gap:3px;min-width:0;flex:1}.admin-table strong{font-size:.76rem}.admin-table small{color:var(--muted);font-size:.67rem}.admin-table .secondary{min-height:38px;padding:7px 11px}.status-published{padding:5px 9px;border-radius:20px;background:#eaf6ed;color:#347554;font-size:.65rem}.mini-toggle{display:flex!important;align-items:center;gap:6px!important;margin:0!important;white-space:nowrap}.mini-toggle input,.publish-check input{width:17px!important;min-height:17px!important;margin:0!important}.mini-toggle span{font-size:.68rem}.icon-action{display:grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:1px solid #e5dcda;border-radius:9px;background:#fff;color:var(--red);text-decoration:none}.icon-action svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.publish-check{display:flex!important;align-items:center;gap:8px!important;margin-top:18px!important}.upload-area{display:grid!important;place-items:center;gap:5px!important;min-height:150px;margin:18px 0!important;border:2px dashed #d9c9c3;border-radius:13px;background:#fffaf7;color:var(--red);text-align:center;cursor:pointer}.upload-area svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.7}.upload-area span{color:var(--muted);font-size:.68rem;font-weight:400}.upload-area input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-progress{height:24px;overflow:hidden;border-radius:8px;background:#f0e7e3}.upload-progress span{display:grid;place-items:center;width:0;height:100%;background:var(--red);color:#fff;font-size:.65rem;transition:width .2s}.bottom-space{margin-top:18px}
@media(max-width:760px){.public-two-col,.contact-grid,.board-grid,.service-cards{grid-template-columns:1fr}.public-two-col article,.contact-grid article{padding:21px}.public-two-col dl div,.contact-grid dl div{grid-template-columns:1fr;gap:5px}.document-list article{grid-template-columns:auto 1fr}.document-list article>div:last-child{grid-column:1/-1}.document-list article>div:last-child>*{flex:1}.admin-form-grid{grid-template-columns:1fr}.admin-table>div{flex-wrap:wrap}.admin-table>div>span:first-child{min-width:calc(100% - 50px)}.admin-section-title{align-items:flex-start;flex-direction:column}.admin-section-title>.primary{width:100%}}

.board-grid small{color:var(--muted);font-size:.7rem}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.member-section{display:grid;min-width:0;gap:18px}.member-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.member-summary article{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.member-summary span{color:var(--muted);font-size:.74rem}.member-summary strong{display:block;margin-top:10px;color:var(--ink);font-size:1.45rem}.member-panel{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.member-panel-head h2{margin:0;font-size:1.05rem}.member-panel-head p{margin:5px 0 0;color:var(--muted);font-size:.75rem}.member-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(130px,.28fr));gap:9px;margin:18px 0}.member-filters select,.member-search{min-height:44px;border:1px solid #d9dcdf;border-radius:9px;background:#fff;color:var(--ink);font:400 .78rem Poppins,sans-serif}.member-filters select{padding:10px 34px 10px 11px}.member-search{display:flex;align-items:center;overflow:hidden}.member-search>span{display:grid;place-items:center;width:40px;flex:none;color:var(--red)}.member-search>span svg,.member-search>button svg{width:17px;height:17px}.member-search input{min-width:0;flex:1;height:42px;padding:0;border:0;outline:0;color:var(--ink);font:400 .78rem Poppins,sans-serif}.member-search>button{display:grid;place-items:center;width:42px;height:42px;flex:none;padding:0;border:0;border-left:1px solid #ece8e6;background:#fff;color:var(--red)}.member-table-wrap{width:100%;min-width:0;overflow:auto;border:1px solid #e5e7e9;border-radius:10px}.member-table{width:100%;border-collapse:collapse;font-size:.76rem}.member-table th,.member-table td{padding:12px 13px;border-bottom:1px solid #eceeef;text-align:left;white-space:nowrap}.member-table th{background:#faf7f5;color:#5d6269;font-size:.7rem;font-weight:700}.member-table tbody tr:hover{background:#fff9f6}.member-table tbody tr:last-child td{border-bottom:0}.member-table td:first-child,.member-table th:first-child{text-align:center}.member-table tfoot th{background:#f8eeec;color:var(--red)}.member-empty{height:90px!important;color:var(--muted);text-align:center!important}.member-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:.7rem}.member-table-footer label{display:flex;align-items:center;gap:6px}.member-table-footer select{height:34px;padding:4px 24px 4px 8px;border:1px solid #d9dcdf;border-radius:7px;background:#fff;font:400 .72rem Poppins,sans-serif}.member-pagination{display:flex;align-items:center;gap:8px}.member-pagination button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ded6d2;border-radius:8px;background:#fff;color:var(--red)}.member-pagination button:disabled{cursor:not-allowed;opacity:.4}.member-pagination b{font-size:.7rem}.member-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
@media(max-width:900px){.member-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.member-filters{grid-template-columns:1fr 1fr}.member-search{grid-column:1/-1}}
@media(max-width:760px){.service-cards{grid-template-columns:1fr}.member-section{padding-top:14px}.member-panel{padding:16px}.member-table-footer{align-items:flex-start;flex-wrap:wrap}.member-table-footer>span{order:3;width:100%}}
@media(max-width:520px){.member-summary,.member-filters{grid-template-columns:1fr}.member-summary article{padding:16px}.member-search{grid-column:auto}.member-table-footer label{display:none}}

.public-nav-dropdown,.public-login-dropdown{position:relative}.public-nav-dropdown summary,.public-login-dropdown summary{cursor:pointer;list-style:none}.public-nav-dropdown summary::-webkit-details-marker,.public-login-dropdown summary::-webkit-details-marker{display:none}.public-nav-dropdown summary{display:flex;align-items:center;gap:4px;min-height:42px;padding:8px 10px;color:#5e5755;font-size:.78rem;font-weight:500}.public-nav-dropdown summary svg{width:14px;height:14px;transition:transform .18s}.public-nav-dropdown.active summary,.public-nav-dropdown[open] summary{color:var(--red)}.public-nav-dropdown[open] summary svg,.public-login-dropdown[open] summary>svg:last-child{transform:rotate(180deg)}.public-nav-dropdown>div,.public-login-dropdown>div{position:absolute;z-index:45;top:calc(100% + 8px);display:grid;padding:7px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 14px 36px #2f17111f}.public-nav-dropdown>div{left:0;width:205px}.public-nav-dropdown>div button{min-height:39px;padding:9px 11px;border:0;border-radius:7px;background:#fff;color:#5e5755;text-align:left;font-size:.75rem}.public-nav-dropdown>div button:hover,.public-nav-dropdown>div button.active{background:#fff3ef;color:var(--red)}.public-nav-dropdown>div button:after{display:none}.public-login-dropdown{margin-left:6px}.public-login-dropdown summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--red-dark);border-radius:9px;background:var(--red);color:#fff;font-size:.78rem;font-weight:600;box-shadow:0 6px 16px #8f211c1e}.public-login-dropdown summary svg{width:16px;height:16px}.public-login-dropdown>div{right:0;width:190px}.public-login-dropdown>div a{display:flex;align-items:center;gap:9px;min-height:41px;padding:9px 10px;border-radius:7px;color:#555b63;text-decoration:none;font-size:.75rem}.public-login-dropdown>div a:hover{background:#fff3ef;color:var(--red)}.public-login-dropdown>div svg{width:17px;height:17px}.mobile-menu-label{padding:12px 12px 6px;color:#9a7771;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mobile-menu .mobile-submenu{padding-left:26px}.mobile-menu a{display:flex;align-items:center;gap:8px}.mobile-menu a svg{width:17px;height:17px}.website-login .auth-tabs a{display:flex;grid-auto-flow:column;gap:7px}.website-login .auth-tabs a svg{width:16px;height:16px}
@media(max-width:1100px){.public-login-dropdown{display:none}}

/* Navigasi publik: dropdown desktop terbuka saat disorot, sedangkan HP memakai accordion. */
.public-nav-dropdown summary{font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:500;line-height:1.2}
.public-nav-dropdown>div,.public-login-dropdown>div{top:calc(100% - 1px)}
.mobile-menu-group{border-bottom:1px solid #f0e9e6}
.mobile-menu-group>summary{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:12px;color:#554e4c;font-size:.8rem;font-weight:500;list-style:none;cursor:pointer}
.mobile-menu-group>summary::-webkit-details-marker{display:none}
.mobile-menu-group>summary svg{width:16px;height:16px;transition:transform .18s}
.mobile-menu-group[open]>summary{color:var(--red)}
.mobile-menu-group[open]>summary svg{transform:rotate(180deg)}
.mobile-menu-group>div{display:grid;padding:0 0 6px 12px}
.mobile-menu .mobile-submenu{padding-left:18px}
@media(max-width:1100px){.site-header:has(.mobile-menu:not([hidden])){position:relative}.mobile-menu{position:relative;max-height:none;overflow:visible}}

/* Makna logo */
.hero-logo-link{position:absolute;z-index:4;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:9px;width:min(280px,55%);aspect-ratio:1;padding:14px;border:0;border-radius:18px;background:#3f100db3;color:#fff;font-size:.82rem;font-weight:600;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}
.hero-logo-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero-mark img{transition:opacity .2s,filter .2s}
.hero-mark:hover .hero-logo-link,.hero-logo-link:focus-visible{opacity:1}
.hero-mark:has(.hero-logo-link:hover) img,.hero-mark:has(.hero-logo-link:focus-visible) img{opacity:.42;filter:drop-shadow(0 20px 35px #40100d55) grayscale(.1)}
.logo-meaning-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:70px}
.logo-meaning-mark{display:grid;place-items:center;min-height:400px;border-radius:24px;background:linear-gradient(145deg,#fff8ee,#f8e8e3)}
.logo-meaning-mark img{width:min(310px,72%);filter:drop-shadow(0 18px 28px #541a1530)}
.logo-meaning-layout article h2{margin:0 0 20px;font-size:1.65rem}
.logo-meaning-layout article p{color:var(--muted);font-size:.9rem;line-height:1.8}

/* Kontak dan peta */
.contact-map{grid-column:1/-1;margin-top:8px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}
.contact-map-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.contact-map-head h2{margin:0}.contact-map-head .secondary{display:inline-flex;align-items:center;gap:8px;color:var(--red);text-decoration:none}
.contact-map-head .secondary svg{width:17px;height:17px;fill:none;stroke:currentColor}
.contact-map iframe{display:block;width:100%;height:360px;border:0;border-radius:11px}

/* Rekap keuangan publik */
.public-finance-section{padding-top:28px}
.public-period-card{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.public-period-card h2{margin:0}.public-period-card p{margin:5px 0 0;color:var(--muted);font-size:.78rem}.public-period-card>div:last-child{display:flex;gap:10px}.public-period-card label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:600}.public-period-card select{min-width:145px;padding:10px 34px 10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.78rem}
.public-finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.public-finance-summary article{display:grid;gap:7px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff}.public-finance-summary span,.public-finance-summary small{color:var(--muted);font-size:.7rem}.public-finance-summary strong{font-size:1.1rem}.public-finance-summary .negative,.public-finance-table .negative{color:#a32922}
.public-finance-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.public-finance-table table{width:100%;min-width:680px;border-collapse:collapse;font-size:.76rem}.public-finance-table th,.public-finance-table td{padding:13px 14px;border-bottom:1px solid #f0e8e5;text-align:left}.public-finance-table th{background:#faf8f7;color:var(--muted);font-weight:600}.public-finance-table th:not(:first-child),.public-finance-table td:not(:first-child){text-align:right}.public-finance-table tbody tr:last-child td{border-bottom:0}.public-finance-note{margin:13px 0 0;color:var(--muted);font-size:.72rem}.public-empty-panel{padding:42px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}.public-empty-panel h2{margin:0 0 8px}.public-empty-panel p{margin:0;color:var(--muted);font-size:.82rem}

@media(max-width:760px){.hero-copy{padding-bottom:215px}.hero-mark{z-index:3;width:165px;height:185px}.hero-logo-link{top:auto;right:auto;bottom:-4px;left:50%;display:inline-flex;justify-content:center;width:max-content;max-width:170px;aspect-ratio:auto;padding:7px 0;border-radius:0;background:transparent;color:#fff;font-size:.76rem;font-weight:400;text-align:center;text-decoration:underline;text-underline-offset:4px;opacity:1;transform:translateX(-50%)}.hero-logo-link svg{width:16px}.hero-mark:has(.hero-logo-link:hover) img,.hero-mark:has(.hero-logo-link:focus-visible) img{opacity:1;filter:drop-shadow(0 20px 35px #40100d55)}.logo-meaning-layout{grid-template-columns:1fr;gap:28px}.logo-meaning-mark{min-height:280px}.contact-map{padding:15px}.contact-map-head{align-items:flex-start;flex-direction:column}.contact-map-head .secondary{width:100%}.contact-map iframe{height:270px}.public-period-card{align-items:stretch;flex-direction:column}.public-period-card>div:last-child{display:grid;grid-template-columns:1fr 1fr}.public-period-card select{width:100%;min-width:0}.public-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-finance-summary article{padding:15px}.public-finance-summary strong{font-size:.92rem}}