:root{--primary-900:#0a2118;--primary-800:#143a2a;--primary-700:#1e5a40;--primary-600:#287856;--primary-500:#32966c;--primary-400:#4db88a;--primary-300:#7dd4ab;--primary-200:#b0e8cc;--primary-100:#daf5e7;--primary-50:#edfaf3;--accent-900:#5c1a0a;--accent-800:#8b2714;--accent-700:#b5351e;--accent-600:#d94b2a;--accent-500:#e86f4c;--accent-400:#f09272;--accent-300:#f5b49e;--accent-200:#fad5c8;--accent-100:#fdeee8;--accent-50:#fff7f4;--gold-600:#a67c00;--gold-500:#d4a012;--gold-400:#e8b931;--gold-300:#f0cf6a;--gold-200:#f7e2a0;--gold-100:#fbf0d0;--gray-950:#0b0f12;--gray-900:#131921;--gray-800:#1e2733;--gray-700:#2d3a4a;--gray-600:#4a5a6d;--gray-500:#6b7d92;--gray-400:#8fa0b4;--gray-300:#b4c3d2;--gray-200:#d4dfe9;--gray-100:#eaf0f5;--gray-50:#f5f8fb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--font-display:"Playfair Display",Georgia,serif;--font-body:"Plus Jakarta Sans",-apple-system,sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;--shadow-lg:0 20px 50px -10px #0000001f,0 10px 20px -5px #00000014;--shadow-xl:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;--shadow-glow:0 0 30px #32966c40;--shadow-glow-gold:0 0 30px #d4a01233;--glass-bg:#fff9;--glass-border:#fff6;--glass-blur:blur(16px) saturate(180%);--perspective:1200px;--transition-3d:all 0.6s cubic-bezier(0.165,0.84,0.44,1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--gray-950:#050709;--gray-900:#0a0f14;--gray-800:#121922;--gray-700:#1b2532;--gray-600:#3d4f66;--gray-500:#7d90a8;--gray-400:#a2b1c3;--gray-300:#c9d5e3;--gray-200:#1e293b;--gray-100:#161e2b;--gray-50:#0d121a;--glass-bg:#0d131cb3;--glass-border:#ffffff14;--glass-blur:blur(20px) saturate(200%);--primary-50:#32966c1a;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;background-color:#0b0f12;background-color:var(--gray-950);color:#b4c3d2;color:var(--gray-300)}[data-theme=dark] body{background:#0b0f12;background:var(--gray-950);color:#b4c3d2;color:var(--gray-300)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#fff}[data-theme=dark] .berita-card,[data-theme=dark] .card,[data-theme=dark] .chart-container,[data-theme=dark] .dataset-card,[data-theme=dark] .kecamatan-card,[data-theme=dark] .modal,[data-theme=dark] .sidebar,[data-theme=dark] .stat-card{background:#131921;background:var(--gray-900);border-color:#ffffff14}[data-theme=dark] .navbar{background:#0d131cd9;border-color:#ffffff0d}[data-theme=dark] .navbar.scrolled{background:#0d131cf2}[data-theme=dark] .nav-links a,[data-theme=dark] .nav-links button{color:#8fa0b4;color:var(--gray-400)}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links button:hover{background:#ffffff0d;color:#7dd4ab;color:var(--primary-300)}[data-theme=dark] .footer{background:#000;border-top:1px solid #ffffff0d}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .search-bar{background:#1e2733;background:var(--gray-800);border-color:#ffffff1a;color:#fff}[data-theme=dark] .data-table th{background:#1e2733;background:var(--gray-800);border-bottom-color:#ffffff1a}[data-theme=dark] .data-table td{border-bottom-color:#ffffff0d;color:#8fa0b4;color:var(--gray-400)}[data-theme=dark] .data-table tr:hover{background:#ffffff05}.btn,.card,.chart-container,.form-input,.navbar,.section,body,div,h1,h2,h3,h4,p,span{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media (max-width:1440px){html{font-size:15px}}@media (max-width:1366px){html{font-size:14.5px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f8fb;background:var(--gray-50);color:#1e2733;color:var(--gray-800);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#131921;color:var(--gray-900);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h2,h3{font-weight:600}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.25rem;font-weight:600}a{color:inherit;text-decoration:none;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}img{height:auto;max-width:100%}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#eaf0f5;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#4db88a;background:var(--primary-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#32966c;background:var(--primary-500)}.container{max-width:1280px}.container,.container-wide{margin:0 auto;padding:0 2rem;padding:0 var(--space-xl)}.container-wide{max-width:1440px}.navbar{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid #fff6;border-bottom:1px solid var(--glass-border);left:0;position:fixed;right:0;top:0;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);z-index:1000}.navbar,.navbar.scrolled{background:#fff9;background:var(--glass-bg)}.navbar.scrolled{border-bottom-color:#daf5e7;border-bottom-color:var(--primary-100);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-md)}.navbar-inner{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 2rem;padding:0 var(--space-xl)}.navbar-brand{color:#1e5a40;color:var(--primary-700);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.4rem;gap:.5rem;gap:var(--space-sm)}.navbar-brand,.navbar-brand .brand-icon{align-items:center;display:flex;font-weight:800}.navbar-brand .brand-icon{background:linear-gradient(135deg,#287856,#4db88a);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));border-radius:10px;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;height:42px;justify-content:center;width:42px}.navbar-brand .brand-sub{color:#6b7d92;color:var(--gray-500);display:block;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:.5px;margin-top:-2px}.nav-links{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs);list-style:none}.nav-links a,.nav-links button{background:none;border-radius:6px;border-radius:var(--radius-sm);color:#2d3a4a;color:var(--gray-700);font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.nav-links a.active,.nav-links a:hover,.nav-links button:hover{background:#edfaf3;background:var(--primary-50);color:#287856;color:var(--primary-600)}.nav-links a.active{font-weight:600}.nav-auth{display:flex;gap:.5rem;gap:var(--space-sm)}.btn,.nav-auth{align-items:center}.btn{border:2px solid #0000;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;line-height:1.4;padding:.65rem 1.5rem;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#287856,#32966c);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1e5a40,#287856);background:linear-gradient(135deg,var(--primary-700),var(--primary-600));box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:#b0e8cc;border-color:var(--primary-200);color:#1e5a40;color:var(--primary-700)}.btn-secondary:hover{background:#edfaf3;background:var(--primary-50);border-color:#4db88a;border-color:var(--primary-400)}.btn-accent{background:linear-gradient(135deg,#d94b2a,#e86f4c);background:linear-gradient(135deg,var(--accent-600),var(--accent-500));color:#fff}.btn-accent:hover{background:linear-gradient(135deg,#b5351e,#d94b2a);background:linear-gradient(135deg,var(--accent-700),var(--accent-600))}.btn-ghost{background:#0000;color:#4a5a6d;color:var(--gray-600)}.btn-ghost:hover{background:#eaf0f5;background:var(--gray-100);color:#1e2733;color:var(--gray-800)}.btn-sm{font-size:.8rem;padding:.4rem 1rem}.btn-lg{font-size:1rem;padding:.85rem 2rem}.btn-icon{border-radius:6px;border-radius:var(--radius-sm);height:40px;justify-content:center;padding:0;width:40px}.btn:disabled{cursor:not-allowed;opacity:.5}.card{background:#fff;background:var(--card-bg,#fff);border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transform-style:preserve-3d;transition:all .6s cubic-bezier(.165,.84,.44,1);transition:var(--transition-3d)}.card:hover{border-color:#b0e8cc;border-color:var(--primary-200);box-shadow:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.card-body{padding:1.5rem;padding:var(--space-lg)}.card-header{padding:1.5rem 1.5rem 0;padding:var(--space-lg) var(--space-lg) 0}.card-footer{padding:0 1.5rem 1.5rem;padding:0 var(--space-lg) var(--space-lg)}.hero{align-items:center;background:linear-gradient(160deg,#0a2118,#143a2a 30%,#1e5a40 60%,#287856);background:linear-gradient(160deg,var(--primary-900) 0,var(--primary-800) 30%,var(--primary-700) 60%,var(--primary-600) 100%);display:flex;min-height:100vh;overflow:hidden;position:relative;z-index:1}.hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.hero-glow{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#4db88a33 0,#0000 70%);height:600px;right:-100px;top:-100px;width:600px}.hero-glow,.hero-glow-2{border-radius:50%;position:absolute}.hero-glow-2{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#e86f4c26 0,#0000 70%);bottom:-50px;height:400px;left:-50px;width:400px}#particles-container{height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-content{color:#fff;max-width:700px;padding-top:72px;position:relative;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;border-radius:var(--radius-full);color:#b0e8cc;color:var(--primary-200);display:inline-flex;font-size:.8rem;gap:.5rem;letter-spacing:.5px;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:.4rem 1rem}.hero-badge .dot{animation:pulse 2s infinite;background:#22c55e;background:var(--success);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{color:#fff;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.hero h1 .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8b931,#f09272);background:linear-gradient(135deg,var(--gold-400),var(--accent-400));-webkit-background-clip:text;background-clip:text}.hero-desc{color:#fffc;font-size:1.15rem;line-height:1.7;margin-bottom:3rem;margin-bottom:var(--space-2xl);max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:4rem;margin-bottom:var(--space-3xl)}.hero-stats{grid-gap:1.5rem;grid-gap:var(--space-lg);border-top:1px solid #ffffff1a;display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);padding-top:3rem;padding-top:var(--space-2xl)}.hero-stat{text-align:center}.hero-stat .number{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2.2rem;font-weight:800}.hero-stat .label{color:#fff9;font-size:.85rem;margin-top:.25rem}.hero-visual{max-width:600px;opacity:.15;position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:45%;z-index:1}.section{padding:6rem 0;padding:var(--space-4xl) 0}.section-header{margin:0 auto 4rem;margin:0 auto var(--space-3xl);max-width:700px;text-align:center}.section-header .overline{align-items:center;color:#32966c;color:var(--primary-500);display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:1.5px;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.section-header .overline:after,.section-header .overline:before{background:#7dd4ab;background:var(--primary-300);content:"";height:2px;width:24px}.section-header p{color:#6b7d92;color:var(--gray-500);font-size:1.05rem;margin-top:.5rem;margin-top:var(--space-sm)}.section-dark{background:linear-gradient(160deg,#131921,#1e2733);background:linear-gradient(160deg,var(--gray-900),var(--gray-800));color:#fff}.section-dark h2,.section-dark h3{color:#fff}.section-dark p{color:#8fa0b4;color:var(--gray-400)}.dataset-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.dataset-card{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.dataset-card:hover{border-color:#b0e8cc;border-color:var(--primary-200);box-shadow:0 20px 50px -10px #0000001f,0 10px 20px -5px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dataset-card .card-top{padding:1.5rem;padding:var(--space-lg);padding-bottom:0}.dataset-card .card-kategori{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .75rem;text-transform:capitalize}.kat-pendidikan{background:#dbeafe;color:#1d4ed8}.kat-kesehatan{background:#dcfce7;color:#15803d}.kat-ekonomi{background:#fef3c7;color:#a16207}.kat-infrastruktur{background:#e0e7ff;color:#4338ca}.kat-kependudukan{background:#fce7f3;color:#be185d}.kat-pertanian{background:#d1fae5;color:#047857}.kat-pariwisata{background:#fed7aa;color:#c2410c}.kat-sosial{background:#ede9fe;color:#6d28d9}.kat-lingkungan{background:#ccfbf1;color:#0f766e}.kat-pemerintahan{background:#f1f5f9;color:#475569}.dataset-card h4{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4;margin:.5rem 0 .25rem;margin:var(--space-sm) 0 var(--space-xs)}.dataset-card .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#6b7d92;color:var(--gray-500);display:-webkit-box;font-size:.85rem;line-height:1.5;overflow:hidden}.dataset-card .card-bottom{align-items:center;border-top:1px solid #eaf0f5;border-top:1px solid var(--gray-100);color:#6b7d92;color:var(--gray-500);display:flex;font-size:.8rem;justify-content:space-between;margin-top:1rem;margin-top:var(--space-md);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.dataset-card .card-value{color:#1e5a40;color:var(--primary-700);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.dataset-card .card-change{font-size:.8rem;font-weight:600}.dataset-card .card-change.positive{color:#22c55e;color:var(--success)}.dataset-card .card-change.negative{color:#ef4444;color:var(--danger)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{align-items:flex-start;background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.stat-card:hover{box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.3rem;height:52px;justify-content:center;width:52px}.stat-card .stat-value{color:#131921;color:var(--gray-900);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.8rem;font-weight:800}.stat-card .stat-label{color:#6b7d92;color:var(--gray-500);font-size:.85rem;margin-top:.15rem}.stat-card .stat-trend{font-size:.8rem;font-weight:600;margin-top:.25rem}.kecamatan-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kecamatan-card{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:10px;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md);text-align:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.kecamatan-card:hover{border-color:#7dd4ab;border-color:var(--primary-300);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kecamatan-card .kec-name{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.kecamatan-card .kec-value{color:#287856;color:var(--primary-600);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.kecamatan-card .kec-label{color:#6b7d92;color:var(--gray-500);font-size:.75rem}.chart-container{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-xl)}.chart-container h3{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}@media (max-width:1440px){.dashboard-layout{grid-template-columns:220px 1fr}}.sidebar{background:#fff;border-right:1px solid #eaf0f5;border-right:1px solid var(--gray-100);height:calc(100vh - 72px);overflow-y:auto;padding:1.5rem 0;padding:var(--space-lg) 0;position:sticky;top:72px}.desktop-sidebar,.sidebar{display:block}.dashboard-mobile-header{display:none}.desktop-only{display:block}.sidebar-nav{list-style:none}.sidebar-nav li a,.sidebar-nav li button{align-items:center;background:none;border:none;color:#4a5a6d;color:var(--gray-600);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.7rem 1.5rem;padding:.7rem var(--space-lg);text-align:left;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.sidebar-nav li a:hover,.sidebar-nav li button:hover{background:#edfaf3;background:var(--primary-50);color:#287856;color:var(--primary-600)}.sidebar-nav li a.active,.sidebar-nav li button.active{background:#edfaf3;background:var(--primary-50);border-right:3px solid #32966c;border-right:3px solid var(--primary-500);color:#1e5a40;color:var(--primary-700);font-weight:600}.sidebar-section{color:#8fa0b4;color:var(--gray-400);font-size:.7rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem .25rem;padding:var(--space-md) var(--space-xl) var(--space-xs);text-transform:uppercase}.dashboard-content{background:#f5f8fb;background:var(--gray-50);min-height:calc(100vh - 72px);overflow-x:hidden;padding:2rem 3rem;padding:var(--space-xl) var(--space-2xl)}@media (max-width:1440px){.dashboard-content{padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}}@media (max-width:1280px){.dashboard-content{padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}}.dashboard-header{margin-bottom:2rem;margin-bottom:var(--space-xl)}.dashboard-header h2{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:1.5rem;font-weight:700}.dashboard-header p{color:#6b7d92;color:var(--gray-500);font-size:.9rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-label{color:#2d3a4a;color:var(--gray-700);display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #d4dfe9;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#1e2733;color:var(--gray-800);font-size:.9rem;padding:.65rem 1rem;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4db88a;border-color:var(--primary-400);box-shadow:0 0 0 3px #32966c1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#ef4444;color:var(--danger);font-size:.8rem;margin-top:.25rem}.table-container{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);display:block!important;margin-bottom:6rem;margin-bottom:var(--space-4xl);overflow-x:auto!important;width:100%}.data-table{border-collapse:collapse;display:table!important;min-width:800px!important;table-layout:auto;width:100%!important}@media (max-width:1366px){.data-table td,.data-table th{font-size:.85rem;padding:.75rem .85rem}.data-table th{font-size:.7rem}}.data-table thead{display:table-header-group!important}.data-table tbody{display:table-row-group!important}.data-table tr{display:table-row!important}.data-table td,.data-table th{display:table-cell!important}.data-table th{background:#f5f8fb;background:var(--gray-50);border-bottom:2px solid #eaf0f5;border-bottom:2px solid var(--gray-100);color:#2d3a4a;color:var(--gray-700);font-size:.75rem;font-weight:800;letter-spacing:1px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #eaf0f5;border-bottom:1px solid var(--gray-100);font-size:.9rem;padding:.85rem 1rem}.data-table tr:hover{background:#edfaf3;background:var(--primary-50)}.data-table tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .65rem}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#a16207}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#1d4ed8}.auth-page{align-items:center;background:linear-gradient(160deg,#0a2118,#1e5a40);background:linear-gradient(160deg,var(--primary-900),var(--primary-700));display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--space-xl)}.auth-card{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;box-shadow:var(--shadow-xl);max-width:440px;padding:3rem;padding:var(--space-2xl);width:100%}.auth-card h2{margin-bottom:.25rem;margin-bottom:var(--space-xs);text-align:center}.auth-card .auth-subtitle{color:#6b7d92;color:var(--gray-500);font-size:.9rem;margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.footer{background:#131921;background:var(--gray-900);color:#8fa0b4;color:var(--gray-400);padding:4rem 0 2rem;padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.footer h4{color:#fff;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.footer-links a{color:#8fa0b4;color:var(--gray-400);font-size:.85rem}.footer-links a:hover{color:#4db88a;color:var(--primary-400)}.footer-bottom{align-items:center;border-top:1px solid #1e2733;border-top:1px solid var(--gray-800);display:flex;font-size:.8rem;justify-content:space-between;padding-top:2rem;padding-top:var(--space-xl)}.search-bar{background:#fff;border:2px solid #d4dfe9;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);display:flex;max-width:600px;overflow:hidden;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.search-bar:focus-within{border-color:#4db88a;border-color:var(--primary-400);box-shadow:0 0 0 4px #32966c1a}.search-bar input{background:#0000;border:none;flex:1 1;font-size:1rem;padding:.85rem 1.25rem}.search-bar input:focus{outline:none}.search-bar button{background:#32966c;background:var(--primary-500);color:#fff;font-weight:600;padding:0 1.5rem}.search-bar button:hover{background:#287856;background:var(--primary-600)}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.filter-chip{background:#eaf0f5;background:var(--gray-100);border:1.5px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#4a5a6d;color:var(--gray-600);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.filter-chip:hover{color:#287856;color:var(--primary-600)}.filter-chip.active,.filter-chip:hover{background:#edfaf3;background:var(--primary-50)}.filter-chip.active{border-color:#7dd4ab;border-color:var(--primary-300);color:#1e5a40;color:var(--primary-700);font-weight:600}.pagination{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs);justify-content:center;margin-top:2rem;margin-top:var(--space-xl)}.pagination button{background:#fff;border:1.5px solid #d4dfe9;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#4a5a6d;color:var(--gray-600);font-weight:500;height:40px;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:40px}.pagination button:hover{border-color:#7dd4ab;border-color:var(--primary-300);color:#287856;color:var(--primary-600)}.pagination button.active{background:#32966c;background:var(--primary-500);border-color:#32966c;border-color:var(--primary-500);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.3}.berita-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.berita-card{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.berita-card:hover{box-shadow:0 20px 50px -10px #0000001f,0 10px 20px -5px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.berita-card .berita-img{background:linear-gradient(135deg,#287856,#4db88a);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));height:200px;overflow:hidden;position:relative}.berita-card .berita-body{padding:1.5rem;padding:var(--space-lg)}.berita-card .berita-date{color:#8fa0b4;color:var(--gray-400);font-size:.8rem}.berita-card .berita-date,.berita-card h4{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.berita-card h4{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4}.berita-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;color:#6b7d92;color:var(--gray-500);display:-webkit-box;font-size:.85rem;overflow:hidden}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;padding:var(--space-xl);position:fixed;z-index:2000}.modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eaf0f5;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}.modal-body{padding:2rem;padding:var(--space-xl)}.modal-footer{border-top:1px solid #eaf0f5;border-top:1px solid var(--gray-100);display:flex;gap:.5rem;gap:var(--space-sm);justify-content:flex-end;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.hamburger{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger span{background:#2d3a4a;background:var(--gray-700);border-radius:2px;display:block;height:2px;margin:5px 0;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:24px}.hamburger:hover span{background:#287856;background:var(--primary-600)}.toast-custom{font-family:Plus Jakarta Sans,-apple-system,sans-serif!important;font-family:var(--font-body)!important}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:4rem;padding:var(--space-3xl)}.spinner{animation:spin .8s linear infinite;border:3px solid #d4dfe9;border-top-color:#32966c;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.peta-layout{background:#fff;display:flex;flex:1 1;min-height:calc(100vh - 152px)}.peta-sidebar{background:#fff;border-right:1px solid #eaf0f5;border-right:1px solid var(--gray-100);overflow-y:auto;padding:2rem;padding:var(--space-xl);width:380px;z-index:10}.peta-map-view{align-items:center;background:#f5f8fb;background:var(--gray-50);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}@media (max-width:1440px){.peta-sidebar{padding:1.5rem;padding:var(--space-lg);width:320px}}@media (max-width:991px){.dashboard-layout{grid-template-columns:1fr;padding-top:110px}.dashboard-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #eaf0f5;border-bottom:1px solid var(--gray-100);display:flex;height:58px;justify-content:space-between;left:0;padding:0 1rem;padding:0 var(--space-md);position:fixed;right:0;top:72px;z-index:900}.desktop-only,.desktop-sidebar{display:none!important}.sidebar{background:#fff;bottom:0;box-shadow:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;box-shadow:var(--shadow-xl);display:block!important;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:2000}.sidebar.mobile-active{transform:translateX(0)!important}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;position:fixed;z-index:1900}.footer-grid{grid-template-columns:1fr 1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:block}.hero-content{padding:0 1rem;padding:0 var(--space-md)}.hero h1{font-size:2.25rem}.berita-grid,.dataset-grid,.footer-grid,.hero-stats{grid-template-columns:1fr}.hero-stats{gap:1rem;gap:var(--space-md)}.kecamatan-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.container,.container-wide{padding:0 1rem;padding:0 var(--space-md)}.peta-layout{flex-direction:column;height:auto;min-height:0}.peta-sidebar{border-bottom:1px solid #eaf0f5;border-bottom:1px solid var(--gray-100);border-right:none;height:auto!important;min-height:200px;width:100%!important}.peta-map-view{min-height:400px}}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}.slide-up{animation:slideUp .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.detail-page{min-height:100vh;padding-top:100px}.detail-header{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.detail-header .breadcrumb{color:#6b7d92;color:var(--gray-500);font-size:.85rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.detail-header .breadcrumb a{color:#32966c;color:var(--primary-500)}.detail-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:2fr 1fr}.detail-sidebar{position:sticky;top:100px}.empty-state{color:#8fa0b4;color:var(--gray-400);padding:6rem;padding:var(--space-4xl);text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.mobile-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:1500}.mobile-nav-inner{background:#fff;bottom:0;box-shadow:0 35px 80px -15px #0003,0 15px 30px -10px #0000001a;box-shadow:var(--shadow-xl);padding:2rem;padding:var(--space-xl);position:absolute;right:0;top:0;width:280px}.mobile-nav-inner .nav-links{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.mobile-nav-inner .nav-links a{border-radius:6px;border-radius:var(--radius-sm);display:block;padding:.75rem 1rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#32966c,#4db88a);background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.dropdown{position:relative}.dropdown-menu{background:#fff;border:1px solid #eaf0f5;border:1px solid var(--gray-100);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 20px 50px -10px #0000001f,0 10px 20px -5px #00000014;box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dropdown-item{align-items:center;background:none;border:none;color:#2d3a4a;color:var(--gray-700);display:flex;font-size:.85rem;gap:.5rem;gap:var(--space-sm);padding:.65rem 1rem;text-align:left;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.dropdown-item:hover{background:#f5f8fb;background:var(--gray-50);color:#287856;color:var(--primary-600)}.dropdown-divider{background:#eaf0f5;background:var(--gray-100);height:1px;margin:.25rem 0}.profil-hero,.profil-section{padding:6rem 0;padding:var(--space-4xl) 0}.profil-hero{background:linear-gradient(135deg,#143a2a,#287856);background:linear-gradient(135deg,var(--primary-800),var(--primary-600));color:#fff;margin-top:72px;text-align:center}.profil-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.map-container{align-items:center;background:linear-gradient(135deg,#daf5e7,#eaf0f5);background:linear-gradient(135deg,var(--primary-100),var(--gray-100));border:2px dashed #7dd4ab;border:2px dashed var(--primary-300);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);justify-content:center;min-height:400px;padding:3rem;padding:var(--space-2xl);text-align:center}.ai-chat-bubble{cursor:pointer!important}.ai-chat-bubble,.ai-chat-window{bottom:30px!important;position:fixed!important;right:30px!important;z-index:9999!important}@media (max-width:768px){.ai-chat-bubble,.ai-chat-window{bottom:20px!important;right:20px!important}}
/*# sourceMappingURL=main.de3b4f62.css.map*/