:root {
  --bg: #f6f7fb; --card: #ffffff; --text: #172033; --muted: #667085;
  --primary: #0b6b5e; --primary2: #0f9f8c; --line: #e6e9ef;
  --shadow: 0 20px 50px rgba(15, 23, 42, .12);
  --dangerBg: #fee2e2; --dangerText: #991b1b; --dangerLine: #fecaca;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: var(--bg); color: var(--text); }
body.dark { --bg: #0f172a; --card: #111c33; --text: #f8fafc; --muted: #cbd5e1; --line: #29364f; --shadow: 0 20px 50px rgba(0,0,0,.35); --dangerBg:#7f1d1d; --dangerText:#fee2e2; --dangerLine:#991b1b; }
.hero { padding: 28px 18px 16px; background: linear-gradient(135deg, var(--primary), var(--primary2)); color: white; }
.topbar { max-width: 1050px; margin: auto; display: flex; gap: 18px; justify-content: space-between; align-items: flex-start; }
.badge { display: inline-block; padding: 7px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: 13px; margin-bottom: 12px; }
h1 { margin: 0; font-size: clamp(30px, 6vw, 54px); line-height: 1.05; }
.subtitle { margin: 10px 0 0; opacity: .95; font-size: 18px; max-width: 800px; }
.credit { margin: 8px 0 0; opacity: .95; }
button, .secondaryBtn, .dangerBtn, .fileBtn { font-family: inherit; }
.donateBtn, .mode, #randomBtn, #darkBtn, #favoriteBtn, .copyBtn { border: 0; border-radius: 14px; cursor: pointer; font-weight: 800; transition: transform .15s ease, background .15s ease; }
.donateBtn:hover, .mode:hover, #randomBtn:hover, #darkBtn:hover, #favoriteBtn:hover, .copyBtn:hover, .secondaryBtn:hover, .dangerBtn:hover { transform: translateY(-1px); }
.donateBtn { background: #fff; color: var(--primary); padding: 12px 18px; box-shadow: var(--shadow); white-space: nowrap; }
.search-card { max-width: 1050px; margin: 24px auto -54px; background: var(--card); color: var(--text); border: 1px solid var(--line); border-radius: 26px; padding: 18px; box-shadow: var(--shadow); }
#searchInput { width: 100%; border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; font-size: 18px; outline: none; background: var(--bg); color: var(--text); }
.controls { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.mode, #randomBtn, #darkBtn, #favoriteBtn { padding: 10px 13px; background: var(--bg); color: var(--text); border: 1px solid var(--line); }
.mode.active, #favoriteBtn.active { background: var(--primary); color: white; }
#adminBtn { padding: 10px 13px; background: #fef3c7; color: #7c2d12; border: 1px solid rgba(124,45,18,.18); border-radius: 14px; cursor: pointer; font-weight: 900; transition: transform .15s ease; }
body.dark #adminBtn { background: #7c2d12; color: #ffedd5; }
.stats { margin-top: 12px; color: var(--muted); font-size: 14px; }
main { max-width: 1050px; margin: 76px auto 24px; padding: 0 18px; }
.results { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 16px; box-shadow: 0 10px 26px rgba(15, 23, 42, .06); }
.card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.word { font-size: 22px; font-weight: 900; margin-bottom: 8px; color: var(--primary2); overflow-wrap:anywhere; }
.meaning { font-size: 16px; line-height: 1.45; overflow-wrap:anywhere; }
.source { margin-top: 10px; color: var(--muted); font-size: 12px; }
.letter { display: inline-block; padding: 5px 9px; border-radius: 999px; background: var(--bg); color: var(--muted); font-size: 12px; font-weight: 800; }
.card-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 13px; }
.admin-actions { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.favBtn { border: 1px solid var(--line); background: var(--bg); color: var(--muted); width: 34px; height: 34px; border-radius: 999px; cursor:pointer; font-size:21px; line-height:1; }
.favBtn.fav-on { background:#fef3c7; color:#b45309; border-color:#fde68a; }
.editBtn, .deleteMiniBtn { border: 1px solid var(--line); background: var(--bg); color: var(--text); padding: 7px 10px; border-radius: 10px; cursor: pointer; font-weight: 800; }
.editBtn:hover { background: var(--primary); color: white; }
.deleteMiniBtn:hover { background: var(--dangerBg); color: var(--dangerText); border-color: var(--dangerLine); }
.empty { text-align: center; padding: 50px 20px; color: var(--muted); }
.empty-mini { text-align:center; color:var(--muted); padding:24px 12px; }
.hidden { display: none !important; }
footer { max-width: 1050px; margin: 28px auto; padding: 20px 18px 40px; display: flex; gap: 14px; align-items: center; justify-content: space-between; color: var(--muted); }
.footerDonate { background: var(--primary); color: white; }
dialog { border: none; border-radius: 26px; padding: 0; max-width: 560px; width: calc(100% - 32px); background: var(--card); color: var(--text); box-shadow: var(--shadow); }
dialog.wide-dialog, .wide-dialog { max-width: 900px; }
dialog::backdrop { background: rgba(0,0,0,.55); }
.dialog { padding: 22px; position: relative; }
.dialog h2 { margin: 8px 42px 14px 0; font-size: clamp(27px, 5vw, 42px); line-height:1.1; }
.close { position: absolute; right: 14px; top: 12px; border: none; background: transparent; font-size: 34px; color: var(--muted); cursor: pointer; z-index:2; }
.close:hover { color: var(--text); }
.bank-box { border: 1px solid var(--line); background: var(--bg); border-radius: 18px; padding: 14px; margin: 16px 0; }
.bank-title { font-weight: 900; margin-bottom: 10px; color: var(--primary2); }
.bank-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); }
.bank-row span { color: var(--muted); }
.copyBtn { width: 100%; padding: 13px; background: var(--primary); color: white; }
.copyStatus { min-height: 22px; color: var(--primary2); text-align: center; font-weight: 800; }
.admin-dialog h2 { margin-top: 6px; }
.form-label { display: block; margin: 12px 0 6px; font-weight: 900; color: var(--text); }
.form-input { width: 100%; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; font-size: 16px; outline: none; background: var(--bg); color: var(--text); }
.form-textarea { min-height: 110px; resize: vertical; line-height: 1.45; }
.bulk-textarea { min-height: 260px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.secondaryBtn, .dangerBtn { border-radius: 14px; cursor: pointer; font-weight: 900; padding: 13px; text-align: center; }
.secondaryBtn { background: var(--bg); color: var(--text); border: 1px solid var(--line); }
.dangerBtn { background: var(--dangerBg); color: var(--dangerText); border: 1px solid var(--dangerLine); }
.fileBtn { display: flex; justify-content: center; align-items: center; }
.entry-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.three-actions { grid-template-columns: 1fr 1fr 1fr; }
.muted-small { color: var(--muted); font-size: 15px; line-height: 1.55; }
.admin-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; margin: 14px 0; }
.admin-stats div { background: var(--bg); border:1px solid var(--line); border-radius:16px; padding:14px; text-align:center; }
.admin-stats strong { display:block; font-size:24px; color:var(--primary2); }
.admin-stats span { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.admin-search-results { margin-top:14px; max-height: 60vh; overflow:auto; border:1px solid var(--line); border-radius:16px; }
.admin-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border-bottom:1px solid var(--line); }
.admin-row:last-child { border-bottom:0; }
.admin-row span { color:var(--muted); }
.admin-row-actions { display:flex; gap:8px; flex-shrink:0; }
.history-list { max-height:60vh; overflow:auto; border:1px solid var(--line); border-radius:16px; margin-bottom:14px; }
.history-item { padding:12px; border-bottom:1px solid var(--line); }
.history-item:last-child { border-bottom:0; }
.history-item span { color:var(--muted); }
@media (max-width: 700px) {
  .topbar, footer { flex-direction: column; align-items: stretch; }
  .donateBtn { width: 100%; }
  .bank-row { flex-direction: column; }
  .admin-grid, .entry-actions, .three-actions, .admin-stats { grid-template-columns: 1fr; }
  .admin-row { flex-direction:column; align-items:stretch; }
  .admin-row-actions { justify-content:stretch; }
  .admin-row-actions button { flex:1; }
}

.search-row{display:flex;gap:12px;align-items:center}
.search-row input{flex:1}
#searchBtn{border:0;border-radius:18px;padding:18px 34px;background:#0b7d68;color:#fff;font-weight:900;font-size:18px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12)}
#searchBtn:hover{filter:brightness(.95)}
@media(max-width:720px){.search-row{flex-direction:column;align-items:stretch}#searchBtn{width:100%;padding:15px 20px}}

.project-brand {
  margin: 8px 0 4px;
  font-weight: 700;
  letter-spacing: .02em;
  color: rgba(255,255,255,.92);
}
body.dark .project-brand { color: rgba(255,255,255,.9); }


/* V7.4.25 MINI NEWS CARDS */
.article-grid,.articles-grid,.news-grid,#articlesList,#articleList,.article-list,.posts-grid,.cards-grid{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important;align-items:start!important;max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;
}
.article-card,.news-card,.post-card,.article-item,.modern-article-card,.blog-card,.card.article{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;cursor:pointer!important;display:block!important;
}
.article-card img,.news-card img,.post-card img,.article-item img,.modern-article-card img,.blog-card img,.card.article img,.article-thumb img,.card-thumb img{
  width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;display:block!important;border-radius:12px!important;margin:0 0 12px!important;
}
.article-card .article-content,.news-card .article-content,.post-card .article-content,.article-item .article-content,.modern-article-card .article-content,.blog-card .article-content,.article-card-body,.card-body,.post-content{
  padding:0!important;margin:0!important;background:transparent!important;min-height:0!important;display:block!important;
}
.article-card h1,.article-card h2,.article-card h3,.news-card h1,.news-card h2,.news-card h3,.post-card h1,.post-card h2,.post-card h3,.article-item h1,.article-item h2,.article-item h3,.modern-article-card h1,.modern-article-card h2,.modern-article-card h3,.blog-card h1,.blog-card h2,.blog-card h3,.card.article h1,.card.article h2,.card.article h3,.article-card-title,.card-title,.post-title{
  color:#071d48!important;font-size:17px!important;line-height:1.32!important;font-weight:900!important;margin:0!important;padding:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:67px!important;
}
.article-card p,.news-card p,.post-card p,.article-item p,.modern-article-card p,.blog-card p,.card.article p,.article-excerpt,.card-excerpt,.post-excerpt,.excerpt,.summary,.article-summary,.article-card .author,.news-card .author,.post-card .author,.author,.article-author,.author-name,.article-author-row,.card-author-row,.article-card .date,.news-card .date,.post-card .date,.date,.article-date,.card-date,.post-date,.article-meta,.article-meta-row,.card-meta,.news-meta-row,.meta,.article-card .category,.news-card .category,.post-card .category,.category,.article-category,.card-category,.news-category,.article-tags,.card-tags,.tags,.tag-list,.article-card .btn,.news-card .btn,.post-card .btn,.article-card button,.news-card button,.post-card button,.read-more,.readmore,.card-readmore,.btn-read,.btn-baca{
  display:none!important;
}
.article-placeholder-card,.scn-article-placeholder-v7425{border:2px dashed #d6e0ec!important;border-radius:14px!important;min-height:190px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#7b8798!important;font-weight:800!important;background:rgba(255,255,255,.55)!important;text-align:center!important}
@media(max-width:1300px){.article-grid,.articles-grid,.news-grid,#articlesList,#articleList,.article-list,.posts-grid,.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1024px){.article-grid,.articles-grid,.news-grid,#articlesList,#articleList,.article-list,.posts-grid,.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.article-grid,.articles-grid,.news-grid,#articlesList,#articleList,.article-list,.posts-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.article-card h1,.article-card h2,.article-card h3,.news-card h1,.news-card h2,.news-card h3,.post-card h1,.post-card h2,.post-card h3,.article-card-title,.card-title,.post-title{font-size:15px!important;min-height:60px!important}}
@media(max-width:460px){.article-grid,.articles-grid,.news-grid,#articlesList,#articleList,.article-list,.posts-grid,.cards-grid{grid-template-columns:1fr!important}}


/* V7.4.26 REMOVE SECOND HERO */
.scn-main-hero-actions-v7426{display:flex!important;gap:14px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:24px!important}
.scn-main-hero-actions-v7426 a{min-height:54px!important;padding:0 26px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:17px!important;line-height:1!important;font-weight:950!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 14px 32px rgba(7,29,72,.16)!important}
.scn-btn-article-v7426{background:#ef1b22!important;color:#fff!important}.scn-btn-course-v7426{background:#fff!important;color:#071d48!important;border:1px solid rgba(7,29,72,.12)!important}.scn-btn-dict-v7426{background:#20395f!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.34)!important}
.scn-second-hero-removed-v7426{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
@media(max-width:720px){.scn-main-hero-actions-v7426{flex-direction:column!important;align-items:stretch!important}.scn-main-hero-actions-v7426 a{width:100%!important}}


/* V7.4.27 VIDEO MATERI UPLOAD */
.scn-material-upload-grid-v7427{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:18px!important}
.scn-upload-card-v7427{background:#fff!important;border:1px solid #dce5f0!important;border-radius:18px!important;padding:18px!important;box-shadow:0 8px 22px rgba(7,29,72,.05)!important;min-height:250px!important}
.scn-upload-card-v7427 h3{margin:0 0 16px!important;color:#071d48!important;font-size:20px!important;font-weight:950!important}
.scn-upload-card-v7427 input[type=file]{width:100%!important;min-height:48px!important;border:1px solid #dce5f0!important;border-radius:14px!important;padding:10px!important;background:#fff!important}
.scn-preview-box-v7427{margin-top:14px!important;border:2px dashed #cfd9e8!important;border-radius:14px!important;min-height:120px!important;background:#faf7ef!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#68766e!important;font-weight:900!important;padding:14px!important;overflow:hidden!important}
.scn-preview-box-v7427 video{width:100%!important;max-height:240px!important;border-radius:12px!important;background:#071d48!important}
.scn-video-info-v7427{margin-top:12px!important;color:#40516f!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;word-break:break-word!important}
.scn-watch-video-btn-v7427{margin-top:12px!important;height:42px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#076bd6!important;color:#fff!important;font-weight:900!important;cursor:pointer!important}
.scn-video-modal-v7427{position:fixed!important;inset:0!important;background:rgba(3,12,30,.74)!important;z-index:30000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:28px!important}
.scn-video-modal-v7427.show{display:flex!important}
.scn-video-modal-card-v7427{width:min(980px,96vw)!important;background:#fff!important;border-radius:22px!important;padding:22px!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important}
.scn-video-modal-head-v7427{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin-bottom:14px!important}
.scn-video-modal-head-v7427 h3{margin:0!important;color:#071d48!important;font-size:22px!important;font-weight:950!important}
.scn-video-modal-close-v7427{border:0!important;background:#ef1b22!important;color:#fff!important;height:40px!important;padding:0 16px!important;border-radius:999px!important;font-weight:900!important;cursor:pointer!important}
.scn-video-modal-card-v7427 video{width:100%!important;max-height:70vh!important;border-radius:14px!important;background:#071d48!important}
.scn-material-viewer-v7427{margin-top:20px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.scn-material-file-card-v7427{border:1px solid #dce5f0!important;background:#fff!important;border-radius:16px!important;padding:18px!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;color:#071d48!important;font-weight:900!important}
.scn-material-file-card-v7427 button,.scn-material-file-card-v7427 a{border:0!important;background:#062a63!important;color:#fff!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;text-decoration:none!important;text-align:center!important;cursor:pointer!important}
@media(max-width:1100px){.scn-material-upload-grid-v7427,.scn-material-viewer-v7427{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.scn-material-upload-grid-v7427,.scn-material-viewer-v7427{grid-template-columns:1fr!important}}