body{background:#f4f7f5;color:#1f2937;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.brand-nav{background:#064d32}.hero{background:linear-gradient(120deg,#075c39,#087443 65%,#17945d);color:white;min-height:285px}.auth-card{max-width:540px}.unit-icon{width:52px;height:52px;background:#e3f4e9;color:#087443;border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:16px}.metric{background:#fff;border-radius:14px;padding:24px;box-shadow:0 3px 15px #0c432110;display:flex;flex-direction:column;gap:12px}.metric span{color:#667085}.metric strong{font-size:2rem;color:#075c39}.card{border-radius:14px}.btn-success{background:#087443;border-color:#087443}.btn-success:hover{background:#064d32;border-color:#064d32}
/* Premium landing page: scoped so dashboards remain unchanged */
.premium-home{--forest:#063f2d;--emerald:#0c754d;--gold:#f4c65a;color:#163b2d}.premium-home .premium-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 35%,#1c8a5d 0%,transparent 35%),linear-gradient(120deg,#053827 0%,#075038 58%,#096241 100%);color:#fff;border-radius:24px;padding:clamp(36px,6vw,86px) clamp(25px,5vw,76px) 60px;isolation:isolate}.hero-grain{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#fff 0.7px,transparent 0.7px);background-size:17px 17px;pointer-events:none}.hero-glow{position:absolute;right:-120px;top:-150px;width:650px;height:650px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 170px #ffffff04}.hero-inner{position:relative;z-index:2}.hero-eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;font-weight:800}.hero-eyebrow{color:#d7eecf;display:flex;align-items:center;gap:9px}.hero-dot{height:8px;width:8px;border-radius:50%;background:#f3c65c;box-shadow:0 0 0 5px #f3c65c30}.hero-copy h1{font-size:clamp(2.4rem,4.2vw,4.5rem);line-height:1.12;font-weight:800;letter-spacing:-2.7px;margin:24px 0}.hero-copy h1 span{color:#f4cc69}.hero-desc{font-size:1.06rem;line-height:1.85;max-width:600px;color:#e1eee7}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0}.btn-gold{background:#f5c75e;border:1px solid #f5c75e;border-radius:12px;padding:14px 23px;font-weight:800;color:#173a2c;box-shadow:0 12px 28px #0002}.btn-gold:hover{background:#ffdc88;border-color:#ffdc88;color:#173a2c;transform:translateY(-2px)}.btn-gold i{margin-left:12px}.hero-link{color:white;text-decoration:none;font-weight:700}.hero-link:hover{color:#f5c75e}.hero-link i{margin-left:7px}.hero-trust{display:flex;flex-wrap:wrap;gap:23px;font-size:12px;color:#cde2d6}.hero-trust i{color:#f4c65a;margin-right:5px}.hero-visual{position:relative;min-height:370px;display:grid;place-items:center}.hero-orbit{position:absolute;border-radius:50%;border:1px solid #ffffff26}.hero-orbit-a{width:370px;height:370px}.hero-orbit-b{width:295px;height:295px}.visual-main{position:relative;width:min(100%,390px);border:1px solid #ffffff5c;background:linear-gradient(140deg,#ffffffef,#e8f4edee);box-shadow:0 30px 65px #002a1c80;border-radius:23px;padding:24px;color:#173d2d;transform:rotate(-3deg)}.visual-top{display:flex;align-items:center;gap:10px}.visual-logo{width:39px;height:39px;background:#0b6947;color:white;border-radius:11px;display:grid;place-items:center}.visual-top strong{display:block;font-size:13px}.visual-top small{display:block;color:#779084;font-size:10px}.visual-live{margin-left:auto;font-size:10px;background:#dcf4e5;color:#126c45;border-radius:20px;padding:6px}.visual-live span{display:inline-block;width:6px;height:6px;background:#28b66d;border-radius:50%}.visual-heading{font-size:17px;font-weight:800;margin:28px 0 12px}.visual-chart{height:125px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #cbdcd1;padding:0 8px}.visual-chart span{flex:1;background:linear-gradient(#3aa77b,#0b6545);border-radius:6px 6px 0 0}.visual-chart span:nth-child(2n){background:linear-gradient(#f6d276,#e4ac39)}.visual-foot{display:flex;gap:15px;margin-top:22px}.visual-foot>div{flex:1;background:#fff;border-radius:12px;padding:11px;box-shadow:0 4px 15px #002a1c0c}.visual-foot i{display:block;color:#0b764e;font-size:20px}.visual-foot b{display:block;font-size:11px}.visual-foot small{display:block;font-size:9px;color:#7d8f86}.float-chip{position:absolute;z-index:2;background:white;color:#1a4b35;padding:10px 14px;border-radius:12px;box-shadow:0 14px 30px #00281855;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px}.float-chip i{color:#0b8e58;font-size:18px}.chip-top{right:-10px;top:28px}.chip-bottom{left:-10px;bottom:30px}.hero-bottom-line{position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#f3c45c,#f9df9d,#f3c45c)}.premium-intro,.premium-units,.premium-feature{padding:78px 4px}.section-kicker{color:#0b8a59}.premium-home h2{font-size:clamp(1.8rem,3vw,2.9rem);font-weight:800;letter-spacing:-1.5px;line-height:1.2;margin:15px 0}.premium-home h2 em{color:#0a8758;font-style:normal}.premium-intro p,.section-header p,.premium-feature p{color:#687b71;line-height:1.85;max-width:600px}.intro-benefits{display:grid;gap:13px}.intro-benefits>div{display:flex;align-items:center;gap:15px;background:white;border:1px solid #e4ece7;padding:15px 19px;border-radius:13px;font-weight:700}.intro-benefits i{font-size:22px;color:#0b8052}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.units-count{font-size:12px;color:#8aa095;letter-spacing:3px}.premium-units{padding-top:15px}.premium-unit-card{background:white;border:1px solid #e4ece7;border-radius:18px;padding:24px;min-height:246px;height:100%;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}.premium-unit-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #08482d18;border-color:#b2d8c5}.unit-card-head{display:flex;justify-content:space-between;align-items:start}.unit-card-icon{width:55px;height:55px;display:grid;place-items:center;background:#e7f5ed;color:#08734a;border-radius:16px;font-size:25px}.unit-card-num{font-size:12px;color:#a6b8ae;font-weight:800}.premium-unit-card h3{font-size:17px;font-weight:800;margin:20px 0 9px}.premium-unit-card p{font-size:13px;color:#718278;line-height:1.6;padding-right:12px}.unit-card-arrow{position:absolute;bottom:20px;right:22px;color:#08734a}.premium-feature{background:#eaf3ed;border-radius:22px;padding:55px 48px;margin:35px 0 70px}.feature-list{display:grid;gap:12px}.feature-list>div{background:white;border-radius:14px;padding:16px;display:flex;align-items:center;gap:17px}.feature-list i{font-size:23px;color:#08734a;background:#e6f5ed;padding:11px;border-radius:11px}.feature-list b,.feature-list small{display:block}.feature-list small{color:#7b8d82;margin-top:3px}.feature-link{font-weight:800;color:#08734a;text-decoration:none}.premium-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:linear-gradient(120deg,#063c2b,#096342);color:white;border-radius:24px;padding:72px 20px;margin-bottom:40px}.premium-cta .section-kicker{color:#f4c65a}.premium-cta h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:17px 0}.premium-cta p{color:#d2e5d9;margin-bottom:28px}.cta-shape{position:absolute;z-index:-1;left:-100px;top:-180px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.cta-note{font-size:13px;color:#d0e2d8;margin-top:20px}.cta-note a{color:#f4c65a;text-decoration:none;font-weight:700}@media(max-width:991px){.hero-visual{min-height:330px}.hero-copy h1{letter-spacing:-1.5px}.premium-feature{padding:36px 24px}}@media(max-width:575px){.premium-home .premium-hero{border-radius:16px;padding:35px 20px 42px}.hero-visual{min-height:310px}.visual-main{padding:17px}.chip-top{right:0}.chip-bottom{left:0}.hero-trust{gap:12px}.premium-intro,.premium-units,.premium-feature{padding-top:48px;padding-bottom:48px}.premium-feature{margin:20px 0 40px}.section-header{align-items:start}.units-count{display:none}.premium-unit-card{min-height:225px}.premium-cta{padding:50px 20px}}
@media(prefers-reduced-motion:reduce){.premium-home *{transition:none!important}}

/* Frontend v2: prevent Bootstrap container from constraining full-bleed landing */
html{scroll-behavior:smooth}body{overflow-x:hidden}.public-main{display:block;width:100%;max-width:none;padding:0;margin:0}.public-main>.alert{max-width:1180px;margin:18px auto}.public-main .premium-home{width:100%;overflow:hidden}.front-shell{width:min(100% - 48px,1180px);margin-inline:auto}.front-announcement{background:#0d392c;color:#e9f5ed;font-size:12px}.front-announcement .front-shell{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0}.front-announcement a{color:#f8d27b;text-decoration:none;font-weight:700}.brand-nav{position:relative;z-index:30;box-shadow:0 2px 15px #022b1a17}.brand-nav .navbar-brand{font-size:clamp(1rem,1.5vw,1.25rem);white-space:normal}.brand-nav .nav-link{font-weight:600}.public-main .premium-hero{border-radius:0;min-height:650px;display:flex;align-items:center;padding:76px max(24px,calc((100vw - 1180px)/2)) 88px}.public-main .hero-inner{width:100%;margin:0}.public-main .hero-copy h1{font-size:clamp(2.6rem,4.4vw,4.65rem);letter-spacing:-.045em;overflow-wrap:break-word}.public-main .hero-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#063d2fe8 0%,#06412fda 48%,#06432e70 100%),url('hero-desa.svg') center/cover no-repeat;opacity:.88;pointer-events:none}.public-main .hero-glow{opacity:.5}.public-main .hero-visual{min-width:0}.public-main .hero-copy,.public-main .hero-visual{min-width:0}.public-main .premium-intro{padding-top:85px}.public-main .premium-cta{margin-bottom:60px}.premium-unit-card{overflow:hidden}.premium-unit-card h3{overflow-wrap:break-word}.premium-home .btn:focus-visible,.premium-home a:focus-visible{outline:3px solid #e9b83f;outline-offset:3px}@media(max-width:991px){.public-main .premium-hero{padding:62px 24px 70px;min-height:0}.public-main .hero-visual{max-width:480px;margin-inline:auto}.front-shell{width:min(100% - 36px,1180px)}}@media(max-width:575px){.front-announcement .front-shell{align-items:flex-start;flex-direction:column;gap:4px}.public-main .premium-hero{padding:46px 18px 55px}.public-main .hero-copy h1{font-size:clamp(2.2rem,9.2vw,3.2rem);letter-spacing:-.035em}.public-main .hero-visual{min-height:315px}.public-main .float-chip{font-size:10px;padding:8px}.front-shell{width:calc(100% - 30px)}.premium-home .premium-feature{padding:28px 18px}.premium-home .premium-intro{padding-top:54px}.premium-home .premium-cta h2 br{display:none}}

/* V3: fallback layout when Bootstrap CDN is blocked or unavailable */
.public-main .premium-home, .public-main .premium-home *{box-sizing:border-box}
.public-main .premium-home .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;row-gap:24px}
.public-main .premium-home .row>[class*="col-"]{padding-left:12px;padding-right:12px;min-width:0;width:100%;flex:0 0 auto}
@media(min-width:576px){.public-main .premium-home .row>.col-sm-6{width:50%}}
@media(min-width:992px){.public-main .premium-home .row>.col-lg-3{width:25%}.public-main .premium-home .row>.col-lg-5{width:41.666667%}.public-main .premium-home .row>.col-lg-6{width:50%}.public-main .premium-home .row>.col-lg-7{width:58.333333%}}
.public-main .premium-home .hero-inner{align-items:center}
.public-main .premium-home .btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.35}
.public-main .premium-home .visual-top,.public-main .premium-home .visual-foot,.public-main .premium-home .hero-actions,.public-main .premium-home .hero-trust{display:flex}
.public-main .premium-home .visual-top strong,.public-main .premium-home .visual-top small,.public-main .premium-home .visual-foot b,.public-main .premium-home .visual-foot small{display:block}
.public-main .premium-home .premium-hero .hero-copy h1{color:#fff}
.public-main .premium-home .premium-hero .hero-copy h1 span{color:#f4cc69}
.public-main .premium-home .hero-eyebrow{color:#e0f3e6}
.public-main .premium-home .hero-desc{color:#e1eee7}
.public-main .premium-home .hero-link{color:#fff}
.public-main .premium-home .premium-hero{background-color:#06422f}
.public-main .premium-home .hero-visual{max-width:100%}
.public-main .premium-home .visual-main{max-width:100%}
.public-main .premium-home .front-announcement a{color:#f8d27b}
@media(max-width:575px){.public-main .premium-home .row{margin-left:-8px;margin-right:-8px}.public-main .premium-home .row>[class*="col-"]{padding-left:8px;padding-right:8px}.public-main .premium-home .hero-visual{overflow:hidden}.public-main .premium-home .visual-main{transform:none}.public-main .premium-home .float-chip{display:none}}

/* V4 premium navigation: independent of Bootstrap CDN */
.bd-nav,.bd-nav *{box-sizing:border-box}.bd-nav{position:sticky;top:0;z-index:1050;background:#062e24;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 26px rgba(2,30,19,.14)}
.bd-nav-inner{max-width:1240px;margin:auto;padding:0 28px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.bd-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none;flex-shrink:0}.bd-brand:hover{color:#fff}.bd-brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#d4aa45,#ffdf8a);color:#063a29;font-size:23px;box-shadow:0 6px 15px #0003}.bd-brand-text{display:block;font-size:17px;line-height:1.18;font-weight:800;letter-spacing:-.45px}.bd-brand-text strong{color:#f4c65a}.bd-brand-text small{display:block;margin-top:4px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;color:#b9d8c8}
.bd-nav-links{display:flex;align-items:center;gap:23px;margin-left:auto}.bd-nav-item{color:#d8e8df;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;padding:12px 0;position:relative}.bd-nav-item:hover,.bd-nav-item:focus-visible{color:#f6d07d}.bd-nav-item:after{content:'';position:absolute;bottom:5px;left:0;right:100%;height:2px;background:#f4c65a;transition:right .2s}.bd-nav-item:hover:after{right:0}.bd-nav-actions{display:flex;align-items:center;gap:10px;margin-left:8px}.bd-nav-login,.bd-nav-register{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:800;text-decoration:none;border-radius:11px;padding:12px 16px}.bd-nav-login{border:1px solid #ffffff4a;color:#fff}.bd-nav-login:hover{background:#ffffff12;color:#fff}.bd-nav-register{background:linear-gradient(125deg,#f9da89,#e9b94c);color:#173b2b;box-shadow:0 7px 17px #0002}.bd-nav-register:hover{color:#173b2b;filter:brightness(1.05)}.bd-menu-toggle{display:none;width:44px;height:44px;border:1px solid #ffffff55;border-radius:11px;background:#ffffff0b;padding:11px;cursor:pointer;flex-direction:column;justify-content:space-around;align-items:center}.bd-menu-toggle span{display:block;height:2px;width:21px;background:#fff;border-radius:4px}.bd-nav a:focus-visible,.bd-menu-toggle:focus-visible{outline:3px solid #f4c65a;outline-offset:3px}
@media(max-width:1100px){.bd-nav-inner{padding:0 20px;min-height:74px}.bd-menu-toggle{display:flex;margin-left:auto}.bd-nav-links{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 20px 22px;background:#062e24;border-top:1px solid #ffffff20;box-shadow:0 20px 25px #0004;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 74px);overflow:auto}.bd-nav.bd-nav-open .bd-nav-links{display:flex}.bd-nav-item{padding:13px 8px;font-size:15px;border-bottom:1px solid #ffffff14}.bd-nav-item:after{display:none}.bd-nav-actions{margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bd-nav-login,.bd-nav-register{min-height:45px}.bd-brand-text{font-size:16px}}
@media(max-width:480px){.bd-nav-inner{padding:0 14px;gap:8px}.bd-brand{gap:8px}.bd-brand-mark{width:38px;height:38px;font-size:20px}.bd-brand-text{font-size:13px}.bd-brand-text small{font-size:8px;letter-spacing:.7px}.bd-menu-toggle{width:40px;height:40px}.bd-nav-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bd-nav-item:after{transition:none}}

/* NAV V5 visibility guard */
body[data-frontend-version="NAV-V5"] .bd-nav{display:block!important;visibility:visible!important;opacity:1!important}
body[data-frontend-version="NAV-V5"] .bd-nav-inner{display:flex!important}
@media(min-width:1101px){body[data-frontend-version="NAV-V5"] .bd-nav-links{display:flex!important}}

/* HERO-V6: full viewport, independent of login state */
body[data-frontend-version="HERO-V6"] .public-main{width:100%;max-width:none;margin:0;padding:0;overflow:visible}
body[data-frontend-version="HERO-V6"] .public-main .premium-home{width:100%;max-width:none;margin:0;padding:0;overflow:clip}
body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero{width:100%;max-width:none;min-height:100svh;min-height:100dvh;border-radius:0;margin:0;padding:clamp(64px,8vh,120px) max(24px,calc((100vw - 1180px)/2)) clamp(60px,7vh,100px);display:flex;align-items:center;box-sizing:border-box}
body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero .hero-inner{width:100%;max-width:1180px;margin-inline:auto}
body[data-frontend-version="HERO-V6"] .public-main .premium-home .hero-landscape{inset:0;background-size:cover;background-position:center center}
body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero .hero-copy h1{font-size:clamp(2.5rem,5vw,5.3rem);line-height:1.08}
@media(max-width:991px){body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero{min-height:100svh;min-height:100dvh;padding:65px 24px 70px}body[data-frontend-version="HERO-V6"] .public-main .premium-home .hero-visual{max-width:480px}}
@media(max-width:575px){body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero{padding:48px 18px 58px;min-height:100svh;min-height:100dvh}body[data-frontend-version="HERO-V6"] .public-main .premium-home .premium-hero .hero-copy h1{font-size:clamp(2.25rem,9vw,3.3rem)}body[data-frontend-version="HERO-V6"] .public-main .premium-home .hero-visual{min-height:290px}}

/* V7 dashboard shell: isolated from public hero */
.bd-dashboard-body{background:#f3f7f4;color:#17392c}.bd-dashboard-body *{box-sizing:border-box}.bd-app{min-height:100vh;display:flex}.bd-side{width:264px;flex:0 0 264px;background:#062e24;color:#eaf6ed;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1100;box-shadow:7px 0 30px #082f241c}.bd-side-brand{min-height:88px;padding:20px 18px;border-bottom:1px solid #ffffff19;display:flex;align-items:center}.bd-side-brand>a{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:14px;font-weight:800;line-height:1.2}.bd-side-brand strong{color:#efc66b}.bd-side-brand small{display:block;color:#b1cfc1;font-size:10px;margin-top:6px;letter-spacing:.7px}.bd-side-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(130deg,#f8d784,#d9a83e);color:#17392c;font-size:22px;flex-shrink:0}.bd-side-profile{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #ffffff16}.bd-avatar{width:40px;height:40px;display:grid;place-items:center;background:#ffffff1d;border-radius:12px;font-size:19px}.bd-side-profile strong{display:block;font-size:13px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-side-profile small{display:block;color:#bbd7c9;font-size:11px}.bd-side-links{padding:12px 12px 20px;overflow:auto;flex:1}.bd-side-group{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#a6c2b4;font-weight:800;padding:23px 12px 9px}.bd-side-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#d9e9df;text-decoration:none;font-size:13px;font-weight:650;margin:2px 0;transition:background .15s}.bd-side-link i{font-size:17px;width:21px;text-align:center}.bd-side-link:hover{background:#ffffff13;color:#fff}.bd-side-link.is-active{background:#f1cb72;color:#143c2c;box-shadow:0 4px 12px #0002}.bd-side-bottom{border-top:1px solid #ffffff1c;padding:14px 18px;display:grid;gap:8px}.bd-side-bottom a{color:#e2eee7;text-decoration:none;font-size:13px;padding:7px}.bd-side-bottom i{margin-right:8px}.bd-side-close{display:none}.bd-app-main{margin-left:264px;min-width:0;width:calc(100% - 264px);display:flex;flex-direction:column}.bd-app-header{min-height:88px;background:#fff;border-bottom:1px solid #e4ede7;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 32px;position:sticky;top:0;z-index:100}.bd-app-header-left,.bd-app-header-actions{display:flex;align-items:center;gap:18px}.bd-app-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#6e9480;font-weight:800}.bd-app-header h2{font-size:20px;font-weight:800;margin:3px 0 0;color:#173e2b}.bd-app-website{display:inline-flex;align-items:center;gap:8px;color:#1b5d3d;text-decoration:none;font-weight:700;font-size:13px}.bd-app-user{display:flex;align-items:center;gap:8px;color:#355b49;font-size:13px;font-weight:700}.bd-app-user i{font-size:24px;color:#1c714d}.bd-app-content{width:100%;max-width:1600px;margin:0 auto;padding:30px 32px 50px;flex:1;min-width:0}.bd-app-content .card{border-radius:16px!important;box-shadow:0 5px 25px #143e2c0a!important}.bd-app-content .metric{border-radius:16px}.bd-app-content .btn-success{background:#146b49;border-color:#146b49}.bd-app-content .table-responsive{max-width:100%;overflow-x:auto}.bd-sidebar-toggle{display:none;border:1px solid #d9e7de;border-radius:10px;background:#f6faf7;color:#165d3d;width:42px;height:42px;font-size:23px}.bd-side-backdrop{display:none}.bd-dashboard-body .brand-nav{display:none}.bd-app-content>h1,.bd-app-content h1{overflow-wrap:anywhere}
@media(max-width:1050px){.bd-side{transform:translateX(-100%);transition:transform .2s}.bd-app-main{margin-left:0;width:100%}.bd-sidebar-toggle{display:inline-grid;place-items:center}.bd-dashboard-body.bd-sidebar-open .bd-side{transform:translateX(0)}.bd-dashboard-body.bd-sidebar-open .bd-side-backdrop{display:block;position:fixed;inset:0;background:#041f17a6;z-index:1090}.bd-side-close{display:inline-grid;place-items:center;background:transparent;border:0;color:#fff;font-size:20px;margin-left:auto}.bd-app-content{padding:24px 20px 40px}}
@media(max-width:575px){.bd-app-header{padding:12px 14px;min-height:72px}.bd-app-header h2{font-size:16px}.bd-app-kicker{font-size:8px}.bd-app-header-actions{gap:8px}.bd-app-website span,.bd-app-user span{display:none}.bd-app-content{padding:18px 12px 35px}.bd-side{width:min(290px,85vw);flex-basis:min(290px,85vw)}.bd-app-content .row{margin-left:-7px;margin-right:-7px}.bd-app-content .row>[class*="col-"]{padding-left:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.bd-side{transition:none}}

/* V8: Sidebar menu terlihat pada desktop/laptop, tetap responsif di HP */
@media (min-width: 901px) and (max-width: 1050px){.bd-side{transform:none}.bd-app-main{margin-left:264px;width:calc(100% - 264px)}.bd-sidebar-toggle{display:none}.bd-side-close{display:none}}
@media(max-width:900px){.bd-side{transform:translateX(-100%);transition:transform .2s}.bd-app-main{margin-left:0;width:100%}.bd-sidebar-toggle{display:inline-grid;place-items:center}.bd-dashboard-body.bd-sidebar-open .bd-side{transform:translateX(0)}.bd-dashboard-body.bd-sidebar-open .bd-side-backdrop{display:block;position:fixed;inset:0;background:#041f17a6;z-index:1090}.bd-side-close{display:inline-grid;place-items:center;background:transparent;border:0;color:#fff;font-size:20px;margin-left:auto}}
.bd-side-links{scrollbar-width:thin;scrollbar-color:#4c8c70 #062e24}.bd-side-link span{overflow-wrap:anywhere}.bd-side-link:focus-visible{outline:2px solid #f1cb72;outline-offset:2px}