/* HEXAAPI global dark design system — shared by all HTML pages */
:root{color-scheme:dark;--hx-bg:#070b14;--hx-bg2:#0b1220;--hx-panel:#101a2b;--hx-panel2:#142137;--hx-line:#26364d;--hx-text:#edf4ff;--hx-muted:#9aaac0;--hx-violet:#8b5cf6;--hx-cyan:#22d3ee;--hx-green:#34d399;--hx-red:#fb7185;--hx-radius:16px}
html{background:var(--hx-bg);scroll-behavior:smooth}body{background:radial-gradient(ellipse at 12% -5%,#18264b 0,transparent 38%),radial-gradient(ellipse at 95% 4%,#102c37 0,transparent 26%),var(--hx-bg)!important;color:var(--hx-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.55}body *{box-sizing:border-box}h1,h2,h3,h4,h5{color:var(--hx-text)}p,small,.text-gray-500,.text-gray-600,.text-gray-700,.text-slate-500,.text-slate-600{color:var(--hx-muted)}a{transition:color .16s ease,border-color .16s ease,background .16s ease}a:not([class]){color:#9fdcff}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{background:#0a1322!important;color:var(--hx-text)!important;border:1px solid var(--hx-line)!important;border-radius:11px!important;min-height:42px;max-width:100%}input::placeholder,textarea::placeholder{color:#6f8099!important}input:focus,select:focus,textarea:focus{outline:2px solid #8b5cf655!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}button,input[type=submit],input[type=button],.btn,.button{cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover,.btn:hover,.button:hover{filter:brightness(1.12)}button:active,.btn:active{transform:translateY(1px)}
/* Common cards and panels */
.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200,.bg-slate-50,.bg-slate-100,.bg-white\/90,.bg-gray-50\/80{background:linear-gradient(145deg,#121e30,#0d1523)!important;color:var(--hx-text)!important}.bg-gray-800,.bg-gray-900,.bg-slate-800,.bg-slate-900{background:#0a1220!important;color:var(--hx-text)!important}.border,.border-gray-100,.border-gray-200,.border-gray-300,.border-slate-100,.border-slate-200,.divide-gray-200>*+*{border-color:var(--hx-line)!important}.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:0 16px 38px #0003!important}.rounded,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl{border-radius:var(--hx-radius)!important}.text-gray-900,.text-gray-800,.text-gray-700,.text-slate-900,.text-slate-800,.text-slate-700{color:var(--hx-text)!important}.text-gray-400,.text-slate-400{color:#91a0b8!important}.text-indigo-600,.text-blue-600{color:#a5b4fc!important}.bg-indigo-600,.bg-blue-600,.bg-violet-600{background:linear-gradient(120deg,#7c3aed,#4f46e5)!important;color:white!important}.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover{background:#19263a!important}
/* Buttons, labels, feedback */
button,.btn-primary,.button-primary{border-radius:10px}.bg-green-100,.bg-emerald-100{background:#073327!important;color:#a7f3d0!important}.text-green-800,.text-emerald-800{color:#a7f3d0!important}.bg-red-100,.bg-rose-100{background:#35141e!important;color:#fecdd3!important}.text-red-800,.text-rose-800{color:#fecdd3!important}.bg-yellow-100,.bg-amber-100{background:#382810!important;color:#fde68a!important}.text-yellow-800,.text-amber-800{color:#fde68a!important}.bg-blue-100,.bg-indigo-100{background:#17264b!important;color:#c7d2fe!important}.text-blue-800,.text-indigo-800{color:#c7d2fe!important}
/* Tables, lists, code */
table{width:100%;border-collapse:separate;border-spacing:0;color:var(--hx-text)!important;background:transparent!important}thead th{background:#111d30!important;color:#bdcbe0!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}th,td{border-color:var(--hx-line)!important;padding:.8rem .85rem}tbody tr{background:#0e1828!important}tbody tr:nth-child(even){background:#101c2d!important}tbody tr:hover{background:#17253a!important}pre,code,.font-mono{overflow-wrap:anywhere;white-space:pre-wrap}pre{background:#050a12!important;color:#b7f7d5!important;border:1px solid var(--hx-line);border-radius:12px;padding:14px;max-width:100%;overflow:auto}hr{border-color:var(--hx-line)!important}
/* Legacy admin layout */
.sidebar,.admin-sidebar,aside{background:#0a1220!important;border-color:var(--hx-line)!important;color:var(--hx-text)!important}nav a{max-width:100%}.sidebar-active{background:linear-gradient(120deg,#6d28d9,#4338ca)!important;color:white!important}.fixed.inset-0 .bg-black{background:#000b!important}
/* Keep content usable on narrow screens */
img,svg,canvas,video{max-width:100%}form{max-width:100%} .overflow-x-auto{max-width:100%;-webkit-overflow-scrolling:touch} .container{width:100%;max-width:1440px} .max-w-7xl,.max-w-6xl,.max-w-5xl{max-width:min(100% - 24px,1440px)}
@media(max-width:768px){body{font-size:14px}main,.container,.max-w-7xl,.max-w-6xl,.max-w-5xl{max-width:100%!important}.p-8{padding:1rem!important}.p-6{padding:1rem!important}.px-8{padding-left:1rem!important;padding-right:1rem!important}.py-8{padding-top:1rem!important;padding-bottom:1rem!important}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))!important}.flex-wrap{row-gap:.55rem}.overflow-x-auto table{min-width:680px}th,td{padding:.65rem .7rem}.text-4xl{font-size:1.9rem!important}.text-3xl{font-size:1.6rem!important}.text-2xl{font-size:1.35rem!important}.fixed.inset-y-0{max-width:88vw}.md\:ml-64{margin-left:0!important}}
@media(min-width:769px) and (max-width:1100px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}