:root{--bg:#f0eff9;--surface2:#f5f4fb;--border:#e4e2f0;--border2:#cdc9e8;--text:#1a1828;--text2:#6b6880;--text3:#a09dbb;--accent:#4f46e5;--accent-bg:#eef2ff;--accent-dark:#3730a3;--green-bg:#dcfce7;--green-bdr:#86efac;--amber-bg:#fef3c7;--amber-bdr:#fcd34d;--red-bg:#fee2e2;--red-bdr:#fca5a5;--orange:#9a3412;--orange-bg:#ffedd5;--orange-bdr:#fdba74;--radius-lg:14px;--shadow:0 1px 4px #00000014;--shadow-md:0 4px 20px #0000001a}body{background:#f0eff9;color:#1a1828}a{color:#4f46e5;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:#cdc9e8}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .28s ease both}.slide-in{animation:slideIn .22s ease both}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width:768px){.login-page{grid-template-columns:1fr}}.login-hero{background:linear-gradient(135deg,#312e81,#4f46e5 60%,#7c3aed);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}@media (max-width:768px){.login-hero{display:none}}.login-hero:before{background:#ffffff0f;height:500px;right:-30%;top:-40%;width:500px}.login-hero:after,.login-hero:before{border-radius:50%;content:"";position:absolute}.login-hero:after{background:#ffffff0a;bottom:-30%;height:400px;left:-20%;width:400px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:2rem;padding:6px 14px;width:fit-content}.hero-title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-sub,.hero-title{position:relative;z-index:1}.hero-sub{font-size:15px;line-height:1.7;margin-bottom:2.5rem;opacity:.8}.hero-features{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.hero-feat{font-size:13px;gap:10px;opacity:.9}.hero-feat,.hero-feat-dot{align-items:center;display:flex}.hero-feat-dot{background:#fff3;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;font-size:10px;height:20px;justify-content:center;width:20px}.login-panel{align-items:center;background:#fff;background:var(--surface);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.login-box{max-width:400px;width:100%}.login-logo{gap:10px;margin-bottom:2rem}.login-logo,.login-logo-mark{align-items:center;display:flex}.login-logo-mark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;height:40px;justify-content:center;width:40px}.login-logo-text{color:#1a1828;color:var(--text);font-size:16px;font-weight:700}.login-logo-sub{color:#6b6880;color:var(--text2);font-size:11px}.login-title{font-size:24px;font-weight:700;margin-bottom:4px}.login-desc{color:#6b6880;color:var(--text2);font-size:13px;margin-bottom:1.75rem}.tab-switcher{background:#f5f4fb;background:var(--surface2);border-radius:10px;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:4px}.tab-sw-btn{background:none;border:none;border-radius:7px;color:#6b6880;color:var(--text2);font-size:13px;font-weight:500;padding:8px;transition:all .15s}.tab-sw-btn.active{background:#fff;box-shadow:0 1px 4px #0000001f;color:#1a1828;color:var(--text)}.form-field{margin-bottom:14px}.form-field label{color:#6b6880;color:var(--text2);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.form-input{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1828;color:var(--text);font-size:14px;padding:10px 13px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f;outline:none}.form-input::placeholder{color:#a09dbb;color:var(--text3)}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.btn-primary{background:#4f46e5;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;margin-top:4px;padding:11px;transition:background .15s,transform .1s;width:100%}.btn-primary:hover:not(:disabled){background:#3730a3;background:var(--accent-dark)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{cursor:not-allowed;opacity:.45}.btn-secondary{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1828;color:var(--text);font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s}.btn-secondary:hover{background:#e4e2f0;background:var(--border)}.btn-danger{background:#fee2e2;background:var(--red-bg);border:1px solid #fca5a5;border:1px solid var(--red-bdr);border-radius:6px;border-radius:var(--radius-sm);color:#991b1b;color:var(--red);font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s}.btn-danger:hover{background:#fecaca}.btn-success{background:#dcfce7;background:var(--green-bg);border:1px solid #86efac;border:1px solid var(--green-bdr);border-radius:6px;border-radius:var(--radius-sm);color:#166534;color:var(--green);font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s}.btn-success:hover{background:#bbf7d0}.btn-icon{align-items:center;background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#6b6880;color:var(--text2);display:flex;font-size:14px;height:30px;justify-content:center;transition:all .15s;width:30px}.btn-icon:hover{background:#e4e2f0;background:var(--border);color:#1a1828;color:var(--text)}.login-switch{color:#6b6880;color:var(--text2);font-size:13px;margin-top:1rem;text-align:center}.login-switch span{color:#4f46e5;color:var(--accent);cursor:pointer;font-weight:500}.login-switch span:hover{text-decoration:underline}.pending-box{background:#fef3c7;background:var(--amber-bg);border:1px solid #fcd34d;border:1px solid var(--amber-bdr);border-radius:10px;border-radius:var(--radius);margin-top:1rem;padding:1.25rem;text-align:center}.pending-box-icon{font-size:36px;margin-bottom:8px}.pending-box-title{color:#92400e;color:var(--amber);font-size:16px;font-weight:700;margin-bottom:6px}.pending-box-desc{color:#92400e;color:var(--amber);font-size:13px;line-height:1.5}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e4e2f0;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #e4e2f0;box-shadow:0 1px 0 var(--border);height:56px;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:1.5rem}.logo{cursor:pointer;font-size:15px;font-weight:700;gap:9px}.logo,.logo-mark{align-items:center;display:flex}.logo-mark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:7px;flex-shrink:0;height:28px;justify-content:center;width:28px}.topnav{display:flex;gap:2px}.nav-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b6880;color:var(--text2);font-size:13px;font-weight:500;padding:6px 12px;position:relative;transition:all .15s}.nav-btn:hover{background:#f5f4fb;background:var(--surface2);color:#1a1828;color:var(--text)}.nav-btn.active{background:#eef2ff;background:var(--accent-bg);color:#4f46e5;color:var(--accent);font-weight:600}.nav-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.nav-badge,.topbar-right{align-items:center;display:flex}.topbar-right{gap:10px}.status-dot{border-radius:50%;height:7px;width:7px}.status-dot.online{background:#22c55e}.status-dot.offline{background:#ef4444}.status-dot.checking{animation:pulse 1.5s infinite;background:#f59e0b}.api-status{color:#6b6880;color:var(--text2);font-size:12px;gap:6px}.api-status,.user-chip{align-items:center;display:flex}.user-chip{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:13px;gap:7px;padding:4px 10px 4px 4px;transition:background .15s}.user-chip:hover{background:#e4e2f0;background:var(--border)}.user-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.user-role-badge{background:#eef2ff;background:var(--accent-bg);border-radius:10px;color:#4f46e5;color:var(--accent);font-size:9px;font-weight:700;padding:1px 6px;text-transform:uppercase}.main{margin:0 auto;max-width:960px;padding:2rem 1.25rem}.page-title{font-size:22px;font-weight:700;margin-bottom:4px}.page-sub{color:#6b6880;color:var(--text2);font-size:14px;margin-bottom:1.5rem}.card{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 4px #00000014;box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem 1.5rem}.section-title{color:#6b6880;color:var(--text2);font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:.75rem;text-transform:uppercase}.user-mgmt-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:1rem}.search-bar{display:flex;flex:1 1;gap:8px;min-width:0}.search-input{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1828;color:var(--text);flex:1 1;font-size:13px;min-width:0;padding:8px 12px;transition:border-color .15s}.search-input:focus{border-color:#4f46e5;border-color:var(--accent);outline:none}.filter-tabs{background:#f5f4fb;background:var(--surface2);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:4px;padding:3px}.filter-tab{background:none;border:none;border-radius:5px;color:#6b6880;color:var(--text2);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.filter-tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 3px #0000001a;color:#1a1828;color:var(--text)}.bulk-bar{align-items:center;background:#eef2ff;background:var(--accent-bg);border:1px solid #c7d2fe;border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px 14px}.bulk-bar-info{color:#4f46e5;color:var(--accent);flex:1 1;font-size:13px;font-weight:600}.user-table{border-collapse:collapse;font-size:13px;width:100%}.user-table th{background:#f5f4fb;background:var(--surface2);border-bottom:1.5px solid #e4e2f0;border-bottom:1.5px solid var(--border);color:#6b6880;color:var(--text2);font-size:10px;font-weight:700;letter-spacing:.06em;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.user-table th:first-child{border-radius:6px 0 0 0}.user-table th:last-child{border-radius:0 6px 0 0}.user-table td{border-bottom:1px solid #e4e2f0;border-bottom:1px solid var(--border);padding:10px;vertical-align:middle}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:#f5f4fb;background:var(--surface2)}.user-table tr.selected td{background:#eef2ff;background:var(--accent-bg)}.user-name{color:#1a1828;color:var(--text);font-size:13px;font-weight:600}.user-email{color:#6b6880;color:var(--text2);font-size:11px;margin-top:1px}.user-nim{color:#a09dbb;color:var(--text3);font-family:monospace;font-size:11px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.badge-pending{background:#fef3c7;background:var(--amber-bg);border:1px solid #fcd34d;border:1px solid var(--amber-bdr);color:#92400e;color:var(--amber)}.badge-approved{background:#dcfce7;background:var(--green-bg);border:1px solid #86efac;border:1px solid var(--green-bdr);color:#166534;color:var(--green)}.badge-rejected{background:#fee2e2;background:var(--red-bg);border:1px solid #fca5a5;border:1px solid var(--red-bdr);color:#991b1b;color:var(--red)}.badge-inactive{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);color:#6b6880;color:var(--text2)}.badge-admin{background:#eef2ff;background:var(--accent-bg);border:1px solid #c7d2fe;color:#4f46e5;color:var(--accent)}.cb{accent-color:#4f46e5;accent-color:var(--accent);cursor:pointer;height:15px;width:15px}.action-row{align-items:center;display:flex;gap:4px}.action-row .btn-icon{font-size:12px;height:28px;width:28px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.modal{animation:fadeIn .2s ease;background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-md);max-width:420px;padding:1.5rem;width:100%}.modal-title{font-size:16px;font-weight:700;margin-bottom:10px}.modal-desc{color:#6b6880;color:var(--text2);font-size:13px;line-height:1.5;margin-bottom:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}@media (max-width:700px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-card{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;padding:1rem}.stat-label{color:#6b6880;color:var(--text2);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.stat-value{font-size:28px;font-weight:700;line-height:1.1}.stat-value.pending{color:#92400e;color:var(--amber)}.stat-value.approved{color:#166534;color:var(--green)}.stat-value.rejected{color:#991b1b;color:var(--red)}.stat-value.total{color:#4f46e5;color:var(--accent)}.stat-sub{color:#a09dbb;color:var(--text3);font-size:11px}.pending-page{align-items:center;background:#f0eff9;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.pending-card{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-md);max-width:480px;padding:2.5rem 2rem;text-align:center;width:100%}.pending-icon{font-size:56px;margin-bottom:1rem}.pending-title{font-size:22px;font-weight:700;margin-bottom:8px}.pending-sub{color:#6b6880;color:var(--text2);font-size:14px;line-height:1.6;margin-bottom:1.5rem}.pending-step{align-items:flex-start;background:#f5f4fb;background:var(--surface2);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:8px;padding:10px 14px;text-align:left}.pending-step-num{align-items:center;background:#4f46e5;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.pending-step-text{color:#6b6880;color:var(--text2);font-size:13px}.dropzone{background:#f5f4fb;background:var(--surface2);border:1.5px dashed #cdc9e8;border:1.5px dashed var(--border2);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:2rem 1.5rem;text-align:center;transition:all .15s}.dropzone.dragging,.dropzone:hover{background:#eef2ff;background:var(--accent-bg);border-color:#4f46e5;border-color:var(--accent)}.drop-icon{color:#a09dbb;color:var(--text3);display:block;margin:0 auto 12px}.drop-title{font-size:14px;font-weight:600;margin-bottom:4px}.drop-sub{color:#6b6880;color:var(--text2);font-size:12px}.file-chip{align-items:center;background:#eef2ff;background:var(--accent-bg);border:1px solid #c7d2fe;border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:10px;margin-top:10px;padding:9px 12px}.file-name{color:#4f46e5;color:var(--accent);flex:1 1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{background:none;border:none;color:#6b6880;color:var(--text2);cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.divider{align-items:center;color:#a09dbb;color:var(--text3);display:flex;font-size:12px;gap:12px;margin:.75rem 0}.divider:after,.divider:before{background:#e4e2f0;background:var(--border);content:"";flex:1 1;height:1px}.textarea{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1828;color:var(--text);font-size:13px;line-height:1.6;min-height:160px;padding:11px;resize:vertical;transition:border-color .15s;width:100%}.textarea:focus{border-color:#4f46e5;border-color:var(--accent);outline:none}.textarea::placeholder{color:#a09dbb;color:var(--text3)}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.char-count{color:#a09dbb;color:var(--text3);font-size:11px}.options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:.75rem 0}@media (max-width:600px){.options-grid{grid-template-columns:1fr}}.option-card{background:#fff;background:var(--surface);border:1.5px solid #e4e2f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:12px;transition:all .15s}.option-card.selected,.option-card:hover{border-color:#4f46e5;border-color:var(--accent)}.option-card.selected{background:#eef2ff;background:var(--accent-bg)}.option-title{font-size:12px;font-weight:700;margin-bottom:3px}.option-card.selected .option-title{color:#4f46e5;color:var(--accent)}.option-desc{color:#6b6880;color:var(--text2);font-size:11px;line-height:1.4}.indonesia-toggle{align-items:center;background:#f5f4fb;background:var(--surface2);border:1.5px solid #e4e2f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;margin:.75rem 0;padding:12px 14px;transition:all .15s}.indonesia-toggle:hover{background:#f0fdf4;border-color:#166534;border-color:var(--green)}.toggle-switch{background:#cdc9e8;background:var(--border2);border-radius:10px;flex-shrink:0;height:19px;position:relative;transition:background .2s;width:34px}.toggle-switch.on{background:#166534;background:var(--green)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;height:13px;left:3px;position:absolute;top:3px;transition:transform .2s;width:13px}.toggle-switch.on .toggle-knob{transform:translateX(15px)}.toggle-label{font-size:13px;font-weight:600}.toggle-sub{color:#6b6880;color:var(--text2);font-size:11px}.indo-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:3px}.src-badge{font-size:10px;margin-right:3px;padding:1px 7px}.src-badge,.status-pill{border-radius:20px;display:inline-block;font-weight:600}.status-pill{font-size:11px;padding:2px 9px}.progress-item{align-items:center;border-bottom:1px solid #e4e2f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:9px 0}.progress-item:last-child{border-bottom:none}.step-dot{align-items:center;background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.step-dot.running{background:#eef2ff;background:var(--accent-bg);border-color:#a5b4fc}.step-dot.done{background:#dcfce7;background:var(--green-bg);border-color:#86efac;border-color:var(--green-bdr)}.step-dot.error{background:#fee2e2;background:var(--red-bg);border-color:#fca5a5;border-color:var(--red-bdr)}.step-label{flex:1 1;font-size:13px}.step-status{color:#a09dbb;color:var(--text3);font-size:11px}.step-status.running{color:#4f46e5;color:var(--accent)}.step-status.done{color:#166534;color:var(--green)}.step-status.error{color:#991b1b;color:var(--red)}.spinner{animation:spin .7s linear infinite;border:1.5px solid #c7d2fe;border-radius:50%;border-top:1.5px solid var(--accent);height:11px;width:11px}.alert{border:1px solid;border-radius:6px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:10px;padding:9px 13px}.alert.info{background:#eef2ff;background:var(--accent-bg);border-color:#c7d2fe;color:#3730a3}.alert.success{background:#dcfce7;background:var(--green-bg);border-color:#86efac;border-color:var(--green-bdr);color:#166534;color:var(--green)}.alert.warning{background:#fef3c7;background:var(--amber-bg);border-color:#fcd34d;border-color:var(--amber-bdr);color:#92400e;color:var(--amber)}.alert.danger{background:#fee2e2;background:var(--red-bg);border-color:#fca5a5;border-color:var(--red-bdr)}.alert.danger,.link-btn{color:#991b1b;color:var(--red)}.link-btn{background:none;border:none;cursor:pointer;font-size:13px;text-decoration:underline}.score-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}@media (max-width:600px){.score-grid{grid-template-columns:1fr}}.score-card{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);padding:1rem;text-align:center}.score-label{color:#6b6880;color:var(--text2);font-size:10px;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.score-value{font-size:30px;font-weight:700;line-height:1.1;margin-bottom:4px}.score-value.low{color:#166534;color:var(--green)}.score-value.medium{color:#92400e;color:var(--amber)}.score-value.high{color:#991b1b;color:var(--red)}.score-sub{font-size:11px}.doc-meta,.score-sub{color:#6b6880;color:var(--text2)}.doc-meta{font-size:12px}.match-card{border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:7px;padding:12px}.match-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:7px}.match-title{font-size:13px;font-weight:600;line-height:1.4}.sim-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;padding:2px 9px}.sim-badge.tinggi{background:#fee2e2;background:var(--red-bg);color:#991b1b;color:var(--red)}.sim-badge.sedang{background:#fef3c7;background:var(--amber-bg);color:#92400e;color:var(--amber)}.sim-badge.rendah{background:#dcfce7;background:var(--green-bg);color:#166534;color:var(--green)}.match-excerpt{border-left:2px solid #cdc9e8;border-left:2px solid var(--border2);color:#6b6880;color:var(--text2);font-size:11px;font-style:italic;line-height:1.5;margin-bottom:7px;padding-left:9px}.match-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.meta-link{color:#4f46e5;color:var(--accent);font-size:11px}.meta-link:hover{text-decoration:underline}.meta-text{color:#6b6880;color:var(--text2);font-size:11px}.ref-item{align-items:flex-start;border:1px solid;border-radius:10px;border-radius:var(--radius);display:flex;gap:10px;margin-bottom:7px;padding:12px}.ref-item.valid{background:#f0fdf4;border-color:#86efac;border-color:var(--green-bdr)}.ref-item.suspect{background:#fef3c7;background:var(--amber-bg);border-color:#fcd34d;border-color:var(--amber-bdr)}.ref-item.hallucinated{background:#fee2e2;background:var(--red-bg);border-color:#fca5a5;border-color:var(--red-bdr)}.ref-item.error{background:#f5f4fb;background:var(--surface2);border-color:#e4e2f0;border-color:var(--border)}.ref-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:21px;justify-content:center;margin-top:1px;width:21px}.ref-icon.valid{background:#bbf7d0;color:#166534;color:var(--green)}.ref-icon.suspect{background:#fde68a;color:#92400e;color:var(--amber)}.ref-icon.hallucinated{background:#fecaca;color:#991b1b;color:var(--red)}.ref-icon.error{background:#e4e2f0;background:var(--border);color:#6b6880;color:var(--text2)}.ref-body{flex:1 1;min-width:0}.ref-title{font-size:13px;font-weight:600;margin-bottom:2px}.ref-authors{color:#6b6880;color:var(--text2);margin-bottom:4px}.ref-authors,.ref-note{font-size:11px}.ref-note.valid{color:#166534;color:var(--green)}.ref-note.suspect{color:#92400e;color:var(--amber)}.ref-note.hallucinated{color:#991b1b;color:var(--red)}.ref-found,.ref-note.error{color:#6b6880;color:var(--text2)}.ref-found{font-size:10px;font-style:italic;margin-top:3px}.ref-indo-info{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.sinta-badge{background:#eef2ff;background:var(--accent-bg);border:1px solid #c7d2fe;border-radius:20px;color:#4f46e5;color:var(--accent);display:inline-block;font-size:10px;font-weight:700;margin-right:4px;padding:1px 7px}.ai-bar-wrapper{margin:8px 0 14px}.ai-bar-top{color:#6b6880;color:var(--text2);display:flex;font-size:12px;justify-content:space-between;margin-bottom:5px}.ai-bar-bg{background:#f5f4fb;background:var(--surface2);border-radius:4px;height:7px;margin-bottom:5px;overflow:hidden}.ai-bar-fill{border-radius:4px;height:100%;transition:width 1s ease}.ai-bar-fill.low,.ai-bar-fill.rendah{background:#22c55e}.ai-bar-fill.medium,.ai-bar-fill.sedang{background:#f59e0b}.ai-bar-fill.high,.ai-bar-fill.tinggi{background:#ef4444}.ai-bar-labels{color:#a09dbb;color:var(--text3);display:flex;font-size:10px;justify-content:space-between}.metrics-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin-top:10px}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr 1fr}}.metric-card{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);padding:9px 10px}.metric-label{color:#6b6880;color:var(--text2);font-size:10px;margin-bottom:3px}.metric-value{font-size:14px;font-weight:700}.result-tabs{border-bottom:1px solid #e4e2f0;border-bottom:1px solid var(--border);display:flex;gap:3px;margin-bottom:0}.result-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b6880;color:var(--text2);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;margin-bottom:-1px;padding:7px 14px;transition:color .15s}.result-tab:hover{color:#1a1828;color:var(--text)}.result-tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--accent);color:#4f46e5;color:var(--accent);font-weight:600}.tab-badge{align-items:center;background:#f5f4fb;background:var(--surface2);border-radius:9px;color:#6b6880;color:var(--text2);display:inline-flex;font-size:10px;font-weight:700;height:17px;justify-content:center;min-width:17px;padding:0 4px}.tab-badge.indo{background:#dcfce7;color:#166534;color:var(--green)}.hl-stat-row{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr);margin-bottom:10px}@media (max-width:700px){.hl-stat-row{grid-template-columns:repeat(3,1fr)}}.hl-stat-card{align-items:center;border:2px solid #0000;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:9px 7px;text-align:center;transition:transform .12s}.hl-stat-card:hover{transform:translateY(-2px)}.hl-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.hl-legend-item{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:11px;overflow:hidden;padding-right:7px}.hl-sentences{display:flex;flex-direction:column;gap:4px;max-height:550px;overflow-y:auto;padding-right:3px}.hl-sentences::-webkit-scrollbar{width:4px}.hl-sentences::-webkit-scrollbar-thumb{background:#cdc9e8;background:var(--border2);border-radius:2px}.hl-sentence{align-items:flex-start;border:1px solid;border-radius:6px;border-radius:var(--radius-sm);display:flex;overflow:hidden}.history-table{border-collapse:collapse;font-size:12px;width:100%}.history-table th{background:#f5f4fb;background:var(--surface2);border-bottom:1.5px solid #e4e2f0;border-bottom:1.5px solid var(--border);color:#6b6880;color:var(--text2);font-size:10px;font-weight:700;letter-spacing:.05em;padding:7px 9px;text-align:left;text-transform:uppercase;white-space:nowrap}.history-table td{border-bottom:1px solid #e4e2f0;border-bottom:1px solid var(--border);padding:8px 9px;vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{background:#f5f4fb;background:var(--surface2)}.td-mono{font-family:monospace;font-size:11px}.td-date,.td-mono{color:#a09dbb;color:var(--text3)}.td-date{white-space:nowrap}.score-inline{font-size:12px;font-weight:700}.score-inline.low{color:#166534;color:var(--green)}.score-inline.medium{color:#92400e;color:var(--amber)}.score-inline.high{color:#991b1b;color:var(--red)}.warn-dot{color:#92400e;color:var(--amber);margin-left:3px}.btn-xs{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;margin-right:3px;padding:3px 8px}.btn-xs:hover{background:#e4e2f0;background:var(--border)}.empty-note{color:#6b6880;color:var(--text2);font-size:13px;padding:.75rem 0}.prodi-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:.75rem}.prodi-tab{background:#fff;background:var(--surface);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:20px;color:#6b6880;color:var(--text2);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:5px 12px;transition:all .15s}.prodi-tab:hover{border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.prodi-tab.active{background:#1a1828;background:var(--text);border-color:#1a1828;border-color:var(--text);color:#fff}.rank-filter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.75rem}.rank-btn{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);color:#6b6880;color:var(--text2);cursor:pointer;font-family:inherit;padding:3px 9px;transition:all .15s}.rank-btn,.sinta-rank{border-radius:4px;font-size:11px;font-weight:700}.sinta-rank{display:inline-block;padding:1px 7px}.sinta-rank.S1{background:#dcfce7;color:#166534}.sinta-rank.S2{background:#dbeafe;color:#1e40af}.sinta-rank.S3{background:#fef3c7;color:#92400e}.sinta-rank.S4{background:#f3f4f6;color:#6b7280}.sinta-rank.S5{background:#f9fafb;color:#9ca3af}.stats-row{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr);margin-bottom:.75rem}@media (max-width:700px){.stats-row{grid-template-columns:1fr 1fr}}.stat-mini{background:#f5f4fb;background:var(--surface2);border:1px solid #e4e2f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:9px 10px;text-align:center;transition:border-color .15s}.stat-mini:hover{border-color:#4f46e5;border-color:var(--accent)}.stat-mini-label{color:#6b6880;color:var(--text2);font-size:10px;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.stat-mini-val{color:#1a1828;color:var(--text);font-size:18px;font-weight:700}.stat-mini-sub{color:#a09dbb;color:var(--text3);font-size:10px}.result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.analysis-id{color:#a09dbb;color:var(--text3);font-family:monospace;font-size:11px}.action-row-bottom{border-top:1px solid #e4e2f0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:7px;margin-top:.25rem;padding-top:.75rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--surface:#fff;--surface2:#f0efe9;--border:#e2e0d8;--border2:#ccc9be;--text:#1a1916;--text2:#6b6860;--text3:#9e9b93;--accent:#1d4ed8;--accent-bg:#eff6ff;--green:#166534;--green-bg:#f0fdf4;--amber:#92400e;--amber-bg:#fffbeb;--red:#991b1b;--red-bg:#fef2f2;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a}body{-webkit-font-smoothing:antialiased;background:#f5f4f0;background:var(--bg);color:#1a1916;color:var(--text);font-family:DM Sans,-apple-system,sans-serif;font-size:15px;line-height:1.6}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc9be;background:var(--border2);border-radius:3px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}