:root{
  --v3-ink:#1b241b;
  --v3-muted:#6f7467;
  --v3-paper:#f4efe4;
  --v3-ivory:#fffaf0;
  --v3-sand:#e8dfcc;
  --v3-sage:#aeb99a;
  --v3-olive:#5e6d45;
  --v3-forest:#33533c;
  --v3-deep:#1f3e2d;
  --v3-maroon:#7b342e;
  --v3-gold:#c39b4b;
  --v3-gold2:#e7c777;
  --v3-line:rgba(42,65,44,.15);
  --v3-shadow:0 22px 70px rgba(48,56,39,.12);
}

html{scroll-behavior:smooth}
body{background:var(--v3-paper);color:var(--v3-ink);overflow-x:hidden}
::selection{background:var(--v3-gold2);color:#1f2b20}

/* Brand emblem */
.unit-emblem{width:52px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(32,54,36,.18))}
.unit-emblem.sm{width:38px;height:44px}
.unit-emblem.lg{width:128px;height:148px}

/* Ambient game-like HUD */
.v3-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.v3-cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(231,199,119,.17),rgba(231,199,119,0) 68%);transform:translate(-50%,-50%);transition:opacity .2s;opacity:.8}
.v3-grid-bg{background-image:linear-gradient(rgba(62,81,56,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(62,81,56,.055) 1px,transparent 1px);background-size:42px 42px}

/* Public portal */
body.public-v3{background:linear-gradient(180deg,#f7f2e7 0%,#efe8d9 45%,#f9f5ec 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.public-v3 .public-nav{position:fixed;z-index:1040;top:0;left:0;right:0;height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(250,246,236,.78);backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(64,83,57,.12);box-shadow:0 8px 35px rgba(51,66,45,.06);transition:.35s ease}
.public-v3 .public-nav.scrolled{height:68px;background:rgba(250,246,236,.94)}
.public-v3 .public-brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.public-v3 .public-brand strong{display:block;font-size:14px;letter-spacing:.1em;color:#233827}
.public-v3 .public-brand small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#78806d;margin-top:2px}
.public-v3 .nav-links{display:flex;gap:28px;align-items:center}
.public-v3 .nav-links a{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#596350;position:relative;padding:27px 0;transition:.2s ease}
.public-v3 .nav-links a::after{content:"";position:absolute;left:50%;bottom:19px;width:0;height:2px;background:linear-gradient(90deg,var(--v3-gold),var(--v3-maroon));transform:translateX(-50%);transition:.25s ease}
.public-v3 .nav-links a:hover{color:#24392a}.public-v3 .nav-links a:hover::after{width:100%}
.v3-nav-action{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#385942,#253f2f);color:white!important;font-size:11px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 28px rgba(48,80,57,.18);transition:.25s ease}
.v3-nav-action:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(48,80,57,.27)}

/* Hero */
.v3-hero{position:relative;min-height:100vh;padding-top:78px;display:grid;align-items:end;overflow:hidden;background:#263c2c}
.v3-hero-media{position:absolute;inset:0;z-index:0}
.v3-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;overflow:hidden}
.v3-hero-slide.active{opacity:1}
.v3-hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:v3KenBurns 10s ease-in-out infinite alternate;filter:saturate(.92) contrast(1.02)}
.v3-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(26,43,30,.76) 0%,rgba(26,43,30,.38) 45%,rgba(26,43,30,.08) 76%),linear-gradient(0deg,rgba(24,38,28,.78) 0%,rgba(24,38,28,0) 46%)}
.v3-hero::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(120deg,transparent 0 68%,rgba(231,199,119,.15) 68.2% 68.6%,transparent 68.8%);pointer-events:none}
@keyframes v3KenBurns{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1.5%,1%,0)}}
.v3-hero-inner{position:relative;z-index:3;width:min(1440px,100%);margin:0 auto;padding:clamp(110px,16vh,180px) clamp(22px,6vw,86px) 72px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.42fr);gap:60px;align-items:end;color:white}
.v3-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#f2d98f}
.v3-eyebrow::before{content:"";width:34px;height:1px;background:#f2d98f}
.v3-hero h1{font-size:clamp(52px,8vw,112px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 24px;font-weight:900;max-width:980px;text-wrap:balance;text-shadow:0 12px 45px rgba(0,0,0,.25)}
.v3-hero h1 .accent{color:#f1d17d;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.08)}
.v3-hero-copy{max-width:760px;color:rgba(255,255,255,.82);font-size:clamp(14px,1.3vw,18px);line-height:1.75}
.v3-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.v3-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:6px;border:1px solid transparent;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;transition:.25s ease}
.v3-btn::before{content:"";position:absolute;inset:-2px auto -2px -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:.5s ease}
.v3-btn:hover::before{left:120%}
.v3-btn.primary{background:linear-gradient(135deg,#e1bd62,#b98d3d);color:#1d281e;box-shadow:0 14px 34px rgba(201,157,67,.24)}
.v3-btn.ghost{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.09);backdrop-filter:blur(10px);color:white}
.v3-btn:hover{transform:translateY(-3px)}
.v3-hero-side{justify-self:end;width:min(100%,350px);display:grid;gap:14px}
.v3-emblem-card{position:relative;padding:24px;border:1px solid rgba(255,255,255,.23);background:rgba(244,239,228,.1);backdrop-filter:blur(14px);border-radius:14px;display:flex;align-items:center;gap:17px;overflow:hidden}
.v3-emblem-card::before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(240,209,125,.28);border-radius:50%;right:-70px;top:-75px;animation:v3Spin 18s linear infinite}
@keyframes v3Spin{to{transform:rotate(360deg)}}
.v3-emblem-card b{display:block;font-size:18px}.v3-emblem-card span{display:block;font-size:10px;line-height:1.55;color:rgba(255,255,255,.65);letter-spacing:.07em;text-transform:uppercase;margin-top:5px}
.v3-fact-strip{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.18);background:rgba(20,36,25,.22);backdrop-filter:blur(12px);border-radius:14px;overflow:hidden}
.v3-fact{padding:16px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.v3-fact:nth-child(2n){border-right:0}.v3-fact:nth-last-child(-n+2){border-bottom:0}
.v3-fact strong{font-size:17px;display:block;color:#f3dda0}.v3-fact span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.v3-scroll-cue{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.66);font-size:8px;letter-spacing:.18em;text-transform:uppercase}.v3-scroll-cue i{animation:v3Bounce 1.7s ease-in-out infinite}@keyframes v3Bounce{50%{transform:translateY(7px)}}

/* Marquee */
.v3-marquee{position:relative;z-index:5;overflow:hidden;background:#f0d887;color:#233326;border-bottom:1px solid rgba(53,72,52,.12);transform:rotate(-1deg) scale(1.02);margin-top:-7px;box-shadow:0 12px 30px rgba(70,67,45,.07)}
.v3-marquee-track{display:flex;width:max-content;animation:v3Marquee 26s linear infinite;padding:14px 0;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.v3-marquee-track span{display:flex;align-items:center;gap:28px;padding-right:28px}.v3-marquee-track span::after{content:"◆";font-size:7px;color:#7b342e}@keyframes v3Marquee{to{transform:translateX(-50%)}}

/* Sections */
.v3-section{position:relative;padding:clamp(72px,9vw,130px) clamp(20px,5vw,72px)}
.v3-container{width:min(1380px,100%);margin:0 auto}
.v3-section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:end;margin-bottom:50px}.v3-section-head h2{font-size:clamp(36px,5vw,72px);line-height:.96;letter-spacing:-.045em;margin:0;font-weight:900;text-transform:uppercase}.v3-section-head p{margin:0;color:#68705f;line-height:1.8;max-width:650px;font-size:15px}
.v3-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--v3-maroon);display:block;margin-bottom:13px}
.v3-panel{background:rgba(255,250,240,.78);border:1px solid rgba(61,80,57,.13);border-radius:22px;box-shadow:var(--v3-shadow);overflow:hidden}
.v3-profile-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:590px}.v3-profile-photo{position:relative;min-height:500px;overflow:hidden}.v3-profile-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.v3-profile-photo:hover img{transform:scale(1.055)}.v3-profile-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,44,30,.45),transparent 55%)}
.v3-profile-body{padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.v3-profile-body h3{font-size:clamp(30px,3.7vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:0 0 20px}.v3-profile-body p{color:#667060;line-height:1.8}.v3-mini-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.v3-mini-fact{padding:16px 17px;border-radius:13px;background:#f2ecdf;border:1px solid rgba(57,76,53,.09)}.v3-mini-fact b{display:block;font-size:13px}.v3-mini-fact span{display:block;margin-top:4px;font-size:10px;color:#7a7f73}

.v3-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v3-timeline-card{position:relative;padding:28px 26px;min-height:250px;border-radius:18px;background:linear-gradient(145deg,#fffaf0,#eee6d6);border:1px solid rgba(61,80,57,.13);overflow:hidden;transition:.35s ease;box-shadow:0 12px 35px rgba(53,65,45,.07)}.v3-timeline-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 24px 60px rgba(53,65,45,.13)}.v3-timeline-card .num{font-size:72px;font-weight:900;line-height:1;color:rgba(69,91,61,.08);position:absolute;right:14px;top:8px}.v3-timeline-card time{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--v3-maroon);text-transform:uppercase}.v3-timeline-card h3{font-size:22px;margin:48px 0 12px}.v3-timeline-card p{font-size:13px;line-height:1.7;color:#72766c;margin:0}

.v3-services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v3-service{position:relative;padding:30px 24px 26px;min-height:290px;border-radius:18px;background:#fffaf0;border:1px solid rgba(54,74,51,.12);overflow:hidden;transition:.35s ease;transform-style:preserve-3d}.v3-service::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(195,155,75,.26);border-radius:50%;right:-48px;top:-43px;transition:.5s ease}.v3-service:hover{transform:translateY(-8px);box-shadow:0 25px 58px rgba(53,65,45,.13)}.v3-service:hover::after{transform:scale(1.45) rotate(35deg)}.v3-service-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#385c42,#61734d);color:#f1d584;font-size:22px;box-shadow:0 12px 25px rgba(48,79,56,.17)}.v3-service h3{font-size:19px;margin:24px 0 10px}.v3-service p{font-size:12px;line-height:1.75;color:#71766a}.v3-service a{position:absolute;left:24px;bottom:24px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#4c6245}

/* News cinematic cards */
.v3-news-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:260px;gap:14px}.v3-news{position:relative;border-radius:18px;overflow:hidden;background:#273c2c;color:white}.v3-news:first-child{grid-row:span 2}.v3-news img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}.v3-news:hover img{transform:scale(1.07);filter:saturate(1.12)}.v3-news::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,31,22,.88),rgba(18,31,22,.08) 68%)}.v3-news-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.v3-news-tag{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f1d27d}.v3-news h3{font-size:clamp(17px,2vw,28px);line-height:1.12;margin:9px 0 8px;font-weight:800}.v3-news small{font-size:10px;color:rgba(255,255,255,.62)}

.v3-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:10px}.v3-gallery button{border:0;padding:0;position:relative;overflow:hidden;border-radius:13px;background:#d9d0bd;cursor:pointer}.v3-gallery button:nth-child(1){grid-column:span 5;grid-row:span 3}.v3-gallery button:nth-child(2){grid-column:span 4;grid-row:span 2}.v3-gallery button:nth-child(3){grid-column:span 3;grid-row:span 2}.v3-gallery button:nth-child(4){grid-column:6/span 3;grid-row:3/span 2}.v3-gallery button:nth-child(5){grid-column:9/span 4;grid-row:3/span 2}.v3-gallery button:nth-child(n+6){grid-column:span 4;grid-row:span 2}.v3-gallery img{width:100%;height:100%;object-fit:cover;transition:.55s ease}.v3-gallery button:hover img{transform:scale(1.07)}.v3-gallery .caption{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;padding:8px 10px;border-radius:8px;background:rgba(29,47,34,.72);backdrop-filter:blur(7px);color:white;font-size:10px;font-weight:800;text-align:left;opacity:0;transform:translateY(10px);transition:.25s}.v3-gallery button:hover .caption{opacity:1;transform:none}

.v3-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v3-contact-card{padding:32px;border-radius:18px;background:#fffaf0;border:1px solid var(--v3-line)}.v3-contact-card h3{font-size:22px;margin:0 0 22px}.v3-contact-row{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid rgba(55,75,52,.09)}.v3-contact-row:last-child{border:0}.v3-contact-row i{color:var(--v3-maroon)}.v3-contact-row b{display:block;font-size:12px}.v3-contact-row span{font-size:11px;color:#777c70}

.v3-footer{background:#3e533f;color:#e9eadf;padding:54px clamp(20px,5vw,72px) 24px;position:relative;overflow:hidden}.v3-footer::after{content:"88";position:absolute;right:-20px;bottom:-80px;font-size:280px;line-height:1;font-weight:900;color:rgba(255,255,255,.035)}.v3-footer a{color:#e8d49a}.v3-footer-grid{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:1.4fr repeat(2,.7fr);gap:45px}.v3-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#efd68f}.v3-footer p,.v3-footer li{font-size:11px;line-height:1.8;color:rgba(255,255,255,.65)}.v3-footer-bottom{width:min(1380px,100%);margin:35px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}

/* Reveal / motion */
.v3-reveal{opacity:0;transform:translateY(34px);clip-path:inset(0 0 18% 0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.15,1),clip-path .8s ease}.v3-reveal.in{opacity:1;transform:none;clip-path:inset(0)}
.v3-reveal.delay-1{transition-delay:.08s}.v3-reveal.delay-2{transition-delay:.16s}.v3-reveal.delay-3{transition-delay:.24s}
.v3-parallax{will-change:transform}

/* Login */
.auth-page{background:#f4efe4!important;min-height:100vh}
.auth-wrap{min-height:100vh;background:linear-gradient(125deg,#f8f2e6 0 50%,#e9dfca 50%)}
.auth-info{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(43,74,51,.94),rgba(87,105,65,.9)),url('../images/berita/apel-siaga.jpg') center/cover!important;color:white!important}
.auth-info::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(239,212,140,.18);border-radius:50%;right:-220px;top:-220px;animation:v3Spin 32s linear infinite}
.auth-info::after{content:"88";position:absolute;bottom:-55px;right:-12px;font-size:240px;font-weight:900;color:rgba(255,255,255,.04);line-height:1}
.auth-brand,.auth-info>div{position:relative;z-index:2}.auth-card{background:rgba(255,250,240,.86)!important;backdrop-filter:blur(12px)}
.ac-inner{animation:v3CardIn .75s cubic-bezier(.2,.7,.2,1)}@keyframes v3CardIn{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}

/* SIADM light-tactical refresh */
.app-body{background:radial-gradient(circle at 90% 0,rgba(195,155,75,.12),transparent 28%),#f3eee3!important;color:#253126!important}
.app-shell{background:transparent}
.sidebar{background:linear-gradient(180deg,#48604a 0%,#3d533f 100%)!important;box-shadow:16px 0 55px rgba(49,65,47,.12);border-right:1px solid rgba(255,255,255,.15)}
.brand{border-bottom-color:rgba(255,255,255,.15)!important}.brand-txt strong{letter-spacing:.08em}.brand-txt small{color:#d7dbc9!important}.brand-mark{background:rgba(255,248,225,.12)!important;color:#f0d78f!important;border-color:rgba(240,215,143,.35)!important}
.side-nav a{color:rgba(255,255,255,.76)!important;border-radius:11px!important;margin:3px 12px!important;transition:.22s ease!important}.side-nav a:hover{background:rgba(255,255,255,.09)!important;transform:translateX(3px)}.side-nav a.active{background:linear-gradient(90deg,rgba(245,219,148,.23),rgba(255,255,255,.06))!important;color:#fff!important;box-shadow:inset 3px 0 #efd075}.side-nav .nav-sec{color:rgba(255,255,255,.47)!important;letter-spacing:.16em!important}
.sidebar-foot{border-top-color:rgba(255,255,255,.14)!important}.btn-logout{border-color:rgba(255,255,255,.2)!important;color:#f5f4ec!important}.btn-logout:hover{background:rgba(255,255,255,.1)!important}
.main-shell{background:transparent!important}.topbar{background:rgba(250,247,239,.78)!important;backdrop-filter:blur(15px);border-bottom:1px solid rgba(59,79,56,.12)!important}.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d2b363,transparent);opacity:.42}.main-inner{background:transparent!important}
.section-card,.stat-card,.page-card,.filter-card,.table-card,.content-card{border-color:rgba(61,80,57,.12)!important;background:rgba(255,252,245,.88)!important;box-shadow:0 13px 42px rgba(49,60,42,.07)!important;backdrop-filter:blur(8px);animation:v3ModuleIn .5s ease both}@keyframes v3ModuleIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.stat-card{position:relative;overflow:hidden;transition:.25s ease}.stat-card::after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(195,155,75,.2);border-radius:50%;right:-32px;top:-36px}.stat-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(49,60,42,.11)!important}
.stat-icon{border-radius:14px!important}.stat-ic-army{background:#dfe8d8!important;color:#35543b!important}.stat-ic-olive{background:#e9e0c5!important;color:#705f31!important}.stat-ic-gold{background:#f3dec0!important;color:#8a5b2b!important}
.sc-head{background:linear-gradient(90deg,rgba(238,234,220,.55),rgba(255,255,255,.25))!important;border-bottom-color:rgba(61,80,57,.09)!important}.sc-head h3 i{color:#8b6f36!important}.quick-act{background:#f1ecdf!important;border-color:rgba(61,80,57,.1)!important;transition:.22s ease}.quick-act:hover{background:#e4eadb!important;transform:translateY(-3px)!important}.quick-act i{color:#4d674e!important}
.btn-army{background:linear-gradient(135deg,#42604a,#61734f)!important;border-color:#42604a!important;box-shadow:0 9px 22px rgba(53,82,61,.17)}.btn-army:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-outline-army{color:#435a42!important;border-color:#7f9073!important}.btn-outline-army:hover{background:#536a50!important;color:#fff!important}
.table{--bs-table-bg:transparent!important}.table thead th{background:#eee8da!important;color:#65705f!important;border-bottom-color:#d8d1c2!important}.table tbody tr{transition:.18s ease}.table tbody tr:hover{background:#f4eddf!important;transform:translateX(2px)}
.form-control,.form-select{background:#fffdf7!important;border-color:#d9d1c3!important;border-radius:10px!important}.form-control:focus,.form-select:focus{border-color:#79906f!important;box-shadow:0 0 0 .2rem rgba(90,116,81,.12)!important}.input-group-text{background:#eee8da!important;border-color:#d9d1c3!important;color:#5e714f!important}
.badge.b-masuk{background:#dcebdc!important;color:#34573a!important}.badge.b-keluar{background:#efe2bc!important;color:#735d2f!important}
.progress{background:#e8e1d4!important}.progress-bar{background:#537356!important}.progress-bar.bg-olive{background:#a08b50!important}
.dropdown-menu,.modal-content{border-color:rgba(61,80,57,.12)!important;box-shadow:0 25px 70px rgba(38,53,39,.18)!important}

/* Mobile */
@media(max-width:1050px){.v3-hero-inner{grid-template-columns:1fr}.v3-hero-side{justify-self:start;width:100%;grid-template-columns:1fr 1fr}.v3-section-head{grid-template-columns:1fr}.v3-profile-grid{grid-template-columns:1fr}.v3-timeline{grid-template-columns:1fr}.v3-services{grid-template-columns:repeat(2,1fr)}.v3-news-grid{grid-template-columns:1fr 1fr}.v3-news:first-child{grid-row:span 1;grid-column:span 2}.v3-gallery{grid-auto-rows:100px}.v3-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.public-v3 .public-nav{height:66px;padding:0 16px}.public-v3 .nav-links{display:none}.v3-nav-action{padding:10px 13px;font-size:9px!important}.v3-hero{padding-top:66px}.v3-hero-inner{padding:110px 20px 60px}.v3-hero h1{font-size:clamp(48px,16vw,78px)}.v3-hero-side{grid-template-columns:1fr}.v3-emblem-card{display:none}.v3-section{padding:72px 18px}.v3-services{grid-template-columns:1fr}.v3-news-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:280px}.v3-news:first-child{grid-column:auto}.v3-gallery{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:170px}.v3-gallery button,.v3-gallery button:nth-child(n){grid-column:auto;grid-row:auto}.v3-contact{grid-template-columns:1fr}.v3-footer-grid{grid-template-columns:1fr}.v3-mini-facts{grid-template-columns:1fr 1fr}.v3-cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.v3-reveal{opacity:1!important;transform:none!important;clip-path:none!important}}