.icon[data-v-738601cf]{vertical-align:middle;flex-shrink:0;display:inline-block}.theme-toggle[data-v-2683bae1]{border:1px solid var(--border);background:var(--glass-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle[data-v-2683bae1]:hover{background:var(--hover);color:var(--text-primary)}:root.dark .sun-icon[data-v-2683bae1],:root.light .moon-icon[data-v-2683bae1]{display:none}:root.dark .moon-icon[data-v-2683bae1],:root.light .sun-icon[data-v-2683bae1]{display:inline-block}:root,:root.light{--primary-100:#96d0c6;--primary-200:#66bfaf;--primary-300:#33b5ab;--primary-400:#038b94;--primary-500:#03666f;--bg:#f5f9f8;--bg-surface:#fff;--bg-sidebar:#ffffffd9;--glass-bg:#ffffffa6;--glass-border:#03666f1f;--glass-shadow:0 8px 32px #038b9414;--text-primary:#0f1f1d;--text-secondary:#577572;--text-muted:#8fa8a5;--border:#d5e5e2;--hover:#038b940f;--input-bg:#f0f5f4;--danger:#dc3545;--danger-hover:#c82333;--success:#28a745}:root.dark{--bg:#0f1419;--bg-surface:#1a2332;--bg-sidebar:#1a2332eb;--glass-bg:#ffffff0a;--glass-border:#96d0c61a;--glass-shadow:0 8px 32px #0000004d;--text-primary:#e8f0ee;--text-secondary:#8fa8a5;--text-muted:#577572;--border:#263340;--hover:#96d0c60f;--input-bg:#1e2d3d;--danger:#ff6b6b;--danger-hover:#ee5a5a;--success:#51cf66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px}.app-layout{height:100vh;display:flex;overflow:hidden}.app-sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 12px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);color:var(--primary-400);align-items:center;gap:10px;margin-bottom:16px;padding:0 8px 20px;font-size:14px;font-weight:700;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary-300), var(--primary-500));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-item{color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--hover);color:var(--text-primary)}.sidebar-item.active{color:var(--primary-400);background:linear-gradient(135deg,#038b941f,#33b5ab14)}:root.dark .sidebar-item.active{color:var(--primary-200)}.sidebar-item-icon{align-items:center;width:20px;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;display:flex}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-topbar{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.app-content{flex:1;padding:24px;overflow-y:auto}.mobile-theme{display:none}.bottom-nav{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-items{justify-content:space-around;align-items:center;display:flex}.bottom-nav-item{color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--primary-400)}:root.dark .bottom-nav-item.active{color:var(--primary-200)}.btn{border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-300), var(--primary-500));color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-full{justify-content:center;width:100%}.btn-icon{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--hover);color:var(--text-primary)}.btn-icon-danger:hover{color:var(--danger);background:#dc35451a}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-group input{border:1px solid var(--border);background:var(--input-bg);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px #33b5ab26}.form-group input::placeholder{color:var(--text-muted)}.input-with-icon{border:1px solid var(--border);background:var(--input-bg);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.input-with-icon:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 3px #33b5ab26}.input-with-icon input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.error-text{color:var(--danger);margin-bottom:8px;font-size:13px}.login-page{background:var(--bg);justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:380px;padding:40px 32px}.login-logo{text-align:center;margin-bottom:32px}.logo-circle{background:linear-gradient(135deg, var(--primary-300), var(--primary-500));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.login-logo h1{color:var(--text-primary);font-size:20px;font-weight:700}.login-logo p{color:var(--text-muted);margin-top:4px;font-size:13px}.login-form{flex-direction:column;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.stat-card{align-items:flex-start;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{background:var(--hover);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-value{font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-box{border:1px solid var(--border);background:var(--input-bg);max-width:360px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s;display:flex}.search-box:focus-within{border-color:var(--primary-300)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.table-wrapper{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}tbody tr{transition:background .1s}tbody tr:hover{background:var(--hover)}tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 16px}tbody tr:last-child td{border-bottom:none}.cell-nama .nama-text{color:var(--text-primary);font-weight:600}.cell-email{font-size:12px}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-verified{color:var(--success);background:#28a7451f}.badge-pending{color:#e0a800;background:#ffc10726}.score-pill{min-width:36px;color:var(--primary-400);background:linear-gradient(135deg,#33b5ab1f,#038b9414);border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}:root.dark .score-pill{color:var(--primary-200)}.text-muted{color:var(--text-muted)}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state p{font-size:14px}.loading-text{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:460px;animation:.2s slideUp}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-body{padding:20px 24px 24px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-sidebar{display:none}.bottom-nav{display:block}.mobile-theme{display:flex}.app-content{padding:16px 16px 80px}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:20px}table{font-size:12px}thead th,tbody td{padding:10px 12px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.login-card{padding:28px 20px}}