:root{--green:#0d4d3c;--green2:#07372b;--gold:#cda645;--cream:#f6f3e9;--ink:#142820;--text:#52635c;--line:#dce5e0;--white:#fff;--danger:#b43a3a;--shadow:0 16px 45px rgba(12,53,41,.1)}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Inter,Segoe UI,sans-serif;color:var(--text);background:#f5f7f5}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.login-page{background:var(--green2)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:42px 8vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(205,166,69,.28),transparent 32%),linear-gradient(135deg,var(--green),var(--green2))}.login-brand>a{font-weight:700}.login-brand img{width:82px}.login-brand h1{max-width:650px;margin:18px 0;font:700 clamp(2.7rem,5vw,5.4rem)/1 Georgia,serif}.login-brand p{max-width:600px;color:#d5e0dc;font-size:1.08rem}.login-brand .arabic{color:#efd681;font-size:1.5rem}.login-form{display:grid;place-items:center;padding:32px;background:var(--cream)}.form-card{width:min(100%,480px);padding:42px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.form-card h2{margin:8px 0 4px;color:var(--ink);font:700 2.3rem Georgia,serif}.eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.stack{display:grid;gap:17px;margin-top:26px}label{display:grid;gap:7px;color:var(--ink);font-weight:700}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(13,77,60,.1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:0;border-radius:10px;font-weight:800;cursor:pointer}.button.primary{color:#fff;background:var(--green)}.button.secondary{color:var(--green);background:#e8f0ec}.button.danger{color:#fff;background:var(--danger)}.button.small{min-height:36px;padding:7px 11px;font-size:.85rem}.demo-note{display:none}.demo-note small{color:var(--text)}.alert{margin:16px 0;padding:12px 14px;border-radius:10px}.alert.success{color:#155b40;background:#dff3e9}.alert.danger{color:#842828;background:#f9e1e1}.portal-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;color:#cfdbd7;background:var(--green2);overflow-y:auto}.portal-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.portal-brand img{width:44px}.portal-brand strong{display:block;color:#fff;font-family:Georgia,serif}.portal-brand small{font-size:.72rem}.nav-section{margin-top:22px}.nav-label{padding:0 10px;color:#79978d;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.portal-nav{display:grid;gap:3px;margin-top:8px}.portal-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-weight:700;font-size:.91rem}.portal-nav a:hover,.portal-nav a.active{color:#fff;background:rgba(255,255,255,.1)}.nav-icon{width:24px;text-align:center}.portal-main{min-width:0}.top-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:#fff}.mobile-menu{display:none}.user-box{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:900}.user-box strong{display:block;color:var(--ink);font-size:.9rem}.user-box small{font-size:.75rem}.content{padding:30px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{margin:3px 0;color:var(--ink);font:700 clamp(2rem,4vw,3rem)/1.1 Georgia,serif}.page-heading p{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric{padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff}.metric-head{display:flex;justify-content:space-between}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:#e8f0ec}.metric strong{display:block;margin-top:15px;color:var(--ink);font:700 1.8rem Georgia,serif}.metric small{color:var(--text)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px}.panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.panel h2{margin:0 0 18px;color:var(--ink);font:700 1.25rem Georgia,serif}.progress-list{display:grid;gap:16px}.progress-row{display:grid;grid-template-columns:125px 1fr 44px;align-items:center;gap:12px}.progress{height:9px;overflow:hidden;border-radius:999px;background:#e7ece9}.progress span{display:block;height:100%;border-radius:inherit;background:var(--green)}.activity-list{display:grid;gap:0}.activity{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--gold)}.activity p{margin:0;color:var(--ink)}.activity small{color:#87928d}.table-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.table-toolbar{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:#6c7973;background:#fafbfa;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}td{color:var(--ink)}tr:last-child td{border:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.badge.green{color:#176244;background:#dcf2e7}.badge.gold{color:#765712;background:#f8edca}.badge.red{color:#8b2d2d;background:#fae1e1}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.form-panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.form-panel h2{margin-top:0;color:var(--ink);font:700 1.35rem Georgia,serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.empty{padding:35px;text-align:center;color:#819089}.quick-actions{display:flex;flex-wrap:wrap;gap:9px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-mini{padding:14px;border-radius:12px;background:#f5f7f5}.stat-mini strong{display:block;color:var(--ink);font-size:1.25rem}.footer-note{margin-top:24px;color:#89958f;font-size:.8rem}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:370px;padding:28px}.login-brand h1{font-size:2.6rem}.login-form{padding:18px}.form-card{padding:28px 22px}.portal-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:-280px;width:270px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.top-header{padding:0 16px}.content{padding:20px 16px}.cards{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.user-box div:last-child{display:none}}
/* Konten halaman: editor sederhana dengan tab mendatar */
.page-editor .editor-layout{display:block!important}.page-editor .page-picker{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;margin-bottom:20px;scrollbar-width:thin}.page-editor .group-title{margin:0 4px 0 12px;font-size:.7rem}.page-editor .group-title:first-child{margin-left:0}.page-editor .page-link{display:inline-block;width:auto;margin:0;padding:9px 14px;border-radius:999px;text-align:center}.page-editor .editor-card{border-radius:0 0 16px 16px}.page-editor .editor-card textarea{min-height:280px}
/* Pengelola navigasi terpadu: hanya tampilkan menu navigasi publik. */
.website-side h2:nth-of-type(2),.website-side a.nav[href*="module=posts"],.website-side a.nav[href*="module=galleries"],.website-side a.nav[href*="module=menu"],.website-side a.nav[href*="module=dashboard"]{display:none!important}
.tabs a{display:inline-block;padding:10px 15px!important;border:1px solid #d7e3dd;border-radius:999px!important;text-decoration:none;font-weight:700}.tabs a.active{background:#096148!important;border-color:#096148!important;color:#fff!important}
.panel label:has(input[type="file"])::after{content:"Format: JPG, PNG, atau WebP • Maksimal 4 MB • Resolusi disarankan: 1600 × 900 px (rasio 16:9).";display:block;margin-top:7px;color:#5d7469;font-size:.78rem;font-weight:500;line-height:1.45}