@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50:#ebf5ff;--primary-100:#d1e7fc;--primary-200:#aaddf9;--primary-300:#7bcdfa;--primary-400:#44a5f6;--primary-500:#1b85f0;--primary-600:#0a6bda;--primary-700:#0754b2;--primary-800:#064593;--primary-900:#043977;--accent-400:#63b3ed;--accent-500:#4299e1;--accent-600:#3182ce;--navy-dark:#0f1c2e;--navy-base:#182b49;--navy-light:#243e60;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--gray-50:#f4f6f9;--gray-100:#eaf0f6;--gray-200:#d5dfea;--gray-300:#bbc8d9;--gray-400:#9dafc4;--gray-500:#7b91ab;--gray-600:#5c7490;--gray-700:#455a73;--gray-800:#2d3c4e;--gray-900:#16202a;--sidebar-width:270px;--sidebar-collapsed:72px;--header-height:68px;--shadow-sm:0 2px 4px #0f1c2e0a;--shadow-md:0 4px 8px -2px #0f1c2e0f, 0 2px 4px -2px #0f1c2e0a;--shadow-lg:0 12px 24px -6px #0f1c2e1a, 0 6px 12px -6px #0f1c2e0d;--shadow-xl:0 24px 32px -10px #0f1c2e1f, 0 12px 16px -8px #0f1c2e0f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.login-page:after{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-100px;left:-100px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl), 0 0 40px #0000001a;z-index:1;background:#fffffff2;padding:48px 40px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-card .logo-container{text-align:center;margin-bottom:32px}.login-card .logo-icon{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));border-radius:var(--radius-xl);color:#fff;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:32px;display:flex;box-shadow:0 8px 24px #3b82f659}.login-card h1{color:var(--gray-900);margin-bottom:4px;font-size:1.5rem;font-weight:700}.login-card .subtitle{color:var(--gray-500);font-size:.875rem}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--navy-dark);background:linear-gradient(170deg, var(--navy-dark) 0%, var(--navy-base) 100%);color:#fff;z-index:100;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #0f1c2e33}.sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:20px;display:flex}.sidebar-header .logo{background:linear-gradient(135deg, var(--primary-400), var(--accent-400));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.sidebar-header .brand{flex-direction:column;display:flex}.sidebar-header .brand-name{font-size:1rem;font-weight:700;line-height:1.2}.sidebar-header .brand-sub{color:var(--gray-400);font-size:.7rem;font-weight:400}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-nav .nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);padding:16px 12px 6px;font-size:.65rem;font-weight:600}.sidebar-nav .nav-item{border-radius:var(--radius-md);color:var(--gray-300);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-nav .nav-item:hover{color:#fff;background:#ffffff14}.sidebar-nav .nav-item.active{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;transform:translate(4px);box-shadow:0 4px 16px #1b85f059}.sidebar-nav .nav-item .nav-icon{justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.sidebar-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:12px 8px}.sidebar-footer .user-info{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.sidebar-footer .user-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-500), var(--accent-500));flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.sidebar-footer .user-details{flex:1;min-width:0}.sidebar-footer .user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:600;overflow:hidden}.sidebar-footer .user-role{color:var(--gray-400);text-transform:capitalize;font-size:.7rem}.main-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.main-header{height:var(--header-height);border-bottom:1px solid var(--gray-200);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.main-header .page-title{color:var(--gray-900);font-size:1.25rem;font-weight:700}.main-header .header-actions{align-items:center;gap:12px;display:flex}.page-content{flex:1;padding:32px 36px;overflow-x:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-normal);background:#fff;padding:16px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:after{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.blue:after{background:linear-gradient(90deg, var(--primary-400), var(--primary-600))}.stat-card.green:after{background:linear-gradient(90deg, var(--success-500), #10b981)}.stat-card.red:after{background:linear-gradient(90deg, var(--danger-500), #f97316)}.stat-card.purple:after{background:linear-gradient(90deg, var(--accent-400), var(--accent-600))}.stat-card.orange:after{background:linear-gradient(90deg, var(--warning-500), var(--warning-600))}.stat-card.teal:after{background:linear-gradient(90deg,#14b8a6,#0d9488)}.stat-card .stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card .stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.stat-card.blue .stat-icon{background:var(--primary-50);color:var(--primary-600)}.stat-card.green .stat-icon{background:var(--success-50);color:var(--success-600)}.stat-card.red .stat-icon{background:var(--danger-50);color:var(--danger-600)}.stat-card.purple .stat-icon{color:var(--accent-600);background:#f5f3ff}.stat-card.teal .stat-icon{color:#0d9488;background:#f0fdfa}.stat-card.orange .stat-icon{background:var(--warning-50);color:var(--warning-600)}.stat-card .stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.stat-card .stat-value{color:var(--gray-900);font-size:1.5rem;font-weight:800;line-height:1.2}.stat-card .stat-sub{color:var(--gray-400);margin-top:4px;font-size:.65rem}.logout-btn-wrapper{margin-top:6px;padding:0 14px 4px}.logout-btn{border-radius:var(--radius-md);color:#fca5a5;cursor:pointer;width:100%;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em;background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.logout-btn:hover{background:var(--danger-500);border-color:var(--danger-500);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ef444440}.logout-btn:active{transform:translateY(0)}.dashboard-split{grid-template-columns:3fr 1fr;gap:20px;display:grid}.chart-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);background:#fff;height:100%;margin-bottom:24px;padding:20px}.chart-container h3{color:var(--gray-800);margin-bottom:20px;font-size:.95rem;font-weight:600}.poli-grid-vertical{flex-direction:column;gap:12px;display:flex}.poli-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.poli-card .poli-info{flex-direction:column;display:flex}.poli-card .poli-name{color:var(--gray-800);font-size:.8rem;font-weight:600}.poli-card .poli-code{color:var(--gray-400);margin-top:2px;font-size:.7rem}.poli-card .poli-count{color:var(--primary-600);background:var(--primary-50);border-radius:var(--radius-xl);padding:4px 12px;font-size:1.25rem;font-weight:800}.ant-btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600))!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important;border:none!important;font-weight:500!important;box-shadow:0 2px 8px #3b82f64d!important}.ant-btn-primary:hover{background:linear-gradient(135deg, var(--primary-600), var(--primary-700))!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f666!important}.ant-table{overflow:hidden;border-radius:var(--radius-lg)!important}.ant-table-thead>tr>th{background:var(--gray-50)!important;color:var(--gray-700)!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-size:.8rem!important;font-weight:600!important}.ant-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--gray-100)!important}@media (width<=1200px){.dashboard-split{grid-template-columns:2fr 1fr}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-split{grid-template-columns:1fr}}@media (width<=768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.page-content{padding:16px}.login-card{margin:16px;padding:32px 24px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.4s ease-out fadeIn}.slide-in{animation:.4s cubic-bezier(.16,1,.3,1) slideInLeft}.mobile-menu-btn{cursor:pointer;color:var(--gray-700);background:0 0;border:none;font-size:24px;display:none}@media (width<=768px){.mobile-menu-btn{display:block}}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.active{display:block}}.about-page{max-width:900px;margin:0 auto}.about-hero{text-align:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);background:#fff;margin-bottom:32px;padding:40px 32px;position:relative;overflow:hidden}.about-hero:before{content:"";background:linear-gradient(90deg, var(--primary-400), var(--accent-500), var(--primary-600));height:4px;position:absolute;top:0;left:0;right:0}.about-hero-icon{margin-bottom:16px;font-size:56px;animation:4s ease-in-out infinite float;display:inline-block}.about-hero h1{color:var(--gray-900);margin-bottom:8px;font-size:2rem;font-weight:800}.about-hero-subtitle{color:var(--primary-600);margin-bottom:16px;font-size:1rem;font-weight:600}.about-hero-desc{color:var(--gray-500);max-width:640px;margin:0 auto 20px;font-size:.9rem;line-height:1.7}.about-hero-version{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-xl);align-items:center;gap:6px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.about-section{margin-bottom:32px}.about-section-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.about-section-header h2{color:var(--gray-900);font-size:1.25rem;font-weight:700}.about-section-icon{color:var(--primary-500);font-size:22px}.about-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.about-feature-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-normal);background:#fff;padding:24px 20px}.about-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.about-feature-icon{border-radius:var(--radius-md);background:var(--primary-50);width:44px;height:44px;color:var(--primary-600);justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.about-feature-card h3{color:var(--gray-800);margin-bottom:8px;font-size:.9rem;font-weight:700}.about-feature-card p{color:var(--gray-500);font-size:.8rem;line-height:1.6}.about-roadmap{flex-direction:column;gap:0;display:flex;position:relative}.roadmap-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-normal);background:#fff;margin-bottom:16px;padding:24px;position:relative}.roadmap-card:hover{box-shadow:var(--shadow-md)}.roadmap-card.current{border-left:4px solid var(--primary-500)}.roadmap-card.done{border-left:4px solid var(--success-500)}.roadmap-card.planned{border-left:4px solid var(--gray-300);opacity:.85}.roadmap-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.roadmap-version-badge{border-radius:var(--radius-xl);padding:3px 12px;font-size:.75rem;font-weight:700}.roadmap-status-badge{border-radius:var(--radius-xl);align-items:center;gap:5px;padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.roadmap-title{color:var(--gray-800);margin-bottom:12px;font-size:1rem;font-weight:700}.roadmap-items{margin:0;padding:0;list-style:none}.roadmap-items li{color:var(--gray-600);align-items:center;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.roadmap-check{flex-shrink:0;font-size:14px}.about-footer-info{text-align:center;color:var(--gray-400);padding:24px;font-size:.8rem}.about-footer-info p:first-child{margin-bottom:4px;font-weight:600}.change-password-page{max-width:860px;margin:0 auto}.cp-container{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}.cp-info-card{background:linear-gradient(135deg, var(--navy-dark), var(--navy-base));border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-lg);padding:32px 24px}.cp-info-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--primary-300);background:#ffffff1f;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;display:flex}.cp-info-card h2{margin-bottom:10px;font-size:1.3rem;font-weight:700}.cp-info-card p{color:var(--gray-300);margin-bottom:24px;font-size:.85rem;line-height:1.7}.cp-user-card{border-radius:var(--radius-md);background:#ffffff14;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.cp-user-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-500), var(--accent-500));flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.cp-user-name{font-size:.9rem;font-weight:600}.cp-user-username{color:var(--gray-400);font-size:.75rem}.cp-tips{border-radius:var(--radius-md);background:#ffffff0f;padding:16px}.cp-tips h4{margin-bottom:10px;font-size:.85rem;font-weight:600}.cp-tips ul{margin:0;padding:0;list-style:none}.cp-tips ul li{color:var(--gray-300);align-items:center;gap:6px;padding:3px 0;font-size:.78rem;display:flex}.cp-tips ul li:before{content:"✓";color:var(--success-500);font-size:.7rem;font-weight:700}.cp-form-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);background:#fff;padding:32px}.cp-form-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.cp-form-header h2{color:var(--gray-900);font-size:1.2rem;font-weight:700}.cp-success-banner{background:var(--success-50);color:var(--success-600);border-radius:var(--radius-md);border:1px solid var(--success-100);align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;font-weight:600;animation:.3s ease-out fadeIn;display:flex}.user-management-page{padding:0 0 40px}.um-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.um-subtitle{color:var(--gray-500);margin:0;font-size:.875rem}.um-stats{gap:16px;margin-bottom:20px;display:flex}.um-stat-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);text-align:center;min-width:120px;transition:all var(--transition-normal);background:#fff;padding:16px 28px}.um-stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.um-stat-value{color:var(--gray-900);font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.um-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.login-lockout{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-600);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;font-weight:600;animation:.3s ease-out fadeIn;display:flex}.login-lockout .lockout-timer{background:var(--danger-500);color:#fff;border-radius:var(--radius-xl);text-align:center;min-width:40px;padding:2px 10px;font-size:.8rem;font-weight:700}@media (width<=768px){.about-features-grid,.cp-container{grid-template-columns:1fr}.cp-info-card{order:2}.cp-form-card{order:1}.um-stats{flex-wrap:wrap}.um-stat-item{flex:1;min-width:80px}}@media (width<=1024px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}.signature-preview{background:#f5f5f5;border-radius:4px;max-height:60px;padding:4px}.prb-dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:12px;padding:32px;transition:all .3s}.prb-dropzone:hover{border-color:var(--primary-500);background:#6366f105}.prb-dropzone.has-file{border-color:var(--success-500);border-style:solid}.file-preview-card{border-radius:8px;overflow:hidden}.file-preview-card img{object-fit:contain;max-width:100%;max-height:300px}.autoload-card{border-left:4px solid var(--primary-500);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.autoload-actions{gap:8px;margin-top:12px;display:flex}.laporan-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.laporan-header-left{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.laporan-title{color:var(--gray-900);margin:0;font-size:1.5rem;font-weight:700}.laporan-subtitle{color:var(--gray-500);background:var(--gray-100);border-radius:20px;padding:4px 12px;font-size:1rem;font-weight:500}.laporan-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.summary-card-highlight{box-shadow:0 4px 20px #0ea5e926}.summary-card-top{color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.summary-card-icon{opacity:.85;font-size:1.4rem}.summary-card-value{letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.summary-card-bottom{padding:12px 20px 16px}.summary-card-title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:600}.summary-card-gender{flex-direction:column;gap:4px;display:flex}.gender-bar-container{background:var(--gray-100);border-radius:3px;height:6px;display:flex;overflow:hidden}.gender-bar{height:100%;transition:width .6s}.gender-bar-laki{background:#3b82f6}.gender-bar-perempuan{background:#ec4899}.gender-bar-labels{justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.laporan-charts-row{grid-template-columns:1fr 1.5fr;gap:16px;margin-bottom:24px;display:grid}.laporan-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.laporan-card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.laporan-card-title{color:var(--gray-800);font-size:.9rem;font-weight:700}.laporan-card-body{padding:20px}.gender-legend{flex-direction:column;gap:16px;display:flex}.gender-legend-item{align-items:center;gap:10px;display:flex}.gender-legend-label{color:var(--gray-500);font-size:.78rem;font-weight:500}.gender-legend-value{font-size:1.3rem;font-weight:700}.gender-legend-pct{opacity:.7;margin-left:4px;font-size:.75rem;font-weight:500}.tempat-table{flex-direction:column;gap:8px;margin-top:16px;display:flex}.tempat-row{background:var(--gray-50);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.tempat-row:hover{background:var(--gray-100)}.tempat-name{color:var(--gray-700);align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.tempat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.tempat-stats{align-items:center;gap:12px;display:flex}.tempat-total{color:var(--gray-900);font-size:.95rem;font-weight:700}.tempat-gender{color:var(--gray-500);font-size:.72rem;font-weight:500}.laporan-card-trend{margin-bottom:24px}.laporan-card-analisis{-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff3}.laporan-card-header-analisis{background:linear-gradient(135deg,#6366f114,#8b5cf614)}.analisis-badge{color:#8b5cf6;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:700}.analisis-body{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.insight-card{border-radius:var(--radius);padding:16px;transition:transform .15s}.insight-card:hover{transform:translate(3px)}.insight-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.insight-icon{font-size:1.2rem}.insight-title{color:var(--gray-800);font-size:.85rem;font-weight:700}.insight-description{color:var(--gray-600);margin:0;font-size:.8rem;line-height:1.5}@media (width<=1024px){.laporan-summary-grid{grid-template-columns:repeat(2,1fr)}.laporan-charts-row{grid-template-columns:1fr}}@media (width<=640px){.laporan-summary-grid{grid-template-columns:1fr}.laporan-header{flex-direction:column;align-items:flex-start}.analisis-body{grid-template-columns:1fr}.summary-card-value{font-size:1.4rem}}