:root{--hijau-tua: #1a3a1e;--hijau-mid: #2d5a2e;--coklat-muda: #c47a3a;--krem: #f5eedf;--krem-muda: #faf6ed;--putih: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--krem-muda);color:#3b2006}.navbar-custom{background:#1a3a1ef7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 2px 24px #0000002e}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.nav-brand-icon{width:36px;height:36px;background:var(--coklat-muda);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.nav-brand-icon img{width:36px;height:36pxs;border-radius:10px;-o-object-fit:contain;object-fit:contain}.nav-brand-text{display:flex;flex-direction:column;line-height:1.1}.nav-brand-name{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:var(--putih);letter-spacing:.3px}.nav-brand-sub{font-size:10px;color:#ffffff80;letter-spacing:2px;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{color:#ffffffbf;font-size:14px;font-weight:400;text-decoration:none;padding:8px 16px;border-radius:8px;transition:color .2s,background .2s;letter-spacing:.2px}.nav-links a:hover,.nav-links a.active{color:var(--putih);background:#ffffff1a}.nav-links a.active{color:#e8c48a}.nav-divider{width:1px;height:20px;background:#ffffff26;margin:0 8px}.nav-admin{color:#ffffff80!important;font-size:13px!important}.nav-admin:hover{color:#ffffffd9!important}.btn-dashboard{background:#c47a3a33;border:1px solid rgba(196,122,58,.4);color:#e8c48a!important;border-radius:8px!important;font-size:13px!important}.btn-dashboard:hover{background:#c47a3a59!important;color:#f0d090!important}.btn-logout{background:#dc354526;border:1px solid rgba(220,53,69,.3);color:#ff7882e6;font-size:13px;font-family:DM Sans,sans-serif;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s;font-weight:400}.btn-logout:hover{background:#dc35454d;color:#ff9aa0}.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;cursor:pointer;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:18px;height:2px;background:#fffc;border-radius:2px;transition:all .3s}.nav-mobile{display:none;flex-direction:column;background:#143018fa;border-top:1px solid rgba(255,255,255,.07);padding:12px 32px 20px;gap:4px}.nav-mobile.open{display:flex}.nav-mobile a,.nav-mobile button{color:#ffffffbf;font-size:15px;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);background:none;border-left:none;border-right:none;border-top:none;font-family:DM Sans,sans-serif;text-align:left;cursor:pointer;transition:color .2s}.nav-mobile a:hover,.nav-mobile button:hover{color:var(--putih)}.topbar{background:var(--hijau-tua);color:#f5eedfa6;font-size:12px;letter-spacing:.5px;padding:7px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.topbar a{color:#e8c48a;text-decoration:none}.content-wrapper{min-height:calc(100vh - 68px)}.footer{background:var(--hijau-tua);color:#f5eedfb3;padding:56px 0 0;margin-top:0}.footer-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}.footer-brand .nav-brand{margin-bottom:16px}.footer-brand p{font-size:14px;line-height:1.7;color:#f5eedf99;max-width:260px}.footer-heading{font-family:Playfair Display,serif;font-size:1rem;color:var(--krem);margin-bottom:16px;font-weight:400}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{color:#f5eedf8c;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--krem)}.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;color:#f5eedf99}.footer-contact-item svg{width:16px;height:16px;stroke:var(--coklat-muda);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}.footer-bottom{margin-top:48px;border-top:1px solid rgba(255,255,255,.07);padding:20px 32px;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:12px;color:#f5eedf59;margin:0}.footer-wa{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:8px 18px;border-radius:50px;font-size:13px;font-weight:500;transition:transform .2s}.footer-wa:hover{transform:translateY(-2px);color:#fff}.footer-wa svg{width:16px;height:16px;fill:#fff;flex-shrink:0}@media (max-width: 768px){.navbar-inner{padding:0 20px}.nav-links{display:none}.nav-toggle{display:flex}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}}