@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;600;700&display=swap";:root{--primary: #1a6b3c;--primary-dark: #145530;--primary-light: #2e8b57;--primary-bg: #edf7f0;--primary-subtle: #d4edda;--accent: #c8a84e;--accent-light: #dfc06b;--text-dark: #1a1a2e;--text-muted: #6b7280;--text-light: #9ca3af;--bg-body: #f8faf9;--bg-card: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow: 0 4px 16px rgba(0,0,0,.06);--shadow-hover: 0 8px 30px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.1);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--radius-pill: 50px;--font-main: "Inter","Segoe UI",system-ui,sans-serif;--font-display: "Playfair Display",Georgia,serif;--glass-bg: rgba(255,255,255,.88);--glass-border: rgba(255,255,255,.3)}body.theme-dark{--primary: #4ade80;--primary-dark: #86efac;--primary-light: #22c55e;--primary-bg: #0f1f14;--primary-subtle: #1a3a24;--accent: #dfc06b;--accent-light: #f0d78a;--text-dark: #f0f0f0;--text-muted: #9ca3af;--text-light: #6b7280;--bg-body: #0a0f0c;--bg-card: #111a14;--border-color: #1f2e24;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow: 0 4px 16px rgba(0,0,0,.3);--shadow-hover: 0 8px 30px rgba(0,0,0,.4);--shadow-xl: 0 20px 60px rgba(0,0,0,.5);--glass-bg: rgba(10,15,12,.92);--glass-border: rgba(255,255,255,.06)}*{box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg-body);color:var(--text-dark);margin:0;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}body.theme-dark a{color:var(--primary-light)}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700;line-height:1.3}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color:#f0f0f0}::selection{background:var(--primary);color:#fff}.navbar-wrapper{position:sticky;top:0;z-index:1030;padding:15px 0;transition:all .3s ease;background:transparent}.navbar-wrapper.scrolled{padding:8px 0}.navbar-masjid{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow);padding:10px 20px;transition:all .3s;border:1px solid var(--border-color)}body.theme-dark .navbar-masjid{background:#0f1722f2;border-color:#ffffff0d;box-shadow:0 6px 18px #00000059}.navbar-masjid .navbar-brand{font-weight:800;color:var(--primary-dark);font-size:1.15rem;display:flex;align-items:center;gap:10px}body.theme-dark .navbar-masjid .navbar-brand{color:var(--primary)}.logo-masjid{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-bg)}.navbar-masjid .navbar-nav{gap:8px;margin-left:20px}.navbar-masjid .nav-link{color:var(--text-dark);font-weight:600;padding:8px 16px!important;border-radius:8px;transition:all .25s;font-size:.9rem}.navbar-masjid .nav-link:hover,.navbar-masjid .nav-link.active{color:var(--primary);background:var(--primary-bg)}body.theme-dark .navbar-masjid .nav-link{color:#d0d6dd}body.theme-dark .navbar-masjid .nav-link:hover,body.theme-dark .navbar-masjid .nav-link.active{color:#fff;background:#1f2a3a}.navbar-masjid .dropdown-menu{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:8px;background:var(--bg-card);margin-top:10px;border-top:3px solid var(--primary)}body.theme-dark .navbar-masjid .dropdown-menu{background:#121c2b;border-color:var(--border-color);border-top-color:var(--primary)}.navbar-masjid .dropdown-item{border-radius:6px;padding:8px 14px;font-size:.88rem;font-weight:500;color:var(--text-dark);transition:all .2s}body.theme-dark .navbar-masjid .dropdown-item{color:#d0d6dd}.navbar-masjid .dropdown-item:hover{background:var(--primary-bg);color:var(--primary)}body.theme-dark .navbar-masjid .dropdown-item:hover{background:#1f2a3a;color:#fff}.btn-donasi-nav{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#1a1a2e;border:none;border-radius:10px;font-weight:700;padding:8px 22px;box-shadow:0 4px 12px #c8a84e40;cursor:pointer;font-size:.88rem;display:inline-flex;align-items:center;gap:6px;transition:all .3s;text-decoration:none;border:1px solid rgba(255,255,255,.2)}.btn-donasi-nav:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c8a84e66;color:#1a1a2e}.donasi-modal-content{border:none;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card)}body.theme-dark .donasi-modal-content{background:var(--bg-card)}.donasi-modal-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:18px 24px}.donasi-wallet-badge{font-size:.72rem;background:var(--primary-bg);padding:4px 12px;border-radius:var(--radius-pill);color:var(--primary);font-weight:600;border:1px solid var(--primary-subtle)}.theme-toggle{background:transparent;border:none;border-radius:8px;padding:6px;cursor:pointer;color:var(--text-dark);font-size:16px;transition:all .25s;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--primary-bg);color:var(--primary)}body.theme-dark .theme-toggle{color:#d0d6dd}body.theme-dark .theme-toggle:hover{background:#ffffff14;color:#fff}.hero-section{background:linear-gradient(160deg,#071f10,#0d3b1e 30%,#1a6b3c 70%,#2e8b57);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'/%3E%3C/svg%3E") repeat}.hero-section>*{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);padding:6px 18px;font-size:.78rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-light);margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.15;margin-bottom:16px;color:#fff;max-width:600px}.hero-subtitle{font-size:1.05rem;color:#ffffffc7;line-height:1.7;max-width:500px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-hero-primary{background:var(--accent);color:#1a1a2e;border:none;border-radius:var(--radius-pill);padding:12px 32px;font-weight:700;font-size:.95rem;transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-hero-primary:hover{background:var(--accent-light);color:#1a1a2e;transform:translateY(-2px);box-shadow:0 8px 25px #c8a84e66}.btn-hero-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);padding:11px 28px;font-weight:600;font-size:.95rem;transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-hero-outline:hover{background:#ffffff1a;border-color:#fff9;color:#fff}.hero-stats{display:flex;margin-top:50px;border-radius:var(--radius-lg);overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat-item{flex:1;text-align:center;padding:20px 16px;border-right:1px solid rgba(255,255,255,.1)}.hero-stat-item:last-child{border-right:none}.hero-stat-value{font-size:1.5rem;font-weight:800;color:var(--accent-light);display:block}.hero-stat-label{font-size:.7rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;font-weight:500;margin-top:4px}.prayer-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:14px 0;box-shadow:var(--shadow-sm)}body.theme-dark .prayer-bar{background:var(--bg-card);border-bottom-color:var(--border-color)}.prayer-bar-inner{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.prayer-bar-inner::-webkit-scrollbar{display:none}.prayer-bar-label{font-weight:700;font-size:.82rem;color:var(--primary);white-space:nowrap;display:flex;align-items:center;gap:6px;padding-right:12px;border-right:2px solid var(--border-color);margin-right:4px}.prayer-chip{display:flex;flex-direction:column;align-items:center;padding:6px 16px;border-radius:var(--radius-sm);background:var(--primary-bg);min-width:72px;flex-shrink:0;transition:all .2s}.prayer-chip.next-prayer{background:var(--primary);color:#fff;box-shadow:0 4px 12px #1a6b3c4d}.prayer-chip-name{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.prayer-chip.next-prayer .prayer-chip-name{color:#fffc}.prayer-chip-time{font-size:.88rem;font-weight:800;color:var(--text-dark);margin-top:1px}.prayer-chip.next-prayer .prayer-chip-time{color:#fff}body.theme-dark .prayer-chip{background:var(--primary-bg)}body.theme-dark .prayer-chip-time{color:var(--text-dark)}.section-block{padding:50px 0}.section-block.alt-bg{background:var(--primary-bg)}body.theme-dark .section-block.alt-bg{background:#0f1f1466}.section-badge{display:inline-flex;align-items:center;gap:8px;background:#388e3c1a;color:var(--primary-dark);border-radius:50px;padding:6px 18px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;border:1px solid rgba(56,142,60,.2)}body.theme-dark .section-badge{background:#4caf5026;border-color:#4caf504d;color:var(--primary-light)}.section-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;margin-bottom:16px;color:var(--text);position:relative;padding-bottom:12px;text-align:center}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent);border-radius:4px}.section-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6;text-align:center}.main-content{min-height:calc(100vh - 200px)}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;transition:box-shadow .3s}.sidebar-card:hover{box-shadow:var(--shadow)}body.theme-dark .sidebar-card{background:var(--bg-card);border-color:var(--border-color)}.sidebar-card .sidebar-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:14px 18px;font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:8px}.sidebar-card .sidebar-body{padding:0}.sidebar-card .list-group-item{border:none;border-bottom:1px solid var(--border-color);padding:11px 18px;background:transparent;color:var(--text-dark);transition:all .2s;font-size:.86rem}body.theme-dark .sidebar-card .list-group-item{color:var(--text-dark);border-bottom-color:var(--border-color)}.sidebar-card .list-group-item:hover{background:var(--primary-bg);padding-left:22px}.sidebar-card .list-group-item:last-child{border-bottom:none}.jadwal-table{margin:0;font-size:.85rem}.jadwal-table td{padding:10px 18px;border:none;border-bottom:1px solid var(--border-color);color:var(--text-dark)}body.theme-dark .jadwal-table td{color:var(--text-dark);border-bottom-color:var(--border-color)}.jadwal-table tr:last-child td{border-bottom:none}.jadwal-table .prayer-time{font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.news-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .35s ease;height:100%;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--primary-subtle)}.news-card .card-img-wrap{position:relative;overflow:hidden;height:200px}.news-card .card-img-wrap img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.news-card:hover .card-img-wrap img{transform:scale(1.06)}.news-card .card-img-placeholder{height:200px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));display:flex;align-items:center;justify-content:center}.news-card .card-body{padding:18px;flex:1;display:flex;flex-direction:column}.news-card .card-title{font-size:.98rem;font-weight:700;margin-bottom:8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card .card-text{font-size:.84rem;color:var(--text-muted);flex:1;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.theme-dark .news-card .card-text{color:#9ca3af}.badge-kategori{display:inline-block;background:var(--primary-bg);color:var(--primary);padding:3px 12px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;border:1px solid var(--primary-subtle)}body.theme-dark .badge-kategori{background:var(--primary-bg);border-color:var(--primary-subtle)}.news-card .news-meta{font-size:.76rem;color:var(--text-light);margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:4px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);text-align:center;transition:all .3s;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform .3s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-card:hover:after{transform:scaleX(1)}.stat-card .stat-icon{font-size:2rem;margin-bottom:8px}.stat-card .stat-value{font-size:1.4rem;font-weight:800;color:var(--text-dark)}.stat-card .stat-label{font-size:.78rem;color:var(--text-muted);margin-top:4px;font-weight:500}.program-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:16px;transition:all .3s}.program-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.program-card .progress{height:8px;border-radius:4px;background:var(--primary-bg)}.program-card .progress-bar{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px}.program-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700}.program-badge.aktif{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-subtle)}.program-badge.close{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}body.theme-dark .program-badge.aktif{background:var(--primary-subtle);border-color:#2a5a38}body.theme-dark .program-badge.close{background:#2d1f1f;color:#f87171;border-color:#4a2828}.keuangan-table{font-size:.88rem}.keuangan-table thead th{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;font-weight:600;padding:13px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}.keuangan-table thead th:first-child{border-radius:var(--radius-sm) 0 0 0}.keuangan-table thead th:last-child{border-radius:0 var(--radius-sm) 0 0}.keuangan-table td{padding:11px 14px;vertical-align:middle;color:var(--text-dark);border-color:var(--border-color)}.jenis-pemasukan{color:#16a34a;font-weight:700}.jenis-pengeluaran{color:#ef4444;font-weight:700}body.theme-dark .jenis-pemasukan{color:#4ade80}body.theme-dark .jenis-pengeluaran{color:#f87171}.berita-detail-header img{width:100%;max-height:450px;object-fit:cover;border-radius:var(--radius-lg)}.berita-content{line-height:1.85;font-size:1rem}.berita-content img{max-width:100%;border-radius:var(--radius-sm);margin:16px 0}.berita-content table{width:100%;margin:16px 0;border-collapse:collapse;border-radius:var(--radius-sm);overflow:hidden}.berita-content table th,.berita-content table td{border:1px solid var(--border-color);padding:10px 14px;color:var(--text-dark)}.berita-content table thead th{background:var(--primary-bg);font-weight:600}.social-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.social-actions .btn-action{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s;border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-dark)}.social-actions .btn-action:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.comment-item{padding:18px;border-bottom:1px solid var(--border-color)}.comment-item:last-child{border-bottom:none}.comment-avatar-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid var(--primary-subtle)}.btn-primary-masjid{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:var(--radius-pill);padding:8px 20px;font-weight:600;font-size:.85rem;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-primary-masjid:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1a6b3c4d}.btn-outline-masjid{background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-pill);padding:8px 20px;font-weight:600;font-size:.85rem;transition:all .3s}.btn-outline-masjid:hover{background:var(--primary);color:#fff}.year-tabs .nav-link{border-radius:var(--radius-pill)!important;font-weight:600;font-size:.85rem;color:var(--text-muted);padding:6px 18px;border:1.5px solid var(--border-color);margin-right:6px;transition:all .2s}.year-tabs .nav-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.year-tabs .nav-link:hover:not(.active){border-color:var(--primary-subtle);color:var(--primary)}.donasi-hero{background:linear-gradient(160deg,#0d3b1e,#1a6b3c 60%,var(--accent) 130%);border-radius:var(--radius-lg);padding:40px;color:#fff;position:relative;overflow:hidden}.donasi-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(200,168,78,.15) 0%,transparent 70%);border-radius:50%}.donasi-hero>*{position:relative;z-index:1}.qris-card{background:#fff;border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-xl);max-width:320px;margin:0 auto}.qris-card img{width:100%;max-width:260px;border-radius:var(--radius-sm);margin-bottom:12px}.qris-card .qris-label{font-weight:800;color:#1a1a2e;font-size:.9rem;margin-bottom:4px}.qris-card .qris-name{color:#6b7280;font-size:.82rem}.footer-masjid{background:linear-gradient(160deg,#071f10,#0d3b1e 40%,#145530);color:#fff;position:relative}.footer-masjid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/svg%3E") repeat}.footer-masjid>*{position:relative;z-index:1}.footer-masjid h6{color:#fff;font-weight:700;margin-bottom:16px;font-size:1rem}.footer-masjid a{color:#ffffffa6;transition:all .2s}.footer-masjid a:hover{color:var(--accent-light);padding-left:4px}.footer-masjid .footer-desc{color:#ffffff8c;font-size:.88rem;line-height:1.7}.breadcrumb{background:transparent;padding:0;font-size:.85rem}.breadcrumb-item a{color:var(--primary)}.breadcrumb-item.active{color:var(--text-muted)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeInUp .5s ease forwards}@media(max-width:991px){.navbar-wrapper{padding:10px 15px}.navbar-masjid{padding:10px 15px;border-radius:14px}.navbar-masjid .navbar-nav{margin-left:0;padding:15px 0 10px;gap:4px}.navbar-masjid .nav-link{padding:10px 16px!important;background:var(--primary-bg);margin-bottom:4px}.btn-donasi-nav{width:100%;justify-content:center;margin-top:8px}.hero-title{font-size:2.2rem}.hero-stats{flex-wrap:wrap}.hero-stat-item{flex:1 0 50%;border-bottom:1px solid rgba(255,255,255,.1)}.hero-stat-item:nth-child(2){border-right:none}.section-title{font-size:1.6rem}}@media(max-width:575px){.hero-section{padding:40px 0 30px}.hero-title{font-size:1.6rem;margin-bottom:12px}.hero-subtitle{font-size:.9rem;margin-bottom:20px;line-height:1.4}.hero-actions{flex-direction:column;width:100%;gap:10px}.btn-hero-primary,.btn-hero-outline{width:100%;justify-content:center}.hero-stat-item{padding:12px 10px}.hero-stat-value{font-size:1.1rem}.hero-stat-label{font-size:.65rem}.prayer-chip{padding:8px 6px;min-width:50px;flex:1}.prayer-chip-name{font-size:.6rem}.prayer-chip-time{font-size:.75rem}.prayer-bar-label{display:none}.donasi-hero{padding:20px 15px;flex-direction:column;text-align:center;gap:15px}.donasi-hero .btn-hero-primary{width:100%}}:root{--primary: #388e3c;--primary-dark: #2e7d32;--primary-light: #4caf50;--bg: #ffffff;--bg-alt: #f5f7fa;--bg-card: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--radius: 12px;--radius-sm: 8px;--sidebar-w: 250px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.dark{--bg: #0f172a;--bg-alt: #1e293b;--bg-card: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:3rem 0}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.page-subtitle{color:var(--text-muted);margin-bottom:2rem}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:2px solid transparent;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;background:transparent;color:var(--text);text-decoration:none}.custom-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.custom-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.custom-btn-outline{border-color:var(--border);color:var(--text)}.custom-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.custom-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.custom-btn-danger:hover{opacity:.9}.custom-btn-success{background:var(--success);color:#fff;border-color:var(--success)}.custom-btn-sm{padding:.375rem .75rem;font-size:.8rem}.custom-btn-lg{padding:.875rem 1.75rem;font-size:1rem}.custom-btn-block{width:100%;justify-content:center}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text);font-size:1.25rem;display:flex;align-items:center;border-radius:var(--radius-sm)}.btn-icon:hover{background:var(--bg-alt)}.navbar{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;color:var(--text)}.navbar-logo{width:36px;height:36px;border-radius:8px;object-fit:cover}.navbar-links{display:flex;gap:.25rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.9rem;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--primary);background:#388e3c14}.navbar-actions{display:flex;align-items:center;gap:.5rem}.mobile-toggle{display:none}@media(max-width:768px){.mobile-toggle{display:flex}.navbar-links{position:fixed;top:64px;left:0;right:0;background:var(--bg);flex-direction:column;padding:1rem;border-bottom:1px solid var(--border);transform:translateY(-120%);transition:transform .3s;z-index:99}.navbar-links.active{transform:translateY(0)}}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:5rem 0;text-align:center}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.hero p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.hero .hero-actions{justify-content:center}.hero .btn-primary{background:#fff;color:var(--primary);border-color:#fff}.hero .btn-outline{color:#fff;border-color:#ffffff80}.hero .btn-outline:hover{background:#ffffff1a;border-color:#fff;color:#fff}.jadwal-bar{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-md)}.jadwal-title{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary)}.jadwal-items{display:flex;gap:1rem;flex-wrap:wrap}.jadwal-item{flex:1;min-width:100px;text-align:center;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm)}.jadwal-label{font-size:.8rem;color:var(--text-muted)}.jadwal-time{display:block;font-weight:700;font-size:1.1rem;color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow);border-left:4px solid var(--border)}.stat-card h3{font-size:.85rem;color:var(--text-muted);font-weight:500}.stat-card p{font-size:1.5rem;font-weight:700;margin-top:.25rem}.stat-card.income{border-left-color:var(--success)}.stat-card.income p{color:var(--success)}.stat-card.expense{border-left-color:var(--danger)}.stat-card.expense p{color:var(--danger)}.stat-card.balance{border-left-color:var(--primary)}.stat-card.balance p{color:var(--primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card-grid.three{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.card-body h3{font-size:1.05rem;font-weight:600;line-height:1.4}.card-body p{color:var(--text-muted);font-size:.9rem}.card-badge{display:inline-block;background:#388e3c1a;color:var(--primary);padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;width:fit-content}.card-meta{font-size:.8rem;color:var(--text-muted);margin-top:auto}.card-desc{color:var(--text-muted);font-size:.9rem}.program-card{padding:1.5rem}.custom-progress{width:100%;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;margin:.75rem 0}.custom-progress.lg{height:12px}.custom-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;transition:width .5s ease}.progress-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-alt)}.table tbody tr:hover{background:var(--bg-alt)}.text-center{text-align:center}.text-success{color:var(--success);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.table-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.table-section h2{font-size:1.25rem;margin-bottom:1rem}.actions{display:flex;gap:.5rem}@media(max-width:768px){.table-grid{grid-template-columns:1fr}}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.4rem;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;background:var(--bg);color:var(--text);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #388e3c1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.inline-form{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1.5rem}.inline-form input{flex:1;padding:.625rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);background:var(--bg);color:var(--text)}.img-preview{max-width:200px;margin-top:.5rem;border-radius:var(--radius-sm)}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.article{max-width:800px}.article-header{margin-bottom:2rem}.article-header h1{font-size:2rem;margin:.75rem 0}.article-meta{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.9rem}.article-meta span{display:flex;align-items:center;gap:.3rem}.article-img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:2rem}.article-content{line-height:1.8;font-size:1.05rem}.article-content p{margin-bottom:1rem}.article-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.comments-section{max-width:800px;margin-top:3rem}.comments-section h2{margin-bottom:1.5rem}.comment{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-header span{color:var(--text-muted);font-size:.85rem}.comment-form{margin-top:2rem;padding:1.5rem;background:var(--bg-alt);border-radius:var(--radius)}.comment-form h3{margin-bottom:1rem}.comment-form input,.comment-form textarea{margin-bottom:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.admin-layout .modal.custom-modal{background:var(--bg-card);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.admin-layout .modal-header h3{font-size:1.1rem}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:1rem}.login-card{background:var(--bg-card);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:3rem;margin-bottom:.5rem}.login-header h2{font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-muted)}.accordion-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;overflow:hidden}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;cursor:pointer;transition:background .2s}.accordion-header:hover{background:var(--bg-alt)}.accordion-header h3{font-size:1rem;display:inline;margin-right:.75rem}.accordion-body{padding:1.5rem;border-top:1px solid var(--border)}.donasi-actions{text-align:center;margin-bottom:3rem}.donasi-section{margin-bottom:3rem}.donasi-section h2{font-size:1.5rem;margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.dashboard-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--border);transition:transform .2s;text-decoration:none;color:var(--text)}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-label{font-size:.85rem;color:var(--text-muted)}.dashboard-value{font-size:1.5rem;font-weight:700}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state p{margin-bottom:1rem}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:3rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary)}.footer h4{font-size:.9rem;font-weight:600;margin-bottom:.75rem}.footer p{color:var(--text-muted);font-size:.9rem}.footer a{display:block;color:var(--text-muted);font-size:.9rem;margin-bottom:.4rem}.footer a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.card-grid,.card-grid.three,.form-row,.stats-grid{grid-template-columns:1fr}}.settings-form{max-width:700px}:root{--admin-primary: #1a6b3c;--admin-primary-dark: #145530;--admin-primary-light: #4caf50;--admin-primary-bg: #e8f5e9;--admin-accent: #c8a84e;--admin-accent-bg: #fdf6e3;--admin-sidebar-bg: linear-gradient(180deg, #0b1f12 0%, #14332a 50%, #1a3d22 100%);--admin-sidebar-text: #d4e8d8;--admin-sidebar-active: #66bb6a;--admin-sidebar-width: 260px;--admin-sidebar-collapsed: 72px;--admin-topbar-height: 60px;--admin-bg: #f0f2f5;--admin-card-bg: #ffffff;--admin-text: #1a1a2e;--admin-text-muted: #6c757d;--admin-border: #e8e8e8;--admin-radius: 14px;--admin-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--admin-shadow-hover: 0 4px 12px rgba(0,0,0,.08);--admin-info: #0288d1;--admin-warning: #f9a825;--admin-danger: #d32f2f;--admin-success: #2e7d32}body.admin-dark{--admin-bg: #0d1117;--admin-card-bg: #161b22;--admin-text: #e6edf3;--admin-text-muted: #8b949e;--admin-border: #30363d;--admin-sidebar-bg: linear-gradient(180deg, #080f0a 0%, #0d1f14 50%, #0a1a10 100%);--admin-sidebar-text: #c8dece;--admin-primary-bg: rgba(56,142,60,.12);--admin-accent-bg: rgba(200,168,78,.1);--admin-shadow: 0 1px 3px rgba(0,0,0,.2);--admin-shadow-hover: 0 4px 12px rgba(0,0,0,.3)}body.admin-body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--admin-bg);color:var(--admin-text);margin:0;padding:0;overflow-x:hidden;transition:background .3s,color .3s}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--admin-sidebar-width);background:var(--admin-sidebar-bg);color:var(--admin-sidebar-text);overflow-y:auto;overflow-x:hidden;z-index:1040;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-sidebar .sidebar-brand{padding:18px 20px;font-weight:800;font-size:1.05rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#0003;min-height:var(--admin-topbar-height);box-sizing:border-box}.admin-sidebar .sidebar-brand i{font-size:1.3rem;color:var(--admin-sidebar-active)}.admin-sidebar .sidebar-brand .brand-text{transition:opacity .2s,width .2s;overflow:hidden}.admin-sidebar .sidebar-nav{flex:1;padding:12px 0}.admin-sidebar .nav-label{padding:16px 20px 6px;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;font-weight:700;white-space:nowrap;overflow:hidden;transition:opacity .2s}.admin-sidebar .nav-item a{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--admin-sidebar-text);text-decoration:none;font-size:.86rem;font-weight:500;border-left:3px solid transparent;transition:all .2s ease;margin:1px 0;white-space:nowrap;overflow:hidden}.admin-sidebar .nav-item a .nav-text{transition:opacity .2s}.admin-sidebar .nav-item a:hover{background:#ffffff14;color:#fff;border-left-color:var(--admin-sidebar-active)}.admin-sidebar .nav-item a.active{background:#66bb6a26;color:#fff;border-left-color:var(--admin-sidebar-active);font-weight:600}.admin-sidebar .nav-item a i{width:20px;text-align:center;font-size:1.05rem;opacity:.9;flex-shrink:0}.admin-sidebar .nav-item a:hover i,.admin-sidebar .nav-item a.active i{opacity:1;color:var(--admin-sidebar-active)}.admin-sidebar .nav-submenu{display:none;padding-left:16px}.admin-sidebar .nav-submenu.show{display:block}.admin-sidebar .nav-submenu a{padding:7px 20px 7px 30px;font-size:.82rem}.admin-sidebar .nav-toggle:after{content:"";font-family:bootstrap-icons;margin-left:auto;font-size:.65rem;transition:transform .25s;opacity:.5}.admin-sidebar .nav-toggle.open:after{transform:rotate(90deg);opacity:.8}.admin-topbar{position:fixed;top:0;left:var(--admin-sidebar-width);right:0;height:var(--admin-topbar-height);background:var(--admin-card-bg);border-bottom:1px solid var(--admin-border);display:flex;align-items:center;padding:0 24px;z-index:1030;transition:left .3s,background .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-topbar .topbar-toggle{background:none;border:none;font-size:1.3rem;color:var(--admin-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;transition:background .2s}.admin-topbar .topbar-toggle:hover{background:var(--admin-primary-bg)}.admin-topbar .topbar-title{font-weight:700;font-size:1.05rem;margin-left:8px;color:var(--admin-text)}.admin-topbar .topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-topbar .theme-toggle-admin{background:none;border:1px solid var(--admin-border);border-radius:10px;padding:6px 12px;cursor:pointer;font-size:.95rem;color:var(--admin-text);transition:all .2s}.admin-topbar .theme-toggle-admin:hover{background:var(--admin-primary-bg);border-color:var(--admin-primary)}body.admin-dark .admin-topbar .theme-toggle-admin{color:#ffd54f;border-color:#444}body.admin-dark .admin-topbar .theme-toggle-admin:hover{background:#ffd54f1a}.admin-topbar .user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;box-shadow:0 2px 6px #1a6b3c4d}.admin-main{margin-left:var(--admin-sidebar-width);margin-top:var(--admin-topbar-height);padding:24px;min-height:calc(100vh - var(--admin-topbar-height));transition:margin-left .3s}.admin-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;box-shadow:var(--admin-shadow);margin-bottom:20px;transition:box-shadow .2s,transform .2s}.admin-card:hover{box-shadow:var(--admin-shadow-hover)}.admin-stat-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;box-shadow:var(--admin-shadow);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--admin-radius) var(--admin-radius) 0 0}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:var(--admin-shadow-hover)}.admin-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:12px}.admin-stat-card .stat-value{font-size:1.5rem;font-weight:800;line-height:1.2}.admin-stat-card .stat-label{font-size:.78rem;color:var(--admin-text-muted);margin-top:4px;font-weight:500}.admin-stat-card .stat-trend{font-size:.72rem;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px}.stat-trend.up{color:var(--admin-success);background:#2e7d321a}.stat-trend.down{color:var(--admin-danger);background:#d32f2f1a}.admin-stat-card.stat-green:before{background:var(--admin-primary)}.admin-stat-card.stat-green .stat-icon{background:var(--admin-primary-bg);color:var(--admin-primary)}.admin-stat-card.stat-blue:before{background:var(--admin-info)}.admin-stat-card.stat-blue .stat-icon{background:#e3f2fd;color:var(--admin-info)}body.admin-dark .admin-stat-card.stat-blue .stat-icon{background:#0288d11f}.admin-stat-card.stat-red:before{background:var(--admin-danger)}.admin-stat-card.stat-red .stat-icon{background:#fce4ec;color:var(--admin-danger)}.admin-stat-card.stat-amber:before{background:var(--admin-accent)}.admin-stat-card.stat-amber .stat-icon{background:var(--admin-accent-bg);color:var(--admin-accent)}body.admin-dark .admin-stat-card.stat-amber .stat-icon{background:#c8a84e1f}.admin-stat-card.stat-pink:before{background:#e91e63}.admin-stat-card.stat-pink .stat-icon{background:#fce4ec;color:#e91e63}body.admin-dark .admin-stat-card.stat-pink .stat-icon{background:#e91e631f}body.admin-dark .admin-stat-card.stat-green .stat-icon{background:#388e3c1f}body.admin-dark .admin-stat-card.stat-red .stat-icon{background:#d32f2f1f}.admin-table{font-size:.88rem}.admin-table thead th{background:var(--admin-primary);color:#fff;border:none;font-weight:600;padding:10px 12px;font-size:.82rem;letter-spacing:.02em}.admin-table thead th:first-child{border-radius:8px 0 0}.admin-table thead th:last-child{border-radius:0 8px 0 0}.admin-table td{padding:10px 12px;vertical-align:middle;color:var(--admin-text);border-color:var(--admin-border)}body.admin-dark .admin-table td{border-color:var(--admin-border)}.btn.btn-admin-primary{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff;font-weight:600;border-radius:10px;font-size:.85rem;padding:6px 16px;transition:all .2s}.btn.btn-admin-primary:hover{background:var(--admin-primary-dark);border-color:var(--admin-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1a6b3c40}.chart-container{position:relative;width:100%;height:300px}.quick-action{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--admin-radius);background:var(--admin-card-bg);border:1px solid var(--admin-border);text-decoration:none;color:var(--admin-text);transition:all .2s;box-shadow:var(--admin-shadow)}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);color:var(--admin-text);border-color:var(--admin-primary)}.quick-action .qa-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.quick-action .qa-label{font-weight:600;font-size:.88rem}.quick-action .qa-desc{font-size:.75rem;color:var(--admin-text-muted);margin-top:2px}body.admin-dark .modal-content{background:var(--admin-card-bg);color:var(--admin-text);border-color:var(--admin-border)}body.admin-dark .modal-header{border-bottom-color:var(--admin-border)}body.admin-dark .modal-footer{border-top-color:var(--admin-border)}body.admin-dark .btn-close{filter:invert(1)}body.admin-dark .form-control,body.admin-dark .form-select{background:#1c2128;color:#e0e0e0;border-color:#30363d}body.admin-dark .form-control:focus,body.admin-dark .form-select:focus{background:#1c2128;color:#e0e0e0;border-color:var(--admin-primary);box-shadow:0 0 0 .2rem #1a6b3c40}body.admin-dark .form-label{color:var(--admin-text)}body.admin-dark .input-group-text{background:#21262d;color:#8b949e;border-color:#30363d}body.admin-dark .dataTables_wrapper .dataTables_length select,body.admin-dark .dataTables_wrapper .dataTables_filter input{background:#1c2128;color:#e0e0e0;border-color:#30363d}body.admin-dark .dataTables_wrapper .dataTables_info,body.admin-dark .dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--admin-text-muted)!important}body.admin-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--admin-primary)!important;color:#fff!important;border-color:var(--admin-primary)!important}body.sidebar-collapsed .admin-sidebar{width:var(--admin-sidebar-collapsed)}body.sidebar-collapsed .admin-sidebar .sidebar-brand{padding:18px 0;justify-content:center}body.sidebar-collapsed .admin-sidebar .sidebar-brand .brand-text{display:none}body.sidebar-collapsed .admin-sidebar .nav-label{opacity:0;height:0;padding:0;margin:0;overflow:hidden}body.sidebar-collapsed .admin-sidebar .nav-item a{padding:11px 0;justify-content:center;border-left-width:0}body.sidebar-collapsed .admin-sidebar .nav-item a .nav-text{display:none}body.sidebar-collapsed .admin-sidebar .nav-toggle:after{display:none}body.sidebar-collapsed .admin-sidebar .nav-submenu{display:none!important}body.sidebar-collapsed .admin-sidebar .nav-item a i{font-size:1.2rem;width:auto}body.sidebar-collapsed .admin-sidebar>div:last-child{display:none}body.sidebar-collapsed .admin-topbar{left:var(--admin-sidebar-collapsed)}body.sidebar-collapsed .admin-main{margin-left:var(--admin-sidebar-collapsed)}body.sidebar-collapsed .admin-sidebar .nav-item{position:relative}body.sidebar-collapsed .admin-sidebar .nav-item a:after{content:attr(data-tooltip);position:absolute;left:calc(var(--admin-sidebar-collapsed) - 8px);top:50%;transform:translateY(-50%);background:#1a1a2e;color:#fff;padding:5px 12px;border-radius:6px;font-size:.78rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1050;box-shadow:0 2px 8px #0003}body.sidebar-collapsed .admin-sidebar .nav-item a:hover:after{opacity:1}body.admin-dark.sidebar-collapsed .admin-sidebar .nav-item a:after{background:#30363d}@media(max-width:991.98px){.admin-sidebar{transform:translate(-100%);width:var(--admin-sidebar-width)!important}.admin-sidebar.show{transform:translate(0)}.admin-topbar{left:0!important}.admin-main{margin-left:0!important;padding:16px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1035;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.chart-container{height:220px}body.sidebar-collapsed .admin-sidebar .nav-label{opacity:1;height:auto;padding:16px 20px 6px}body.sidebar-collapsed .admin-sidebar .nav-item a{padding:9px 20px;justify-content:flex-start;border-left-width:3px}body.sidebar-collapsed .admin-sidebar .nav-item a .nav-text{display:inline}body.sidebar-collapsed .admin-sidebar .sidebar-brand{padding:18px 20px;justify-content:flex-start}body.sidebar-collapsed .admin-sidebar .sidebar-brand .brand-text{display:inline}body.sidebar-collapsed .admin-sidebar .nav-toggle:after{display:inline}body.sidebar-collapsed .admin-sidebar .nav-submenu{display:none!important}body.sidebar-collapsed .admin-sidebar .nav-submenu.show{display:block!important}body.sidebar-collapsed .admin-sidebar .nav-item a:after{display:none}body.sidebar-collapsed .admin-sidebar>div:last-child{display:block}}.rdt_Table{background-color:var(--admin-card-bg)!important;color:var(--admin-text)!important}.rdt_TableHeadRow{background-color:var(--admin-primary)!important;color:#fff!important;border-bottom:none!important}.rdt_TableRow{background-color:var(--admin-card-bg)!important;color:var(--admin-text)!important;border-bottom:1px solid var(--admin-border)!important}.rdt_TableRow:hover{background-color:var(--admin-primary-bg)!important}body.admin-dark .rdt_TableRow:hover{background-color:#1c2128!important}.rdt_Pagination{background-color:var(--admin-card-bg)!important;color:var(--admin-text)!important;border-top:1px solid var(--admin-border)!important}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:9999}body.admin-dark .loading-overlay{background:#000000b3}.badge-status{font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px}.badge-status.published{background:var(--admin-primary-bg);color:var(--admin-primary)}.badge-status.pending{background:#fff3e0;color:#e65100}body.admin-dark .badge-status.published{background:#388e3c26}body.admin-dark .badge-status.pending{background:#e6510026}.admin-table .btn-group{display:flex;gap:.35rem}.admin-table .btn-group>.btn{border-radius:6px!important;margin:0}