@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root,[data-theme=light]{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card-solid:#fff;--bg-sidebar:#fff;--border-color:#e2e8f0;--border-highlight:#0b41824d;--brand-blue:#0b4182;--brand-red:#b81d34;--primary-gold:#0b4182;--primary-gold-hover:#082e66;--gold-glow:#0b418226;--cyan-accent:#0284c7;--cyan-glow:#0284c726;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--modal-overlay-bg:#0f172a99;--modal-bg:#fff;--shadow-lg:0 10px 30px -5px #00000014;--shadow-glow:0 4px 14px #0b418226;--header-bg:#ffffffe6}[data-theme=dark]{--bg-dark:#070c18;--bg-card:#0f172abf;--bg-card-hover:#1e293bd9;--bg-card-solid:#0f172a;--bg-sidebar:#050914;--border-color:#ffffff14;--border-highlight:#f59e0b4d;--brand-blue:#38bdf8;--brand-red:#f87171;--primary-gold:#f59e0b;--primary-gold-hover:#d97706;--gold-glow:#f59e0b2e;--cyan-accent:#0ea5e9;--cyan-glow:#0ea5e92e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--modal-overlay-bg:#050914d9;--modal-bg:#0f172a;--shadow-lg:0 10px 30px -5px #00000080;--shadow-glow:0 0 25px #f59e0b26;--header-bg:#070c18d9}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1e293b}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px;transition:all .25s}.glass-panel:hover{border-color:var(--border-highlight)}.glass-panel-gold{background:linear-gradient(135deg, #0b41820f 0%, var(--bg-card) 100%);border:1px solid #0b418233}[data-theme=dark] .glass-panel-gold{background:linear-gradient(135deg,#f59e0b14 0%,#0f172acc 100%);border:1px solid #f59e0b40}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b4182 0%,#082e66 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0b418240}[data-theme=dark] .btn-primary{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0b418259}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.btn-danger{color:#dc2626;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}[data-theme=dark] .btn-danger{color:#ef4444;background:#ef444426}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-main)}.badge{border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-ku{color:#0b4182;background:#0b41821f;border:1px solid #0b418240}.badge-per{color:#b81d34;background:#b81d341f;border:1px solid #b81d3440}.badge-hr{color:#059669;background:#10b9811f;border:1px solid #10b98140}.badge-hk{color:#7e22ce;background:#a855f71f;border:1px solid #a855f740}[data-theme=dark] .badge-ku{color:#60a5fa;background:#3b82f626}[data-theme=dark] .badge-per{color:#fca5a5;background:#ef444426}[data-theme=dark] .badge-hr{color:#34d399;background:#10b98126}[data-theme=dark] .badge-hk{color:#c084fc;background:#a855f726}.badge-sangat-rahasia{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}.badge-rahasia{color:#c2410c;background:#f9731626;border:1px solid #f973164d}.badge-terbatas{color:#a16207;background:#eab30826;border:1px solid #eab3084d}.badge-biasa{color:#475569;background:#94a3b826;border:1px solid #94a3b84d}[data-theme=dark] .badge-sangat-rahasia{color:#fca5a5}[data-theme=dark] .badge-rahasia{color:#fdba74}[data-theme=dark] .badge-terbatas{color:#fde047}[data-theme=dark] .badge-biasa{color:#cbd5e1}.badge-status-aktif{color:#059669;background:#10b98126;border:1px solid #10b9814d}.badge-status-inaktif{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-status-statis{color:#2563eb;background:#3b82f626;border:1px solid #3b82f64d}.badge-status-dimusnahkan{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}[data-theme=dark] .badge-status-aktif{color:#34d399}[data-theme=dark] .badge-status-inaktif{color:#fbbf24}[data-theme=dark] .badge-status-statis{color:#60a5fa}[data-theme=dark] .badge-status-dimusnahkan{color:#fca5a5}.input-field{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:.65rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;transition:all .2s}.input-field:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b418226}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--modal-bg);border:1px solid var(--border-color);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.code-text{font-family:JetBrains Mono,monospace;font-size:.825rem}.pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot-green{background:#10b981;box-shadow:0 0 8px #10b981}.pulse-dot-amber{background:#f59e0b;box-shadow:0 0 8px #f59e0b}