:root{--g:#176b45;--gd:#0b422d;--gl:#e5f4eb;--gold:#d8aa4b;--ink:#17231d;--muted:#64726a;--line:#dce6df;--bg:#f3f7f4;--white:#fff;--danger:#b83232;--radius:18px;--shadow:0 16px 45px rgba(10,61,40,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 28px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;color:var(--gd);display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--gd),var(--g));display:grid;place-items:center;color:#fff}.nav-links{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-links a{padding:10px 12px;border-radius:10px;font-weight:700;color:#435249}.nav-links a:hover{background:var(--gl);color:var(--gd)}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--g);color:#fff}.btn-soft{background:var(--gl);color:var(--gd)}.btn-danger{background:#fee9e9;color:var(--danger)}.hero{padding:78px 0;background:radial-gradient(circle at 12% 15%,rgba(216,170,75,.23),transparent 25%),linear-gradient(135deg,#073a28,#176b45);color:#fff}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:#f4d98f}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:10px 0 18px}.hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.78)}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.mock-poster{aspect-ratio:4/5;border-radius:20px;background:linear-gradient(160deg,#091d37,#574294 55%,#15918c);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 40px rgba(0,0,0,.22)}.mock-poster h3{font-size:32px;margin:8px 0}.section{padding:70px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 36px}.section-title h2{font-size:36px;margin:8px 0}.section-title p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(11,61,41,.05)}.card h3{margin:8px 0}.card p{color:var(--muted);line-height:1.6}.icon{width:46px;height:46px;border-radius:14px;background:var(--gl);color:var(--g);display:grid;place-items:center;font-size:22px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(216,170,75,.20),transparent 28%),linear-gradient(145deg,#073a28,#176b45)}.auth-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.25)}label{display:block;font-size:13px;font-weight:800;color:#35473d;margin-top:12px}input,select,textarea{width:100%;border:1px solid #ccd9d1;border-radius:11px;padding:11px 12px;margin-top:6px;background:#fbfdfb}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(23,107,69,.12)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 70px)}.sidebar{background:#0b422d;color:#fff;padding:22px 14px}.sidebar a{display:flex;padding:11px 13px;border-radius:10px;margin:4px 0;color:rgba(255,255,255,.80);font-weight:700}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.13);color:#fff}.main{padding:26px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{margin:0 0 6px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat strong{display:block;font-size:30px;color:var(--gd)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card img,.speaker-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#e8efeb}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.toolbar label{margin:0;min-width:190px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--gl);color:var(--gd);font-size:12px;font-weight:800}.notice{padding:12px 15px;border-radius:12px;margin-bottom:12px;border:1px solid}.notice-info{background:#eaf3ff;border-color:#bcd7f8}.notice-success{background:#e9f8ef;border-color:#bde5cc}.notice-warning{background:#fff6dc;border-color:#ecd591}.notice-danger{background:#fdeaea;border-color:#efbcbc}.mobile-bar{display:none}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.pagination a,.pagination span{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:9px}.pagination .active{background:var(--g);color:#fff}.footer{padding:30px 0;color:var(--muted);text-align:center}.notification-stack{padding:10px 0}.empty{text-align:center;padding:42px;color:var(--muted)}
@media(max-width:900px){.hero-grid,.feature-grid,.stats,.grid{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 14px 90px}.nav-links .desktop{display:none}.mobile-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fff;border-top:1px solid var(--line);padding:7px}.mobile-bar a{font-size:11px;text-align:center;padding:7px 2px;color:#4e6056}.mobile-bar b{display:block;font-size:18px}.page-head{flex-direction:column}.page-head .btn{width:100%}}
@media(max-width:620px){.hero{padding:48px 0}.hero-grid,.feature-grid,.stats,.grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-card{padding:12px}.section{padding:46px 0}.nav{height:62px}.brand span:last-child{font-size:14px}.toolbar>*{width:100%}.toolbar label{min-width:0}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{padding:12px;border-bottom:1px solid var(--line)}.table-wrap td{border:0;padding:5px;white-space:normal}.table-wrap td:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}}

.notice-with-action{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.notice-with-action form{flex:0 0 auto}.notice-close{border:0;background:rgba(0,0,0,.07);width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:inherit}.notice-close:hover{background:rgba(0,0,0,.14)}
.update-timeline{display:grid;gap:14px;max-width:900px}.update-entry{border-left:5px solid var(--g)}.update-version{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:10px}.update-version strong{color:var(--g);font-size:26px}.status-installed,.status-answered{background:#e6f6eb;color:#176b45}.status-failed,.status-complaint{background:#fdeaea;color:#a62d2d}.status-rolled_back,.status-in_review{background:#fff4d7;color:#8b6200}.status-new{background:#eaf3ff;color:#235c9b}.status-closed{background:#eef0ef;color:#59655e}
.feedback-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}.feedback-list,.admin-feedback-list{display:grid;gap:14px}.feedback-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feedback-card-head h3{margin:9px 0 5px}.feedback-status{white-space:nowrap}.admin-response{margin-top:16px;padding:15px;border-radius:14px;background:var(--gl);border-left:4px solid var(--g)}.admin-response p{color:var(--ink);margin-bottom:6px}.user-feedback-message{padding:14px;border-radius:12px;background:#f7faf8;line-height:1.65;margin:12px 0}.feedback-response-form{margin-top:12px}.grid-2-admin{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}.button-row-admin{display:flex;align-items:center;gap:10px;margin-top:12px}.button-row-admin form{margin:0}.admin-feedback-card textarea{min-height:105px}
@media(max-width:900px){.feedback-layout{grid-template-columns:1fr}.grid-2-admin{grid-template-columns:1fr}.feedback-card-head{flex-direction:column}.feedback-status{align-self:flex-start}}

.delete-feedback-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}


/* Dashboard themes 1.0.8 */
body.theme-emerald{--g:#23a66b;--gd:#063d2b;--gl:#dff6ea;--bg:#eaf3ee;--ink:#10271d;--line:#c9ddd2;--shadow:0 16px 46px rgba(5,59,39,.15)}
body.theme-ocean{--g:#1677a8;--gd:#073d5a;--gl:#e0f3fb;--bg:#eef7fb;--ink:#142a36;--line:#cbdfe8;--gold:#e2a955;--shadow:0 16px 46px rgba(7,61,90,.13)}
body.theme-ocean .sidebar{background:#073d5a}body.theme-ocean .brand-mark{background:linear-gradient(135deg,#073d5a,#168fc0)}
body.theme-sunset{--g:#c9683e;--gd:#71361f;--gl:#fff0e7;--bg:#fff8f2;--ink:#35231b;--line:#ead8cc;--gold:#dc9a3c;--shadow:0 16px 46px rgba(113,54,31,.12)}
body.theme-sunset .sidebar{background:#71361f}body.theme-sunset .brand-mark{background:linear-gradient(135deg,#71361f,#dd865d)}
body.theme-midnight{--g:#7dd3b0;--gd:#d8fff0;--gl:#203f39;--bg:#101c1a;--white:#172724;--ink:#f2faf7;--muted:#9eb8af;--line:#29423c;--gold:#f0c66e;--shadow:0 18px 50px rgba(0,0,0,.35)}
body.theme-midnight .site-header{background:rgba(19,35,31,.95)}body.theme-midnight .sidebar{background:#081411}body.theme-midnight .card,body.theme-midnight .stat,body.theme-midnight .table-wrap,body.theme-midnight .pagination a,body.theme-midnight .pagination span{background:#172724}body.theme-midnight input,body.theme-midnight select,body.theme-midnight textarea{background:#10201d;color:var(--ink);border-color:#36534b}body.theme-midnight th,body.theme-midnight td{border-color:#29423c}body.theme-midnight .user-feedback-message{background:#10201d}body.theme-midnight .mobile-bar{background:#172724}
body.theme-glass{--g:#39c6a0;--gd:#eafff8;--gl:rgba(255,255,255,.18);--bg:#102849;--white:rgba(255,255,255,.14);--ink:#f8ffff;--muted:#c2d7df;--line:rgba(255,255,255,.22);--gold:#ffd688;--shadow:0 20px 55px rgba(0,0,0,.24);background:radial-gradient(circle at 10% 12%,rgba(57,198,160,.42),transparent 29%),radial-gradient(circle at 88% 16%,rgba(91,113,255,.38),transparent 30%),radial-gradient(circle at 48% 92%,rgba(215,91,182,.30),transparent 34%),linear-gradient(145deg,#0b2442,#16385b 58%,#173a43);background-attachment:fixed}
body.theme-glass .site-header,body.theme-glass .sidebar,body.theme-glass .card,body.theme-glass .stat,body.theme-glass .table-wrap,body.theme-glass .notice,body.theme-glass .mobile-bar{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 48px rgba(0,0,0,.16)}
body.theme-glass .sidebar{background:rgba(5,29,48,.38)}body.theme-glass .site-header{background:rgba(8,31,53,.46)}body.theme-glass .brand-mark{background:linear-gradient(135deg,rgba(57,198,160,.95),rgba(91,113,255,.90))}body.theme-glass input,body.theme-glass select,body.theme-glass textarea{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}body.theme-glass select option{color:#17231d;background:#fff}body.theme-glass input::placeholder,body.theme-glass textarea::placeholder{color:rgba(255,255,255,.58)}body.theme-glass th,body.theme-glass td{border-color:rgba(255,255,255,.18)}body.theme-glass .btn-soft,body.theme-glass .badge{background:rgba(255,255,255,.18);color:#fff}body.theme-glass .muted,body.theme-glass .card p{color:#c2d7df}body.theme-glass .user-feedback-message{background:rgba(255,255,255,.10)}
.theme-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-choice{padding:14px;transition:.2s transform,.2s border-color}.theme-choice:hover{transform:translateY(-3px)}.theme-choice.selected{border:2px solid var(--g)}.theme-preview{height:150px;border-radius:15px;padding:16px;display:grid;grid-template-columns:31% 1fr;grid-template-rows:24px 1fr;gap:10px;overflow:hidden}.theme-preview span{grid-row:1/3;border-radius:9px}.theme-preview i{border-radius:8px}.theme-preview b{border-radius:10px}.preview-classic{background:#f3f7f4}.preview-classic span{background:#0b422d}.preview-classic i,.preview-classic b{background:#fff;border:1px solid #dce6df}.preview-emerald{background:#eaf3ee}.preview-emerald span{background:#063d2b}.preview-emerald i,.preview-emerald b{background:#fff}.preview-ocean{background:#eef7fb}.preview-ocean span{background:#073d5a}.preview-ocean i,.preview-ocean b{background:#fff}.preview-sunset{background:#fff8f2}.preview-sunset span{background:#71361f}.preview-sunset i,.preview-sunset b{background:#fff}.preview-midnight{background:#101c1a}.preview-midnight span{background:#081411}.preview-midnight i,.preview-midnight b{background:#172724;border:1px solid #29423c}.preview-glass{background:radial-gradient(circle at 20% 20%,#44d9b1,transparent 35%),radial-gradient(circle at 85% 15%,#6577ff,transparent 35%),linear-gradient(145deg,#102849,#3a315f)}.preview-glass span,.preview-glass i,.preview-glass b{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(8px)}.theme-choice-body{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.theme-choice-body h3{margin-bottom:3px}.theme-choice-body p{margin:0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.registration-card{width:min(650px,100%)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-foot{text-align:center;margin:20px 0 0}.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important}.admin-two-column{display:grid;grid-template-columns:minmax(270px,.38fr) minmax(0,1fr);gap:20px;align-items:start}.mosque-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mosque-admin-card{position:relative}.mosque-card-head{display:flex;justify-content:space-between;align-items:center}.mosque-color{width:36px;height:36px;border-radius:12px;border:3px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--line)}.small-meta{font-size:13px}.inline-danger{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-tabs a{padding:9px 13px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-weight:800}.filter-tabs a.active{background:var(--g);color:#fff}.registration-list{display:grid;gap:15px;max-width:1000px}.registration-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.status-pending{background:#fff4d7;color:#825b00}.status-approved,.status-active{background:#e6f6eb;color:#176b45}.status-rejected,.status-inactive{background:#fdeaea;color:#a62d2d}
@media(max-width:1050px){.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-column{grid-template-columns:1fr}.mosque-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.theme-picker-grid,.mosque-admin-grid,.form-grid-2,.registration-actions{grid-template-columns:1fr}.theme-preview{height:120px}.page-actions{width:100%}.page-actions .btn{flex:1}.nav-links a[title="Tema dashboard"]{font-size:0;padding:10px}.nav-links a[title="Tema dashboard"]::before{content:'◐';font-size:20px}}

.mobile-more{position:relative}.mobile-more summary{list-style:none;font-size:11px;text-align:center;padding:7px 2px;color:#4e6056;cursor:pointer}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more summary b{display:block;font-size:18px}.mobile-more-sheet{position:fixed;left:10px;right:10px;bottom:70px;max-height:65vh;overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 18px 60px rgba(0,0,0,.24);z-index:100}.mobile-more-sheet a{display:block!important;text-align:left!important;font-size:14px!important;padding:12px 14px!important;border-radius:10px;color:var(--ink)!important}.mobile-more-sheet a:hover{background:var(--gl)}body.theme-glass .mobile-more-sheet{background:rgba(16,40,73,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}body.theme-glass .mobile-more summary,body.theme-midnight .mobile-more summary{color:var(--muted)}


/* Modul utama 1.1.0 */
.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.dashboard-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.dashboard-quick .card:hover{transform:translateY(-2px);border-color:var(--g)}
.project-preview,.template-system-preview{aspect-ratio:16/9;border-radius:13px;background:linear-gradient(135deg,var(--gd),#574294);display:grid;place-items:center;color:#fff;font-size:38px;margin-bottom:14px}.project-actions,.review-actions{display:flex;gap:8px;flex-wrap:wrap}.project-actions form{display:flex;gap:8px;flex-wrap:wrap}.status-review{background:#fff4d7;color:#825b00}.status-changes_requested{background:#fdeaea;color:#a62d2d}.status-approved{background:#e6f6eb;color:#176b45}.status-published{background:#eaf3ff;color:#145b8d}.review-grid,.template-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-head{display:flex;justify-content:space-between;gap:12px}.review-layout{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.timeline{display:grid;gap:12px}.timeline-item{border-left:4px solid var(--g)}.timeline-item p{white-space:normal}.calendar-add summary{cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px;overflow:auto;margin-top:16px}.calendar-grid>div{font-weight:900;text-align:center;padding:8px;color:var(--muted)}.calendar-day{min-height:150px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:9px}.calendar-day.outside{opacity:.48}.calendar-event{position:relative;margin-top:7px;padding:8px;border-radius:9px;background:var(--gl);font-size:12px}.calendar-event small,.calendar-event a{display:block;margin-top:4px}.calendar-event form{position:absolute;right:4px;top:3px}.calendar-event button{border:0;background:none;cursor:pointer}.template-admin-list{display:grid;gap:14px}.template-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}code{background:var(--gl);padding:2px 5px;border-radius:5px}
@media(max-width:1050px){.dashboard-quick,.review-grid,.template-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-layout{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-quick,.review-grid,.template-system-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,145px)}.review-actions .btn{flex:1}}

/* Sidebar berkategori — V1.1.6 */
.sidebar{position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;overscroll-behavior:contain;padding:18px 12px 28px;scrollbar-width:thin}
.sidebar-profile{display:flex;align-items:center;gap:11px;margin:0 5px 18px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)}
.sidebar-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.16);font-weight:900;font-size:16px}
.sidebar-profile strong,.sidebar-profile span{display:block;line-height:1.25}.sidebar-profile strong{font-size:13px}.sidebar-profile span{font-size:11px;margin-top:3px;color:rgba(255,255,255,.62)}
.sidebar-group{margin:0 0 18px}.sidebar-label{margin:0 12px 7px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.48)}
.sidebar-link{align-items:center;gap:10px}.sidebar-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:rgba(255,255,255,.08);font-size:14px}
.sidebar-link.active{background:rgba(255,255,255,.18);box-shadow:inset 3px 0 0 rgba(255,255,255,.82)}.sidebar-link.active .sidebar-icon{background:rgba(255,255,255,.20)}
.sidebar-group-system{padding-top:4px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-logout{color:#ffd8d8!important}.sidebar-logout:hover{background:rgba(255,91,91,.16)!important}
.mobile-menu-group{padding:8px 0;border-bottom:1px solid var(--line)}.mobile-menu-group:last-child{border-bottom:0}.mobile-menu-group p{margin:5px 14px 7px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
body.theme-glass .sidebar-profile,body.theme-glass .sidebar-icon{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
@media(max-width:900px){.sidebar{position:static;height:auto;overflow:visible}.mobile-more-sheet{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}


/* V1.1.6 — pengurusan latar belakang global */
.global-bg-dropzone{margin-top:14px;min-height:180px;border:2px dashed color-mix(in srgb,var(--g) 48%,var(--line));border-radius:18px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;padding:24px;background:color-mix(in srgb,var(--gl) 58%,transparent);cursor:pointer;transition:.2s}
.global-bg-dropzone:hover,.global-bg-dropzone.dragging{border-color:var(--g);background:var(--gl);transform:translateY(-1px)}.global-bg-dropzone .dropzone-icon{font-size:34px;color:var(--g);font-weight:900}.global-bg-dropzone span{color:var(--muted);font-size:13px}
.global-bg-preview-grid,.global-bg-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}.global-bg-preview-card,.global-bg-admin-card{background:var(--white);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 10px 30px rgba(12,55,39,.08)}.global-bg-preview-card{padding:10px}.global-bg-preview-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;background:#dfe8e3}.global-bg-preview-card label{margin-top:9px}.global-bg-preview-card small{display:block;margin-top:5px;color:var(--muted)}
.global-bg-admin-image{height:150px;background-position:center;background-size:cover;padding:10px;display:flex;align-items:flex-start;justify-content:flex-end}.global-bg-admin-body{padding:13px}.global-bg-admin-body .grid{grid-template-columns:1fr 120px}.global-bg-admin-card.inactive{opacity:.72}.global-bg-delete{padding:0 13px 13px}.bg-meta{font-size:11px}.compact-head{margin-top:22px}.inline-search{display:flex;gap:8px;align-items:center}.inline-search input{min-width:240px}
body.theme-glass .global-bg-preview-card,body.theme-glass .global-bg-admin-card{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);backdrop-filter:blur(18px)}
@media(max-width:700px){.global-bg-preview-grid,.global-bg-admin-grid{grid-template-columns:1fr}.inline-search{width:100%;display:grid;grid-template-columns:1fr auto}.inline-search input{min-width:0}.global-bg-admin-body .grid{grid-template-columns:1fr 110px}}

.page-search{display:flex;gap:8px;margin-bottom:14px}.page-search input{flex:1}.btn-small{padding:7px 10px;font-size:12px}code{word-break:break-all}

/* V1.3.0 — Pengurusan font global */
.font-upload-card{overflow:hidden}.font-dropzone{min-height:170px;border:2px dashed var(--line,#bfd0c5);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;cursor:pointer;background:rgba(255,255,255,.45);transition:.2s}.font-dropzone:hover,.font-dropzone.dragging{border-color:var(--primary,#176b45);transform:translateY(-1px);background:rgba(255,255,255,.68)}.font-dropzone .dropzone-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:900;background:var(--primary,#176b45);color:#fff}.font-dropzone span{font-size:13px;color:var(--muted,#6d7e74)}.font-upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:14px}.font-upload-item{padding:14px;border:1px solid var(--line,#d8e2dc);border-radius:16px;background:var(--surface,#fff);display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}.font-upload-item .font-file-icon{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:rgba(23,107,69,.12);display:grid;place-items:center;font-size:19px;font-weight:900;color:var(--primary,#176b45)}.font-upload-item label{margin:0}.font-upload-item small{grid-column:2;color:var(--muted,#6d7e74);overflow-wrap:anywhere}.font-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.font-admin-card{padding:14px;border:1px solid var(--line,#d8e2dc);border-radius:20px;background:var(--surface,#fff);box-shadow:var(--shadow,0 8px 24px rgba(15,81,50,.08))}.font-admin-card.inactive{opacity:.68}.font-admin-preview{min-height:125px;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(135deg,rgba(23,107,69,.12),rgba(255,255,255,.74));overflow:hidden}.font-admin-preview strong{font-size:34px;line-height:1.1}.font-admin-preview span{font-size:20px}.font-admin-body{display:grid;gap:10px;margin:12px 0}.font-meta{font-size:12px;overflow-wrap:anywhere}.sidebar-icon:has(+ span){font-weight:800}
@media(max-width:700px){.font-upload-preview,.font-admin-grid{grid-template-columns:1fr}.font-dropzone{min-height:145px}.font-admin-preview strong{font-size:30px}}


/* V1.3.0 — Kesihatan sistem, backup dan preflight */
.health-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.health-summary .stat strong{font-size:25px}.health-ok{border-left:5px solid #22945d}.health-warn{border-left:5px solid #d89b1d}.health-bad{border-left:5px solid #c84747}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.health-card{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 7px 22px rgba(10,55,38,.05)}.health-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.health-indicator{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-weight:900}.health-success .health-indicator{background:#e6f6eb;color:#176b45}.health-warning .health-indicator{background:#fff4d7;color:#8b6200}.health-danger .health-indicator{background:#fdeaea;color:#a62d2d}.health-actions{margin-top:18px}.health-actions h2{margin-top:0}.health-actions form{margin:0}.log-panel{margin-bottom:10px;padding:0;overflow:hidden}.log-panel summary{padding:15px 18px;cursor:pointer}.log-panel pre{margin:0;padding:16px;background:#101714;color:#dcebe3;max-height:420px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.backup-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backup-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.backup-row-actions form{display:flex;align-items:center;gap:7px;margin:0}.inline-check{display:flex;align-items:center;gap:5px;margin:0;font-size:11px}.inline-check input{width:auto;margin:0}.preflight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:16px}.preflight-card{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.preflight-card>b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.preflight-card span,.preflight-card small{display:block}.preflight-card small{margin-top:2px;color:var(--muted);line-height:1.35}.preflight-success>b{background:#e6f6eb;color:#176b45}.preflight-warning>b{background:#fff4d7;color:#8b6200}.preflight-danger>b{background:#fdeaea;color:#a62d2d}body.theme-midnight .health-card,body.theme-midnight .preflight-card{background:#172724}body.theme-glass .health-card,body.theme-glass .preflight-card{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);backdrop-filter:blur(18px)}
@media(max-width:760px){.backup-actions-grid{grid-template-columns:1fr}.backup-row-actions,.backup-row-actions form{align-items:stretch}.backup-row-actions form{width:100%;flex-wrap:wrap}.backup-row-actions .btn{flex:1}.health-grid{grid-template-columns:1fr}}


/* V1.3.4 — tukar penempatan masjid pengguna */
.user-row-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.user-row-actions>form{margin:0}.user-mosque-editor{position:relative}.user-mosque-editor>summary{list-style:none}.user-mosque-editor>summary::-webkit-details-marker{display:none}.user-mosque-editor[open]>summary{background:var(--g);color:#fff}.user-mosque-editor form{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:min(310px,80vw);padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 18px 48px rgba(7,45,29,.20)}.user-mosque-editor form label{margin-top:0}.user-mosque-editor form .btn{width:100%;margin-top:10px}body.theme-midnight .user-mosque-editor form{background:#172724}body.theme-glass .user-mosque-editor form{background:rgba(23,42,67,.94);border-color:rgba(255,255,255,.24);backdrop-filter:blur(18px)}
@media(max-width:620px){.user-row-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.user-row-actions .btn{width:100%}.user-mosque-editor form{position:static;width:100%;margin-top:8px;box-shadow:none}}


/* V1.3.8 — menu berkategori dengan accordion */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
.sidebar-accordion{margin:0 0 8px;border:1px solid transparent;border-radius:14px;overflow:hidden;transition:background .18s,border-color .18s}
.sidebar-accordion[open]{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}
.sidebar-accordion>summary{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 11px;list-style:none;cursor:pointer;color:rgba(255,255,255,.70);font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.10em;font-weight:900;user-select:none}
.sidebar-accordion>summary::-webkit-details-marker{display:none}.sidebar-accordion>summary:hover{color:#fff;background:rgba(255,255,255,.06)}
.sidebar-category-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.09);font-size:13px;letter-spacing:0;text-transform:none}
.sidebar-chevron{margin-left:auto;font-size:15px;transition:transform .18s}.sidebar-accordion[open] .sidebar-chevron{transform:rotate(180deg)}
.sidebar-accordion-content{padding:0 5px 7px}.sidebar-accordion-content .sidebar-link{margin:2px 0;padding:9px 10px;font-size:13px}.sidebar-accordion-content .sidebar-link span:last-child{line-height:1.25}
.sidebar-group-system{padding-top:0;border-top:0}.sidebar-accordion .sidebar-link.active{background:rgba(255,255,255,.18);box-shadow:inset 3px 0 0 rgba(255,255,255,.82)}
.mobile-menu-accordion{border-bottom:1px solid var(--line)}.mobile-menu-accordion:last-child{border-bottom:0}.mobile-menu-accordion>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;font-size:12px;font-weight:900;color:var(--ink);cursor:pointer}.mobile-menu-accordion>summary::-webkit-details-marker{display:none}.mobile-menu-accordion>summary span:last-child{transition:transform .18s}.mobile-menu-accordion[open]>summary span:last-child{transform:rotate(180deg)}
.mobile-menu-accordion>div{display:grid;padding:0 8px 10px}.mobile-menu-accordion>div a{display:block;padding:11px 12px;border-radius:10px;font-size:13px;color:var(--ink)}.mobile-menu-accordion>div a:hover{background:var(--gl);color:var(--gd)}
body.theme-midnight .mobile-menu-accordion>summary,body.theme-midnight .mobile-menu-accordion>div a{color:var(--ink)}
body.theme-glass .sidebar-accordion[open]{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px)}
@media(min-width:901px){.sidebar{position:sticky;top:70px;height:calc(100vh - 70px)}}
@media(max-width:900px){.mobile-more-sheet{padding:5px 0}.mobile-bar>a:nth-child(3){color:var(--g);font-weight:800}}


/* Carian pintar penceramah */
.speaker-ai-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}.speaker-ai-modal.hidden{display:none}.speaker-ai-backdrop{position:absolute;inset:0;background:rgba(5,19,14,.72);backdrop-filter:blur(5px)}.speaker-ai-dialog{position:relative;width:min(820px,100%);max-height:min(88vh,850px);overflow:auto;background:var(--panel,#fff);color:var(--text,#173b2c);border:1px solid var(--line,#d8e5dd);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:20px}.speaker-ai-dialog>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.speaker-ai-dialog h2{margin:2px 0 0}.speaker-ai-close{border:0;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer}.speaker-ai-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0 8px}.speaker-ai-search input{min-width:0}.speaker-ai-warning,.speaker-ai-note{padding:10px 12px;border-radius:12px;background:rgba(215,168,72,.14);border:1px solid rgba(190,138,31,.28);font-size:13px}.speaker-ai-card{margin-top:14px;padding:16px;border:1px solid var(--line,#d8e5dd);border-radius:16px;background:var(--soft,#f6faf7)}.speaker-ai-card-head{display:flex;justify-content:space-between;gap:14px}.speaker-ai-card h3{margin:3px 0}.speaker-ai-card p{margin:5px 0}.speaker-ai-rank{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6b7f75)}.speaker-ai-confidence{display:grid;place-items:center;min-width:54px;height:32px;border-radius:999px;font-weight:900;font-size:12px}.speaker-ai-confidence.high{background:#dff6e8;color:#126238}.speaker-ai-confidence.medium{background:#fff1c9;color:#7d5700}.speaker-ai-confidence.low{background:#ffe0dc;color:#8e2d22}.speaker-ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.speaker-ai-sources{margin-top:14px;padding:12px;border:1px solid var(--line,#d8e5dd);border-radius:14px}.speaker-ai-sources a{word-break:break-word}.speaker-ai-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:speakerAiSpin .7s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes speakerAiSpin{to{transform:rotate(360deg)}}.ai-inline-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.ai-inline-row>label{flex:1 1 240px}.speaker-ai-empty{padding:20px;text-align:center;color:var(--muted,#6b7f75)}
@media(max-width:640px){.speaker-ai-modal{padding:0;align-items:end}.speaker-ai-dialog{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:16px}.speaker-ai-search{grid-template-columns:1fr}.speaker-ai-actions .btn{flex:1 1 45%}}

/* V1.5.2 — Galeri dan sejarah Template Program */
.template-filter-bar{display:grid;grid-template-columns:minmax(200px,1fr) 180px 200px auto;gap:10px;align-items:end;margin-bottom:18px}
.program-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.program-template-card{padding:0;overflow:hidden}.program-template-thumb{aspect-ratio:4/3;background:linear-gradient(145deg,#143e32,#c5a252);display:grid;place-items:center;overflow:hidden}.program-template-thumb img{width:100%;height:100%;object-fit:cover}.template-placeholder{font-size:64px;color:#fff}
.program-template-card-body{padding:16px}.program-template-card h3{margin:10px 0 6px}.template-badges{display:flex;flex-wrap:wrap;gap:6px}.template-use-details{margin-top:14px}.template-use-details>summary{list-style:none;text-align:center;cursor:pointer}.template-use-details>summary::-webkit-details-marker{display:none}.template-use-form{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line,#dde4e0);border-radius:12px;background:var(--panel-soft,#f7faf8)}.template-duplicate-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.template-duplicate-form input{min-width:0}
.admin-template-list{display:grid;gap:16px}.admin-program-template-card{display:grid;grid-template-columns:190px 1fr;gap:18px}.admin-template-preview{aspect-ratio:4/3;border-radius:14px;background:linear-gradient(145deg,#143e32,#c5a252);overflow:hidden;display:grid;place-items:center;font-size:52px;color:#fff}.admin-template-preview img{width:100%;height:100%;object-fit:cover}.version-history{margin-top:14px}.version-history summary{cursor:pointer;font-weight:800}.version-list{display:grid;gap:8px;margin-top:10px}.version-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px;border:1px solid var(--line,#dde4e0);border-radius:12px}.version-row small{display:block;opacity:.65}.version-row p{margin:4px 0 0}
@media(max-width:780px){.template-filter-bar{grid-template-columns:1fr}.admin-program-template-card{grid-template-columns:1fr}.admin-template-preview{max-height:250px}.template-duplicate-form{grid-template-columns:1fr}.version-row{align-items:flex-start;flex-direction:column}}

/* V1.5.2 Bank Aset Event */
.event-asset-dropzone{margin:16px 0;padding:28px;border:2px dashed var(--line,#c9d7d0);border-radius:18px;display:grid;place-items:center;gap:5px;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--card,#fff) 82%,transparent)}
.event-asset-dropzone.dragging{border-color:#1f8a5b;transform:scale(.998);background:rgba(31,138,91,.08)}
.event-asset-upload-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.event-asset-upload-item{display:grid;gap:5px;padding:10px;border:1px solid var(--line,#ddd);border-radius:12px}.event-asset-upload-item input{width:100%}.event-asset-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.event-asset-filters input,.event-asset-filters select{min-width:170px;flex:1}.event-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.event-asset-card{background:var(--card,#fff);border:1px solid var(--line,#dce5e0);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(21,63,50,.08)}.event-asset-thumb{position:relative;aspect-ratio:4/3;background:#eef2f0;display:grid;place-items:center;overflow:hidden}.event-asset-thumb img{width:100%;height:100%;object-fit:contain}.transparent-grid{background-color:#fff;background-image:linear-gradient(45deg,#e4e9e7 25%,transparent 25%),linear-gradient(-45deg,#e4e9e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e9e7 75%),linear-gradient(-45deg,transparent 75%,#e4e9e7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.asset-fav{position:absolute;right:9px;top:9px;border:0;border-radius:999px;width:36px;height:36px;background:rgba(255,255,255,.88);font-size:20px;color:#9aa49f;cursor:pointer}.asset-fav.active{color:#e7a900}.asset-scope{position:absolute;left:9px;bottom:9px}.event-asset-body{padding:13px;display:grid;gap:6px}.event-asset-body small{color:var(--muted,#64716b)}.event-asset-body .button-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.event-asset-body .btn{padding:7px 10px;font-size:12px}
@media(max-width:720px){.event-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.event-asset-body{padding:9px}.event-asset-body .button-row{display:grid;grid-template-columns:1fr 1fr}.event-asset-filters>*{min-width:100%!important}}

/* V1.5.6 — Reset kata laluan & identiti sistem */
.choice-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;margin:10px 0;border:1px solid var(--line,#d8e2dc);border-radius:15px;background:var(--white,#fff);cursor:pointer}.choice-card input{width:auto;margin:0}.choice-card span strong,.choice-card span small{display:block}.choice-card span small{margin-top:3px;color:var(--muted,#66756e)}.user-row-actions details form{min-width:min(310px,78vw)}.user-row-actions .check-row{display:flex;align-items:center;gap:8px}.user-row-actions .check-row input{width:auto;margin:0}.notice code{display:inline-block;max-width:100%;padding:7px 9px}.auth-card label small{display:block;margin-top:5px}
@media(max-width:620px){.choice-card{grid-template-columns:auto 1fr}.choice-card img{grid-column:2}.user-row-actions{align-items:stretch}.user-row-actions>details,.user-row-actions>form{width:100%}.user-row-actions .btn{width:100%}}


/* V1.5.7 — Kalendar Program & Poster Berulang */
.calendar-v157-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.calendar-v157-tabs{display:flex;gap:8px;align-items:center;overflow:auto;margin:15px 0}.calendar-v157-tabs a{white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-weight:800;color:var(--ink)}.calendar-v157-tabs a.active{background:var(--g);border-color:var(--g);color:#fff}.calendar-v157-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.2);font-size:11px}.calendar-v157-filter{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(145px,1fr)) auto auto}.calendar-v157-form{margin-bottom:18px}.calendar-v157-form>summary{cursor:pointer;list-style:none}.calendar-v157-form>summary::-webkit-details-marker{display:none}.calendar-v157-form form{margin-top:16px}.calendar-weekdays{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:12px}.calendar-weekdays legend{font-weight:800;padding:0 6px}.calendar-weekdays label{display:flex;align-items:center;gap:5px;margin:0;padding:7px 9px;border-radius:9px;background:var(--gl)}.calendar-weekdays input{width:auto;margin:0}.calendar-v157-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.calendar-v157-board{min-width:0;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.calendar-v157-weekheads,.calendar-v157-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));min-width:1015px}.calendar-v157-weekheads>div{padding:11px;text-align:center;font-size:12px;font-weight:900;background:var(--gl);border-right:1px solid var(--line)}.calendar-v157-day{min-height:165px;padding:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--white)}.calendar-v157-day.outside{background:color-mix(in srgb,var(--white) 55%,var(--gl));opacity:.72}.calendar-v157-day.today{box-shadow:inset 0 0 0 2px var(--g)}.calendar-v157-day>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.calendar-v157-day>header strong{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--gl)}.calendar-v157-day>header small{color:var(--muted)}.calendar-v157-events{display:grid;gap:7px}.calendar-v157-event{position:relative;padding:8px 8px 8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--white);font-size:11px;overflow:hidden}.calendar-v157-event:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--event-color)}.calendar-v157-event.has-conflict{border-color:#d79d23;background:#fff9e8}.calendar-v157-event strong,.calendar-v157-event small{display:block}.calendar-v157-event strong{font-size:12px;margin:3px 0}.event-time{font-size:10px;font-weight:900;color:var(--event-color)}.event-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.event-badges span{padding:3px 5px;border-radius:999px;background:var(--gl);font-size:9px}.event-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.event-actions form{margin:0}.event-actions a,.event-actions button{border:0;background:none;padding:0;color:var(--g);font:inherit;font-weight:800;cursor:pointer}.calendar-v157-task-panel{position:sticky;top:86px}.task-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-panel-head h2{font-size:18px;margin:3px 0 12px}.calendar-task{display:grid;gap:4px;padding:11px 0;border-top:1px solid var(--line)}.calendar-task time{font-size:11px;font-weight:900;color:var(--g)}.calendar-task small{color:var(--muted)}.calendar-task form{margin:4px 0 0}.calendar-v157-table td small{display:block;margin-top:3px;color:var(--muted)}.calendar-row-actions{display:flex;gap:6px;flex-wrap:wrap}.calendar-row-actions form{margin:0}.row-conflict{background:#fff9e8}.text-danger{color:#a22f2f!important}.button-row{display:flex;gap:8px;flex-wrap:wrap}
body.theme-midnight .calendar-v157-tabs a,body.theme-midnight .calendar-v157-board,body.theme-midnight .calendar-v157-day,body.theme-midnight .calendar-v157-event{background:var(--white)}body.theme-glass .calendar-v157-board,body.theme-glass .calendar-v157-day,body.theme-glass .calendar-v157-event,body.theme-glass .calendar-v157-tabs a{background:rgba(255,255,255,.12);backdrop-filter:blur(14px)}
@media(max-width:1100px){.calendar-v157-layout{grid-template-columns:1fr}.calendar-v157-task-panel{position:static}.calendar-v157-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-v157-filter .btn{align-self:end}}
@media(max-width:650px){.calendar-v157-stats{grid-template-columns:repeat(2,1fr)}.calendar-v157-filter{grid-template-columns:1fr}.calendar-v157-form .form-grid-2{grid-template-columns:1fr}.calendar-v157-form .span-2,.calendar-weekdays{grid-column:1}.calendar-weekdays{display:grid;grid-template-columns:repeat(3,1fr)}.calendar-v157-tabs{margin-inline:-4px}.calendar-v157-table table{min-width:820px}}

/* V1.5.8 project previews */
.dashboard-project-grid,.project-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.visual-project-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.project-thumbnail{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#073a28,#574294);overflow:hidden;text-decoration:none;color:#fff;font-size:42px}.project-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:.25s transform}.visual-project-card:hover .project-thumbnail img{transform:scale(1.025)}.project-card-body{padding:16px}.project-card-title-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.project-card-title-row h3{margin:0;font-size:17px;line-height:1.3;overflow-wrap:anywhere}.project-card-title-row .badge{flex:0 0 auto}.project-card-body>.muted{font-size:11px;margin:8px 0 14px}.project-card-actions,.project-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.project-actions form{display:flex;gap:8px;flex-wrap:wrap}.project-card-actions .btn,.project-actions .btn{padding:9px 12px;font-size:12px}

/* V1.5.8.2 — Dashboard visual, menu tiga titik dan tetapan gaya butang */
.dashboard-v1582-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-v1582-head h1{margin:3px 0 7px;font-size:clamp(27px,3vw,39px);letter-spacing:-.035em}.dashboard-v1582-eyebrow{margin:0;color:var(--g);font-size:11px;font-weight:950;letter-spacing:.16em}.dashboard-create-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.dashboard-v1582-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.dashboard-v1582-summary>a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:0 8px 24px rgba(11,61,41,.045);transition:transform .18s,border-color .18s,box-shadow .18s}.dashboard-v1582-summary>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g) 45%,var(--line));box-shadow:0 14px 30px rgba(11,61,41,.09)}.dashboard-v1582-summary>a>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--gl);color:var(--g);font-size:19px;font-weight:900}.dashboard-v1582-summary strong{font-size:22px;line-height:1}.dashboard-v1582-summary small{color:var(--muted);margin-top:3px}
.dashboard-v1582-shortcuts{display:flex;gap:8px;overflow:auto;padding:2px 0 8px;margin-bottom:17px;scrollbar-width:thin}.dashboard-v1582-shortcuts a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:12px}.dashboard-v1582-shortcuts a:hover{border-color:var(--g);color:var(--g)}.dashboard-v1582-shortcuts span{font-size:15px}
.dashboard-v1582-projects{margin-top:8px}.dashboard-project-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 12px}.dashboard-project-section-head h2{font-size:24px;margin:0 0 4px}.dashboard-project-section-head p{margin:0;color:var(--muted);font-size:13px}
.dashboard-poster-search{display:grid;grid-template-columns:minmax(260px,1fr) minmax(145px,185px) minmax(145px,185px) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:0 8px 24px rgba(11,61,41,.045);margin-bottom:17px}.dashboard-search-input{position:relative;margin:0}.dashboard-search-input>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1;color:var(--muted);font-size:19px}.dashboard-search-input input{height:46px;margin:0;padding-left:42px;padding-right:40px;background:color-mix(in srgb,var(--white) 75%,var(--bg));border-radius:13px}.dashboard-search-input>a{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--gl);font-weight:900}.dashboard-filter-select{margin:0}.dashboard-filter-select>span{display:block;margin-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.dashboard-filter-select select{height:46px;margin:0}.dashboard-poster-search>.btn{height:46px}
.dashboard-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.dashboard-design-card{min-width:0}.dashboard-design-preview-wrap{position:relative}.dashboard-design-preview{display:grid;place-items:center;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#073a28,#574294 58%,#15918c);box-shadow:0 10px 28px rgba(16,49,37,.11);transition:transform .2s,box-shadow .2s}.dashboard-design-preview:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,49,37,.16)}.dashboard-design-preview img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.dashboard-preview-placeholder{display:grid;place-items:center;gap:10px;text-align:center;color:#fff;padding:24px}.dashboard-preview-placeholder b{font-size:43px}.dashboard-preview-placeholder small{max-width:150px;line-height:1.5;color:rgba(255,255,255,.78)}.dashboard-design-type{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(13,27,22,.76);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}
.poster-card-menu{position:absolute;right:9px;top:9px;z-index:9}.poster-card-menu>summary{list-style:none}.poster-card-menu>summary::-webkit-details-marker{display:none}.poster-card-menu-toggle{width:37px;height:37px;border:1px solid rgba(255,255,255,.55);border-radius:11px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(0,0,0,.13);color:#22332b;font-size:16px;font-weight:950;cursor:pointer;letter-spacing:1px}.poster-card-menu[open] .poster-card-menu-toggle{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.2)}.poster-card-menu-panel{position:absolute;right:0;top:44px;width:210px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 20px 48px rgba(14,42,31,.22);z-index:20}.poster-card-menu-panel a,.poster-card-menu-panel button{width:100%;display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.poster-card-menu-panel a:hover,.poster-card-menu-panel button:hover{background:var(--gl);color:var(--gd)}.poster-card-menu-panel span{display:grid;place-items:center;font-size:15px}.poster-card-menu-panel b{font-size:12px}.poster-card-menu-panel form{margin:0}.poster-card-menu-panel .poster-menu-delete{color:var(--danger)}.poster-card-menu-panel .poster-menu-delete:hover{background:#fee9e9;color:var(--danger)}.poster-menu-separator{height:1px;background:var(--line);margin:5px 3px}
.dashboard-design-card-body{padding:11px 3px 3px}.dashboard-design-title{display:block;font-size:14px;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.dashboard-design-title:hover{color:var(--g)}.dashboard-design-meta{display:flex;align-items:center;gap:7px;justify-content:space-between;margin-top:8px}.dashboard-design-meta .badge{padding:4px 7px;font-size:9px}.dashboard-design-meta time{font-size:10px;color:var(--muted);text-align:right}.dashboard-empty-poster{grid-column:1/-1;min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--white);padding:28px}.dashboard-empty-poster>span{font-size:37px;color:var(--g)}.dashboard-empty-poster h3,.dashboard-empty-poster p{margin:0}.dashboard-empty-poster p{color:var(--muted);margin-bottom:8px}.dashboard-pagination{justify-content:center;margin-top:24px}
.settings-section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 13px}.settings-section-head>div{display:flex;align-items:center;gap:12px}.settings-section-head h2{margin:0 0 3px;font-size:21px}.settings-section-head p{margin:0;color:var(--muted);font-size:13px}.settings-section-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--gl);color:var(--g);font-size:19px}.button-display-heading{margin-top:35px}.button-display-settings{padding:16px}.button-display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.button-display-choice{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"radio demo state" "radio copy state";column-gap:11px;row-gap:8px;align-items:center;margin:0;padding:15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--white) 87%,var(--bg));cursor:pointer;transition:.18s}.button-display-choice:hover,.button-display-choice.selected{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 12%,transparent)}.button-display-choice input{grid-area:radio;width:18px;height:18px;margin:0;accent-color:var(--g)}.button-display-demo{grid-area:demo;justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:8px 11px;border-radius:10px;background:var(--g);color:#fff}.button-display-demo i{font-style:normal;font-size:18px;line-height:1}.button-display-demo b{font-size:11px}.button-display-demo.demo-icons b{display:none}.button-display-demo.demo-text i{display:none}.button-display-copy{grid-area:copy}.button-display-copy strong,.button-display-copy small{display:block}.button-display-copy small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.button-display-choice em{grid-area:state;align-self:start;padding:4px 7px;border-radius:999px;background:var(--gl);color:var(--g);font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.button-display-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.button-display-save-row p{margin:0;max-width:690px;color:var(--muted);font-size:12px;line-height:1.55}
body.theme-midnight .dashboard-v1582-summary>a,body.theme-midnight .dashboard-v1582-shortcuts a,body.theme-midnight .dashboard-poster-search,body.theme-midnight .poster-card-menu-panel,body.theme-midnight .dashboard-empty-poster,body.theme-midnight .button-display-settings{background:var(--white)}body.theme-glass .dashboard-v1582-summary>a,body.theme-glass .dashboard-v1582-shortcuts a,body.theme-glass .dashboard-poster-search,body.theme-glass .poster-card-menu-panel,body.theme-glass .dashboard-empty-poster,body.theme-glass .button-display-settings{background:rgba(255,255,255,.13);backdrop-filter:blur(18px)}
@media(max-width:1050px){.dashboard-v1582-summary{grid-template-columns:repeat(2,1fr)}.dashboard-poster-search{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,170px))}.dashboard-poster-search>.btn{grid-column:1/-1;justify-self:end;min-width:150px}}
@media(max-width:760px){.dashboard-v1582-head{flex-direction:column}.dashboard-create-actions{width:100%;justify-content:stretch}.dashboard-create-actions .btn{flex:1}.dashboard-poster-search{grid-template-columns:1fr 1fr}.dashboard-search-input{grid-column:1/-1}.dashboard-poster-search>.btn{grid-column:1/-1;width:100%;justify-self:stretch}.dashboard-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dashboard-design-card-body{padding-top:9px}.dashboard-design-meta{align-items:flex-start;flex-direction:column}.dashboard-design-meta time{text-align:left}.button-display-grid{grid-template-columns:1fr}.button-display-save-row{align-items:stretch;flex-direction:column}.button-display-save-row .btn{width:100%}}
@media(max-width:480px){.dashboard-v1582-summary{grid-template-columns:1fr 1fr;gap:8px}.dashboard-v1582-summary>a{grid-template-columns:34px 1fr;padding:11px}.dashboard-v1582-summary>a>span{width:34px;height:34px;font-size:16px}.dashboard-v1582-summary strong{font-size:18px}.dashboard-v1582-summary small{font-size:10px}.dashboard-poster-search{grid-template-columns:1fr}.dashboard-filter-select{grid-column:1}.dashboard-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-design-preview{border-radius:13px}.poster-card-menu{right:6px;top:6px}.poster-card-menu-toggle{width:34px;height:34px}.poster-card-menu-panel{position:fixed;left:12px;right:12px;top:auto;bottom:82px;width:auto;border-radius:18px;padding:10px}.dashboard-design-title{font-size:12px}.dashboard-design-meta .badge{display:none}}

/* V1.5.9 — e-mel, sejarah versi dan badge permohonan */
.sidebar-link{position:relative}.sidebar-count-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#d83b3b;color:#fff;font-size:11px;line-height:1;font-weight:900;box-shadow:0 0 0 3px rgba(216,59,59,.12)}
.email-settings-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.email-settings-grid .card{height:100%}.toggle-row{display:flex!important;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--border,#dce6e1);border-radius:14px;margin:0 0 12px}.toggle-row input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}.toggle-row span{display:grid;gap:3px}.toggle-row small{color:var(--muted,#718078);font-weight:500}.compact-list{display:grid;gap:8px}.compact-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border,#e1e9e5)}.compact-list span{color:var(--muted,#718078);font-size:13px}.status-sent{background:#dcf6e9!important;color:#11663e!important}.status-failed{background:#ffe5e5!important;color:#a52525!important}.status-skipped{background:#f0f1f2!important;color:#59615d!important}
.version-project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.version-project-card{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.version-project-card .project-thumbnail{height:145px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e7eee9,#cadbd2);display:flex;align-items:center;justify-content:center;color:#176b45;font-size:38px}.version-project-card .project-thumbnail img{width:100%;height:100%;object-fit:cover}.version-project-card h3{margin:0 0 6px}.version-count{display:flex;align-items:baseline;gap:6px;margin:10px 0}.version-count strong{font-size:24px}.version-count span{font-size:12px;color:var(--muted,#718078);text-transform:uppercase;letter-spacing:.08em}.version-project-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}.version-project-head h2{margin:8px 0 4px}.version-timeline{display:grid;gap:12px}.version-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.version-card>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}.version-card strong{font-size:20px;color:var(--primary,#176b45);grid-row:1/3}.version-card span{font-weight:750}.version-card small{color:var(--muted,#718078)}
@media(max-width:850px){.email-settings-grid{grid-template-columns:1fr}.version-project-head,.version-card{align-items:stretch;flex-direction:column}.version-card>form .btn{width:100%}.compact-list>div{display:grid;gap:3px}}
@media(max-width:520px){.version-project-card{grid-template-columns:86px 1fr}.version-project-card .project-thumbnail{height:116px}.version-card>div{grid-template-columns:1fr}.version-card strong{grid-row:auto}}

/* V1.5.9.2 — top menu dashboard lebih kemas dan berasaskan ikon */
.dashboard-site-header{box-shadow:0 8px 28px rgba(15,55,38,.06)}
.dashboard-nav-shell{height:68px;gap:14px}
.dashboard-brand{min-width:0;flex:0 1 auto}
.dashboard-brand-copy{display:grid;line-height:1.05;min-width:0}
.dashboard-brand-copy strong{font-size:14px;white-space:nowrap}
.dashboard-brand-copy small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.09em}
.dashboard-mosque-context{display:flex;align-items:center;gap:9px;min-width:0;max-width:310px;margin-left:8px;padding:7px 11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--white) 86%,var(--gl));color:var(--ink)}
.dashboard-mosque-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:var(--gl);color:var(--g);font-size:16px;font-weight:900}
.dashboard-mosque-context>span:last-child{display:grid;min-width:0}
.dashboard-mosque-context small{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:900}
.dashboard-mosque-context strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.dashboard-top-actions{gap:5px}
.dashboard-top-action{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px!important;border:1px solid transparent;border-radius:11px!important;color:#435249!important;font-weight:800!important;transition:.16s ease}
.dashboard-top-action>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--gl);color:var(--g);font-size:15px;line-height:1}
.dashboard-top-action>b{font-size:11px;white-space:nowrap}
.dashboard-top-action:hover,.dashboard-top-action.active{border-color:color-mix(in srgb,var(--g) 24%,var(--line));background:var(--gl)!important;color:var(--gd)!important}
.dashboard-top-action.active>span{background:var(--g);color:#fff}
.dashboard-create-shortcut{background:var(--g)!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,107,69,.17)}
.dashboard-create-shortcut>span{background:rgba(255,255,255,.17);color:#fff}
.dashboard-create-shortcut:hover{background:var(--gd)!important;color:#fff!important}
.dashboard-account-menu{position:relative;margin-left:3px}
.dashboard-account-menu>summary{list-style:none}.dashboard-account-menu>summary::-webkit-details-marker{display:none}
.dashboard-account-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 7px 4px 5px;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--ink);cursor:pointer;box-shadow:0 5px 14px rgba(18,55,39,.06)}
.dashboard-account-menu[open] .dashboard-account-toggle{border-color:color-mix(in srgb,var(--g) 42%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 10%,transparent)}
.dashboard-user-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,var(--gd),var(--g));color:#fff;font-size:13px;font-weight:950}
.dashboard-user-avatar.large{width:38px;height:38px;border-radius:12px;font-size:15px}
.dashboard-user-copy{display:grid;min-width:0;max-width:125px;text-align:left;line-height:1.1}
.dashboard-user-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.dashboard-user-copy small{margin-top:3px;color:var(--muted);font-size:8px}
.dashboard-account-chevron{color:var(--muted);font-size:13px;transition:.18s transform}
.dashboard-account-menu[open] .dashboard-account-chevron{transform:rotate(180deg)}
.dashboard-account-panel{position:absolute;right:0;top:50px;width:245px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 22px 55px rgba(14,42,31,.22);z-index:120}
.dashboard-account-head{display:flex;align-items:center;gap:10px;padding:9px 8px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.dashboard-account-head>span:last-child{display:grid;min-width:0}
.dashboard-account-head strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-account-head small{margin-top:3px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-account-panel>a{display:grid!important;grid-template-columns:29px 1fr;align-items:center;gap:9px;padding:9px!important;border-radius:10px!important;color:var(--ink)!important}
.dashboard-account-panel>a:hover{background:var(--gl)!important;color:var(--gd)!important}
.dashboard-account-panel>a span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--gl);color:var(--g);font-size:14px}
.dashboard-account-panel>a b{font-size:11px}
.dashboard-account-separator{height:1px;margin:5px 4px;background:var(--line)}
.dashboard-account-panel .dashboard-account-logout{color:var(--danger)!important}
.dashboard-account-panel .dashboard-account-logout span{background:#fee9e9;color:var(--danger)}
body.theme-midnight .dashboard-mosque-context,body.theme-midnight .dashboard-account-toggle,body.theme-midnight .dashboard-account-panel{background:var(--white)}
body.theme-glass .dashboard-mosque-context,body.theme-glass .dashboard-account-toggle,body.theme-glass .dashboard-account-panel{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);backdrop-filter:blur(20px)}
body.theme-glass .dashboard-top-action,body.theme-glass .dashboard-account-toggle,body.theme-glass .dashboard-account-panel>a{color:#fff!important}
body.theme-glass .dashboard-mosque-context small,body.theme-glass .dashboard-user-copy small,body.theme-glass .dashboard-account-head small{color:rgba(255,255,255,.68)}
@media(max-width:1060px){
  .dashboard-mosque-context{display:none}
  .dashboard-top-action b{display:none}
  .dashboard-top-action{width:41px;padding:7px!important}
  .dashboard-top-action>span{background:transparent;font-size:18px}
  .dashboard-top-action.active>span,.dashboard-create-shortcut>span{background:transparent}
  .dashboard-create-shortcut{width:42px}
}
@media(max-width:680px){
  .dashboard-nav-shell{height:62px;gap:6px}
  .dashboard-brand{gap:7px;min-width:0}
  .dashboard-brand .brand-mark{width:34px;height:34px;border-radius:10px}
  .dashboard-brand-copy strong{font-size:11px;max-width:128px;overflow:hidden;text-overflow:ellipsis}
  .dashboard-brand-copy small{font-size:7px}
  .dashboard-top-actions{gap:3px;margin-left:auto}
  .dashboard-top-action{width:37px;min-height:37px;border-radius:10px!important;padding:5px!important}
  .dashboard-top-action>span{width:25px;height:25px;font-size:17px}
  .dashboard-create-shortcut{display:none!important}
  .dashboard-account-toggle{min-height:38px;padding:3px;border-radius:11px}
  .dashboard-user-avatar{width:31px;height:31px;border-radius:9px}
  .dashboard-user-copy,.dashboard-account-chevron{display:none}
  .dashboard-account-panel{position:fixed;left:12px;right:12px;top:70px;width:auto;max-height:calc(100dvh - 90px);overflow:auto;border-radius:18px}
}
@media(max-width:390px){
  .dashboard-brand-copy strong{max-width:92px}
  .dashboard-top-action[href="/theme-settings.php"]{display:none!important}
}

/* V1.5.9.3 — Pengurusan Data dipecahkan mengikut modul */
.page-kicker{display:inline-flex;margin-bottom:7px;color:var(--g);font-size:10px;font-weight:950;letter-spacing:.14em}
.data-management-page-head{align-items:flex-end}
.data-management-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;padding:17px 18px}
.data-management-summary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--gl);color:var(--g);font-size:23px;font-weight:900}
.data-management-summary strong{display:block;font-size:14px}.data-management-summary p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.data-management-sync-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.data-management-sync-meta span{display:grid;gap:2px;min-width:100px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.data-management-sync-meta b{color:var(--ink);font-size:10px;text-transform:none;letter-spacing:0}
.data-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.data-module-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:start;padding:18px;text-decoration:none;color:var(--ink);transition:.18s ease}
.data-module-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g) 30%,var(--line));box-shadow:0 16px 32px rgba(18,66,45,.10)}
.data-module-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,var(--gl),color-mix(in srgb,var(--gl) 65%,#fff));color:var(--g);font-size:25px;font-weight:950;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 12%,transparent)}
.data-module-copy{display:grid;min-width:0}.data-module-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.data-module-title-row strong{font-size:15px}.data-module-title-row em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:var(--gl);color:var(--g);font-size:9px;font-style:normal;font-weight:900}
.data-module-copy small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.55}.data-module-open{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--g);font-size:10px}.data-module-card:last-child{grid-column:1/-1}
.data-management-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:16px 18px}.data-management-help>div{display:flex;align-items:flex-start;gap:12px}.data-management-help>div>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#eef4ff;color:#315fa8;font-weight:900}.data-management-help strong{display:block;font-size:12px}.data-management-help p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:820px){.data-management-summary{grid-template-columns:auto minmax(0,1fr)}.data-management-sync-meta{grid-column:1/-1;justify-content:flex-start}.data-module-grid{grid-template-columns:1fr}.data-module-card:last-child{grid-column:auto}.data-management-help{align-items:stretch;flex-direction:column}.data-management-help .btn{width:100%}}
@media(max-width:520px){.data-management-page-head{align-items:stretch}.data-management-page-head .btn{width:100%}.data-management-summary{grid-template-columns:1fr;text-align:left}.data-management-summary-icon{width:42px;height:42px}.data-management-sync-meta{display:grid;grid-template-columns:1fr 1fr}.data-module-card{grid-template-columns:46px minmax(0,1fr);padding:15px;gap:12px}.data-module-icon{width:46px;height:46px;border-radius:14px;font-size:20px}.data-module-title-row{align-items:flex-start;flex-direction:column;gap:6px}.data-module-title-row em{align-self:flex-start}}

/* V1.6.0.8 — kawalan dialog portal yang konsisten */
.ui-modal-close,.speaker-ai-close,[data-ai-close].speaker-ai-close{
  appearance:none!important;display:inline-grid!important;place-items:center!important;
  flex:0 0 auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;border:1px solid rgba(21,64,45,.12)!important;border-radius:12px!important;
  background:#edf4f0!important;color:#173b2c!important;font:700 25px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;box-shadow:none!important;transition:background .16s ease,transform .16s ease,border-color .16s ease!important;
}
.ui-modal-close:hover,.speaker-ai-close:hover{background:#dfece5!important;border-color:rgba(21,64,45,.22)!important;transform:translateY(-1px)}
.ui-modal-close:active,.speaker-ai-close:active{transform:scale(.96)}
.ui-modal-close:focus-visible,.speaker-ai-close:focus-visible{outline:3px solid rgba(37,139,92,.28)!important;outline-offset:2px!important}
@media(max-width:640px){.ui-modal-close,.speaker-ai-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}}

/* V1.6.1 — Penyatuan UI/UX & Pengurusan Data berdikari */
.ui-svg-icon{width:1.15em;height:1.15em;display:inline-block;flex:0 0 auto;vertical-align:-.18em}
.data-module-page{max-width:1440px;margin:0 auto;padding-bottom:40px}
.data-module-page-head{align-items:center;gap:24px;margin-bottom:18px}
.data-module-title-line{display:flex;align-items:center;gap:12px;margin-top:5px}
.data-module-title-line h1{margin:0}
.data-module-title-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#e6f8ef,#fff);color:var(--primary,#176b45);box-shadow:inset 0 0 0 1px rgba(23,107,69,.12)}
.data-module-title-icon .ui-svg-icon{width:23px;height:23px}
.data-module-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.data-sync-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:999px;background:#eef7f2;color:#376a55;font-size:12px;font-weight:800;white-space:nowrap}
.data-sync-pill[data-state="loading"]{background:#fff7e6;color:#8a5b0b}
.data-sync-pill[data-state="error"]{background:#fff0f0;color:#a12f2f}
.data-sync-pill .ui-svg-icon{width:16px;height:16px}
.data-module-switcher{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px;margin-bottom:16px;border:1px solid rgba(20,73,50,.1);background:rgba(255,255,255,.75);backdrop-filter:blur(12px);border-radius:16px;scrollbar-width:none}
.data-module-switcher::-webkit-scrollbar{display:none}
.data-module-switcher a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border-radius:12px;color:#40564c;text-decoration:none;font-weight:800;white-space:nowrap;transition:.18s ease}
.data-module-switcher a:hover{background:#eef7f2;color:#135d3c}
.data-module-switcher a.active{background:#176b45;color:#fff;box-shadow:0 8px 20px rgba(23,107,69,.2)}
.data-module-switcher .ui-svg-icon{width:17px;height:17px}
.data-module-workspace{padding:0;overflow:hidden;border-radius:22px}
.data-module-two-column{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);min-height:620px}
.data-editor-form{padding:26px;border-right:1px solid #e7ede9;background:linear-gradient(180deg,#fcfefd,#f5f9f7);display:flex;flex-direction:column;gap:16px}
.data-editor-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#354b40}
.data-editor-form input,.data-editor-form select,.data-editor-form textarea,.data-list-toolbar input,.data-list-toolbar select,.ui-dialog-search input,.ui-dialog-search select{width:100%;border:1px solid #d9e4de;background:#fff;border-radius:11px;min-height:44px;padding:10px 12px;font:inherit;color:#24372e;outline:none;transition:border-color .18s,box-shadow .18s}
.data-editor-form textarea{resize:vertical;min-height:96px}
.data-editor-form input:focus,.data-editor-form select:focus,.data-editor-form textarea:focus,.data-list-toolbar input:focus,.data-list-toolbar select:focus,.ui-dialog-search input:focus,.ui-dialog-search select:focus{border-color:#2a8a60;box-shadow:0 0 0 3px rgba(42,138,96,.12)}
.data-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:2px}
.data-section-head small{display:block;color:#2b7a55;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
.data-section-head h2{margin:0;font-size:21px;line-height:1.2}
.data-section-head p{margin:6px 0 0;color:#667b70;font-size:13px;max-width:650px}
.data-save-btn{justify-content:center;min-height:48px;margin-top:4px}
.btn.btn-ghost{background:transparent;border-color:transparent;color:#52675d}
.btn.btn-ghost:hover{background:#edf4f0;border-color:#dbe8e1}
.data-file-field{position:relative}
.data-file-field input{position:absolute;opacity:0;pointer-events:none}
.data-file-field>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border:1px dashed #9ebcab;border-radius:12px;background:#f7fbf9;color:#285d44;cursor:pointer}
.data-image-preview{position:relative;width:140px;min-height:120px;border:1px solid #dce8e1;border-radius:14px;background:#fff;overflow:hidden;padding:8px}
.data-image-preview img{display:block;width:100%;height:118px;object-fit:contain;border-radius:9px;background:#eef3f0}
.data-image-preview .ui-icon-button{position:absolute;top:12px;right:12px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.data-form-inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.data-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid #dce7e1;border-radius:12px;background:#fff}
.data-switch-row span{display:grid;gap:2px}
.data-switch-row small{color:#71827a;font-weight:500}
.data-switch-row input[type="checkbox"]{width:22px;height:22px;min-height:auto;flex:0 0 auto}
.data-list-pane{min-width:0;padding:24px;background:#fff}
.data-list-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto auto auto;align-items:end;gap:9px;margin-bottom:8px;position:sticky;top:0;z-index:2;background:#fff;padding-bottom:12px}
.data-search-field{position:relative;display:flex;align-items:center}
.data-search-field>.ui-svg-icon{position:absolute;left:13px;width:18px;height:18px;color:#71827a;z-index:1}
.data-search-field input{padding-left:40px}
.data-page-size{display:grid;gap:5px;font-size:11px;font-weight:800;color:#61736a}
.data-page-size select{min-width:76px}
.data-result-summary{min-height:24px;color:#6b7d74;font-size:12px;margin-bottom:7px}
.data-record-list{display:grid;gap:9px}
.data-record-card{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 14px;border:1px solid #e1e9e4;border-radius:14px;background:#fff;transition:.16s ease}
.data-record-card:hover{border-color:#b9d3c4;box-shadow:0 8px 22px rgba(35,86,61,.08);transform:translateY(-1px)}
.data-record-leading,.data-record-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef7f2;color:#1a6a45;flex:0 0 auto;overflow:hidden;font-weight:900}
.data-record-leading .ui-svg-icon{width:21px;height:21px}
.data-record-avatar{border-radius:50%}
.data-record-avatar img{width:100%;height:100%;object-fit:cover}
.data-record-copy{display:grid;gap:3px;min-width:0;flex:1}
.data-record-copy strong{color:#24392f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-record-copy span{font-size:12px;color:#6a7d73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-record-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.ui-icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #dce6e1;background:#fff;color:#476257;cursor:pointer;transition:.15s ease;padding:0}
.ui-icon-button:hover{background:#edf7f1;color:#155d3d;border-color:#bcd4c7}
.ui-icon-button.danger:hover{background:#fff0f0;color:#b52d2d;border-color:#f0bcbc}
.ui-icon-button .ui-svg-icon,.ui-icon-button svg{width:18px;height:18px}
.data-record-status{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f1f3f2;color:#7a8680;white-space:nowrap}
.data-record-status.active{background:#e5f6ec;color:#24704b}
.data-background-page{padding:26px}
.data-background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}
.data-background-card{position:relative;border:1px solid #dfe8e3;border-radius:16px;overflow:hidden;background:#fff;min-width:0}
.data-background-thumb{aspect-ratio:4/3;background:#edf3f0;display:grid;place-items:center;color:#6c8377;overflow:hidden}
.data-background-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.data-background-card:hover .data-background-thumb img{transform:scale(1.03)}
.data-background-thumb .ui-svg-icon{width:38px;height:38px}
.data-background-card>div:nth-child(2){display:grid;gap:3px;padding:12px 46px 13px 13px}
.data-background-card strong,.data-background-card span,.data-background-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-background-card span,.data-background-card small{font-size:11px;color:#6d8076}
.data-background-card>.ui-icon-button{position:absolute;right:9px;bottom:9px}
.data-empty-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;gap:6px;min-height:220px;padding:30px;border:1px dashed #cbdad2;border-radius:16px;color:#667b70;background:#f9fbfa}
.data-empty-state .ui-svg-icon{width:34px;height:34px;color:#8ba79a}
.data-empty-state span{font-size:12px}
.data-loading-state{padding:40px;text-align:center;color:#61756a}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:18px;flex-wrap:wrap}
.page-btn{min-width:38px;height:38px;border:1px solid #dce6e1;border-radius:10px;background:#fff;color:#51665b;cursor:pointer;font-weight:800}
.page-btn:hover:not(:disabled),.page-btn.active{background:#176b45;color:#fff;border-color:#176b45}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.ui-dialog[hidden]{display:none!important}
.ui-dialog{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px}
.ui-dialog-backdrop{position:absolute;inset:0;background:rgba(7,26,18,.6);backdrop-filter:blur(4px)}
.ui-dialog-card{position:relative;width:min(760px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.25);overflow:hidden}
.ui-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #e5ece8}
.ui-dialog-card>header small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#287753;margin-bottom:3px}
.ui-dialog-card>header h2{margin:0;font-size:22px}
.ui-dialog-card .ui-modal-close{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #dce6e1;background:#fff;color:#425b4f;cursor:pointer;padding:0}
.ui-dialog-card .ui-modal-close .ui-svg-icon{width:20px;height:20px}
.ui-dialog-search{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:9px;padding:15px 20px;background:#f7faf8;border-bottom:1px solid #e5ece8}
.speaker-bank-picker-results{padding:16px 20px 22px;overflow:auto;display:grid;gap:8px}
.speaker-bank-picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px;border:1px solid #e0e9e4;border-radius:13px;background:#fff;text-align:left;cursor:pointer;color:#2e4439}
.speaker-bank-picker-item:hover{border-color:#abcbb9;background:#f5fbf7}
.speaker-bank-picker-item>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.speaker-bank-picker-item strong,.speaker-bank-picker-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.speaker-bank-picker-item small{color:#6e8177}
.speaker-bank-picker-item>b{font-size:12px;color:#176b45}
body.dialog-open{overflow:hidden}
.toast[data-state="error"]{background:#9c2727}

@media(max-width:1050px){
  .data-module-two-column{grid-template-columns:360px minmax(0,1fr)}
  .data-list-toolbar{grid-template-columns:minmax(160px,1fr) auto auto}.data-page-size{grid-column:1/-1;grid-template-columns:auto 90px;justify-content:end;align-items:center}
}
@media(max-width:820px){
  .data-module-page{padding-bottom:92px}
  .data-module-page-head{align-items:flex-start}.data-module-head-actions{width:100%;justify-content:flex-start}
  .data-module-two-column{display:block;min-height:auto}.data-editor-form{border-right:0;border-bottom:1px solid #e3ebe6;padding:19px}.data-list-pane{padding:18px}
  .data-list-toolbar{position:relative;grid-template-columns:minmax(0,1fr) auto}.data-list-toolbar .btn{min-width:44px}.data-list-toolbar .btn span{display:none}.data-list-toolbar .btn .ui-svg-icon{margin:0}.data-page-size{grid-column:1/-1}
  .data-module-switcher{border-radius:14px;margin-inline:-2px}.data-module-switcher a{padding:9px 11px}.data-module-switcher a span{font-size:12px}
  .data-background-page{padding:18px}.data-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ui-dialog{padding:0;align-items:end}.ui-dialog-card{width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.ui-dialog-search{grid-template-columns:minmax(0,1fr) auto}.ui-dialog-search select{grid-column:1/2}.ui-dialog-search .btn{grid-column:2/3;grid-row:1/3}.speaker-bank-picker-results{padding:12px 14px 20px}
}
@media(max-width:520px){
  .data-module-page-head h1{font-size:25px}.data-module-title-icon{width:40px;height:40px}.data-sync-pill{width:100%;justify-content:center}.data-module-head-actions .btn{flex:1;justify-content:center}
  .data-module-switcher a{min-width:92px;justify-content:center;flex-direction:column;gap:4px;padding:7px 9px}.data-module-switcher a span{font-size:10px}.data-module-switcher .ui-svg-icon{width:19px;height:19px}
  .data-editor-form{padding:16px}.data-list-pane{padding:14px}.data-section-head h2{font-size:19px}.data-editor-form .grid-2{grid-template-columns:1fr}
  .data-record-card{padding:11px;gap:10px}.data-record-leading,.data-record-avatar{width:40px;height:40px}.data-record-copy span{max-width:180px}.data-record-status{display:none}.ui-icon-button{width:36px;height:36px}
  .data-background-grid{grid-template-columns:1fr 1fr}.data-background-card>div:nth-child(2){padding:10px 40px 11px 10px}.data-background-card strong{font-size:12px}
  .data-list-toolbar{gap:6px}.data-list-toolbar .btn{padding-inline:10px}.data-page-size{justify-content:stretch;grid-template-columns:1fr 84px}
}

/* V1.6.1 — navigasi ringkas, carian menu dan command palette */
.sidebar-profile{margin-bottom:10px}
.sidebar-search{position:relative;display:flex;align-items:center;margin:0 10px 12px}
.sidebar-search>.ui-svg-icon{position:absolute;left:12px;width:17px;height:17px;color:#6f8178;z-index:1}
.sidebar-search input{width:100%;height:40px;border:1px solid rgba(94,126,109,.22);border-radius:12px;background:rgba(255,255,255,.08);color:inherit;padding:8px 38px 8px 39px;outline:none}
.sidebar-search input::placeholder{color:rgba(255,255,255,.55)}
.sidebar-search input:focus{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.34)}
.sidebar-search button{position:absolute;right:6px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;padding:0}
.sidebar-search button:hover{background:rgba(255,255,255,.1)}
.sidebar-search button .ui-svg-icon{width:15px;height:15px}
.sidebar-menu-groups{display:grid;gap:3px}
.sidebar-category-icon,.sidebar-icon{display:inline-grid;place-items:center}
.sidebar-category-icon .ui-svg-icon,.sidebar-icon .ui-svg-icon{width:18px;height:18px}
.sidebar-chevron .ui-svg-icon{width:15px;height:15px;transition:transform .2s ease}
.sidebar-accordion[open] .sidebar-chevron .ui-svg-icon{transform:rotate(90deg)}
.sidebar-no-results{display:grid;place-items:center;gap:7px;padding:28px 12px;color:#7d8e85;text-align:center;font-size:12px}
.sidebar-no-results .ui-svg-icon{width:26px;height:26px}
.dashboard-mosque-context>.ui-svg-icon{width:21px;height:21px}
.dashboard-top-action{gap:7px}
.dashboard-top-action>.ui-svg-icon{width:18px;height:18px}
.dashboard-search-action kbd{font-size:9px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:5px;padding:2px 4px;opacity:.75}
.dashboard-account-chevron .ui-svg-icon{width:14px;height:14px}
.dashboard-account-panel a .ui-svg-icon{width:18px;height:18px}
.mobile-bar button{appearance:none;border:0;background:transparent;color:inherit;font:inherit}
.mobile-bar a,.mobile-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:58px;text-decoration:none;cursor:pointer}
.mobile-bar .ui-svg-icon{width:21px;height:21px}
.mobile-bar span{font-size:10px;font-weight:800}
.mobile-bar a.active{color:var(--primary,#176b45)}
.mobile-more-overlay[hidden]{display:none!important}
.mobile-more-overlay{position:fixed;inset:0;z-index:4500;display:flex;align-items:flex-end;justify-content:center}
.mobile-more-backdrop{position:absolute;inset:0;background:rgba(4,20,13,.58);backdrop-filter:blur(4px)}
.mobile-more-panel{position:relative;width:min(680px,100%);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 70px rgba(0,0,0,.25);padding-bottom:env(safe-area-inset-bottom)}
.mobile-more-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #e7ede9}
.mobile-more-panel>header small{display:block;color:#287653;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}
.mobile-more-panel>header h2{margin:0;font-size:21px}
.mobile-more-panel .ui-modal-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce6e1;border-radius:12px;background:#fff;color:#40584c;padding:0}
.mobile-more-panel .ui-modal-close .ui-svg-icon{width:20px;height:20px}
.mobile-more-search{position:relative;display:flex;align-items:center;margin:12px 16px 8px}
.mobile-more-search>.ui-svg-icon{position:absolute;left:13px;width:18px;height:18px;color:#74867c}
.mobile-more-search input{width:100%;height:46px;border:1px solid #dce6e1;border-radius:13px;padding:10px 12px 10px 42px;font:inherit;outline:none}
.mobile-more-search input:focus{border-color:#2c8d62;box-shadow:0 0 0 3px rgba(44,141,98,.12)}
.mobile-more-content{overflow:auto;padding:6px 14px 22px}
.mobile-menu-accordion{border:1px solid #e1e9e4;border-radius:14px;background:#fff;margin-bottom:8px;overflow:hidden}
.mobile-menu-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 13px;font-weight:900;color:#31493d;cursor:pointer;list-style:none}
.mobile-menu-accordion>summary::-webkit-details-marker{display:none}
.mobile-menu-accordion>summary>span{display:flex;align-items:center;gap:9px}
.mobile-menu-accordion>summary .ui-svg-icon{width:18px;height:18px}
.mobile-menu-accordion>summary>span:last-child .ui-svg-icon{width:15px;height:15px;transition:transform .2s}
.mobile-menu-accordion[open]>summary>span:last-child .ui-svg-icon{transform:rotate(90deg)}
.mobile-menu-accordion>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 9px 10px}
.mobile-menu-accordion a{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:9px 10px;border-radius:10px;background:#f7faf8;color:#40564b;text-decoration:none;font-size:12px;font-weight:750}
.mobile-menu-accordion a:hover{background:#ecf6f0;color:#155f3e}
.mobile-menu-accordion a .ui-svg-icon{width:17px;height:17px;flex:0 0 auto}
.mobile-menu-accordion a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mobile-menu-open,body.command-open{overflow:hidden}
.command-palette[hidden]{display:none!important}
.command-palette{position:fixed;inset:0;z-index:6000;display:grid;place-items:start center;padding:10vh 18px 20px}
.command-palette-backdrop{position:absolute;inset:0;background:rgba(5,21,14,.62);backdrop-filter:blur(5px)}
.command-palette-card{position:relative;width:min(680px,100%);max-height:76vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35);overflow:hidden}
.command-palette-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #e3ebe6}
.command-palette-card>header>span{display:grid;place-items:center;color:#3c6752}
.command-palette-card>header .ui-svg-icon{width:22px;height:22px}
.command-palette-card input{border:0;outline:0;font:inherit;font-size:16px;color:#24392e;min-width:0}
.command-palette-card kbd{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border:1px solid #d8e2dc;border-bottom-width:2px;border-radius:6px;background:#f7f9f8;color:#66776e;font-size:10px;font-weight:800}
.command-palette-results{overflow:auto;padding:8px}
.command-palette-results a{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:9px 11px;border-radius:12px;color:#32493d;text-decoration:none}
.command-palette-results a.active,.command-palette-results a:hover{background:#ecf7f0;color:#155f3e}
.command-palette-results a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f6f3}
.command-palette-results a>span svg{width:19px;height:19px}
.command-palette-results b{grid-column:2;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-palette-results small{grid-column:2;align-self:start;color:#7a8a82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-palette-results em{grid-column:4;grid-row:1/3;font-style:normal;opacity:.45}
.command-empty{padding:42px;text-align:center;color:#75867d}
.command-palette-card>footer{display:flex;justify-content:flex-end;gap:18px;padding:9px 13px;border-top:1px solid #e4ebe7;background:#f8faf9;color:#718178;font-size:10px}
.command-palette-card>footer span{display:flex;align-items:center;gap:4px}

@media(max-width:980px){.dashboard-search-action kbd,.dashboard-search-action b{display:none}.dashboard-search-action{width:42px;justify-content:center}}
@media(max-width:720px){
  .mobile-menu-accordion>div{grid-template-columns:1fr}.command-palette{padding:4vh 10px 10px}.command-palette-card{max-height:88vh}.command-palette-card>footer{display:none}
}