@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--primary-h: 262;--primary-s: 80%;--primary-l: 58%;--primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));--primary-hover: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%));--primary-light: hsl(var(--primary-h) var(--primary-s) 95%);--primary-glow: hsla(var(--primary-h) var(--primary-s) var(--primary-l) / .15);--secondary: #0ea5e9;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg: #f8fafc;--card-bg: #ffffff;--text: #334155;--text-bold: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--sans: "Plus Jakarta Sans", system-ui, sans-serif;--heading: "Outfit", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 30px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 10px 25px -5px rgba(15, 23, 42, .05), 0 8px 16px -6px rgba(15, 23, 42, .05);--shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, .08), 0 12px 20px -8px rgba(15, 23, 42, .04);font-family:var(--sans);color-scheme:light;background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg: #0b0f19;--card-bg: #141b2d;--text: #94a3b8;--text-bold: #f8fafc;--text-muted: #64748b;--border: #1e293b;--primary-light: hsl(var(--primary-h) var(--primary-s) 15%);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 16px -6px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .4), 0 12px 20px -8px rgba(0, 0, 0, .3);color-scheme:dark}html,body{scroll-behavior:auto!important;overflow-anchor:none!important}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #aa3bff00}50%{transform:scale(1.02);box-shadow:0 0 20px #aa3bff33}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.premium-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.premium-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:hsla(var(--primary-h) var(--primary-s) var(--primary-l) / .3)}.premium-card:hover .candidate-photo-img{transform:scale(1.06)}.premium-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card-bg);color:var(--text-bold);font-family:var(--sans);font-size:16px;outline:none;box-sizing:border-box;transition:all .2s ease}.premium-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);border:none;font-family:var(--heading);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.premium-btn-primary{background:var(--primary);color:#fff}.premium-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}.premium-btn-primary:active{transform:translateY(0)}.premium-btn-secondary{background:var(--primary-light);color:var(--primary);border:1px solid hsla(var(--primary-h) var(--primary-s) var(--primary-l) / .1)}.premium-btn-secondary:hover{background:hsla(var(--primary-h) var(--primary-s) var(--primary-l) / .15);transform:translateY(-1px)}.premium-btn-outline{background:transparent;color:var(--text-bold);border:1px solid var(--border)}.premium-btn-outline:hover{background:var(--bg);border-color:var(--text-muted)}.premium-btn-danger{background:var(--danger);color:#fff}.premium-btn-danger:hover{opacity:.9;box-shadow:0 4px 12px #ef444433}.badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:24px;box-sizing:border-box;animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.premium-modal-container{width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;box-sizing:border-box;position:relative;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.premium-modal-content{overflow-y:auto;flex-grow:1;padding-right:8px}.warga-dashboard-info-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1.3fr;gap:24px}@media (max-width: 1200px){.warga-dashboard-info-grid{grid-template-columns:1fr 1fr}.warga-dashboard-info-grid>div:last-child{grid-column:span 2}}@media (max-width: 900px){.warga-dashboard-info-grid{grid-template-columns:1fr}.warga-dashboard-info-grid>div:last-child{grid-column:span 1}}.responsive-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 1024px){.responsive-grid-2{grid-template-columns:1fr;gap:24px}}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.responsive-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.responsive-grid-3{grid-template-columns:1fr}}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1280px){.responsive-grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.responsive-grid-4{grid-template-columns:1fr}}.sticky-mobile-header{position:sticky;top:0;z-index:100;background:#f8fafce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin:0 -16px 20px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0f172a08;transition:background .3s ease,border-color .3s ease}[data-theme=dark] .sticky-mobile-header{background:#0b0f19e6;box-shadow:0 4px 20px #00000026}.header-btn-akun{background:var(--primary-light);color:var(--primary);border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.header-btn-akun:hover{filter:brightness(.95)}.header-btn-keluar{background:#ef444414;color:var(--danger);border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.header-btn-keluar:hover{background:#ef444426}.toast-container{position:fixed;top:24px;right:24px;z-index:999999;display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.4;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden;border:1px solid var(--border)}@keyframes toast-slide-in{0%{transform:translate(100%) translateY(-10px);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}.toast-item-success{background:#f0fdfae6;border-color:#10b9814d;color:#065f46}[data-theme=dark] .toast-item-success{background:#064e3bd9;border-color:#10b98166;color:#d1fae5}.toast-item-error{background:#fef2f2e6;border-color:#ef44444d;color:#991b1b}[data-theme=dark] .toast-item-error{background:#7f1d1dd9;border-color:#ef444466;color:#fee2e2}.toast-item-warning{background:#fffbebe6;border-color:#f59e0b4d;color:#92400e}[data-theme=dark] .toast-item-warning{background:#783504d9;border-color:#f59e0b66;color:#fef3c7}.toast-item-info{background:#f0f9ffe6;border-color:#0ea5e94d;color:#075985}[data-theme=dark] .toast-item-info{background:#0c4a60d9;border-color:#0ea5e966;color:#e0f2fe}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:20px}.toast-message{flex-grow:1;word-break:break-word}.toast-close{background:transparent;border:none;cursor:pointer;padding:2px;color:currentColor;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.toast-close:hover{opacity:1;background:#0000000d}[data-theme=dark] .toast-close:hover{background:#ffffff14}@media (max-width: 640px){.toast-container{top:auto;bottom:24px;right:0;left:0;margin:0 auto;padding:0 16px;max-width:100%}.toast-item{animation:toast-slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@keyframes modal-slide-up{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}