/* HEXA API responsive dark theme v2 */
:root{--hx-primary:#8b5cf6;--hx-ink:#edf4ff;--hx-muted:#91a0b8;--hx-line:#24334a;--hx-bg:#070b16;color-scheme:dark}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:#070b16!important;color:#edf4ff!important}
button,a,input,select,textarea{touch-action:manipulation}button,a{transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
input,select,textarea{max-width:100%;font-size:16px!important}img,svg,canvas,video{max-width:100%}table{width:100%;border-collapse:collapse}th,td{overflow-wrap:anywhere}
.bg-gray-100,.bg-gray-50,.bg-slate-50,.bg-white{background-color:#101827!important;color:#edf4ff!important}.text-gray-900,.text-gray-800,.text-gray-700,.text-slate-900,.text-slate-800,.text-slate-700{color:#edf4ff!important}.text-gray-600,.text-gray-500,.text-slate-600,.text-slate-500{color:#a2b0c5!important}.border,.border-b,.border-t,.border-gray-100,.border-gray-200,.border-slate-100,.border-slate-200{border-color:#24334a!important}.shadow,.shadow-sm,.shadow-md,.shadow-lg{box-shadow:0 12px 28px #0003!important}.bg-indigo-50,.bg-blue-50{background:#18233c!important}.bg-green-50,.bg-emerald-50{background:#0c2b25!important}.bg-red-50{background:#31151d!important}.bg-yellow-50{background:#302613!important}
input,select,textarea{background:#091322!important;color:#edf4ff!important;border-color:#30415b!important}input::placeholder,textarea::placeholder{color:#71819b!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8b5cf680;outline-offset:2px}
@media(max-width:768px){.main-content{margin-left:0!important;width:100%;min-width:0}.sidebar{z-index:1200}main,.p-8,.px-8,.p-6,.px-6{max-width:100%;min-width:0}.overflow-x-auto{max-width:100%;-webkit-overflow-scrolling:touch}.grid{min-width:0}.api-card,.stat-card,.setting-card{min-width:0}.mobile-menu-btn{position:fixed}input,select,textarea{width:100%;box-sizing:border-box}table{min-width:620px}.rounded-2xl{border-radius:1.1rem}.bottom-nav{padding:8px 5px calc(8px + env(safe-area-inset-bottom));gap:3px}.nav-item{font-size:11px;min-width:0}}
@media(min-width:769px) and (max-width:1100px){.main-content{margin-left:250px!important}.sidebar{width:250px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}