/* Custom CSS yang diekstrak dari <style> tag */
body { background-color: #0f172a; color: #e2e8f0; }
.glass-card { background: #1e293b; border: 1px solid #334155; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.nav-active { color: #818cf8; }

/* Dashboard Specific */
.toggle-checkbox:checked { right: 0; border-color: #6366f1; }
.toggle-checkbox:checked + .toggle-label { background-color: #6366f1; }

/* Panduan Specific */
pre { background: #0f172a; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; border: 1px solid #334155; font-size: 0.8rem; }
.code-keyword { color: #c084fc; } 
.code-func { color: #60a5fa; } 
.code-str { color: #4ade80; } 
.code-comment { color: #64748b; font-style: italic; }

/* Table & Forms */
.checkbox-custom { accent-color: #6366f1; width: 16px; height: 16px; }
.page-btn { padding: 0.5rem 0.75rem; border: 1px solid #334155; background: #0f172a; color: #94a3b8; font-size: 0.875rem; }
.page-btn.active { background: #6366f1; color: white; border-color: #6366f1; }
.form-input { background-color: #0f172a; border: 1px solid #334155; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; width: 100%; font-size: 0.875rem; }
.file-upload-box { border: 2px dashed #475569; padding: 1.5rem; text-align: center; border-radius: 0.75rem; cursor: pointer; transition: all 0.3s; }
.file-upload-box:hover { border-color: #6366f1; background: rgba(99, 102, 241, 0.05); }

/* Login */
.input-field { background-color: #1e293b; border: 1px solid #334155; transition: all 0.3s ease; }
.input-field:focus { border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1); outline: none; }
.blob { position: absolute; filter: blur(80px); z-index: 0; opacity: 0.5; }