@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#f6f7fb;--bg-secondary:#fff;--bg-subtle:#f8fafc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--card-solid-bg:#fff;--input-bg:#fff;--modal-bg:#fff;--table-head-bg:#f8fafc;--nav-bg:#ffffffd9;--border-color:#0f172a14;--border-color-solid:#e2e8f0;--border-color-glow:#6366f159;--surface-tint:#0f172a0a;--surface-tint-hover:#0f172a14;--scrollbar-track:#0f172a0a;--scrollbar-thumb:#0f172a2e;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#a855f7;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--btn-color:#0f2257;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--label-color:#334155;--whatsapp-color:#1fa855;--telegram-color:#1c8ec9;--sms-color:#2563eb;--email-color:#db2777;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0d;--bg-subtle:#111114;--bg-card:#111114eb;--bg-card-hover:#18181c;--card-solid-bg:#0a0a0d;--input-bg:#111114;--modal-bg:#0a0a0d;--table-head-bg:#111114;--nav-bg:#050507d9;--border-color:#ffffff14;--border-color-solid:#232328;--border-color-glow:#818cf866;--surface-tint:#ffffff0d;--surface-tint-hover:#ffffff17;--scrollbar-track:#ffffff0a;--scrollbar-thumb:#ffffff29;--text-main:#f4f4f6;--text-muted:#a3a3ad;--text-dim:#71717a;--label-color:#c1c1c9}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,#6366f114 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f70f 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}[data-theme=dark] body{background-image:radial-gradient(circle at 15% 10%,#6366f129 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f71f 0%,#0000 40%)}.glass-card{background:var(--card-solid-bg);border:1px solid var(--border-color-solid);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -14px #0f172a1f}[data-theme=dark] .glass-card{box-shadow:0 10px 30px -14px #0009}.glass-card:hover{border-color:#0f172a24;box-shadow:0 18px 40px -16px #0f172a29,0 0 0 1px #6366f114}[data-theme=dark] .glass-card:hover{border-color:#ffffff29;box-shadow:0 18px 40px -16px #000000b3,0 0 0 1px #818cf81f}.glass-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color-solid)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.btn-primary{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #02061759;color:#fff!important}.btn-primary:hover{filter:brightness(1.4);transform:translateY(-2px);box-shadow:0 6px 20px #02061773}.btn-secondary{background:var(--surface-tint);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-tint-hover);border-color:var(--border-color-solid)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{filter:none;background:var(--surface-tint);border-color:var(--border-color);box-shadow:none;transform:none}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-whatsapp{color:#178a45;background:#1fa8551f;border:1px solid #1fa85540}.badge-telegram{color:#1877a8;background:#1c8ec91f;border:1px solid #1c8ec940}.badge-sms{color:#1d4ed8;background:#2563eb1f;border:1px solid #2563eb40}.badge-email{color:#be185d;background:#db27771f;border:1px solid #db277740}.badge-success{color:#047857;background:#0596691f;border:1px solid #05966940}.badge-warning{color:#b45309;background:#d977061f;border:1px solid #d9770640}.badge-danger{color:#be123c;background:#e11d481f;border:1px solid #e11d4840}.pulse-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #05966999}70%{transform:scale(1);box-shadow:0 0 0 8px #05966900}to{transform:scale(.95);box-shadow:0 0 #05966900}}.form-input{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);padding:.75rem 1rem;font-size:.9rem;transition:all .2s}select.form-input{cursor:pointer;background-color:var(--input-bg)!important;color:var(--text-main)!important}select.form-input option{padding:.5rem;background-color:var(--input-bg)!important;color:var(--text-main)!important}.form-input:focus{border-color:var(--accent-primary);background:var(--input-bg);outline:none;box-shadow:0 0 0 3px #6366f126}.form-label{color:var(--label-color);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.custom-table{border-collapse:separate;border-spacing:0;width:100%}.table-scroll{padding-right:1.25rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000 100%)}.custom-table th{background:var(--table-head-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color-solid);padding:.85rem 1.25rem;font-size:.75rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:1rem 1.25rem;font-size:.875rem}.custom-table tr:hover td{background:#6366f108}.code-box{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);color:#f8fafc;background:#0f172a;padding:1.25rem;font-size:.85rem;position:relative;overflow-x:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.modal-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:999999!important;background:#0f172a73!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:1.5rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.scrollbar-hidden{scrollbar-width:none!important;-ms-overflow-style:none!important}.scrollbar-hidden::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-content{background:var(--modal-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;width:100%!important;max-width:520px!important;max-height:min(90vh,680px)!important;margin:auto!important;padding:1.75rem!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #6366f10f!important}[data-theme=dark] img[alt=OTPStack]{border-radius:var(--radius-sm);background:#fff;padding:4px 8px}.dashboard-topbar,.dashboard-main{margin-left:260px}.dashboard-sidebar{transition:transform .25s}.mobile-menu-btn,.sidebar-backdrop{display:none}@media (width<=900px){.dashboard-topbar,.dashboard-main{margin-left:0}.dashboard-topbar{padding-left:1.25rem!important;padding-right:1.25rem!important}.dashboard-main{padding:1.25rem!important}.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.mobile-menu-btn{display:inline-flex!important}.hide-mobile{display:none!important}.sidebar-backdrop.sidebar-open{z-index:39;background:#0f172a80;display:block;position:fixed;inset:0}}